:root{--brand:#2a66d9;--ink:#e7eaf0;--muted:#a3adba;--bg-0:#000;--panel:#0f1115;--card:#121418;--stroke:#23262d}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg-0);color:var(--ink)}.app{min-height:100dvh;position:relative}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(1100px 600px at 50% -10%,#16181d,#000)}.app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(85% 65% at 50% 40%,#000 60%,transparent 100%);mask-image:radial-gradient(85% 65% at 50% 40%,#000 60%,transparent 100%)}.appbar{position:sticky;top:0;z-index:20;display:flex;gap:14px;align-items:center;padding:12px 16px;background:#0a0c10d9;border-bottom:1px solid var(--stroke);-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px)}.appbar a{color:var(--ink);text-decoration:none}.brand{display:flex;align-items:center;gap:8px;font-weight:700}.container{max-width:760px;margin:24px auto;padding:0 16px}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{background:color-mix(in oklab,var(--card),transparent 12%);border:1px solid color-mix(in oklab,var(--stroke),transparent 15%);border-radius:16px;padding:18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 24px 60px #00000059}.kpi{font-size:28px;font-weight:800}.badge{background:#1a2233;color:#bcd6ff;padding:2px 8px;border-radius:8px;font-size:12px;border:1px solid #283249}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.list li{margin:6px 0}.empty{opacity:.7}.input,select{width:100%;padding:12px;border-radius:12px;color:var(--ink);background:#0e1116;border:1px solid var(--stroke);outline:none}.input:focus,select:focus{border-color:#315fee;box-shadow:0 0 0 3px #315fee22}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;border:none;padding:11px 14px;border-radius:12px;cursor:pointer;font-weight:600;text-decoration:none}.btn.secondary{background:#1b1e26;color:var(--ink);border:1px solid var(--stroke)}.btn:active{transform:translateY(1px)}.toast{position:fixed;right:16px;bottom:16px;background:#0b0d12;color:#fff;padding:10px 12px;border-radius:12px;border:1px solid var(--stroke)}.hero{min-height:100dvh;display:grid;place-items:center;position:relative;text-align:center}.hero-grid{display:none}.hero-inner{width:min(92vw,520px);margin:auto}.hero-logo{width:88px;height:88px;border-radius:20px;margin:0 auto 10px;display:block}.hero-title{margin:8px 0 4px;font-size:clamp(22px,3.6vw,32px);letter-spacing:2px}.hero-sub{opacity:.85;margin:0 0 18px}.hero-actions{display:flex;gap:12px;justify-content:center}.hero-primary{background:#fff;color:#000}.hero-secondary{background:#1b1e26;color:#e7eaf0;border:1px solid #2b2f36}.hero-terms{opacity:.6;font-size:12px;margin-top:16px}.page{padding-bottom:88px}.tabbar a:active{transform:translateY(1px)}.topbar{position:sticky;top:0;z-index:30;background:#0c0e12d9;-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px);border-bottom:1px solid #23262d}.topbar-inner{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;height:56px;padding:0 16px}.topbar .brand{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;padding:0;margin:0;display:flex;align-items:center;gap:8px;color:inherit;font:inherit;cursor:pointer}.topbar .brand:focus-visible{outline:2px solid #315fee;outline-offset:2px}.topbar .title{text-align:center;font-weight:700}.topbar .actions{justify-self:end;display:flex;gap:8px;align-items:center;position:relative}.iconbtn{background:#1b1e26;border:1px solid #2b2f36;color:#e7eaf0;border-radius:10px;padding:8px;cursor:pointer}.avatar{width:32px;height:32px;border-radius:999px;background:#e7eaf0;color:#000;border:none;cursor:pointer;font-weight:700}.menu{position:absolute;right:0;top:44px;background:#0f1115;border:1px solid #23262d;border-radius:12px;box-shadow:0 20px 50px #00000059;padding:6px;min-width:220px}.menu button{width:100%;text-align:left;padding:10px 12px;background:transparent;border:none;color:#e7eaf0;cursor:pointer}.menu hr{border:0;border-top:1px solid #23262d;margin:6px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#0c0e12d9;border-top:1px solid #23262d;-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px)}.tabbar-inner{max-width:520px;margin:0 auto;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:#a3adba;font-size:12px}.tabbar .ti{font-size:18px;line-height:1}.tabbar a.active{color:#e7eaf0}.fab{position:fixed;right:18px;bottom:84px;width:56px;height:56px;border-radius:50%;background:#2a66d9;color:#fff;border:none;box-shadow:0 10px 30px #00000059;cursor:pointer}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:45;display:flex;justify-content:center;align-items:flex-end}.sheet{width:min(960px,96vw);max-height:80vh;background:#121418;border:1px solid #23262d;border-radius:16px 16px 0 0;overflow:auto;padding:12px}.sheet-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#121418;padding:4px 0}.page{padding-bottom:96px}