:root{--bg: #0b0d11;--bg-1: #10141b;--bg-2: #161b24;--bg-3: #1d2531;--line: #232b38;--line-2: #303a4b;--txt: #e6eaf0;--txt-2: #97a3b6;--txt-3: #6a7689;--accent: #5b8cff;--accent-2: #79a6ff;--buy: #26c281;--buy-dim: #14543a;--sell: #f2536d;--sell-dim: #6e2231;--warn: #f0b429;--live: #ff5277;--glow: 0 1px 0 rgba(255, 255, 255, .02), 0 10px 30px rgba(0, 0, 0, .5);--mono: "SF Mono", "JetBrains Mono", "Roboto Mono", ui-monospace, Menlo, monospace;--sans: ui-sans-serif, system-ui, "Inter", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--txt);font-family:var(--sans);font-size:13px;-webkit-font-smoothing:antialiased}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}button{font-family:inherit;cursor:pointer}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:6px}::-webkit-scrollbar-track{background:transparent}.gate{height:100%;display:grid;place-items:center}.gate-card{width:360px;padding:34px 30px;background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border:1px solid var(--line);border-radius:16px;box-shadow:var(--glow)}.gate-brand{font-size:30px;font-weight:800;letter-spacing:8px;color:var(--accent)}.gate-sub{color:var(--txt-3);margin:6px 0 26px;letter-spacing:2px;font-size:11px}.gate input{width:100%;padding:13px 14px;background:var(--bg);color:var(--txt);border:1px solid var(--line-2);border-radius:10px;font-family:var(--mono);letter-spacing:4px;font-size:16px;text-align:center;outline:none}.gate input:focus{border-color:var(--accent);box-shadow:var(--glow)}.gate button{width:100%;margin-top:14px;padding:13px;background:var(--accent);color:#04201c;border:none;border-radius:10px;font-weight:800;letter-spacing:2px}.gate button:disabled{opacity:.5}.gate-err{color:var(--sell);margin-top:12px;font-size:12px;min-height:16px}.shell{height:100%;display:grid;grid-template-rows:46px 1fr 210px}.topbar{display:flex;align-items:center;gap:18px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--bg-1)}.brand{font-weight:800;letter-spacing:6px;color:var(--accent);font-size:18px}.badge{font-size:10px;padding:3px 8px;border-radius:999px;letter-spacing:1px;border:1px solid var(--line-2);color:var(--txt-2);text-transform:uppercase}.badge.paper{color:var(--warn);border-color:var(--warn)}.badge.live{color:var(--sell);border-color:var(--sell)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.dot.live{background:var(--buy);box-shadow:0 0 8px var(--buy)}.dot.connecting{background:var(--warn)}.dot.error{background:var(--sell)}.topbar .spacer{flex:1}.kill{background:var(--sell-dim);color:#fff;border:1px solid var(--sell);padding:7px 14px;border-radius:9px;font-weight:800;letter-spacing:1px}.main{display:grid;grid-template-columns:340px 1fr 320px;overflow:hidden}.panel{border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.panel:last-child{border-right:none}.panel-h{padding:8px 12px;font-size:11px;letter-spacing:2px;color:var(--txt-3);text-transform:uppercase;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center}.search{margin:8px;padding:8px 10px;background:var(--bg);border:1px solid var(--line-2);border-radius:8px;color:var(--txt);outline:none}.search:focus{border-color:var(--accent)}.wl{overflow-y:auto;flex:1}.row{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 12px;border-bottom:1px solid var(--line);cursor:pointer}.row:hover{background:var(--bg-2)}.row.sel{background:var(--bg-3);box-shadow:inset 3px 0 0 var(--accent)}.row .q{font-size:12px;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .ev{font-size:10px;color:var(--txt-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .px{font-family:var(--mono);font-size:15px;text-align:right}.row .meta{font-size:10px;color:var(--txt-3);text-align:right}.tag-live{color:var(--live);font-weight:700;font-size:9px;letter-spacing:.5px;animation:live-pulse 2s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.45}}.bal-strong{color:var(--buy);border-color:var(--buy-dim)!important;font-weight:700}.q-pill{font-size:9px;padding:1px 5px;border-radius:4px;border:1px solid var(--line-2);color:var(--txt-3)}.q-pill.good{color:var(--buy);border-color:var(--buy-dim)}.center{display:flex;flex-direction:column;overflow:hidden}.chart-head{padding:10px 14px;border-bottom:1px solid var(--line)}.chart-title{font-size:15px;font-weight:700}.chart-sub{font-size:11px;color:var(--txt-3);margin-top:2px}.chart-wrap{flex:1;position:relative;min-height:0}.empty{display:grid;place-items:center;height:100%;color:var(--txt-3);letter-spacing:2px}.bigpx{display:flex;gap:22px;padding:10px 14px;border-bottom:1px solid var(--line)}.bigpx .cell .l{font-size:10px;color:var(--txt-3);letter-spacing:1px}.bigpx .cell .v{font-family:var(--mono);font-size:20px}.v.bid{color:var(--buy)}.v.ask{color:var(--sell)}.ticket{padding:12px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.side-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.side-toggle button{padding:10px;border-radius:9px;border:1px solid var(--line-2);background:var(--bg);color:var(--txt-2);font-weight:800;letter-spacing:1px}.side-toggle button.buy.on{background:var(--buy-dim);border-color:var(--buy);color:#d6ffe9}.side-toggle button.sell.on{background:var(--sell-dim);border-color:var(--sell);color:#ffd9e0}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:10px;color:var(--txt-3);letter-spacing:1px;text-transform:uppercase}.field input,.field select{padding:9px 10px;background:var(--bg);border:1px solid var(--line-2);border-radius:8px;color:var(--txt);font-family:var(--mono);outline:none}.field input:focus,.field select:focus{border-color:var(--accent)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:5px 9px;border:1px solid var(--line-2);border-radius:7px;background:var(--bg-2);color:var(--txt-2);font-size:11px}.chip.on{border-color:var(--accent);color:var(--accent)}.preview-box{background:var(--bg-2);border:1px solid var(--line);border-radius:9px;padding:10px;font-size:12px}.preview-box .pr{display:flex;justify-content:space-between;padding:2px 0;color:var(--txt-2)}.preview-box .pr .num{color:var(--txt)}.reject{color:var(--sell)}.warn{color:var(--warn)}.fire{padding:13px;border:none;border-radius:10px;font-weight:900;letter-spacing:2px;font-size:14px;background:var(--buy);color:#04220f}.fire.sell{background:var(--sell);color:#2a0009}.fire:disabled{opacity:.4}.bottom{border-top:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.tabs{display:flex;gap:2px;padding:6px 10px 0;border-bottom:1px solid var(--line)}.tab{padding:7px 14px;font-size:11px;letter-spacing:1px;color:var(--txt-3);border:1px solid transparent;border-bottom:none;border-radius:7px 7px 0 0;text-transform:uppercase}.tab.on{color:var(--txt);background:var(--bg-2);border-color:var(--line)}.tab-body{flex:1;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;padding:6px 12px;color:var(--txt-3);font-weight:600;font-size:10px;letter-spacing:1px;text-transform:uppercase;position:sticky;top:0;background:var(--bg-1)}td{padding:6px 12px;border-top:1px solid var(--line)}td.num,th.num{font-family:var(--mono);text-align:right}.muted{color:var(--txt-3)}.flat-btn{background:var(--bg-3);border:1px solid var(--line-2);color:var(--txt);padding:4px 9px;border-radius:6px;font-size:11px}.toast-wrap{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:50}.toast{background:var(--bg-2);border:1px solid var(--line-2);border-left:3px solid var(--accent);padding:10px 14px;border-radius:8px;max-width:360px;box-shadow:0 8px 30px #00000080}.toast.bad{border-left-color:var(--sell)}.toast.good{border-left-color:var(--buy)}.toast .t{font-weight:700;font-size:12px}.toast .m{color:var(--txt-2);font-size:11px;margin-top:3px}.center-col{display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--line);min-width:0}.center-col .center{flex:1;min-height:0;border-right:none}.dom{height:182px;border-top:1px solid var(--line);display:flex;flex-direction:column;background:var(--bg-1)}.dom-rows{flex:1;overflow-y:auto}.dom-row{position:relative;display:flex;align-items:center;justify-content:space-between;padding:2px 10px;cursor:pointer;font-family:var(--mono);font-size:12px;border-bottom:1px solid rgba(28,38,54,.4)}.dom-row:hover{background:var(--bg-3)}.dom-bar{position:absolute;left:0;top:0;bottom:0;opacity:.16}.dom-row.ask .dom-bar{background:var(--sell)}.dom-row.bid .dom-bar{background:var(--buy)}.dom-row.ask .dom-px{color:var(--sell)}.dom-row.bid .dom-px{color:var(--buy)}.dom-px,.dom-sz{position:relative;z-index:1}.dom-sz{color:var(--txt-2)}.preset-sel{background:var(--bg);color:var(--txt-2);border:1px solid var(--line-2);border-radius:7px;padding:5px 8px;font-size:11px;font-family:var(--sans)}.preset-sel:focus{border-color:var(--accent);outline:none}[data-theme=amber]{--accent: #ffb000;--accent-2: #ff7a00;--buy: #c8e85a;--sell: #ff5c4d;--live: #ff7a00;--glow: 0 0 0 1px rgba(255,176,0,.25), 0 0 24px rgba(255,176,0,.12)}[data-theme=neon]{--bg: #060011;--bg-1: #0c0420;--bg-2: #140833;--bg-3: #1d0d47;--line: #2a1357;--line-2: #3d1f7a;--accent: #c026ff;--accent-2: #00e0ff;--buy: #00ffa3;--sell: #ff2d78;--live: #ff2d78;--glow: 0 0 0 1px rgba(192,38,255,.35), 0 0 28px rgba(192,38,255,.18)}