@tailwind base;@tailwind components;@tailwind utilities;*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:#0b0e11;color:#eaecef;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:#2b3139;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#474d57}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}.font-nums{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-variant-numeric:tabular-nums}.fill{width:100%;height:100%}.border-b-px{border-bottom:1px solid #2b3139}.border-r-px{border-right:1px solid #2b3139}.border-l-px{border-left:1px solid #2b3139}.border-t-px{border-top:1px solid #2b3139}.nova-input{display:block;width:100%;background:#1e2329;border:1px solid #2b3139;border-radius:6px;padding:8px 10px;color:#eaecef;font-family:JetBrains Mono,Consolas,monospace;font-size:12px;outline:none;transition:border-color .15s}.nova-input:focus{border-color:#f0b90b99}.nova-input::placeholder{color:#474d57}.panel-hd{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-bottom:1px solid #2b3139;background:#161a1e;color:#848e9c;font-size:11px;text-transform:uppercase;letter-spacing:.08em;position:sticky;top:0;z-index:10}.badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600;line-height:1.6}.badge-up{background:#0ecb8126;color:#0ecb81}.badge-down{background:#f6465d26;color:#f6465d}.badge-warn{background:#f0b90b26;color:#f0b90b}.badge-info{background:#1890ff26;color:#1890ff}.badge-mute{background:#1e2329;color:#474d57}.badge-grey{background:#1e2329;color:#848e9c}.pnl-pos{background:#0ecb811a;color:#0ecb81}.pnl-neg{background:#f6465d1a;color:#f6465d}.msg-ok{background:#0ecb811a;color:#0ecb81;border:1px solid rgba(14,203,129,.2)}.msg-err{background:#f6465d1a;color:#f6465d;border:1px solid rgba(246,70,93,.2)}.msg-ok,.msg-err{border-radius:6px;padding:7px 10px;font-size:12px}.side-toggle{display:flex;border-radius:8px;overflow:hidden;border:1px solid #2b3139}.side-btn{flex:1;padding:10px;font-size:13px;font-weight:700;letter-spacing:.04em;border:none;cursor:pointer;transition:all .15s}.side-btn-buy-active{background:#0ecb81;color:#0b0e11;box-shadow:0 0 16px #0ecb814d}.side-btn-sell-active{background:#f6465d;color:#fff;box-shadow:0 0 16px #f6465d4d}.side-btn-inactive{background:transparent;color:#474d57}.side-btn-inactive:hover{color:#848e9c}.ord-tabs{display:flex;background:#0b0e11;border-radius:8px;padding:3px;gap:2px}.ord-tab{flex:1;padding:5px;font-size:11px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .15s;background:transparent;color:#474d57}.ord-tab:hover{color:#848e9c}.ord-tab.active{background:#1e2329;color:#eaecef}.submit-buy{width:100%;padding:12px;background:#0ecb81;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 20px #0ecb8140}.submit-sell{width:100%;padding:12px;background:#f6465d;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 20px #f6465d40}.submit-buy:hover,.submit-sell:hover{opacity:.9}.submit-buy:active,.submit-sell:active{transform:scale(.98)}.submit-buy:disabled,.submit-sell:disabled{opacity:.35;cursor:not-allowed;transform:none}.quick-btn{flex:1;padding:4px;font-size:11px;background:#1e2329;border:1px solid #2b3139;border-radius:5px;color:#474d57;cursor:pointer;transition:all .12s;font-family:JetBrains Mono,monospace}.quick-btn:hover{color:#848e9c;border-color:#474d57}.quick-btn.selected{border-color:#f0b90b80;color:#f0b90b;background:#f0b90b14}.nav-link{padding:6px 12px;border-radius:6px;font-size:12px;color:#848e9c;text-decoration:none;transition:all .12s}.nav-link:hover{color:#eaecef}.nav-link.active{background:#1e2329;color:#eaecef}.pos-card{border:1px solid #2b3139;border-radius:8px;overflow:hidden;margin:8px;background:#0b0e11}.pos-card-bar{height:2px;width:100%}.fill-bar{height:2px;background:#1e2329;border-radius:2px;overflow:hidden;margin-top:4px}.fill-bar-inner{height:100%;border-radius:2px;transition:width .3s}.expander{border:1px solid #2b3139;border-radius:8px;overflow:hidden}.expander-hd{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;background:transparent;width:100%;text-align:left;color:#848e9c;font-size:12px;border:none;transition:background .12s}.expander-hd:hover{background:#1e2329}.expander-body{padding:8px;border-top:1px solid #2b3139;background:#0b0e11}.ws-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.ws-connected{background:#0ecb81;box-shadow:0 0 6px #0ecb81b3}.ws-connecting{background:#f0b90b;animation:blink 1.2s ease-in-out infinite}.ws-disconnected{background:#f6465d}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.notif-card{border-radius:6px;border:1px solid transparent;padding:7px 10px;margin:4px 8px;font-size:11px;animation:slideIn .15s ease-out}.notif-info{background:#1890ff1a;color:#1890ff;border-color:#1890ff33}.notif-success{background:#0ecb811a;color:#0ecb81;border-color:#0ecb8133}.notif-warning{background:#f0b90b1a;color:#f0b90b;border-color:#f0b90b33}.notif-error{background:#f6465d1a;color:#f6465d;border-color:#f6465d33}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.close-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#0b0e11e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;animation:slideIn .15s}.icon-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;background:transparent;border:none;color:#474d57;cursor:pointer;transition:all .12s;font-size:12px}.icon-btn:hover{background:#1e2329;color:#f6465d}
