:root{
  --bg:#0b0e11;--panel:#12161c;--panel2:#0e1218;--line:#1e242c;--line2:#14181f;
  --txt:#e6edf3;--mut:#7d8896;--dim:#5a6472;--up:#16c784;--dn:#ea3943;--acc:#00d4a0;
  --mono:ui-monospace,'SF Mono','JetBrains Mono',Menlo,Consolas,monospace;
}
[data-theme='daylight']{--bg:#f4f6fa;--panel:#fff;--panel2:#fafbfd;--line:#e2e7ee;--line2:#eef1f6;--txt:#0d1117;--mut:#5c6b7f;--dim:#8b98a8}
[data-theme='terminal']{--bg:#000;--panel:#080b08;--panel2:#050705;--line:#123312;--line2:#0d220d;--txt:#7dff9b;--mut:#4caf6a;--dim:#2f6b45;--up:#00ff88;--dn:#ff4d4d;--acc:#00ffcc}
[data-theme='sunset']{--bg:#150f1c;--panel:#1c1428;--panel2:#170f21;--line:#2c2140;--line2:#241a34;--txt:#f0e6ff;--mut:#a292c4;--dim:#6f5f92;--up:#3ddc97;--dn:#ff5c7a;--acc:#ffb347}
[data-theme='ocean']{--bg:#061620;--panel:#0a2130;--panel2:#071a26;--line:#12374b;--line2:#0d2a3a;--txt:#dff3ff;--mut:#7fb3cc;--dim:#4d7f99;--up:#2ee6a8;--dn:#ff6b81;--acc:#38bdf8}
[data-theme='mono']{--bg:#0a0a0a;--panel:#141414;--panel2:#0f0f0f;--line:#262626;--line2:#1c1c1c;--txt:#f5f5f5;--mut:#a3a3a3;--dim:#666;--up:#d4d4d4;--dn:#737373;--acc:#fff}

*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:var(--bg);color:var(--txt);overflow:hidden;font:12px/1.45 Inter,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;-webkit-font-smoothing:antialiased}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.hidden{display:none!important}
.muted{color:var(--mut)}
button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit}
input,select{font-family:inherit;outline:none;background:var(--panel2);border:1px solid var(--line);color:var(--txt);padding:7px 9px;border-radius:6px;font-size:12px}
input:focus,select:focus{border-color:var(--acc)}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
thead th{position:sticky;top:0;background:var(--panel);text-align:right;font-size:9.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--dim);padding:6px 10px;border-bottom:1px solid var(--line2);font-weight:700}
thead th:first-child{text-align:left}
tbody td{padding:5px 10px;text-align:right;font-size:11px;font-family:var(--mono);border-bottom:1px solid var(--line2)}
tbody td:first-child{text-align:left;font-family:inherit;font-weight:700}
tbody tr:hover{background:var(--panel2)}
td.up,.up{color:var(--up)}td.dn,.dn{color:var(--dn)}
::-webkit-scrollbar{width:7px;height:7px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--mut)}
@keyframes pulse{50%{opacity:.25}}
@keyframes slide{from{opacity:0;transform:translateX(16px)}}
@keyframes fadein{from{opacity:0}}
@keyframes blip{0%{background:color-mix(in srgb,var(--acc) 18%,transparent)}100%{background:transparent}}
