@media (max-width: 1100px) {
  .metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
  .login-card { grid-template-columns: 1fr; padding: 28px; }
  .admin-shell { grid-template-columns: 1fr; }
  .sidebar { position: static; min-height: auto; }
  .sidebar-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workspace { padding: 20px; }
  .summary-columns { grid-template-columns: 1fr; }
  .compact-card { grid-column: auto; }
}

@media (max-width: 560px) {
  .login-shell { padding: 14px; }
  .login-card { padding: 20px; }
  .metrics-grid { grid-template-columns: 1fr; }
  .sidebar-nav { grid-template-columns: 1fr; }
  .workspace-header,
  .section-heading,
  .panel-title { align-items: flex-start; flex-direction: column; }
  .button { width: 100%; }
}