.mobile-app-nav,.mobile-nav-sheet,.mobile-nav-backdrop{display:none}
@media (max-width:960px){
  body{background:#0d1422}
  body::before{background:radial-gradient(760px 420px at 8% -10%,rgba(91,140,255,.16),transparent 62%),radial-gradient(620px 420px at 100% 0%,rgba(124,92,255,.13),transparent 62%),radial-gradient(600px 420px at 50% 115%,rgba(46,212,160,.07),transparent 62%)}
  .sidebar,.hamb{display:none!important}
  .topbar{position:sticky;top:0;z-index:80;padding:12px 16px;min-height:58px;background:rgba(13,20,34,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-color:rgba(123,151,205,.10)}
  .content{padding:14px 14px calc(84px + env(safe-area-inset-bottom));max-width:none}
  .content .g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .content .kpi{min-width:0;min-height:112px;padding:11px 12px 10px;border-radius:14px;background:linear-gradient(180deg,rgba(24,34,52,.96),rgba(16,25,40,.96));border-color:rgba(132,158,207,.12);box-shadow:0 8px 24px -18px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.025)}
  .content .kpi-top{margin-bottom:8px}
  .content .kpi-l{font-size:9px;letter-spacing:.13em;color:#7f8ba4}
  .content .kpi-ic{width:24px;height:24px;border-radius:7px}
  .content .kpi-v{font-size:21px;letter-spacing:-.025em}
  .content .kpi-d{font-size:10px;margin-top:5px;line-height:1.3}
  .mobile-app-nav{position:fixed;left:0;right:0;bottom:0;height:calc(68px + env(safe-area-inset-bottom));padding:4px 34px env(safe-area-inset-bottom);display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:end;gap:8px;background:rgba(10,17,29,.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(123,151,205,.11);z-index:200}
  .mobile-app-nav>button{display:flex;min-width:0;height:50px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:14px;color:#8995ac;font-size:10px;font-weight:650;line-height:1.1;background:transparent}
  .mobile-app-nav>button.active{color:#fff;background:rgba(83,113,255,.11)}
  .mobile-app-nav .ic{width:20px;height:20px}
  .mobile-app-nav button.mobile-plus{height:52px;width:52px;justify-self:center;align-self:start;margin-top:-17px;border-radius:50%;background:linear-gradient(135deg,#3b8dff,#7047ff);color:#fff;box-shadow:0 8px 24px rgba(57,106,255,.34),0 0 0 4px rgba(10,17,29,.98);position:relative;z-index:202}
  .mobile-plus-icon{display:grid;place-items:center;width:100%;height:100%;font-size:28px;font-weight:300;line-height:1;margin:0}
  .mobile-plus-label{display:none}
  .mobile-app-nav button.mobile-plus.active{background:linear-gradient(135deg,#4b9cff,#8050ff);transform:scale(1.03)}
  .mobile-nav-backdrop{position:fixed;inset:0;background:rgba(2,6,13,.70);z-index:198}
  .mobile-nav-sheet{position:fixed;left:0;right:0;bottom:calc(68px + env(safe-area-inset-bottom));max-height:calc(100vh - 105px);overflow:auto;padding:10px 14px 18px;border:1px solid rgba(119,147,255,.20);border-bottom:0;border-radius:28px 28px 0 0;background:linear-gradient(180deg,rgba(19,30,47,.99),rgba(11,19,32,.99));box-shadow:0 -18px 55px rgba(0,0,0,.48);z-index:199;display:none}
  .mobile-nav-sheet.open{display:block}
  .mobile-nav-sheet::before{content:'';display:block;width:42px;height:5px;margin:0 auto 12px;border-radius:999px;background:#657087;opacity:.72}
  .mobile-nav-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 2px 14px}
  .mobile-nav-title{font-size:23px;font-weight:760;letter-spacing:-.03em;color:#f4f6fb}
  .mobile-nav-subtitle{margin-top:3px;font-size:11px;color:#8290a8}
  .mobile-nav-close{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:12px;background:rgba(255,255,255,.07);color:#aab3c4;font-size:25px;font-weight:300;line-height:1}
  .mobile-nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .mobile-nav-card{min-width:0;min-height:88px;padding:9px 6px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:linear-gradient(180deg,rgba(27,38,57,.86),rgba(19,29,45,.86));color:#e9edf5;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
  .mobile-nav-card:active{transform:scale(.98);background:rgba(38,49,69,.92)}
  .mobile-nav-card-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(68,105,190,.16)}
  .mobile-nav-card-icon .ic,.mobile-nav-card-icon svg{width:21px;height:21px}
  .mobile-nav-card strong{font-size:11px;font-weight:720;line-height:1.1}
  .mobile-nav-card small{font-size:8px;color:#7e899f;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .mobile-nav-additional-label{margin:13px 3px 6px;font-size:9px;font-weight:760;letter-spacing:.14em;color:#68748c}
  .mobile-nav-additional{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
  .mobile-nav-extra{min-width:0;min-height:48px;padding:5px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.025);color:#aeb7c8;font-size:8px;font-weight:650;line-height:1.05;text-align:center}
  .mobile-nav-extra .ic,.mobile-nav-extra svg{width:16px;height:16px}
  .mobile-nav-extra span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .mobile-nav-extra:active{background:rgba(255,255,255,.07)}
  @media (max-width:380px){
    .mobile-app-nav{padding-left:26px;padding-right:26px}
    .mobile-nav-sheet{padding-left:11px;padding-right:11px}
    .mobile-nav-grid{gap:7px}
    .mobile-nav-card{min-height:84px;padding-left:5px;padding-right:5px}
    .mobile-nav-card-icon{width:32px;height:32px}
    .mobile-nav-additional{gap:5px}
    .mobile-nav-extra{min-height:46px;font-size:7.5px}
  }
}