:root{--bg:#0b0c12;--panel:#0f1118;--panel-2:#0c0e14;--text:#e6eaf2;--muted:#98a1b3;--border:#202437;--green:#22c55e;--red:#ef4444;--yellow:#fbbf24;--accent:#60a5fa;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:13px/1.35 var(--sans);background:var(--bg);color:var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%}body{scrollbar-gutter:stable;margin:0;overflow-y:scroll}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}input,select{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;outline:none;padding:8px 10px}input:focus,select:focus{border-color:#60a5fab3}button{background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 10px}button:hover{background:#ffffff08;border-color:#ffffff14}button:disabled{opacity:.5;cursor:not-allowed}#root{height:100%}.app{flex-direction:column;height:100%;display:flex}.topbar{background:var(--panel-2);border-bottom:1px solid var(--border);align-items:center;gap:12px;height:56px;padding:0 14px;display:flex}.brand{align-items:center;gap:10px;font-weight:600;display:flex}.pill{color:var(--muted);background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:4px 8px;font-size:12px;display:inline-flex}.nav{gap:8px;margin-left:10px;display:flex}.nav a{color:var(--muted);border:1px solid #0000;border-radius:8px;padding:6px 10px}.nav a:hover{color:var(--text);background:#ffffff0a;border-color:#ffffff0f}.nav a[data-active=true]{color:var(--text);background:#60a5fa1f;border-color:#60a5fa40}.spacer{flex:auto}.main{flex:auto;min-height:0;padding:10px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px}.panelHeader{border-bottom:1px solid var(--border);height:36px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 10px;display:flex}.panelBody{scrollbar-gutter:stable;padding:8px 10px}.gridTrade{grid-template-rows:420px 1fr;grid-template-columns:336px 1fr 360px;gap:10px;height:calc(100vh - 76px);display:grid}.gridTrade>.ob{flex-direction:column;grid-area:1/1/span 2;min-height:0;display:flex}.gridTrade>.chart{flex-direction:column;grid-area:1/2;min-height:0;display:flex}.gridTrade>.order{flex-direction:column;grid-area:1/3;min-height:0;display:flex}.gridTrade>.bottom{flex-direction:column;grid-area:2/2/auto/span 2;min-height:0;display:flex}.table{border-collapse:collapse;width:100%;font-family:var(--mono);table-layout:fixed;font-size:12px}.table th,.table td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table3 th:first-child,.table3 td:first-child{width:34%}.table3 th:nth-child(2),.table3 td:nth-child(2),.table3 th:nth-child(3),.table3 td:nth-child(3){width:33%}.table th{text-align:right;color:var(--muted);padding:6px 0;font-weight:500}.table th:first-child,.table td:first-child{text-align:left}.table td{border-top:1px solid #23253599;padding:4px 0}.row{align-items:center;gap:10px;display:flex}.row>*{flex:auto}.row>.grow2{flex:2 auto}.tabs{gap:8px;display:flex}.tab{border:1px solid var(--border);background:var(--panel-2);color:var(--muted);border-radius:8px;padding:6px 10px}.tab:hover{color:var(--text);border-color:#ffffff14}.tab[data-active=true]{color:var(--text);background:#60a5fa1f;border-color:#60a5fa59}.muted{color:var(--muted)}.pos{color:var(--green)}.neg{color:var(--red)}.kpi{color:var(--muted);font-family:var(--mono);align-items:center;gap:10px;font-size:12px;display:flex}.kpi strong{color:var(--text);font-weight:600}.stack{flex-direction:column;gap:10px;display:flex}