@media (max-width: 1180px) {
  .stat-grid { grid-template-columns: repeat(2, 1fr); }
  .dash-grid { grid-template-columns: 1fr; }
  .profile-grid { grid-template-columns: 1fr; }
}

@media (max-width: 960px) {
  .auth-wrap { grid-template-columns: 1fr; }
  .auth-right { display: none; }
  .auth-left { padding: 16px; max-width: min(560px, 92vw); }
}

@media (max-width: 860px) {
  :root { --sidebar-w: 76px; }
  .sidebar { padding: 18px 10px; }
  .sidebar .brand span,
  .sidebar .nav-item span,
  .sidebar .nav-section { display: none; }
  .sidebar .brand { justify-content: center; }
  .sidebar .nav-item { justify-content: center; padding: 12px; }
  .sidebar-user { justify-content: center; padding: 8px; }
  .sidebar-user-meta { display: none; }
  .form-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .stat-grid { grid-template-columns: 1fr; }
  .topbar { padding: 14px 16px; gap: 10px; }
  .content { padding: 6px 16px 24px; }
  .page-head h1 { font-size: 22px; }
  .auth-card { padding: 24px; }
  .code-inputs input { width: 44px; height: 52px; font-size: 18px; }
  .product-grid { grid-template-columns: 1fr; }
}