:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#0b1017;color:#e7ecf4;--muted:#8795a9;--line:#233042;--teal:#4bd6b0;--amber:#efb864}*{box-sizing:border-box}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--teal)}button{cursor:pointer;color:inherit;border:1px solid var(--line);border-radius:6px;background:#15202e;padding:9px 13px}button:hover{background:#213246}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.muted{color:var(--muted);font-size:12px;line-height:1.7}.back{font-size:12px;color:#95a9c1}.back:hover{color:#fff}.brand-mark{font-size:34px;letter-spacing:-1.7px;font-weight:800;margin:32px 0 48px;color:#fff}.brand-mark span{display:block;font-size:10px;letter-spacing:4px;margin-top:6px;font-weight:500;color:var(--teal)}#terminal{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:100vh}aside{background:#0e151f;border-right:1px solid var(--line);padding:28px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.nav-label,.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;color:var(--muted)}.nav-label{margin-bottom:14px}nav{display:grid;gap:7px}nav button{display:flex;align-items:center;gap:12px;text-align:left;background:none;border:1px solid transparent;padding:13px 12px;color:#99a7bb;font-size:13px}nav button.selected{border-color:#274c49;background:#15312e;color:var(--teal)}nav button small{margin-left:auto;font-size:9px;opacity:.5}.sidebar-bottom{margin-top:auto}.mode-pill{font-size:9px;letter-spacing:1px;padding:6px 8px;border:1px solid #344052;border-radius:4px;display:inline-block;color:#afbdcf}.sidebar-bottom p{font-size:11px;line-height:1.8;color:var(--muted);margin:16px 0 28px}.sidebar-bottom button{background:none;border:0;padding:0;font-size:12px;color:var(--muted)}main{padding:28px 32px 0;max-width:1800px;width:100%;margin:0 auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:20px}h1{font-size:27px;font-weight:550;letter-spacing:-.8px;margin:9px 0 0}h2{font-size:15px;letter-spacing:-.2px;margin:5px 0;font-weight:550}h2 small{font-size:11px;color:var(--muted)}.connection{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.dot{width:6px;height:6px;border-radius:50%;background:#d89e58}.dot.live{background:var(--teal);box-shadow:0 0 0 4px #4bd6b011}.connection time{border-left:1px solid var(--line);padding-left:12px;margin-left:6px}.simulation-banner{padding:12px 15px;border:1px solid #665029;background:#241e14;display:flex;align-items:center;gap:10px;font-size:11px;color:#d7bf99;border-radius:6px;margin-bottom:24px;flex-wrap:wrap}.simulation-banner strong{font-size:10px;letter-spacing:1px;color:var(--amber)}.signal-light{width:6px;height:6px;background:var(--amber);border-radius:50%}.readonly{margin-left:auto;font-size:10px;opacity:.8}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metrics article{background:#111a26;border:1px solid var(--line);border-radius:8px;padding:19px 20px}.metrics article>span{font-size:10px;letter-spacing:.9px;color:#c0cbdc;display:flex;justify-content:space-between;gap:8px}.metrics small{font-size:8px;color:var(--muted);letter-spacing:.5px}.metrics strong{font-size:30px;letter-spacing:-1px;font-variant-numeric:tabular-nums;font-weight:500;display:block;margin:15px 0 9px}.metrics p{font-size:10px;color:var(--muted);margin:0}.market-grid{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:18px}.panel{background:#101823;border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 14px}.window-options{display:flex;border:1px solid var(--line);border-radius:5px;overflow:hidden;flex-shrink:0}.window-options button{border:0;border-radius:0;background:none;font-size:10px;padding:7px 11px;color:var(--muted)}.window-options button.selected{background:#253246;color:#eaf0f8}.chart-legend{display:flex;align-items:center;gap:14px;padding:5px 20px 18px;color:var(--muted);font-size:9px;flex-wrap:wrap}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:8px;height:8px;display:inline-block;border-radius:2px}.bid-swatch{background:var(--teal)}.ask-swatch{background:var(--amber)}#reset-chart{border:0;background:none;color:#a4b8ce;font-size:9px;padding:0;margin-left:auto}.canvas-wrap{height:355px;position:relative;margin:0 12px}#heatmap{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}#chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:12px;pointer-events:none}.chart-foot{border-top:1px solid var(--line);padding:14px 20px;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted)}.dom-panel .panel-heading{padding-bottom:18px}.tag{font-size:9px;padding:5px 7px;border-radius:4px;border:1px solid var(--line);color:#a4b2c5;white-space:nowrap}.dom-head,.dom-row{display:grid;grid-template-columns:1fr 1.2fr 1fr;text-align:center;align-items:center}.dom-head{font-size:9px;color:var(--muted);padding:8px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#dom{padding:8px 12px}.dom-row{font-variant-numeric:tabular-nums;height:17px;font-size:10px;position:relative}.dom-row .bid{color:var(--teal)}.dom-row .ask{color:var(--amber)}.dom-row .price{color:#acb9cb}.dom-row.best{border-top:1px dashed #314154;margin-top:3px;padding-top:3px;height:23px}.imbalance{padding:8px 20px 13px;border-top:1px solid var(--line);font-size:10px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;color:var(--muted)}.imbalance strong{color:#c5cfdf;font-weight:500}#imbalance-bar{width:100%;height:4px}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.flow-values{display:flex;gap:55px;padding:3px 20px 0}.flow-values span{display:block;font-size:10px;color:var(--muted)}.flow-values strong{display:block;font-size:25px;font-weight:500;font-variant-numeric:tabular-nums;margin-top:7px}.positive{color:var(--teal)}.negative{color:#ed8c80}#cvd-chart{height:65px;width:calc(100% - 40px);display:block;margin:10px 20px 0}.panel>p.muted{margin:10px 20px 18px}.context{padding:0 20px;margin:0}.context>div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #1d2939;font-size:11px}.context>div:last-child{border:0}.context dt{color:var(--muted)}.context dd{margin:0;text-align:right;color:#ccd6e3;max-width:60%}.latest{margin-bottom:20px}.text-button{color:var(--teal);background:none;border:0;font-size:11px}.empty{padding:24px 20px;color:var(--muted);font-size:12px;line-height:1.6}.signal-summary{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:12px 20px 24px;font-size:12px}.signal-summary small{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}.signal-summary strong{font-size:14px;font-weight:500}.signal-summary .reason{flex:1;min-width:160px;line-height:1.6;color:#9eacc0}.filter{font-size:10px;color:var(--muted);display:flex;gap:10px;align-items:center}select{background:#162233;border:1px solid var(--line);padding:8px 10px;border-radius:5px;color:#c1cfe0;font-size:11px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left;font-size:12px}th{font-size:9px;letter-spacing:.6px;color:var(--muted);background:#141e2b;font-weight:500}th,td{padding:14px 20px;border-bottom:1px solid var(--line)}.intro{padding-bottom:12px}.download{padding:22px;margin:18px 0;display:flex;justify-content:space-between;align-items:center;gap:24px}.download p{margin-bottom:0}.primary{background:var(--teal);color:#0b2823;border:0;border-radius:5px;padding:12px 18px;font-size:12px;font-weight:600;display:inline-block;white-space:nowrap}.primary:hover{background:#78e5c5}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:26px;padding:20px 0 24px;color:#66768d;font-size:9px}footer b{font-weight:400;color:#b8c4d4;margin-left:8px}.error{padding:12px;border:1px solid #7c4940;border-radius:5px;background:#301e1c;color:#ffb7a6;font-size:12px}#loading{position:fixed;inset:0;display:grid;place-items:center;font-size:13px;color:var(--muted);background:#0b1017}#login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 80% 15%,#142b2b 0,transparent 55%),#0b1017}.login-box{max-width:400px;width:100%}.login-box h1{font-size:30px}.login-box p,.login-box small{font-size:12px;color:var(--muted);line-height:1.8}.login-box form{margin:28px 0}.login-box label{font-size:12px}.login-box input{margin:9px 0 16px;width:100%;padding:13px;background:#152130;border:1px solid #344053;border-radius:5px;color:white}.login-box button{width:100%}.login-box .brand-mark{margin:48px 0 28px}
@media(min-width:1600px){.canvas-wrap{height:420px}.dom-row{height:20px}}@media(max-width:1200px){#terminal{grid-template-columns:170px minmax(0,1fr)}aside{padding:24px 16px}main{padding:24px 20px 0}.metrics{gap:10px}.metrics article{padding:16px 12px}.metrics strong{font-size:25px}.metrics small{display:none}.market-grid{grid-template-columns:minmax(0,1fr) 230px}.panel-heading{padding:17px 15px}.chart-legend{padding-left:15px}.readonly{display:none}}@media(max-width:900px){#terminal{display:block}aside{position:relative;height:auto;display:flex;flex-direction:row;align-items:center;padding:15px 20px;gap:24px;border-bottom:1px solid var(--line);border-right:0}.brand-mark{font-size:22px;margin:0}.brand-mark span{font-size:7px;letter-spacing:2px}.nav-label,.sidebar-bottom{display:none}nav{display:flex;margin-left:auto;gap:5px}nav button{padding:10px;font-size:12px}nav small{display:none}aside>.back{font-size:10px}.metrics strong{font-size:24px}.canvas-wrap{height:340px}.connection time{display:none}}@media(max-width:620px){aside{flex-wrap:wrap;padding:14px 16px;gap:12px}aside>.back{order:0}.brand-mark{margin-left:auto}nav{width:100%;margin:6px 0 -2px}nav button{flex:1;justify-content:center}main{padding:21px 14px 0}header{margin-bottom:18px}h1{font-size:23px}.connection{font-size:9px}.eyebrow{font-size:8px}.simulation-banner{font-size:10px;gap:8px;padding:11px;margin-bottom:16px}.metrics{grid-template-columns:1fr 1fr;margin-bottom:16px}.metrics article{padding:16px}.metrics strong{font-size:27px;margin-top:12px}.metrics article>span{font-size:9px}.metrics p{font-size:9px}.market-grid,.analysis-grid{grid-template-columns:1fr;gap:15px}.canvas-wrap{height:280px;margin:0 5px}.chart-foot{font-size:8px;padding:11px;flex-wrap:wrap}.chart-legend{gap:9px;font-size:8px}.panel-heading{gap:8px;padding:16px 13px}.window-options button{padding:7px 8px;font-size:9px}.dom-row{height:23px}.dom-panel #dom{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.dom-panel .dom-head{display:none}.dom-panel #dom .dom-row{grid-template-columns:1fr 1fr 1fr}.dom-row.best{margin:0;border:0;padding:0}.download{flex-direction:column;align-items:flex-start;padding:20px}.filter{flex-direction:column;align-items:flex-start;gap:5px}footer{line-height:1.6;align-items:flex-start}footer>span:last-child{text-align:right;max-width:190px}}

@media(max-width:620px){.dom-panel #dom{display:block}.dom-panel .dom-head{display:grid}.dom-row.best{border-top:1px dashed #314154;margin-top:3px;padding-top:3px;height:26px}}

/* Compact trading workspace, inspired by the supplied terminal reference. */
:root{--line:#43525c;--muted:#a5b5be;--teal:#45cf92;--amber:#ef9d55;background:#192329;font-family:Arial,Helvetica,sans-serif;color:#dde5e9}#terminal{display:block}aside{position:static;height:44px;padding:0 14px;flex-direction:row;align-items:center;gap:24px;background:#354650;border-bottom:1px solid #52616a}aside .brand-mark{font-size:20px;margin:0;letter-spacing:-.6px;display:flex;align-items:center;gap:8px}aside .brand-mark span{font-size:9px;letter-spacing:1px;margin:0}aside .back{font-size:10px}.nav-label,.sidebar-bottom p,.mode-pill,nav small{display:none}nav{display:flex;gap:0;margin-left:20px}nav button{border-radius:0;padding:13px 16px;font-size:11px}nav button.selected{background:#1d2c33;border-color:#536772;color:#eff5f8}.sidebar-bottom{margin:0 0 0 auto}.sidebar-bottom button{font-size:10px}main{max-width:none;padding:0 8px}header{height:32px;margin:0;padding:0 8px;gap:12px}header .eyebrow{display:none}h1{font-size:12px;letter-spacing:.2px;margin:0;font-weight:600}.connection{font-size:10px}.simulation-banner{border:0;border-radius:0;padding:5px 9px;margin:0 0 5px;background:#332d21;font-size:10px;gap:8px}.simulation-banner strong{font-size:9px}.metrics{gap:1px;margin:0 0 5px;grid-template-columns:repeat(4,1fr);background:var(--line);border:1px solid var(--line)}.metrics article{border:0;border-radius:0;background:#34454f;padding:8px 14px;position:relative}.metrics article>span{font-size:9px;letter-spacing:.5px}.metrics strong{font-family:ui-monospace,monospace;font-size:23px;letter-spacing:-.8px;margin:5px 0}.metrics p{font-size:9px}.metrics small{display:inline}.panel{border-radius:0;background:#263740}.panel-heading{padding:6px 9px;gap:6px;border-bottom:1px solid #43525c;background:#31434d;min-height:31px}.panel-heading .eyebrow{display:none}h2{font-size:11px;letter-spacing:0;margin:2px 0}.tag{border:0;padding:2px 4px;font-size:9px}.market-grid{grid-template-columns:minmax(0,1fr) 210px 255px;gap:4px}.heat-panel{grid-column:1;grid-row:1}.dom-panel{grid-column:2;grid-row:1}.profile-panel{grid-column:3;grid-row:1}.canvas-wrap{height:clamp(330px,51vh,650px);margin:0;background:#192329}.chart-legend{padding:5px 8px;gap:12px;font-size:9px;background:#22313a}.heat-scale{width:85px;height:7px;background:linear-gradient(90deg,#234a62,#398bb3,#c2d1d4,#e88732,#d43c20)}.trade-key{color:#d6e4e9}#reset-chart{font-size:9px}.chart-foot{padding:5px 8px;font-size:8px}.window-options button{padding:4px 8px}.window-options{border-radius:0}#volume-chart{height:55px;width:100%;display:block;background:#192329}#profile-chart{height:32vh;min-height:210px;width:100%;display:block}#price-chart{height:19vh;min-height:120px;width:100%;display:block}.profile-panel p{font-size:9px;line-height:1.5}.dom-head{padding:7px 3px;font-size:9px}#dom{padding:0 3px}.dom-row{height:calc((51vh + 35px)/20);min-height:19px;font-size:11px;font-family:ui-monospace,monospace}.dom-row.best{height:calc((51vh + 35px)/20);margin:0;padding:0;background:#425c60;border-top:1px solid #a7c3ca}.dom-row .ask{color:#f07c7d}.dom-row .price{color:#d1dce2}.dom-row span{padding:2px}.imbalance{padding:8px;font-size:9px}.analysis-grid{grid-template-columns:minmax(0,1fr) 469px;gap:4px;margin:4px 0}.analysis-grid .panel:first-child{position:relative}.flow-values{padding:5px 10px;gap:30px}.flow-values>div{display:flex;align-items:center;gap:10px}.flow-values span{font-size:9px}.flow-values strong{font-size:15px;margin:0;font-family:ui-monospace,monospace}#cvd-chart{height:75px;width:calc(100% - 20px);margin:0 10px}.panel>p.muted{font-size:9px;margin:5px 10px;line-height:1.4}.context{padding:0 10px}.context>div{padding:6px 0;font-size:10px;border-color:#42525b}.context dd{color:#e0e8eb}.latest{margin:4px 0}.latest .panel-heading{float:left;height:52px;min-width:150px;flex-direction:column;justify-content:center;border:0}.signal-summary{padding:6px 12px;gap:20px;min-height:52px}.signal-summary strong{font-size:11px}.signal-summary small{font-size:9px;margin-bottom:3px}.signal-summary .reason{font-size:10px}.empty{padding:15px;font-size:11px}footer{padding:6px 2px;margin:4px 0 0;font-size:9px;color:#a1b1ba}.text-button{font-size:10px;padding:2px}.dom-row .bid,.dom-row .ask{background-repeat:no-repeat}.download{margin:8px 0}.positive{color:#4cda97}.negative{color:#f57d82}#system-view,#signals-view{padding-top:8px}#system-view .analysis-grid{grid-template-columns:1fr 1fr}
@media(min-width:1800px){.market-grid{grid-template-columns:minmax(0,1fr) 240px 330px}.analysis-grid{grid-template-columns:minmax(0,1fr) 574px}}
@media(max-width:1100px){.market-grid{grid-template-columns:minmax(0,1fr) 185px}.profile-panel{display:none}.analysis-grid{grid-template-columns:minmax(0,1fr) 300px}.readonly{display:none}aside{gap:12px}nav{margin-left:auto}}
@media(max-width:620px){aside{height:auto;flex-wrap:wrap;padding:8px;gap:8px}aside .brand-mark{margin-left:auto}nav{order:3;width:100%;margin:0}nav button{padding:8px}.sidebar-bottom{display:none}main{padding:0 4px}header{height:34px}.connection time{display:none}.simulation-banner{font-size:9px;padding:5px;gap:5px}.metrics{grid-template-columns:1fr 1fr;gap:1px;margin-bottom:4px}.metrics article{padding:7px 8px}.metrics strong{font-size:22px;margin:4px 0}.metrics p{font-size:8px}.metrics small{display:none}.market-grid{grid-template-columns:minmax(0,1fr) 98px;gap:3px}.canvas-wrap{height:355px}.dom-panel .panel-heading{padding:5px;min-height:59px;display:block}.dom-head{font-size:7px;padding:4px 0}.dom-row,.dom-row.best{height:20.5px;min-height:0;font-size:8px}.dom-panel #dom{display:block;padding:0}.dom-panel .dom-head{display:grid}.dom-row .price{font-size:8px}.dom-row span{padding:1px}.imbalance{font-size:8px;padding:4px}.heat-panel .panel-heading{flex-wrap:wrap;padding:5px;min-height:59px}.heat-panel h2{font-size:10px}.chart-legend{font-size:8px;gap:5px;padding:4px}.heat-scale{width:35px}.trade-key{display:none}#reset-chart{font-size:8px;margin-left:0}.chart-foot{font-size:8px;gap:4px}.chart-foot span:first-child{display:none}.analysis-grid,#system-view .analysis-grid{grid-template-columns:1fr;gap:4px;margin:4px 0}.flow-values{gap:20px}.latest .panel-heading{float:none;height:auto;flex-direction:row;justify-content:space-between}.signal-summary{gap:12px}.context>div{padding:7px 0}.download{padding:15px}footer{font-size:8px}.window-options button{font-size:9px;padding:4px 7px}}