@media(max-width:700px){
  aside{position:sticky!important;top:0;z-index:40;display:grid!important;grid-template-columns:1fr auto;height:auto!important;padding:10px 12px 8px!important}
  .side-brand{padding:2px 4px}.side-brand img{width:38px;height:38px}.side-brand span{display:block!important;max-width:180px;font-size:13px}
  .side-bottom{align-self:center}.side-bottom .link-btn{font-size:12px;padding:8px}
  aside nav{display:flex!important;grid-column:1/-1;gap:6px;margin:8px -2px 0;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}
  aside nav::-webkit-scrollbar{display:none}
  aside .nav{display:block;flex:0 0 auto;font-size:11px!important;white-space:nowrap;padding:9px 11px;border-radius:10px}
  aside .nav:before{display:none!important}
  .workspace{padding:18px 12px 42px}
  .workspace>header{gap:10px;margin-bottom:18px}.workspace h1{font-size:24px}
  .header-actions{gap:7px}.header-actions .ghost{padding:8px 10px}.badge{padding:7px 9px;font-size:10px}
  .brand-hero,.hero-overlay{min-height:165px}.hero-overlay{padding:16px;gap:12px}.hero-overlay img{width:58px;height:58px}.hero-overlay h2{font-size:22px}
  .metric-grid{gap:10px;margin:12px 0}.metric-grid article,.panel{padding:17px;border-radius:17px}.metric-grid strong{font-size:30px;margin:6px 0 2px}
  .login-shell{padding:14px}.login-card{padding:26px 20px;border-radius:24px}.login-card h1{font-size:28px}
}