:root{--bg: #0b0a08;--bg2: #100d09;--panel: #15110b;--panel2: #1b1610;--ink: #ece3cf;--hi: #efe2c2;--dim: #9a8d73;--line: #3a3122;--line2: #241d12;--acid: #d4af37;--cyan: #e7cf88;--magenta: #c0894a;--amber: #b8932c;--red: #c46a45;--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--frame-shadow: 0 12px 34px rgba(0,0,0,.5), inset 0 1px 0 rgba(231,207,136,.06);--fill: linear-gradient(90deg, #b8932c, #d4af37 60%, #e7cf88);--fill-cyan: linear-gradient(90deg, #b89a52, #e7cf88);--fill-magenta: linear-gradient(90deg, #8a5a2c, #c0894a);--fill-amber: linear-gradient(90deg, #8f6f1e, #b8932c);--fill-red: linear-gradient(90deg, #7e3c25, #c46a45);--hist: linear-gradient(180deg, #e7cf88, #b8932c);--hist-acid: linear-gradient(180deg, #efe2c2, #d4af37);--emblem: linear-gradient(150deg, #e7cf88, #d4af37 45%, #b8932c);--emblem-ink: #1a1408;--emblem-border: #7d6321}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg)}body{color:var(--ink);font-family:var(--font-body);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;background-color:var(--bg);background-image:radial-gradient(70% 55% at 15% -8%,rgba(212,175,55,.1),transparent 60%),radial-gradient(60% 50% at 92% -5%,rgba(231,207,136,.07),transparent 60%),radial-gradient(80% 60% at 50% 120%,rgba(192,137,74,.06),transparent 65%);background-attachment:fixed}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9000;background:radial-gradient(130% 120% at 50% 30%,transparent 60%,rgba(0,0,0,.5) 100%)}a{color:var(--cyan)}h1,h2,h3{margin:0}.wrap{max-width:1320px;margin:0 auto;padding:22px 20px 70px;position:relative;z-index:1}.panel,.kpi,.topbar,.ticker,.err{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);box-shadow:var(--frame-shadow)}.topbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:15px 20px;margin-bottom:16px;position:relative}.topbar:before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--acid),var(--hi),var(--acid),transparent);opacity:.8}.brandmark{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--emblem-ink);background:var(--emblem);border:1px solid var(--emblem-border);box-shadow:0 2px 10px #d4af3759,inset 0 1px 1px #ffffff59}.brand-t{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:.5px;color:var(--hi)}.brand-t .div-dot{color:var(--acid);padding:0 4px}.brand-s{color:var(--dim);font-size:11px;letter-spacing:2.5px;text-transform:uppercase;margin-top:2px}.spacer{flex:1}.live{display:inline-flex;align-items:center;gap:9px;padding:6px 13px;border:1px solid var(--acid);color:var(--acid);text-transform:uppercase;letter-spacing:2px;font-weight:600;font-size:11px;box-shadow:0 0 14px #d4af3733}.live.stale{border-color:var(--amber);color:var(--amber)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.asof{color:var(--dim);font-size:11px;letter-spacing:1px}.ticker{margin:-16px 0 18px;overflow:hidden}.ticker-track{display:inline-flex;white-space:nowrap;will-change:transform;animation:tickmove 32s linear infinite}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes tickmove{0%{transform:translate(0)}to{transform:translate(-50%)}}.tick{display:inline-flex;align-items:center;gap:10px;padding:8px 25px;border-right:1px solid var(--line2)}.tl{text-transform:uppercase;letter-spacing:2.5px;font-size:10.5px;font-weight:700;color:var(--dim)}.tl.acid,.tl.cyan,.tl.magenta,.tl.amber{color:var(--acid)}.tv{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--hi)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;align-items:start}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.stack{display:flex;flex-direction:column;gap:16px;height:100%}.col-5,.col-7{align-self:stretch}.col-5>.stack>.panel:last-child{flex:1 1 auto}.col-7>.panel{height:100%}@media (max-width: 980px){.col-3,.col-4{grid-column:span 6}.col-5,.col-6,.col-7,.col-8{grid-column:span 12}}@media (max-width: 560px){.col-3,.col-4{grid-column:span 12}}.panel{position:relative;transition:box-shadow .25s ease,transform .25s ease}.panel:before,.panel:after{content:"";position:absolute;width:12px;height:12px;pointer-events:none}.panel:before{top:4px;left:4px;border-top:1px solid var(--acid);border-left:1px solid var(--acid);opacity:.6}.panel:after{bottom:4px;right:4px;border-bottom:1px solid var(--acid);border-right:1px solid var(--acid);opacity:.6}.panel:hover{transform:translateY(-2px);box-shadow:var(--frame-shadow),0 0 24px #d4af371f}.panel-h{display:flex;align-items:baseline;gap:10px;padding:11px 15px;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:2.5px;font-weight:700;font-size:11.5px;color:var(--hi)}.panel-h .idx{color:var(--acid);font-family:var(--font-display);font-weight:700;letter-spacing:0}.panel-h .sub{margin-left:auto;color:var(--dim);letter-spacing:1px;font-weight:400;font-size:10.5px;text-transform:none}.panel-b{padding:15px}.kpi{padding:15px 17px;transition:box-shadow .25s ease,transform .25s ease}.kpi:hover{transform:translateY(-2px);box-shadow:var(--frame-shadow),0 0 22px #d4af3724}.kpi-label{color:var(--dim);text-transform:uppercase;letter-spacing:2.5px;font-size:10px}.kpi-num{font-family:var(--font-display);font-weight:800;font-size:43px;line-height:1;margin-top:8px;color:var(--acid);letter-spacing:-.5px;text-shadow:0 0 22px rgba(212,175,55,.25)}.kpi-sub{color:var(--dim);font-size:11px;margin-top:5px}.kpi.cyan .kpi-num{color:var(--cyan)}.kpi.magenta .kpi-num{color:var(--magenta)}.kpi.amber .kpi-num{color:var(--amber)}.bar-row{display:grid;grid-template-columns:138px 1fr 56px;align-items:center;gap:11px;margin:8px 0}.bar-row .k{color:var(--dim);font-size:11.5px;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.bar-track{height:15px;background:#0a0805;border:1px solid var(--line2);position:relative;overflow:hidden}.bar-fill{display:block;height:100%;position:relative;background:var(--fill);box-shadow:0 0 11px #d4af374d;transition:width .6s cubic-bezier(.2,.8,.2,1)}.bar-fill.cyan{background:var(--fill-cyan)}.bar-fill.magenta{background:var(--fill-magenta);box-shadow:0 0 11px #c0894a4d}.bar-fill.amber{background:var(--fill-amber)}.bar-fill.red{background:var(--fill-red);box-shadow:0 0 11px #c46a454d}.bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,250,235,.42),transparent);transform:translate(-100%);animation:shimmer 3.2s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}55%,to{transform:translate(260%)}}.bar-row .v{text-align:right;font-weight:700;font-size:12.5px;color:var(--hi);font-variant-numeric:tabular-nums}.bar-row .v.dimv{color:var(--dim);font-weight:500}.hist{display:flex;align-items:flex-end;gap:6px;height:122px;padding-top:6px;overflow-x:auto;border-bottom:1px solid var(--line)}.hist .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}.hist .barslot{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:flex-end}.hist .colbar{width:100%;background:var(--hist);box-shadow:0 0 9px #d4af3738;border-radius:1px 1px 0 0;transition:height .5s}.hist .colbar.acid{background:var(--hist-acid)}.hist .colzero{width:100%;height:2px;background:var(--line);opacity:.7}.hist .lab{color:var(--dim);font-size:9.5px;letter-spacing:.5px;height:12px;line-height:12px;flex:0 0 12px}.hist .cnt{font-size:11px;font-weight:700;color:var(--hi);font-variant-numeric:tabular-nums}.tblwrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:11.5px;min-width:420px;font-variant-numeric:tabular-nums}.tbl th{text-align:left;color:var(--dim);text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:700;padding:7px 9px;border-bottom:1px solid var(--line)}.tbl td{padding:7px 9px;border-bottom:1px solid var(--line2);color:var(--ink)}.tbl tr:hover td{background:#d4af370d}.tbl .num{text-align:right;font-weight:700;color:var(--hi)}.tag{display:inline-block;border:1px solid var(--line);padding:1px 8px;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--dim)}.tag.acid,.tag.cyan{border-color:var(--acid);color:var(--acid)}.tag.amber{border-color:var(--amber);color:var(--amber)}.empty{color:var(--dim);font-size:11.5px;padding:8px 0;font-style:italic}.foot{color:var(--dim);font-size:10.5px;letter-spacing:1.5px;margin-top:26px;text-transform:uppercase;padding-top:14px;text-align:center;border-top:1px solid var(--line)}.flash{animation:flash .7s ease}@keyframes flash{0%{background:#d4af3729}to{background:transparent}}.section-label{grid-column:span 12;display:flex;align-items:center;gap:14px;margin:10px 2px 0;color:var(--acid);text-transform:uppercase;letter-spacing:4px;font-size:11px;font-weight:700;font-family:var(--font-display)}.section-label:before,.section-label:after{content:"";height:1px;background:linear-gradient(90deg,transparent,var(--acid),transparent)}.section-label:before{width:22px}.section-label:after{flex:1}.err{color:var(--red);padding:13px 15px;border-color:var(--red)}@media (prefers-reduced-motion: reduce){.ticker-track,.bar-fill:after,.dot{animation:none!important}}