/* ========== MOBILE ========== */
.mobile-menu-btn { display: none; }
@media (max-width: 768px) {
  .sidebar { transform: translateX(-100%); }
  .sidebar.open { transform: translateX(0); }
  .main { margin-left: 0; }
  .mobile-menu-btn { display: flex; }
  .dashboard-stats { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: 1fr; }
  .grid-2 { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .search-box { width: 200px; }
}
@media (max-width: 480px) {
  .dashboard-stats { grid-template-columns: 1fr; }
  .search-box { display: none; }
}

/* ========== UTILITY ========== */
.hidden { display: none !important; }
.flex-center { display: flex; align-items: center; justify-content: center; }
.text-right { text-align: right; }
.mb-16 { margin-bottom: 16px; }
.mb-24 { margin-bottom: 24px; }
.gap-8 { gap: 8px; }
.flex { display: flex; }
.items-center { align-items: center; }
.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }