:root{--page-bg:#101010;--surface:#1a1a1a;--surface-hover:#222221;--ink:#fff;--ink-2:#c3c2b7;--muted:#898781;--border:rgba(255,255,255,.08);--accent:#3987e5;--good:#0ca30c;--bad:#d03b3b}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--page-bg);color:var(--ink);font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px}.layout{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;width:212px;padding:20px 12px;display:flex}.sidebar .logo{letter-spacing:.2px;padding:4px 12px 18px;font-size:17px;font-weight:800}.sidebar .logo span{color:var(--accent)}.sidebar .nav-btn{text-align:left;width:100%;color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px 12px;font-weight:600;display:block}.sidebar .nav-btn:hover{background:var(--surface-hover)}.sidebar .nav-btn.active{background:var(--surface);color:var(--ink)}.sidebar .sidebar-foot{color:var(--muted);margin-top:auto;padding:12px;font-size:11.5px;line-height:1.6}.main{flex:1;min-width:0;padding:20px 24px 40px}.page-title{margin:0 0 4px;font-size:21px;font-weight:800}.page-sub{color:var(--muted);margin:0 0 16px;font-size:12.5px}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.filter-bar .spacer{flex:1}.filter-bar .hint{color:var(--muted);font-size:12px}.seg{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:3px;display:inline-flex}.seg button{color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:600}.seg button:hover{color:var(--ink)}.seg button.active{color:var(--ink);background:#2c2c2a}select.ctl,button.ctl{background:var(--surface);border:1px solid var(--border);color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;max-width:260px;padding:8px 12px;font-size:12.5px;font-weight:600}select.ctl:hover,button.ctl:hover{background:var(--surface-hover)}input.ctl-input{background:var(--page-bg);border:1px solid var(--border);color:var(--ink);font:inherit;border-radius:10px;width:210px;padding:7px 12px;font-size:12.5px}input.ctl-input::placeholder{color:var(--muted)}.mock-badge{color:#c98500;letter-spacing:.4px;background:rgba(201,133,0,.08);border:1px solid rgba(201,133,0,.4);border-radius:8px;padding:5px 10px;font-size:11px;font-weight:700}.live-badge{color:#0ca30c;letter-spacing:.4px;background:rgba(12,163,12,.08);border:1px solid rgba(12,163,12,.4);border-radius:8px;padding:5px 10px;font-size:11px;font-weight:700}.grid{grid-template-columns:repeat(12,1fr);gap:14px;display:grid}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}@media (width<=1350px){.col-2{grid-column:span 4}}@media (width<=1100px){.col-2,.col-3{grid-column:span 6}.col-4,.col-6,.col-8{grid-column:span 12}}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:0;padding:14px 16px}.card-head{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.card-head h3{margin:0;font-size:14px;font-weight:700}.card-head .hint{color:var(--muted);font-size:11.5px}.card-head .actions{align-items:center;gap:6px;margin-left:auto;display:flex}.icon-btn{border:1px solid var(--border);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:4px 9px;font-size:11px;font-weight:700}.icon-btn:hover{color:var(--ink);background:var(--surface-hover)}.icon-btn.active{color:var(--ink);background:#2c2c2a}.tile .tile-label{color:var(--muted);font-size:12px;font-weight:600}.tile .tile-value{margin:3px 0 2px;font-size:24px;font-weight:800}.tile .tile-delta{font-size:11.5px;font-weight:700}.tile .tile-delta.up{color:var(--good)}.tile .tile-delta.down{color:var(--bad)}.tile .tile-delta .vs{color:var(--muted);font-weight:600}.tile .tile-row{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.tbl-wrap{max-height:430px;overflow:auto}table.tbl{border-collapse:collapse;width:100%;font-size:12.5px}table.tbl th,table.tbl td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:7px 10px}table.tbl th{color:var(--muted);background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;z-index:1;font-weight:700;position:sticky;top:0}table.tbl td.num,table.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}table.tbl tbody tr:hover{background:var(--surface-hover)}table.tbl .rank{color:var(--muted);width:30px}.chart-box{width:100%}@media print{.sidebar,.filter-bar{display:none!important}.main{padding:0}body,.card{print-color-adjust:exact;-webkit-print-color-adjust:exact}.card{break-inside:avoid}}