:root{--bg:#0b0d10;--panel:#15181d;--line:#262b33;--fg:#e6e9ee;--muted:#8b94a3;--accent:#45a1bf}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{margin:0;font-size:16px}.sub{color:var(--muted);font-size:12px}.topbar{position:sticky;top:0;z-index:50;background:#0b0d10ed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.toprow{display:flex;gap:16px;align-items:center;padding:10px 22px}.nav{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}.tab{background:#0e1115;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:7px 14px;cursor:pointer;font-size:13px}.tab.on{background:var(--accent);border-color:var(--accent);color:#001018;font-weight:600}.filters{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;padding:0 22px 12px}.f label{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}input,select,button{background:#0e1115;color:var(--fg);border:1px solid var(--line);border-radius:7px;padding:7px 9px;font-size:13px}button{cursor:pointer}button:hover{border-color:var(--accent)}main{padding:18px 22px;max-width:1240px;margin:0 auto}#grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.card.span2{grid-column:span 2}@media(max-width:820px){#grid{grid-template-columns:1fr}.card.span2{grid-column:span 1}}.card h2{margin:0 0 10px;font-size:15px;font-weight:600}.hint{color:var(--muted);font-weight:400;font-size:12px}.ms{color:var(--muted);font-size:11px;float:right;font-weight:400}.chart{width:100%}.wctl{margin-bottom:8px}.seg{display:inline-flex}.seg button{border-radius:0;border-right:none;padding:6px 10px}.seg button:first-child{border-radius:7px 0 0 7px}.seg button:last-child{border-radius:0 7px 7px 0;border-right:1px solid var(--line)}.seg button.on{background:var(--accent);border-color:var(--accent);color:#001018}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--fg)}.tbl tbody tr{cursor:pointer}.tbl tbody tr:hover{background:#1b1f26}.tbl tbody tr.sel{background:#13303a}.tbl tbody tr.sel td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.neg{color:#f87171}.pos{color:#4ade80}.kpis{display:flex;gap:48px;padding:10px 4px;flex-wrap:wrap}.kpi .kv{font-size:28px;font-weight:700}.kpi .kl{color:var(--muted);font-size:12px}.locked{display:flex;align-items:center;justify-content:center;min-height:62vh;padding:40px 20px}.locked-card{max-width:460px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:40px 34px;box-shadow:0 12px 40px #00000059}.locked-icon{color:var(--accent)}.locked-card h2{margin:16px 0 10px;font-size:18px;font-weight:600}.locked-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:90;opacity:0;pointer-events:none;transition:opacity .25s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{position:fixed;left:0;right:0;bottom:0;z-index:100;background:var(--panel);border-top:1px solid var(--line);border-radius:14px 14px 0 0;box-shadow:0 -14px 44px #00000080;padding:14px 22px 24px;transform:translateY(105%);transition:transform .28s ease;max-height:82vh;overflow:auto}.drawer.open{transform:translateY(0)}.drawer-head{display:flex;align-items:center;gap:16px;margin-bottom:10px;max-width:1196px;margin-left:auto;margin-right:auto}.drawer-head h2{margin:0;font-size:15px;font-weight:600;flex:1}.drawer-close{font-size:13px}.drawer-body{max-width:1196px;margin:0 auto}