@tailwind base;@tailwind utilities;:root{--bg0: #0b0e11;--bg1: #161a1e;--bg2: #1e2329;--bg3: #2b3139;--t1: #eaecef;--t2: #848e9c;--t3: #474d57;--up: #0ecb81;--down: #f6465d;--brand: #f0b90b;--info: #1890ff;--warn: #f0b90b}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg0);color:var(--t1);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--t3)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}.num{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-variant-numeric:tabular-nums}.c-up{color:var(--up)}.c-down{color:var(--down)}.c-brand{color:var(--brand)}.c-info{color:var(--info)}.c-warn{color:var(--warn)}.c-t1{color:var(--t1)}.c-t2{color:var(--t2)}.c-t3{color:var(--t3)}.nova-input{display:block;width:100%;background:var(--bg2);border:1px solid var(--bg3);border-radius:6px;padding:8px 10px;color:var(--t1);font-family:JetBrains Mono,Consolas,monospace;font-size:12px;outline:none;transition:border-color .15s}.nova-input:focus{border-color:#f0b90b8c}.nova-input::placeholder{color:var(--t3)}.nova-input.sm{padding:5px 8px;font-size:11px}.pnl-hd{display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:36px;background:var(--bg1);border-bottom:1px solid var(--bg3);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--t3);position:sticky;top:0;z-index:10}.section-div{height:1px;background:var(--bg3)}.badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;line-height:1.6;font-family:JetBrains Mono,monospace}.bdg-up{background:#0ecb8124;color:var(--up)}.bdg-down{background:#f6465d24;color:var(--down)}.bdg-warn{background:#f0b90b24;color:var(--warn)}.bdg-info{background:#1890ff24;color:var(--info)}.bdg-mute{background:var(--bg2);color:var(--t3)}.bdg-grey{background:var(--bg2);color:var(--t2)}.side-wrap{display:flex;border-radius:8px;overflow:hidden;border:1px solid var(--bg3)}.side-btn{flex:1;padding:10px 0;font-size:13px;font-weight:700;letter-spacing:.04em;border:none;cursor:pointer;transition:all .15s;background:transparent;color:var(--t3)}.side-btn:hover{color:var(--t2)}.side-buy-active{background:var(--up);color:#0b0e11;box-shadow:0 0 18px #0ecb814d}.side-sell-active{background:var(--down);color:#fff;box-shadow:0 0 18px #f6465d4d}.ord-tabs{display:flex;background:var(--bg0);border-radius:7px;padding:3px;gap:2px}.ord-tab{flex:1;padding:5px 0;font-size:11px;font-weight:500;border:none;border-radius:5px;cursor:pointer;background:transparent;color:var(--t3);transition:all .12s}.ord-tab:hover{color:var(--t2)}.ord-tab.active{background:var(--bg2);color:var(--t1)}.btn-buy{width:100%;padding:12px;background:var(--up);color:#0b0e11;border:none;border-radius:8px;font-size:14px;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:all .15s;box-shadow:0 0 18px #0ecb8140}.btn-sell{width:100%;padding:12px;background:var(--down);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:all .15s;box-shadow:0 0 18px #f6465d40}.btn-buy:hover,.btn-sell:hover{opacity:.88}.btn-buy:active,.btn-sell:active{transform:scale(.98)}.btn-buy:disabled,.btn-sell:disabled{opacity:.3;cursor:not-allowed;transform:none}.qbtn{flex:1;padding:4px 0;font-size:11px;background:var(--bg2);border:1px solid var(--bg3);border-radius:5px;color:var(--t3);cursor:pointer;transition:all .12s;font-family:JetBrains Mono,monospace}.qbtn:hover{color:var(--t2);border-color:var(--t3)}.qbtn.sel{border-color:#f0b90b80;color:var(--brand);background:#f0b90b12}.expander{border:1px solid var(--bg3);border-radius:8px;overflow:hidden}.exp-hd{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:transparent;border:none;width:100%;color:var(--t2);font-size:12px;cursor:pointer;transition:background .12s}.exp-hd:hover{background:var(--bg2)}.exp-body{padding:10px;border-top:1px solid var(--bg3);background:var(--bg0)}.msg-ok{border-radius:6px;padding:7px 10px;font-size:12px;background:#0ecb811a;color:var(--up);border:1px solid rgba(14,203,129,.2)}.msg-err{border-radius:6px;padding:7px 10px;font-size:12px;background:#f6465d1a;color:var(--down);border:1px solid rgba(246,70,93,.2)}.nav-link{padding:6px 12px;border-radius:6px;font-size:12px;color:var(--t2);text-decoration:none;transition:all .12s;white-space:nowrap}.nav-link:hover{color:var(--t1)}.nav-link.active{background:var(--bg2);color:var(--t1)}.ws-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.ws-on{background:var(--up);box-shadow:0 0 6px #0ecb81b3}.ws-off{background:var(--down)}.ws-con{background:var(--warn);animation:blink 1.2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.ind-btn{padding:3px 10px;border-radius:5px;font-size:11px;font-weight:500;border:1px solid var(--bg3);background:transparent;color:var(--t3);cursor:pointer;transition:all .12s}.ind-btn:hover{color:var(--t2)}.ind-btn.on{background:#f0b90b1f;border-color:#f0b90b66;color:var(--brand)}.tab-bar{display:flex;align-items:center;gap:2px;padding:0 8px;height:36px;background:var(--bg1);border-bottom:1px solid var(--bg3)}.tab-item{padding:5px 12px;border-radius:6px;font-size:12px;font-weight:500;color:var(--t3);border:none;background:transparent;cursor:pointer;transition:all .12s;white-space:nowrap;display:flex;align-items:center;gap:5px}.tab-item:hover{color:var(--t2)}.tab-item.active{background:var(--bg2);color:var(--t1)}.data-tbl{width:100%;border-collapse:collapse;font-size:12px}.data-tbl th{position:sticky;top:0;z-index:5;background:var(--bg1);color:var(--t3);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:6px 12px;text-align:left;border-bottom:1px solid var(--bg3);white-space:nowrap}.data-tbl th:last-child{text-align:center}.data-tbl td{padding:6px 12px;border-bottom:1px solid rgba(43,49,57,.6);color:var(--t2);vertical-align:middle;white-space:nowrap}.data-tbl tr:hover td{background:var(--bg2)}.data-tbl td.num{font-family:JetBrains Mono,Consolas,monospace}.tbl-btn{padding:3px 10px;border-radius:5px;font-size:11px;font-weight:600;border:1px solid var(--bg3);background:transparent;color:var(--t2);cursor:pointer;transition:all .12s}.tbl-btn:hover{color:var(--t1);border-color:var(--t2)}.tbl-btn.cancel:hover,.tbl-btn.close:hover{color:var(--down);border-color:var(--down)}.pos-strip{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;padding:8px 12px;border-bottom:1px solid var(--bg3);font-size:11px}.ticker-stat{display:flex;flex-direction:column;gap:2px}.ticker-stat .lbl{font-size:10px;color:var(--t3)}.ticker-stat .val{font-size:12px;font-weight:600;font-family:JetBrains Mono,monospace;color:var(--t2)}.notif-item{padding:8px 12px;border-bottom:1px solid rgba(43,49,57,.5);transition:background .1s}.notif-item:hover{background:var(--bg2)}.notif-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:3px}.close-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#0b0e11eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;animation:fadeUp .15s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes flashUp{0%{background:#0ecb8133}to{background:transparent}}@keyframes flashDown{0%{background:#f6465d33}to{background:transparent}}.flash-up{animation:flashUp .6s ease-out}.flash-down{animation:flashDown .6s ease-out}.tbl-wrap{overflow-y:auto}.lp-divider{height:1px;background:var(--bg3);margin:0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;border:none;background:transparent;color:var(--t3);cursor:pointer;font-size:12px;transition:all .12s}.icon-btn:hover{background:var(--bg2);color:var(--down)}.pos-card{position:relative;margin:8px;border-radius:10px;background:var(--bg1);border:1px solid var(--bg3);overflow:hidden}.pos-card-bar{position:absolute;top:0;left:0;right:0;height:2px}.close-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#0b0e11f2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;border-radius:10px;animation:fadeUp .15s ease-out}.fill-bar{height:2px;background:var(--bg2);border-radius:2px;overflow:hidden;margin-top:4px}.fill-bar-inner{height:100%;border-radius:2px;transition:width .3s}.notif-card{margin:6px 8px;padding:8px 10px;border-radius:8px;border-left:3px solid}.notif-info{background:#1890ff14;border-color:var(--info);color:var(--t2)}.notif-success{background:#0ecb8114;border-color:var(--up);color:var(--t2)}.notif-warning{background:#f0b90b14;border-color:var(--warn);color:var(--t2)}.notif-error{background:#f6465d14;border-color:var(--down);color:var(--t2)}.font-nums{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-variant-numeric:tabular-nums}