.mobile-nav,.mobile-more,.mobile-more-backdrop{display:none}
@media(max-width:820px){
  aside{position:sticky;top:0;z-index:30;height:auto;padding:12px 16px;background:linear-gradient(180deg,#142c55,#0d2143)}
  aside .brand{padding:0}aside nav,aside>.ghost{display:none}
  .content{padding-bottom:105px}
  .mobile-nav{position:fixed;z-index:60;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dfe7f1;box-shadow:0 -8px 28px #17335c18}
  .mobile-tab{display:grid;justify-items:center;gap:2px;padding:6px 3px;background:transparent;color:#738197;border-radius:10px;font-size:10px;font-weight:700}
  .mobile-tab span{font-size:20px;line-height:1}.mobile-tab.active{background:#e8f1ff;color:#1768e4}
  .mobile-more-backdrop{position:fixed;z-index:50;inset:0;display:block;visibility:hidden;opacity:0;background:#0a193566;transition:.18s}
  .mobile-more-backdrop.open{visibility:visible;opacity:1}
  .mobile-more{position:fixed;z-index:55;left:10px;right:10px;bottom:calc(70px + env(safe-area-inset-bottom));display:grid;gap:12px;max-height:70dvh;overflow:auto;padding:9px 16px 18px;background:#fff;border:1px solid #dfe7f1;border-radius:20px;box-shadow:0 22px 70px #0d214355;transform:translateY(calc(100% + 100px));transition:transform .22s ease}
  .mobile-more.open{transform:translateY(0)}.mobile-more-handle{width:42px;height:4px;margin:0 auto 3px;border-radius:4px;background:#cbd5e4}
  .mobile-menu-group{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mobile-menu-group>b{grid-column:1/-1;color:#7b899d;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
  .mobile-menu-group button{padding:12px;background:#edf4ff;color:#1659bc;text-align:left}.mobile-menu-group button.active{background:#1768e4;color:#fff}
  .mobile-logout{width:100%;background:#f3f5f8;color:#536075}
}