:root{--bg: #080d18;--surface: #0e1626;--surface-2: #151f33;--border: #22304c;--border-soft: #1a2438;--text: #eef3fb;--text-dim: #94a6c4;--green: #2ee59d;--red: #ff5c78;--cyan: #45c4fb;--violet: #9b8cff;--amber: #fbbf24;--radius: 16px;--mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.shell{max-width:2100px;margin:0 auto;padding:26px clamp(18px,2.5vw,44px) 64px}.shell>.card{margin-bottom:20px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;margin-bottom:24px}.brand{display:flex;align-items:center;gap:15px}.brand__mark{position:relative;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,var(--cyan),var(--violet))}.brand__name{font-size:25px;font-weight:700;letter-spacing:-.01em;margin:0}.brand__sub{margin:3px 0 0;font-size:13.5px;color:var(--text-dim)}.filters{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.field{display:flex;flex-direction:column;gap:7px}.field>label{font-size:12.5px;font-weight:500;color:var(--text-dim)}.field input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:14px;padding:10px 13px;border-radius:10px;outline:none;color-scheme:dark}.field input:focus-visible{border-color:var(--cyan);box-shadow:0 0 0 3px #45c4fb29}.field__error{align-self:center;font-size:13px;color:var(--red)}.btn{font-size:13.5px;font-weight:600;font-family:var(--sans);padding:11px 20px;border-radius:10px;cursor:pointer;border:1px solid transparent;transition:filter .15s}.btn:hover{filter:brightness(1.15)}.btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--cyan);color:#04121f}.btn--ghost{background:var(--surface-2);border-color:var(--border);color:var(--text-dim)}.live{display:flex;align-items:center;gap:9px}.live__dot{width:9px;height:9px;border-radius:50%;background:var(--green)}.live--on .live__dot{animation:pulse 1.9s ease-in-out infinite}.live--off .live__dot{background:var(--text-dim)}.live__next{font-family:var(--mono);font-size:12.5px;opacity:.7}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.live--on .live__dot{animation:none}}.grid-kpi{display:grid;gap:18px;margin-bottom:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-main{display:grid;gap:20px;margin-bottom:20px;grid-template-columns:repeat(auto-fit,minmax(520px,1fr))}@media(max-width:900px){.grid-main{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px}.card__head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.card__title{margin:0;font-size:17px;font-weight:650}.card__note{font-size:13px;color:var(--text-dim)}.kpi{position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent, var(--border))}.kpi__label{font-size:13px;font-weight:500;color:var(--text-dim);margin:0 0 12px}.kpi__value{font-family:var(--mono);font-weight:700;margin:0;color:var(--accent, var(--text));font-variant-numeric:tabular-nums;font-size:clamp(22px,2.1vw,32px);line-height:1.1;white-space:nowrap}.kpi__value--sm{font-size:clamp(17px,1.4vw,21px)}.kpi__sub{margin:11px 0 0;font-size:13px;color:var(--text-dim)}.kpi__pair{display:flex;flex-direction:column;gap:3px}.table-wrap{overflow-x:auto}.table-wrap--scroll{max-height:430px;overflow-y:auto}table{width:100%;border-collapse:collapse;font-size:14px}thead th{position:sticky;top:0;z-index:1;background:var(--surface);text-align:left;padding:0 12px 11px;font-size:12.5px;font-weight:600;color:var(--text-dim);border-bottom:1px solid var(--border)}tbody td{padding:11px 12px;border-bottom:1px solid var(--border-soft);white-space:nowrap}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-2)}.num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}.token{font-weight:600}.pos{color:var(--green)}.neg{color:var(--red)}.dim{color:var(--text-dim)}.th-sort{background:none;border:none;padding:0;cursor:pointer;color:inherit;font:inherit}.th-sort:hover{color:var(--text)}.th-sort:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}th.num .th-sort{float:right}.tag{display:inline-block;padding:4px 11px;border-radius:999px;font-size:12.5px;font-weight:500;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim)}.tag--pos{color:var(--green);border-color:#2ee59d59;background:#2ee59d1a}.tag--neg{color:var(--red);border-color:#ff5c7859;background:#ff5c781a}.banner{display:flex;align-items:flex-start;gap:13px;margin-bottom:20px;padding:14px 18px;border-radius:var(--radius);font-size:14px;line-height:1.55}.banner code{font-family:var(--mono);font-size:13px;background:#ffffff14;padding:1px 6px;border-radius:5px}.banner button{margin-left:auto;background:none;border:none;cursor:pointer;font-size:13px;color:inherit;text-decoration:underline;padding:0;white-space:nowrap}.banner--warn{background:#fbbf2412;border:1px solid rgba(251,191,36,.3);color:#f7e7bd}.banner--warn strong{color:var(--amber)}.banner--error{background:#ff5c7814;border:1px solid rgba(255,92,120,.34);color:#ffd4dc}.banner--error strong{color:var(--red)}.toggle{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:13.5px;color:var(--text-dim);-webkit-user-select:none;user-select:none}.toggle input{accent-color:var(--cyan);width:16px;height:16px;cursor:pointer}.toggle:hover{color:var(--text)}.barRow{margin-bottom:15px}.barRow:last-child{margin-bottom:0}.barLabel{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:13.5px;color:var(--text-dim)}.barLabel__value{font-family:var(--mono);color:var(--text)}.bar{height:11px;border-radius:999px;overflow:hidden;background:#0a1224;border:1px solid var(--border)}.fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--violet))}.state{display:grid;place-items:center;min-height:200px;gap:10px;color:var(--text-dim);text-align:center}.state__title{font-size:15px;font-weight:600;color:var(--text)}.skeleton{border-radius:8px;background:linear-gradient(90deg,var(--surface-2) 25%,#1e2b45 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{to{background-position:-200% 0}}.tooltip{background:#0b1424;border:1px solid var(--border);border-radius:11px;padding:12px 15px;font-size:13.5px;box-shadow:0 12px 34px #0009}.tooltip__name{font-weight:650;margin-bottom:8px}.tooltip__row{display:flex;gap:22px;justify-content:space-between}.tooltip__label{color:var(--text-dim)}.tooltip__row span:last-child{font-family:var(--mono)}