@media (max-width:640px){
  html{font-size:15px;-webkit-text-size-adjust:100%}
  body{overflow-x:hidden;background:#070a0f}
  .app-shell{display:block!important;min-height:100dvh}
  .app-content{margin:0!important;padding-bottom:76px!important;min-width:0}
  .app-topbar{position:sticky!important;top:0;height:56px!important;padding:0 13px!important;z-index:20!important}
  .mobile-brand{display:flex!important;min-width:0}
  .mobile-brand img{width:104px!important;height:25px!important;max-width:48vw;object-position:left center}
  .account-menu summary{min-height:38px!important;padding:5px 4px 5px 8px!important;gap:7px!important}
  .account-copy strong{max-width:105px;font-size:11px!important}
  .account-copy small{display:none!important}
  .account-popover{right:0!important;top:45px!important;width:196px!important}
  .sidebar{display:block!important;position:fixed!important;inset:auto 0 0 0!important;width:100%!important;height:64px!important;padding:6px 8px!important;margin:0!important;border:0!important;border-top:1px solid #1d2a3a!important;background:rgba(8,12,18,.98)!important;z-index:30!important;backdrop-filter:blur(16px)}
  .sidebar-brand,.nav-label,.sidebar-foot{display:none!important}
  .sidebar-nav{display:flex!important;width:100%!important;height:100%!important;gap:3px!important}
  .nav-item,.nav-item.active{display:flex!important;flex:1 1 0!important;min-width:0!important;height:52px!important;min-height:0!important;padding:5px 2px!important;gap:3px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;border-radius:6px!important;background:transparent!important;font-size:9px!important;line-height:1!important}
  .nav-item.active{background:#101c29!important;color:#dff8ff!important}
  .nav-item.active:before{display:none!important}
  .nav-item>span:last-child{display:block!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px!important}
  .nav-icon,.nav-icon svg{width:17px!important;height:17px!important}
  .container{width:100%!important;padding:22px 14px 28px!important}
  .page-head{display:block!important;margin-bottom:20px!important}
  .page-head h1{font-size:25px!important;line-height:1.15}
  .page-head .muted{font-size:12px!important;line-height:1.45}
  .head-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;margin-top:16px!important;gap:8px!important}
  .head-actions .btn{width:100%!important;min-width:0!important;padding-inline:8px!important}
  .card,.usage-card,.health-card,.recent-card{padding:16px!important;border-radius:8px!important}
  .metric-grid{grid-template-columns:1fr 1fr!important;border-radius:8px!important;margin-bottom:10px!important}
  .metric{min-width:0;padding:14px 13px!important}
  .metric>span{min-height:25px;font-size:9px!important;line-height:1.25}
  .metric strong{font-size:21px!important;overflow-wrap:anywhere}
  .metric strong em{display:block;margin-top:2px;font-size:10px!important}
  .metric small{font-size:9px!important;line-height:1.25}
  .dashboard-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-bottom:10px!important}
  .health-card{display:block!important}
  .card-head{margin-bottom:16px!important}
  .card-head h2,.health-card h2{font-size:15px!important}
  .usage-name,.usage-breakdown{gap:8px!important;font-size:10px!important}
  .usage-name span{white-space:nowrap}
  .availability strong{font-size:34px!important}
  .health-line{grid-template-columns:54px 24px 1fr!important}
  .form-shell{display:block!important}
  .form-aside{display:none!important}
  .form-main{width:100%!important}
  .form-section{padding:21px 16px!important}
  .form-section h2{font-size:16px!important}
  .form-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:16px!important;gap:14px!important}
  .form-actions>div{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important}
  .form-actions .btn{width:100%!important;padding-inline:8px!important}
  .toggle-grid{grid-template-columns:1fr!important;gap:8px!important}
  .toggle-card{padding:13px!important}
  .grid2{grid-template-columns:1fr!important;gap:0!important}
  .search{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;margin-bottom:14px!important}
  .search .btn{min-width:76px!important}
  .table-wrap{overflow:visible!important;margin:0!important;border:0!important;background:transparent!important}
  .table-wrap:after{display:none!important}
  table.mobile-cards,table.mobile-cards tbody,table.mobile-cards tr,table.mobile-cards td{display:block!important;width:100%!important}
  table.mobile-cards thead{display:none!important}
  table.mobile-cards{background:transparent!important}
  table.mobile-cards tr{margin:0 0 10px!important;padding:3px 13px!important;border:1px solid #1d2837!important;border-radius:8px!important;background:#0a0f16!important}
  table.mobile-cards tr:last-child{margin-bottom:0!important}
  table.mobile-cards td{display:grid!important;grid-template-columns:minmax(92px,.82fr) minmax(0,1.18fr)!important;gap:10px!important;align-items:center!important;padding:10px 0!important;border-bottom:1px solid #172231!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:right!important;font-size:11px!important}
  table.mobile-cards td:last-child{border-bottom:0!important}
  table.mobile-cards td:before{content:attr(data-label);color:#68788c;font-size:9px;font-weight:800;letter-spacing:.07em;text-align:left;text-transform:uppercase}
  table.mobile-cards td a{justify-self:end}
  table.mobile-cards td .status{justify-self:end}
  table.mobile-cards td form{justify-self:end}
  .inline-fields{grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  .inline-fields input{width:100%!important}
  .auth-page{display:block!important;min-height:100dvh!important;background:#090d13!important}
  .auth-brand-panel{display:block!important;min-height:0!important;height:82px!important;padding:21px 22px!important;border:0!important;border-bottom:1px solid #1b2a38!important;background:#08111a!important}
  .auth-brand-panel:before{display:none!important}
  .auth-brand-content{display:block!important;min-height:0!important}
  .auth-logo{width:133px!important;height:32px!important}
  .auth-brand-copy,.auth-trust,.auth-grid-glow{display:none!important}
  .auth-form-panel{display:block!important;min-height:calc(100dvh - 82px)!important;padding:30px 21px 74px!important;background:#090d13!important}
  .auth-form-inner{width:100%!important;max-width:430px!important;margin:0 auto!important}
  .auth-card h1{font-size:26px!important;line-height:1.15!important}
  .auth-card>p.muted{margin-bottom:23px!important;font-size:12px!important}
  .auth-card form{margin-top:18px!important}
  .auth-card label{margin:15px 0!important}
  .auth-card input{height:46px!important}
  .auth-footer{position:static!important;margin:28px auto 0!important;text-align:center!important;font-size:9px!important}
}
@media (max-width:360px){
  .container{padding-inline:11px!important}
  .metric{padding:12px 10px!important}
  .metric strong{font-size:19px!important}
  .nav-item>span:last-child{font-size:8px!important}
  .auth-form-panel{padding-inline:17px!important}
}