:root{--bg-primary: #0b0e11;--bg-secondary: #1e2329;--bg-tertiary: #2b3139;--text-primary: #eaecef;--text-secondary: #848e9c;--accent: #f0b90b;--green: #0ecb81;--red: #f6465d;--border: #2b3139;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:14px}.app{height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.header-left{display:flex;align-items:center;gap:16px}.logo{font-size:20px;font-weight:700;color:var(--accent);letter-spacing:2px}.symbol{font-size:15px;font-weight:600;color:var(--text-primary)}.ws-status{font-size:12px;font-weight:600;padding:2px 8px;border-radius:3px;text-transform:uppercase;letter-spacing:1px}.ws-status.connected{background:#0ecb8126;color:var(--green)}.ws-status.disconnected{background:#f6465d26;color:var(--red)}.main-layout{display:flex;flex:1;overflow:hidden}.order-panel{width:260px;min-width:260px;background:var(--bg-secondary);border-right:1px solid var(--border);padding:16px;display:flex;flex-direction:column;overflow:hidden}.center-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.balances-divider{width:5px;min-width:5px;background:var(--border);cursor:col-resize;position:relative;flex-shrink:0;transition:background .15s}.balances-divider:hover,.balances-divider:active{background:var(--accent)}.balances-divider:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:32px;width:3px;border-left:1px solid var(--text-secondary);border-right:1px solid var(--text-secondary)}.balances-panel{width:300px;min-width:180px;background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden}.balances-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden}.balances-header-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.balances-title{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.balances-account-select{background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:12px;padding:4px 8px;cursor:pointer;max-width:160px}.balances-account-select:focus{outline:none;border-color:var(--accent)}.balances-table-wrap{flex:1;overflow-y:auto}.tabs{display:flex;gap:0;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.tab{padding:10px 20px;background:none;border:none;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-content{flex:1;overflow:auto;padding:0;background:var(--bg-secondary)}.data-table{width:100%;border-collapse:collapse;font-size:13px;font-family:var(--font-mono)}.data-table th{position:sticky;top:0;background:var(--bg-secondary);color:var(--text-secondary);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;text-align:right;border-bottom:1px solid var(--border);white-space:nowrap}.data-table th:first-child{text-align:left}.data-table td{padding:7px 12px;text-align:right;border-bottom:1px solid rgba(43,49,57,.5);white-space:nowrap}.data-table td:first-child{text-align:left}.data-table tr:hover{background:#2b31394d}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table.compact th{padding:6px 10px;font-size:11px}.data-table.compact td{padding:5px 10px;font-size:12px}.long{color:var(--green)}.short{color:var(--red)}.positive{color:var(--green)}.negative{color:var(--red)}.order-form,.order-form form{display:flex;flex-direction:column;flex:1;overflow:hidden}.order-form h3{font-size:15px;margin-bottom:12px;color:var(--text-primary);flex-shrink:0}.form-group{margin-bottom:10px;flex-shrink:0}.form-group label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{width:100%;padding:8px 10px;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:14px;font-family:var(--font-mono)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent)}.reduce-only-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-shrink:0}.reduce-only-row input[type=checkbox]{accent-color:var(--accent)}.reduce-only-row label{font-size:13px;color:var(--text-secondary);cursor:pointer}.side-buttons{display:flex;gap:8px;margin-bottom:12px;flex-shrink:0}.action-buttons{display:flex;gap:8px;flex-shrink:0;padding-top:0;margin-top:10px;margin-bottom:14px}.btn-long,.btn-short{flex:1;padding:12px;border:none;border-radius:4px;font-weight:600;font-size:14px;cursor:pointer;transition:opacity .15s}.btn-long{background:var(--green);color:#fff}.btn-short{background:var(--red);color:#fff}.btn-long:hover,.btn-short:hover{opacity:.85}.btn-long:disabled,.btn-short:disabled{opacity:.35;cursor:not-allowed}.btn-submit{width:100%;padding:10px;background:var(--accent);color:#0b0e11;border:none;border-radius:4px;font-weight:600;font-size:14px;cursor:pointer;margin-top:8px}.btn-submit:hover{opacity:.9}.broadcast-group{flex:0 0 auto;display:flex;flex-direction:column;overflow:hidden;min-height:0}.broadcast-label,.account-toggle{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.account-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-primary);cursor:pointer;text-transform:uppercase;margin-bottom:8px}.account-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.account-toggle-icon{display:inline-block;transition:transform .2s ease;color:var(--accent)}.account-toggle.open .account-toggle-icon{transform:rotate(180deg)}.account-list{flex:1;overflow-y:auto;min-height:0}.account-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px}.account-item input[type=checkbox]{accent-color:var(--accent)}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--bg-primary)}.login-form{background:var(--bg-secondary);padding:32px;border-radius:8px;width:360px;border:1px solid var(--border)}.login-form h2{text-align:center;margin-bottom:24px;color:var(--accent);letter-spacing:3px}.login-form .form-group{margin-bottom:16px}.login-form .btn-submit{margin-top:16px}.login-error{color:var(--red);font-size:13px;text-align:center;margin-top:8px;flex-shrink:0}.session-expired-msg{background:#f6465d26;border:1px solid var(--red);color:var(--red);padding:10px 14px;border-radius:6px;font-size:13px;text-align:center;margin-bottom:12px}.empty-state{display:flex;justify-content:center;align-items:center;height:200px;color:var(--text-secondary);font-size:14px}.badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-active{background:#0ecb8126;color:var(--green)}.badge-filled{background:#0ecb814d;color:var(--green)}.badge-pending{background:#f0b90b26;color:var(--accent)}.badge-cancelled{background:#848e9c26;color:var(--text-secondary)}.badge-rejected{background:#f6465d26;color:var(--red)}.badge-partial{background:#f0b90b4d;color:var(--accent)}.header-right{display:flex;align-items:center;gap:10px}.header-btn{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:4px 12px;border-radius:4px;font-size:13px;cursor:pointer;transition:all .15s}.header-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.header-btn.active{color:var(--accent);border-color:var(--accent)}.header-btn.logout{color:var(--text-secondary)}.header-btn.logout:hover{color:var(--red);border-color:var(--red)}.accounts-view{flex:1;overflow-y:auto;padding:24px;max-width:800px;margin:0 auto;width:100%}.accounts-manager{width:100%}.accounts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.accounts-header h3{font-size:18px;color:var(--text-primary)}.btn-add{background:var(--accent);color:#0b0e11;border:none;padding:6px 14px;border-radius:4px;font-weight:600;font-size:13px;cursor:pointer}.btn-add:hover{opacity:.9}.btn-close{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:6px 14px;border-radius:4px;font-size:13px;cursor:pointer}.btn-close:hover{color:var(--text-primary);border-color:var(--text-secondary)}.account-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:20px;margin-bottom:20px}.account-form-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1}.btn-cancel-form{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer}.btn-cancel-form:hover{color:var(--text-primary);border-color:var(--text-secondary)}.account-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:14px 16px;margin-bottom:10px;transition:border-color .15s}.account-card:hover{border-color:var(--text-secondary)}.account-card.disabled{opacity:.5}.account-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.account-label{font-size:15px;font-weight:600;color:var(--text-primary)}.venue-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:3px;letter-spacing:.5px}.venue-binance{background:#f0b90b26;color:var(--accent)}.venue-bybit{background:#f6aa2b26;color:#f6aa2b}.venue-kucoin{background:#23af9126;color:#23af91}.venue-hyperliquid{background:#6e8cff26;color:#6e8cff}.venue-lighter{background:#c8c8c826;color:#c8c8c8}.venue-extended{background:#ff8c3c26;color:#ff8c3c}.account-card-meta{display:flex;gap:16px;font-size:12px;color:var(--text-secondary);margin-bottom:8px}.account-card-actions{display:flex;gap:8px}.account-card-actions button{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:3px 10px;border-radius:3px;font-size:12px;cursor:pointer}.account-card-actions button:hover{color:var(--text-primary);border-color:var(--text-secondary)}.account-card-actions .btn-delete:hover{color:var(--red);border-color:var(--red)}.venue-group{margin-bottom:6px}.venue-group-label{font-size:11px;font-weight:600;color:var(--text-secondary);letter-spacing:.5px;margin-bottom:2px;padding-left:2px}.select-all-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;flex-shrink:0}.select-all-btn{background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer;padding:0}.select-all-btn:hover{text-decoration:underline}.split-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.split-top,.split-bottom{display:flex;flex-direction:column;overflow:hidden;min-height:0}.split-divider{height:5px;min-height:5px;background:var(--border);cursor:row-resize;position:relative;flex-shrink:0;transition:background .15s}.split-divider:hover,.split-divider:active{background:var(--accent)}.split-divider:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32px;height:3px;border-top:1px solid var(--text-secondary);border-bottom:1px solid var(--text-secondary)}.active-orders-pane{display:flex;flex-direction:column;height:100%;overflow:hidden}.pane-header{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.pane-title{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.pane-body{flex:1;overflow:auto}.cancel-all-btn{background:none;border:1px solid var(--red);color:var(--red);padding:3px 10px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600;transition:all .15s}.cancel-all-btn:hover{background:#f6465d26}.cancel-all-btn:disabled{opacity:.5;cursor:not-allowed}.filter-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.time-filter{display:flex;gap:6px;align-items:center;flex-shrink:0}.time-filter-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:6px 16px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.time-filter-btn:hover{color:var(--text-primary);border-color:var(--text-secondary);background:var(--bg-tertiary)}.time-filter-btn.active{color:var(--accent);border-color:var(--accent);background:#f0b90b1a}.date-range-inputs{display:flex;align-items:center;gap:6px;margin-left:4px}.date-input{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);padding:5px 10px;border-radius:4px;font-size:13px;font-family:var(--font-mono);outline:none;transition:border-color .15s}.date-input:focus{border-color:var(--accent)}.date-input::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.date-range-sep{color:var(--text-secondary);font-size:14px}.filter-spacer{flex:1}.account-filter{position:relative}.account-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;min-width:200px;max-height:280px;overflow-y:auto;z-index:100;box-shadow:0 4px 16px #0006}.account-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:background .1s;white-space:nowrap}.account-dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.account-dropdown-item.selected{color:var(--accent)}.account-check{width:16px;font-size:12px;text-align:center;flex-shrink:0}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:6px;border:1px solid var(--border);background:var(--bg-secondary);min-width:280px;max-width:380px;box-shadow:0 8px 24px #0006;pointer-events:auto;cursor:pointer;transition:opacity .3s,transform .3s}.toast-enter{animation:toastSlideIn .3s ease-out forwards}.toast-exit{animation:toastSlideOut .3s ease-in forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(60px)}}.toast-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;margin-top:1px}.toast-success .toast-icon{background:#0ecb8133;color:var(--green)}.toast-error .toast-icon{background:#f6465d33;color:var(--red)}.toast-warning .toast-icon{background:#f0b90b33;color:var(--accent)}.toast-info .toast-icon{background:#848e9c33;color:var(--text-secondary)}.toast-success{border-left:3px solid var(--green)}.toast-error{border-left:3px solid var(--red)}.toast-warning{border-left:3px solid var(--accent)}.toast-info{border-left:3px solid var(--text-secondary)}.toast-content{flex:1;min-width:0}.toast-title{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3}.toast-detail{font-size:12px;color:var(--text-secondary);margin-top:2px;line-height:1.3}.settings-page{padding:24px 32px;max-width:900px;margin:0 auto}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.settings-header h2{font-size:20px;font-weight:600;color:var(--text-primary)}.settings-grid{display:flex;flex-direction:column;gap:20px}.settings-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:20px 24px}.settings-card h3{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.settings-hint{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.settings-field{margin-bottom:12px}.settings-field label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.settings-field input{width:100%;max-width:320px;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);padding:8px 12px;border-radius:4px;font-size:14px;font-family:var(--font-mono);outline:none;transition:border-color .15s;box-sizing:border-box}.settings-field input:focus{border-color:var(--accent)}.settings-btn{background:var(--accent);color:#181a20;border:none;padding:8px 20px;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.settings-btn:hover{opacity:.85}.settings-btn:disabled{opacity:.4;cursor:not-allowed}.settings-btn.danger{background:var(--red);color:#fff}.settings-btn.secondary{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.settings-success{font-size:13px;color:var(--green);margin-top:8px}.settings-error{font-size:13px;color:var(--red);margin-top:8px}.totp-qr-container{margin:16px 0;background:#fff;display:inline-block;padding:8px;border-radius:8px}.totp-secret-display code{background:var(--bg-primary);padding:4px 8px;border-radius:4px;font-size:13px;color:var(--accent);word-break:break-all}.settings-select{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);padding:8px 12px;border-radius:4px;font-size:14px;font-family:var(--font-mono);outline:none;cursor:pointer;transition:border-color .15s;max-width:320px;width:100%}.settings-select:focus{border-color:var(--accent)}.tg-checkbox-group{display:flex;flex-direction:column;gap:6px}.tg-checkbox-label{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-primary);cursor:pointer}.tg-checkbox-label input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}@media (max-width: 960px){.header{padding:10px 12px;gap:8px;flex-wrap:wrap}.header-right{gap:8px;flex-wrap:wrap;justify-content:flex-end;width:100%}.header-btn{padding:4px 10px;font-size:12px}.main-layout{flex-direction:column;overflow:visible;height:auto}.app{height:auto;min-height:100vh}.order-panel{width:auto;min-width:0;border-right:0;border-bottom:1px solid var(--border);overflow:visible;max-height:none}.center-content,.balances-panel{min-width:0;width:100%;overflow:visible}.split-container{height:auto;overflow:visible}.split-top,.split-bottom{height:auto!important;min-height:0;flex:0 0 auto}.split-divider,.balances-divider{display:none}.balances-panel{border-left:0;border-top:1px solid var(--border);overflow:visible}.tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:10px 12px;font-size:12px;white-space:nowrap;flex:1}.filter-bar,.select-all-row,.time-filter,.account-filter{flex-wrap:wrap;gap:6px}.time-filter-btn{padding:6px 10px}.date-range-sep,.time-filter,.filter-spacer{display:none}.filter-bar{padding:8px 10px;gap:8px;align-items:flex-start}.filter-spacer{display:none}.tab-content,.pane-body,.balances-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table th,.data-table td{padding:6px 8px;font-size:11px}.positions-table th:nth-child(6),.positions-table td:nth-child(6),.positions-table th:nth-child(7),.positions-table td:nth-child(7){display:none}.orders-table th:nth-child(2),.orders-table td:nth-child(2),.orders-table th:nth-child(8),.orders-table td:nth-child(8),.orders-table th:nth-child(10),.orders-table td:nth-child(10),.orders-table th:nth-child(11),.orders-table td:nth-child(11){display:none}.active-orders-table th:nth-child(2),.active-orders-table td:nth-child(2),.active-orders-table th:nth-child(7),.active-orders-table td:nth-child(7),.active-orders-table th:nth-child(9),.active-orders-table td:nth-child(9){display:none}.balances-table th,.balances-table td{white-space:nowrap}.order-form form{overflow:visible;gap:6px}.order-form,.order-form form{overflow:visible}.account-list{max-height:none;overflow-y:auto;padding-right:4px}.balances-wrapper,.balances-table-wrap{min-height:0;max-height:none}.balances-table-wrap{overflow:visible;max-height:none}.balances-wrapper{height:auto;overflow:visible}.action-buttons{margin-top:12px;margin-bottom:18px}.btn-long,.btn-short{padding:13px}.ws-status{font-size:11px}.toast{margin:10px 12px 0;max-width:calc(100% - 24px)}}