@media(max-width:760px){
 body{background:#070b12;font-size:15px}
 .auth{padding:14px}.auth form{width:100%;padding:25px 20px;border-radius:16px}
 .layout{display:block;min-height:100vh}
 aside{position:sticky;top:0;z-index:20;width:100%;padding:9px 10px;border-right:0;border-bottom:1px solid var(--line);display:block;box-shadow:0 8px 25px #0009}
 .logo{margin:0 0 8px}.logo>b{width:38px;height:38px;border-radius:10px;font-size:19px}.logo small,.server{display:none}
 nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding-bottom:5px;scroll-snap-type:x proximity}
 nav button{flex:0 0 auto;white-space:nowrap;padding:10px 13px;border:1px solid #1b2839;border-radius:9px;scroll-snap-align:start}
 nav button:hover,nav button.active{border-left:1px solid var(--green);border-color:var(--green)}
 main{padding:18px 12px;overflow:visible}
 header{align-items:flex-start;margin-bottom:16px;padding-bottom:10px}header h1{font-size:24px;margin-bottom:4px}header .secondary{padding:10px 12px}
 .metrics,.grid{grid-template-columns:1fr 1fr;gap:9px}.metric,.panel{padding:13px;border-radius:12px}.metric strong{font-size:25px}
 .toolbar{align-items:stretch;flex-direction:column}.toolbar input{max-width:none}.toolbar button{width:100%}
 .table{margin:0 -4px;max-width:calc(100vw - 24px);-webkit-overflow-scrolling:touch}
 table{min-width:690px}th,td{padding:11px 9px}
 button{min-height:44px;padding:11px 14px}input,select,textarea{font-size:16px;min-height:46px}
 dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:18px 14px;overflow:auto}.close{position:sticky;top:0;z-index:2}
 .modal-grid{grid-template-columns:1fr;gap:3px}.span2{grid-column:auto}
 #toast{left:12px;right:12px;bottom:12px;text-align:center}
}
@media(max-width:430px){.metrics,.grid{grid-template-columns:1fr}.metric strong{font-size:28px}}