:root{--bg:#0b0e14;--card:#141925;--line:#222a3a;--tx:#e8ecf4;--mut:#8b95a9;--ac:#17A398;--red:#ef5464;--grn:#2ecc8f;--amb:#f0b429}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{min-height:100vh;padding-bottom:calc(72px + env(safe-area-inset-bottom))}header.top{position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--line);padding:calc(10px + env(safe-area-inset-top)) 16px 10px;display:flex;align-items:center;justify-content:space-between}header.top h1{font-size:18px;margin:0}header.top small{color:var(--mut);display:block;font-size:12px}main{padding:14px 16px;max-width:720px;margin:0 auto}nav.tabs{position:fixed;left:0;right:0;bottom:0;background:#0f1320;border-top:1px solid var(--line);display:flex;padding-bottom:env(safe-area-inset-bottom);z-index:6}nav.tabs a{flex:1;text-align:center;padding:9px 2px 8px;color:var(--mut);text-decoration:none;font-size:11px;position:relative}nav.tabs a b{display:block;font-size:20px;line-height:1.2}nav.tabs a.on{color:var(--ac)}nav.tabs .rozet{position:absolute;top:4px;left:calc(50% + 8px);background:var(--red);color:#fff;border-radius:9px;min-width:18px;height:18px;font-size:11px;line-height:18px;padding:0 4px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:10px}.card .l{color:var(--mut);font-size:12px}.card .v{font-size:22px;font-weight:700;margin-top:2px}.card .k{color:var(--mut);font-size:12px;margin-top:2px}.card.big .v{font-size:30px}.card.red{border-color:#ef546466;background:#ef54640f}.card.red .v{color:var(--red)}.card.grn .v{color:var(--grn)}.card.amb{border-color:#f0b42973;background:#f0b42912}h2{font-size:14px;color:var(--mut);text-transform:uppercase;letter-spacing:.04em;margin:18px 0 8px}.row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row .s{color:var(--mut);font-size:12px}.chips{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--card);color:var(--tx);border-radius:18px;padding:6px 14px;font-size:13px}.chip.on{background:var(--ac);border-color:var(--ac);color:#04201d;font-weight:600}button.b,input,select{font:inherit}button.b{border:0;border-radius:10px;padding:10px 14px;font-weight:600;color:#fff;background:var(--ac)}button.b.red{background:var(--red)}button.b.gri{background:#2a3347}button.b:disabled{opacity:.5}input,select{width:100%;background:#0f1320;color:var(--tx);border:1px solid var(--line);border-radius:10px;padding:11px 12px}label{display:block;color:var(--mut);font-size:12px;margin:12px 0 4px}.err{background:#ef54641f;border:1px solid rgba(239,84,100,.4);color:#ff9aa5;border-radius:10px;padding:10px;margin:10px 0}.ok{color:var(--grn)}.bad{color:var(--red)}.mut{color:var(--mut)}.bar{display:flex;align-items:flex-end;gap:3px;height:90px;margin-top:6px}.bar i{flex:1;background:var(--ac);border-radius:3px 3px 0 0;min-height:2px;position:relative}.bar-lab{display:flex;gap:3px;color:var(--mut);font-size:10px}.bar-lab span{flex:1;text-align:center}.pill{display:inline-block;border-radius:10px;padding:2px 9px;font-size:12px;font-weight:600}.pill.g{background:#2ecc8f26;color:var(--grn)}.pill.r{background:#ef546426;color:var(--red)}.pill.a{background:#f0b42926;color:var(--amb)}.pill.m{background:#222a3a;color:var(--mut)}.login{max-width:380px;margin:0 auto;padding:60px 20px}.login h1{margin:0 0 4px}.sp{height:10px}.btns{display:flex;gap:8px;margin-top:10px}.btns .b{flex:1}.row b,.row>span:last-child{white-space:nowrap}