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

@media (max-width: 860px) {
  .section-grid { grid-template-columns: 1fr; margin-top: 1rem; }
  .dashboard-layout { grid-template-columns: 1fr; }
  .sidebar { position: static; height: auto; }
  .sidebar nav { grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: none; }
}

@media (max-width: 560px) {
  .hero-section { min-height: 76vh; }
  .metric-grid { grid-template-columns: 1fr; }
  .mini-chart-row { grid-template-columns: 82px 1fr 42px; }
  .sidebar nav { grid-template-columns: 1fr; }
  .login-card { padding: 1.25rem; }
}