@media(max-width:850px){
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom));overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}
  aside{height:calc(68px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;position:sticky;top:0;z-index:30;background:rgba(3,5,34,.94);backdrop-filter:blur(20px)}
  aside img{width:158px;height:62px;object-fit:cover;margin:0}
  aside form{width:74px}aside form button{padding:9px;font-size:11px}
  aside nav{bottom:calc(8px + env(safe-area-inset-bottom));left:9px;right:9px;height:66px;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:6px;background:rgba(7,10,44,.94);box-shadow:0 18px 45px rgba(0,0,0,.5);backdrop-filter:blur(22px);display:grid;grid-template-columns:repeat(5,minmax(66px,1fr));overflow-x:auto}
  aside nav a{display:flex;justify-content:center;min-width:66px;text-align:center;border-radius:14px;font-size:10px;padding:9px 6px}aside nav a.active{background:rgba(67,239,141,.1)}aside nav b{position:absolute;margin:-25px 0 0 28px}
  .dashboard{padding:24px 15px 18px}.dashboard h1{font-size:26px}.live{font-size:10px}
  .stats{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:22px -15px;padding:2px 15px 14px;gap:10px;scrollbar-width:none}.stats::-webkit-scrollbar{display:none}.stats a{flex:0 0 145px;scroll-snap-align:start;padding:18px}.stats strong{font-size:27px}
  .panel{border-radius:14px}.panel-head{padding:20px}.panel-head h2{font-size:19px}.panel-head>span{display:none}
  .table-wrap{margin:0}.table-wrap table{min-width:720px}th,td{padding:13px 15px}
  .workspace-grid{display:block}.create-card{border-radius:14px;margin-bottom:16px;padding:20px}.create-card input,.create-card select{font-size:16px;min-height:46px}.create-card button{min-height:48px}
  .login-shell{padding:env(safe-area-inset-top) 18px env(safe-area-inset-bottom)}.login-card{padding:28px 22px;border-radius:20px}.login-card input{font-size:16px;min-height:50px}.login-card button{min-height:52px}
}
