@media (max-width: 1180px){
  .dashboard-grid{grid-template-columns:repeat(2,1fr)}
  .content-three-col{grid-template-columns:1fr}
}
@media (max-width: 960px){
  .sidebar{position:fixed;top:0;left:-300px;height:100vh;z-index:1200}
  .sidebar.show{left:0}
  .main-area{padding:16px;padding-bottom:96px}
  .content-two-col,.form-grid-2,.form-grid-3{grid-template-columns:1fr}
}
@media (max-width: 768px){
  .dashboard-grid{grid-template-columns:1fr}
  .topbar{padding:14px;border-radius:18px}
  .topbar-title h2{font-size:20px}
  .mobile-bottom-nav{display:block}
}
@media (max-width: 560px){
  .panel-card,.stat-card,.wallet-hero-card{padding:18px;border-radius:20px}
  .auth-card{padding:24px;border-radius:24px}
  .auth-card h1{font-size:28px}
}