:root,:root[data-theme=dark]{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--bg-hover: rgba(110, 118, 129, .1);--text-primary: #c9d1d9;--text-secondary: #8b949e;--text-muted: #6e7681;--border-color: #30363d;--border-color-light: #21262d;--primary-color: #1890ff;--success-color: #52c41a;--error-color: #ff4d4f;--warning-color: #faad14;--shadow: rgba(0, 0, 0, .3);--shadow-strong: rgba(0, 0, 0, .5)}:root[data-theme=light]{--bg-primary: #fafafa;--bg-secondary: #f5f5f5;--bg-tertiary: #eeeeee;--bg-hover: rgba(0, 0, 0, .04);--text-primary: #262626;--text-secondary: #595959;--text-muted: #8c8c8c;--border-color: #d9d9d9;--border-color-light: #e8e8e8;--primary-color: #1890ff;--success-color: #52c41a;--error-color: #ff4d4f;--warning-color: #faad14;--shadow: rgba(0, 0, 0, .1);--shadow-strong: rgba(0, 0, 0, .2)}:root[data-theme=eye-care]{--bg-primary: #f5f8f5;--bg-secondary: #e8f0e8;--bg-tertiary: #d4e5d4;--bg-hover: rgba(93, 155, 93, .1);--text-primary: #2d4a2d;--text-secondary: #4a6b4a;--text-muted: #6b8e6b;--border-color: #c0d8c0;--border-color-light: #d4e5d4;--primary-color: #5a9b5a;--success-color: #52c41a;--error-color: #ff4d4f;--warning-color: #faad14;--shadow: rgba(93, 155, 93, .1);--shadow-strong: rgba(93, 155, 93, .2)}:root[data-theme=dark-blue]{--bg-primary: #1a1d2e;--bg-secondary: #232640;--bg-tertiary: #2d3250;--bg-hover: rgba(107, 125, 184, .1);--text-primary: #e8e9f3;--text-secondary: #c4c6d8;--text-muted: #8a8ca2;--border-color: #3a3f5c;--border-color-light: #4a4f6c;--primary-color: #6b7db8;--success-color: #52c41a;--error-color: #ff4d4f;--warning-color: #faad14;--shadow: rgba(26, 29, 46, .3);--shadow-strong: rgba(26, 29, 46, .5)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}#chart-app,#chart-app *,.chart-area,.chart-area *{transition:none!important}.theme-indicator{position:fixed;top:60px;right:20px;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:12px;z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s}.theme-indicator.show{opacity:1}.theme-selector-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;align-items:center;justify-content:center}.theme-selector-modal.show{display:flex}.theme-selector-content{background:var(--bg-secondary);border-radius:8px;box-shadow:0 8px 32px var(--shadow-strong);padding:24px;width:90%;max-width:400px;border:1px solid var(--border-color)}.theme-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.theme-selector-header h3{margin:0;font-size:16px;color:var(--text-primary)}.theme-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.theme-option{padding:16px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;text-align:center}.theme-option:hover{border-color:var(--primary-color);transform:translateY(-2px)}.theme-option.active{border-color:var(--primary-color);background:var(--bg-tertiary)}.theme-option-preview{width:100%;height:60px;border-radius:4px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;font-weight:600}.theme-option[data-theme=dark] .theme-option-preview{background:linear-gradient(135deg,#0d1117,#161b22);color:var(--text-primary, #c9d1d9)}.theme-option[data-theme=light] .theme-option-preview{background:linear-gradient(135deg,#fafafa,#f5f5f5);color:#262626}.theme-option[data-theme=eye-care] .theme-option-preview{background:linear-gradient(135deg,#f5f8f5,#e8f0e8);color:#2d4a2d}.theme-option[data-theme=dark-blue] .theme-option-preview{background:linear-gradient(135deg,#1a1d2e,#232640);color:#e8e9f3}.theme-option-name{font-size:14px;color:var(--text-primary);font-weight:600}:root[data-theme=arcade]{--bg-primary: #0a0a0f;--bg-secondary: #0f0f1a;--bg-tertiary: #15151f;--bg-hover: rgba(255, 45, 120, .08);--text-primary: #e0e0ff;--text-secondary: #a0a0cc;--text-muted: #606088;--border-color: #2a0a1f;--border-color-light: #1a0a15;--primary-color: #FF2D78;--success-color: #00FF88;--error-color: #FF2D78;--warning-color: #FFD700;--shadow: rgba(255, 45, 120, .2);--shadow-strong: rgba(255, 45, 120, .4);--neon-pink: #FF2D78;--neon-cyan: #00FFFF;--neon-gold: #FFD700;--neon-green: #00FF88;--scanline-color: rgba(0, 0, 0, .15)}:root[data-theme=arcade] body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,var(--scanline-color) 0px,var(--scanline-color) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:9999;opacity:.4}:root[data-theme=arcade] .chart-sidebar,:root[data-theme=arcade] .bottom-panel,:root[data-theme=arcade] .order-form-container{border-color:var(--neon-pink)!important;box-shadow:0 0 6px #ff2d784d}:root[data-theme=arcade] button:hover,:root[data-theme=arcade] .btn:hover{box-shadow:0 0 8px var(--neon-pink),0 0 16px #ff2d784d}:root[data-theme=arcade] .price-up,:root[data-theme=arcade] .text-success{color:var(--neon-green)!important;text-shadow:0 0 6px rgba(0,255,136,.5)}:root[data-theme=arcade] .price-down,:root[data-theme=arcade] .text-danger{color:var(--neon-pink)!important;text-shadow:0 0 6px rgba(255,45,120,.5)}.theme-option[data-theme=arcade] .theme-option-preview{background:linear-gradient(135deg,#0a0a0f,#1a0a1f);color:#ff2d78;text-shadow:0 0 8px #FF2D78,0 0 16px #FF2D78;font-family:"Press Start 2P",monospace;font-size:10px;letter-spacing:2px;border:1px solid #FF2D78;box-shadow:0 0 10px #ff2d7866 inset}:root[data-theme=arcade] .chart-header,:root[data-theme=arcade] .nav-header,:root[data-theme=arcade] header{background:#0a0a0f!important;border-bottom:2px solid var(--neon-pink)!important;box-shadow:0 2px 12px #ff2d7866!important}:root[data-theme=arcade] .chart-sidebar{background:#0f0f1a!important;border-right:2px solid var(--neon-pink)!important;box-shadow:2px 0 12px #ff2d7833!important}:root[data-theme=arcade] .bottom-panel,:root[data-theme=arcade] .chart-bottom-panel{background:#0f0f1a!important;border-top:2px solid var(--neon-pink)!important;box-shadow:0 -2px 12px #ff2d7833!important}:root[data-theme=arcade] .tab-btn.active,:root[data-theme=arcade] .bottom-tab-btn.active,:root[data-theme=arcade] .filter-btn.active{color:var(--neon-cyan)!important;border-color:var(--neon-cyan)!important;background:#00ffff14!important;box-shadow:0 0 8px #00ffff4d!important}:root[data-theme=arcade] .btn-buy{background:#00ff8826!important;border-color:#0f8!important;color:#0f8!important;text-shadow:0 0 6px rgba(0,255,136,.6)!important}:root[data-theme=arcade] .btn-sell{background:#ff2d7826!important;border-color:#ff2d78!important;color:#ff2d78!important;text-shadow:0 0 6px rgba(255,45,120,.6)!important}:root[data-theme=arcade] input:focus,:root[data-theme=arcade] select:focus{border-color:var(--neon-cyan)!important;box-shadow:0 0 8px #0ff6!important;outline:none!important}:root[data-theme=arcade] .modal-content,:root[data-theme=arcade] .panel-content{background:#0f0f1a!important;border:2px solid var(--neon-pink)!important;box-shadow:0 0 30px #ff2d784d!important}:root[data-theme=arcade] .text-success,:root[data-theme=arcade] .price-up,:root[data-theme=arcade] .positive{color:#0f8!important;text-shadow:0 0 8px rgba(0,255,136,.6)!important}:root[data-theme=arcade] .text-danger,:root[data-theme=arcade] .price-down,:root[data-theme=arcade] .negative{color:#ff2d78!important;text-shadow:0 0 8px rgba(255,45,120,.6)!important}:root[data-theme=arcade] .orderbook-bid-bar{background:#00ff881f!important}:root[data-theme=arcade] .orderbook-ask-bar{background:#ff2d781f!important}:root[data-theme=arcade] .theme-indicator{border-color:#ff2d78!important;box-shadow:0 0 10px #ff2d7880!important;color:#0ff!important;font-size:10px!important}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--bg-primary, #0d1117);overflow:hidden}.site-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-secondary, #161b22);border-bottom:1px solid var(--border-color, #30363d);height:50px;flex-shrink:0}.site-header-left{display:flex;align-items:center}.site-title{font-size:16px;font-weight:600;color:#ff2d78;margin:0;text-shadow:0 0 8px rgba(255,45,120,.6),0 0 16px rgba(255,45,120,.3);letter-spacing:1px}.site-header-right{display:flex;align-items:center;gap:12px}.header-btn{padding:6px 16px;background:var(--bg-tertiary, #21262d);border:1px solid var(--border-color, #30363d);border-radius:6px;color:var(--text-primary, #c9d1d9);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.header-btn:hover{background:var(--bg-hover, rgba(110, 118, 129, .1));border-color:var(--primary-color, #1890ff)}.header-btn-primary{background:var(--primary-color, #1890ff);border-color:var(--primary-color, #1890ff);color:#fff}.header-btn-primary:hover{opacity:.9}.balance-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-primary, #0d1117);border:1px solid var(--border-color, #30363d);border-radius:8px;color:var(--text-primary, #c9d1d9);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;overflow:hidden}.balance-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(88,166,255,.1),transparent);transition:left .5s ease}.balance-btn:hover{background:var(--bg-secondary, #161b22);border-color:var(--accent-primary, #58a6ff);color:var(--accent-primary, #58a6ff);box-shadow:0 0 0 3px #58a6ff1a;box-shadow:0 0 10px #ff2d7866!important}.balance-btn:hover:before{left:100%}.balance-icon{flex-shrink:0;width:16px;height:16px;color:var(--text-secondary, #8b949e);transition:color .2s ease}.balance-btn:hover .balance-icon{color:var(--accent-primary, #58a6ff)}.balance-label{color:var(--text-secondary, #8b949e);font-size:12px;font-weight:500;transition:color .2s ease}.balance-btn:hover .balance-label{color:var(--text-primary, #c9d1d9)}.balance-amount{color:var(--text-primary, #c9d1d9);font-size:13px;font-weight:600;font-family:Courier New,Monaco,Menlo,monospace;letter-spacing:.3px;transition:color .2s ease}.balance-btn:hover .balance-amount{color:var(--accent-primary, #58a6ff)}.main-content{flex:1;display:flex;min-height:0;overflow:hidden}.main-area{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.chart-area{flex:1;min-height:0;overflow:hidden;position:relative}@media (max-width: 768px){.site-header{padding:8px 12px}.site-title{font-size:14px}.header-btn{padding:4px 12px;font-size:12px}.balance-btn{padding:6px 10px;gap:6px}.balance-icon{width:14px;height:14px}.balance-label{font-size:11px}.balance-amount{font-size:12px}}.chart-settings-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:none;align-items:center;justify-content:center;pointer-events:auto}.settings-modal-content{background:var(--bg-primary, #0d1117);border-radius:12px;box-shadow:0 8px 32px #0006;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-color, #30363d);pointer-events:auto}.settings-modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color, #30363d);display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary, #161b22)}.settings-modal-title{font-size:20px;font-weight:600;color:var(--text-primary, #d1d4dc);margin:0}.settings-close-btn{background:none;border:none;font-size:24px;color:var(--text-muted, #8b949e);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.settings-close-btn:hover{background:var(--bg-tertiary, #21262d);color:var(--text-primary, #d1d4dc)}.settings-modal-body{padding:24px;overflow-y:auto;flex:1}.setting-group{margin-bottom:24px}.setting-group:last-child{margin-bottom:0}.group-title{font-size:16px;font-weight:600;color:var(--text-primary, #d1d4dc);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-color-light, #21262d)}.setting-item{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.setting-item:last-child{margin-bottom:0}.setting-label{font-size:14px;color:var(--text-secondary, #8b949e);min-width:120px}.setting-checkbox-label{font-size:14px;color:var(--text-secondary, #8b949e);display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.setting-checkbox-label:hover{color:var(--text-primary, #d1d4dc)}.setting-select{padding:6px 12px;border:1px solid var(--border-color, #30363d);border-radius:6px;background:var(--bg-secondary, #161b22);color:var(--text-primary, #d1d4dc);font-size:14px;cursor:pointer;transition:all .2s;min-width:180px}.setting-select:hover{border-color:var(--accent-primary, #58a6ff)}.setting-select:focus{outline:none;border-color:var(--accent-primary, #58a6ff);box-shadow:0 0 0 3px #58a6ff1a}.setting-color{width:60px;height:36px;border:1px solid var(--border-color, #30363d);border-radius:6px;cursor:pointer;background:var(--bg-secondary, #161b22);padding:2px}.setting-color:hover{border-color:var(--accent-primary, #58a6ff)}.setting-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary, #58a6ff)}.settings-modal-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color, #30363d);background:var(--bg-secondary, #161b22)}.settings-btn{flex:1;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.settings-btn-primary{background:var(--accent-primary, #238636);color:#fff;border:1px solid var(--accent-primary, #238636)}.settings-btn-primary:hover{background:#2ea043;border-color:#2ea043;transform:translateY(-1px);box-shadow:0 4px 12px #2386364d}.settings-btn-primary:active{transform:translateY(0)}.settings-btn-secondary{background:transparent;color:var(--text-primary, #d1d4dc);border:1px solid var(--border-color, #30363d)}.settings-btn-secondary:hover{background:var(--bg-tertiary, #21262d);border-color:var(--accent-primary, #58a6ff);transform:translateY(-1px)}.settings-btn-secondary:active{transform:translateY(0)}.settings-modal-body::-webkit-scrollbar{width:6px}.settings-modal-body::-webkit-scrollbar-track{background:var(--bg-primary, #0d1117)}.settings-modal-body::-webkit-scrollbar-thumb{background:var(--border-color, #30363d);border-radius:3px}.settings-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #8b949e)}@media (max-width: 768px){.settings-modal-content{width:95%;max-height:90vh}.settings-modal-header,.settings-modal-body,.settings-modal-footer{padding:16px}.setting-item{flex-direction:column;align-items:flex-start}.setting-label{min-width:auto}.setting-select{width:100%;min-width:auto}}.main-content{display:flex;flex:1;position:relative;min-height:0;overflow:hidden}.sidebar-nav{width:60px;background:var(--bg-secondary, #161b22);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--border-color, #30363d);z-index:100;flex-shrink:0}.sidebar-nav[data-position=left]{order:0;border-right:1px solid var(--border-color, #30363d);border-left:none}.sidebar-nav[data-position=right]{order:3;border-left:1px solid var(--border-color, #30363d);border-right:none}.nav-buttons{display:flex;flex-direction:column;padding:8px 0;gap:4px}.nav-btn{width:44px;height:44px;margin:0 auto;background:var(--bg-primary, #0d1117);border:1px solid var(--border-color, #30363d);border-radius:6px;color:var(--text-secondary, #8b949e);font-size:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;position:relative}.nav-btn svg{width:20px;height:20px;stroke:currentColor;flex-shrink:0}.nav-btn:hover{border-color:var(--accent-primary, #58a6ff);background:var(--bg-secondary, #161b22);color:var(--accent-primary, #58a6ff)}.nav-btn.active{background:#1f6feb26;border-color:var(--accent-primary, #58a6ff);color:var(--accent-primary, #58a6ff)}.nav-btn:active{transform:scale(.95)}.nav-divider{height:1px;background:var(--border-color, #30363d);margin:4px 8px}.nav-bottom{padding:8px 0;border-top:1px solid var(--border-color, #30363d)}.user-avatar .avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover}.sidebar-panel-container{width:300px;background:var(--bg-secondary, #161b22);display:flex;flex-direction:column;transition:all .3s ease;z-index:90;flex-shrink:0;border-right:1px solid var(--border-color, #30363d)}.sidebar-panel-container[data-position=left]{border-right:1px solid var(--border-color, #30363d);border-left:none}.sidebar-panel-container[data-position=right]{border-left:1px solid var(--border-color, #30363d);border-right:none}.sidebar-panel-container.hidden{width:0!important;min-width:0!important;max-width:0!important;padding:0!important;margin:0!important;border:none!important;overflow:hidden!important;opacity:0!important;flex:0 0 0!important}.panel-header{display:none}.btn-close{width:28px;height:28px;border:none;background:transparent;color:var(--text-secondary, #8b949e);font-size:18px;border-radius:4px;cursor:pointer;transition:all .3s;padding:0;display:flex;align-items:center;justify-content:center}.btn-close:hover{background:var(--bg-hover, rgba(110, 118, 129, .1));color:var(--error-color, #ff4d4f)}.panel-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:0}.panel-body::-webkit-scrollbar{width:6px}.panel-body::-webkit-scrollbar-track{background:var(--bg-primary, #0d1117)}.panel-body::-webkit-scrollbar-thumb{background:var(--border-color, #30363d);border-radius:3px}.panel-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #8b949e)}.main-area{flex:1;order:2;display:flex;flex-direction:column;min-width:0;position:relative;overflow:hidden;min-height:0}.chart-area{flex:1;overflow:hidden;position:relative;background:var(--bg-primary, #0d1117);min-height:0}#chart-app{width:100%;height:100%}@media (max-width: 1280px){body:before{content:"请使用桌面端访问，屏幕宽度至少 1280px";position:fixed;top:0;left:0;right:0;background:var(--error-color, #ff4d4f);color:#fff;padding:10px;text-align:center;z-index:9999;font-size:14px}}input:focus,select:focus,textarea:focus{outline:none;border-color:#58a6ff!important;box-shadow:0 0 0 3px #58a6ff1f!important}input:hover,select:hover,textarea:hover{border-color:#4d93e8}::selection{background:#58a6ff40;color:#e6edf3}#symbolPanel.compact{width:140px!important}#symbolPanel.compact .symbol-quote,#symbolPanel.compact .favorite-btn{display:none!important}#symbolPanel.compact .symbol-item{padding:6px 8px}#symbolPanel.compact .symbol-left{flex:1;min-width:0}#symbolPanel.compact .symbol-base{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#symbolPanel.compact .symbol-price{font-size:11px;text-align:right;white-space:nowrap}#symbolPanel.compact .symbol-right{min-width:0}#orderbookPanel.compact{width:200px!important}#orderbookPanel.compact .total-col{display:none!important}#orderbookPanel.compact .orderbook-row{padding:6px 8px}#orderbookPanel.compact #orderbook-spread-display,#orderbookPanel.compact .spread-pct-col{display:none!important}#floating-order-btn{display:none;position:fixed;bottom:84px;right:24px;z-index:999;width:52px;height:52px;border-radius:50%;background:var(--primary-color, #1890ff);border:none;color:#fff;font-size:22px;cursor:pointer;box-shadow:0 4px 16px #0006;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}#floating-order-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px #00000080}#floating-order-btn.visible{display:flex}#tradingPanel.floating{position:fixed!important;right:16px!important;bottom:84px!important;top:auto!important;left:auto!important;width:300px!important;max-height:80vh;z-index:998;border-radius:10px;box-shadow:0 8px 32px #00000080;overflow-y:auto;border:1px solid var(--border-color, #30363d)!important}#tradingPanel.floating.hidden{display:none!important;width:0!important}@media (max-width: 1280px){body:before{display:none!important}}.bottom-resizer{width:100%;height:4px;background:var(--border-color, #30363d);cursor:ns-resize;position:relative;z-index:200;transition:background .2s;flex-shrink:0}.bottom-resizer.hidden{display:none}.bottom-resizer:hover,.bottom-resizer:active{background:var(--primary-color, #1890ff)}.bottom-panel{width:100%;min-height:100px;max-height:60vh;background:var(--bg-secondary, #161b22);border-top:1px solid var(--border-color, #30363d);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.bottom-panel.transitioning{transition:height .3s ease,opacity .3s ease}.bottom-panel.hidden{height:0!important;min-height:0;opacity:0;border-top:none}.bottom-tabs{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border-color, #30363d);background:var(--bg-primary, #0d1117);flex-shrink:0;align-items:center}.bottom-tab-btn{padding:3px 10px;border:1px solid var(--border-color, #30363d);background:transparent;color:var(--text-secondary, #8b949e);border-radius:6px;cursor:pointer;transition:all .15s ease;font-size:12px;font-weight:400;white-space:nowrap;display:flex;align-items:center;gap:6px}.bottom-tab-btn:hover{border-color:#58a6ff;color:var(--text-primary, #c9d1d9)}.bottom-tab-btn.active{background:#58a6ff1a;color:#58a6ff;border:1px solid #58a6ff}.btn-expand-bottom{margin-left:auto;padding:6px 8px;border:1px solid var(--border-color, #30363d);background:transparent;color:var(--text-secondary, #8b949e);border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.btn-expand-bottom:hover{background:var(--bg-hover, rgba(110, 118, 129, .1));color:var(--primary-color, #1890ff);border-color:var(--primary-color, #1890ff)}.btn-expand-bottom svg{transition:transform .3s}.bottom-panel.expanded .btn-expand-bottom svg{transform:rotate(180deg)}.bottom-panel.expanded{height:calc(100vh - 60px)!important;transition:height .3s ease}.bottom-panel.expanded~* .chart-area,body:has(.bottom-panel.expanded) .chart-area{max-height:60px!important;min-height:60px!important;overflow:hidden;transition:max-height .3s ease,min-height .3s ease}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#fff3;border-radius:9px;font-size:11px;font-weight:600;line-height:1}.bottom-tab-btn.active .tab-badge{background:#58a6ff40;color:#58a6ff}.bottom-content{flex:1;overflow:hidden;position:relative;background:var(--bg-primary, #0d1117)}.bottom-tab-content{display:none;width:100%;height:100%;overflow-y:auto;overflow-x:auto;background:var(--bg-primary, #0d1117)}.bottom-tab-content.active{display:block}.bottom-tab-content::-webkit-scrollbar{width:8px;height:8px}.bottom-tab-content::-webkit-scrollbar-track{background:var(--bg-primary, #0d1117)}.bottom-tab-content::-webkit-scrollbar-thumb{background:var(--border-color, #30363d);border-radius:4px}.bottom-tab-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #8b949e)}.liq-mode-badge{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.liq-mode-badge.pct{background:#1f6feb33;color:#58a6ff;border:1px solid #1f6feb}.liq-mode-badge.level{background:#2386364d;color:#3fb950;border:1px solid #2ea043}.liq-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}.liq-status-dot.active{background:#3fb950}.liq-status-dot.inactive{background:var(--text-muted, #6e7681)}.data-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:auto;background:var(--bg-primary, #0d1117)}.data-table thead{position:sticky;top:0;z-index:1}.data-table th{background:var(--bg-primary, #0d1117);color:var(--text-secondary, #8b949e);padding:10px 12px;text-align:left;font-weight:600;font-size:12px;border-bottom:1px solid var(--border-color, #30363d);white-space:nowrap}.data-table td{padding:10px 12px;border-bottom:1px solid var(--border-color, #30363d);color:var(--text-primary, #c9d1d9);white-space:nowrap;background:var(--bg-primary, #0d1117)}.data-table tbody tr{transition:background .2s;background:var(--bg-primary, #0d1117)}.data-table tbody tr:hover{background:var(--bg-hover, rgba(110, 118, 129, .05))}.data-table td.clickable-field{cursor:pointer;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.data-table td.clickable-field:hover{background:#58a6ff1a!important;color:#58a6ff;text-decoration:underline}.data-table td.clickable-field:active{background:#58a6ff33!important}.data-table td.clickable-field:after{content:" ✏️";opacity:0;transition:opacity .2s ease;font-size:10px;margin-left:4px}.data-table td.clickable-field:hover:after{opacity:.6}.empty-message{text-align:center;color:var(--text-secondary, #8b949e);padding:40px 12px!important;font-size:14px;background:var(--bg-primary, #0d1117)!important}.loading-message,.error-message{text-align:center;padding:40px 20px;color:var(--text-secondary, #8b949e);font-size:14px}.error-message{color:var(--error-color, #ff4d4f)}.btn-action{font-size:12px;padding:4px 8px;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:opacity .2s}.btn-action:hover{opacity:.8}.btn-detail{background:var(--primary-color, #0969da)}.btn-protect{background:var(--success-color, #10a37f)}.btn-modify{background:var(--text-secondary, #6e7681)}.btn-cancel,.btn-close{background:var(--error-color, #da3633)}.expiry-text.expired{color:var(--text-secondary, #8b949e)}.expiry-text.warning{color:var(--error-color, #f85149)}.margin-value{color:var(--error-color, #f85149);font-weight:700}.order-details-header{background:var(--bg-secondary, #161b22)}.order-details-title{padding:8px 16px;border-left:3px solid var(--primary-color, #58a6ff)}.order-details-label{color:var(--primary-color, #58a6ff);font-weight:700;font-size:13px}.order-detail-row{background:var(--bg-primary, #0d1117);border-bottom:1px solid var(--border-color, #21262d)}.order-detail-cell{padding:8px;font-size:12px;color:var(--text-primary, #c9d1d9)}.order-id-cell{color:var(--text-secondary, #8b949e)}.order-pnl{font-weight:700}.order-pnl.positive{color:var(--success-color, #26a641)}.order-pnl.negative{color:var(--error-color, #f85149)}.btn-action-sm{font-size:11px;padding:3px 8px;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:opacity .2s}.btn-action-sm:hover{opacity:.8}.btn-order-detail{background:var(--primary-color, #0969da)}.btn-order-protect{background:var(--success-color, #10a37f)}.btn-order-close{background:var(--error-color, #da3633)}.btn-toggle-orders{background:var(--text-secondary, #6e7681)}.side-badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:12px;font-weight:600}.side-badge.buy{background:#52c41a1a;color:var(--green-color, #52c41a)}.side-badge.sell{background:#ff4d4f1a;color:var(--red-color, #ff4d4f)}.buy{color:var(--green-color, #52c41a);font-weight:600}.sell{color:var(--red-color, #ff4d4f);font-weight:600}.status-badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:500}.status-badge.filled{background:#52c41a1a;color:var(--green-color, #52c41a)}.status-badge.cancelled{background:#8b949e1a;color:var(--text-secondary, #8b949e)}.profit{color:var(--green-color, #52c41a);font-weight:600}.loss{color:var(--red-color, #ff4d4f);font-weight:600}.order-id{font-family:Courier New,monospace;font-size:12px;color:var(--text-secondary, #8b949e)}.btn-cancel,.btn-close{padding:4px 12px;border:1px solid var(--border-color, #30363d);background:transparent;color:var(--text-primary, #c9d1d9);border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s;white-space:nowrap}.btn-cancel:hover,.btn-close:hover{border-color:var(--red-color, #ff4d4f);color:var(--red-color, #ff4d4f);background:#ff4d4f1a}.panel-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-secondary, #8b949e)}.panel-loading:after{content:"";width:20px;height:20px;margin-left:10px;border:2px solid var(--border-color, #30363d);border-top-color:var(--primary-color, #1890ff);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.liquidity-sub-tabs{display:flex;gap:4px;padding:6px 8px 0;border-bottom:1px solid var(--border-color, #30363d)}.liquidity-sub-tab{padding:4px 12px;border:none;background:transparent;color:var(--text-secondary, #8b949e);cursor:pointer;font-size:12px;border-bottom:2px solid transparent;margin-bottom:-1px}.liquidity-sub-tab.active{color:var(--primary-color, #1890ff);border-bottom-color:var(--primary-color, #1890ff)}.liquidity-sub-tab:hover{color:var(--text-primary, #e6edf3)}.liquidity-stats-panel{padding:10px 12px;display:flex;flex-direction:column;gap:10px}.stats-summary{display:flex;gap:16px;padding:8px 12px;background:var(--bg-secondary, #161b22);border-radius:6px;flex-wrap:wrap}.stats-summary-item{display:flex;flex-direction:column;gap:2px;min-width:90px}.stats-summary-label{font-size:11px;color:var(--text-secondary, #8b949e)}.stats-summary-value{font-size:13px;font-weight:600;color:var(--text-primary, #e6edf3)}.stats-summary-value.positive{color:#3fb950}.stats-summary-value.negative{color:#f85149}.stats-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stats-filters label{font-size:11px;color:var(--text-secondary, #8b949e)}.stats-filters input,.stats-filters select{background:var(--bg-secondary, #161b22);border:1px solid var(--border-color, #30363d);color:var(--text-primary, #e6edf3);border-radius:4px;padding:3px 7px;font-size:12px}.stats-table-wrap{overflow-x:auto}.stats-table{width:100%;border-collapse:collapse;font-size:12px}.stats-table th{text-align:left;padding:5px 8px;color:var(--text-secondary, #8b949e);border-bottom:1px solid var(--border-color, #30363d);white-space:nowrap}.stats-table td{padding:5px 8px;border-bottom:1px solid var(--border-color, #30363d);color:var(--text-primary, #e6edf3);white-space:nowrap}.stats-table tr:hover td{background:var(--bg-hover, #1c2128)}.stats-filters .stats-btn,.stats-btn{padding:4px 12px;background:#58a6ff26;color:#58a6ff;border:1px solid rgba(88,166,255,.4);border-radius:5px;cursor:pointer;font-size:12px;font-weight:500;transition:background .15s,border-color .15s;white-space:nowrap}.stats-filters .stats-btn:hover,.stats-btn:hover{background:#58a6ff40;border-color:#58a6ff}.filter-btn{padding:3px 10px;background:transparent;border:1px solid var(--border-color, #30363d);border-radius:6px;color:var(--text-secondary, #8b949e);font-size:12px;font-weight:400;cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-btn:hover{border-color:#58a6ff;color:var(--text-primary, #c9d1d9)}.filter-btn.active{background:#58a6ff1a;color:#58a6ff;border:1px solid #58a6ff}.hedge-view-btn{padding:3px 10px;background:transparent;border:1px solid var(--border-color, #30363d);border-radius:6px;color:var(--text-secondary, #8b949e);font-size:12px;font-weight:400;cursor:pointer;transition:all .15s ease;white-space:nowrap}.hedge-view-btn:hover{border-color:#58a6ff;color:var(--text-primary, #c9d1d9)}.hedge-view-btn.active{background:#58a6ff1a;color:#58a6ff;border:1px solid #58a6ff}.btn-action-detail{background:transparent;color:#58a6ff;border:1px solid #58a6ff;padding:3px 10px;border-radius:4px;cursor:pointer;font-size:12px;transition:background .15s;margin-right:4px}.btn-action-detail:hover{background:#58a6ff1a}.btn-action-cancel{background:transparent;color:#f85149;border:1px solid #f85149;padding:3px 10px;border-radius:4px;cursor:pointer;font-size:12px;transition:background .15s;margin-right:4px}.btn-action-cancel:hover{background:#f851491a}.btn-panel-height{margin-right:4px;padding:0;width:26px;height:26px;border:1px solid var(--border-color, #30363d);background:transparent;color:var(--text-secondary, #8b949e);border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-panel-height:hover{border-color:#58a6ff;color:#58a6ff;background:#58a6ff14}.btn-panel-height.active{border-color:#58a6ff;color:#58a6ff;background:#58a6ff1f}.bottom-panel.minimized{height:44px!important;min-height:0!important;overflow:hidden!important;transition:height .25s ease!important}.bottom-panel.minimized .bottom-content{display:none!important}.bottom-panel.minimized .bottom-tabs{display:flex!important}@media (max-height: 699px){.bottom-resizer{display:none}}.symbol-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.search-box{position:relative;margin-bottom:16px}.symbol-tabs{display:flex;gap:6px;margin-bottom:16px}.symbol-tab-btn{flex:1;padding:3px 10px;background:transparent;border:1px solid var(--border-color, #30363d);border-radius:6px;cursor:pointer;font-size:12px;font-weight:400;color:var(--text-secondary, #8b949e);transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:6px}.symbol-tab-btn svg{stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.symbol-tab-btn.active svg{fill:currentColor;stroke-width:1}.symbol-tab-btn:hover{border-color:#58a6ff;color:var(--text-primary, #c9d1d9)}.symbol-tab-btn.active{background:#58a6ff1a;color:#58a6ff;border:1px solid #58a6ff}.symbol-tab-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.tab-pane{display:none;flex:1;flex-direction:column;min-height:0;overflow:hidden}.tab-pane.active{display:flex}.tab-pane .symbols-list{flex:1;margin-bottom:0}.search-input{width:100%;padding:10px 36px 10px 12px;background:var(--bg-primary, #0d1117);border:1px solid var(--border-color, #30363d);border-radius:6px;color:var(--text-primary, #c9d1d9);font-size:14px;transition:all .2s}.search-input:focus{outline:none;border-color:var(--primary-color, #1890ff)}.search-input::placeholder{color:var(--text-muted, #6e7681)}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--text-muted, #6e7681);pointer-events:none}.section-title{font-size:13px;font-weight:600;color:var(--text-secondary, #8b949e);margin:0 0 12px;padding:0 4px;display:flex;align-items:center;gap:6px}.symbols-list{overflow-y:auto;overflow-x:hidden}.symbols-list::-webkit-scrollbar{width:6px}.symbols-list::-webkit-scrollbar-track{background:var(--bg-primary, #0d1117)}.symbols-list::-webkit-scrollbar-thumb{background:var(--border-color, #30363d);border-radius:3px}.symbols-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #8b949e)}.symbol-item{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 12px;margin-bottom:4px;background:var(--bg-primary, #0d1117);border-radius:6px;cursor:pointer;transition:all .2s;border:1px solid transparent;gap:12px}.symbol-item:hover{background:var(--bg-hover, rgba(110, 118, 129, .1));border-color:var(--border-color, #30363d)}.symbol-item.active{background:var(--bg-tertiary, #21262d);border-color:var(--primary-color, #1890ff)}.symbol-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.symbol-name{display:flex;align-items:center;gap:4px;line-height:18px}.favorite-btn{width:18px;height:18px;border:none;background:transparent;color:var(--text-muted, #6e7681);font-size:14px;cursor:pointer;border-radius:3px;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;margin:0}.favorite-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;transition:all .2s;pointer-events:none}.favorite-btn:hover{background:var(--bg-hover, rgba(110, 118, 129, .1));color:var(--primary-color, #1890ff)}.favorite-btn.active{color:var(--primary-color, #1890ff)}.favorite-btn.active svg{fill:currentColor}.symbol-name{display:flex;align-items:baseline;gap:2px}.symbol-base{font-size:14px;font-weight:600;color:var(--text-primary, #c9d1d9)}.symbol-quote{font-size:12px;color:var(--text-muted, #6e7681)}.symbol-price,.symbol-change-percent{padding-left:22px}.symbol-price{line-height:18px}.price{font-size:13px;font-weight:500;color:var(--text-secondary, #8b949e)}.symbol-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:2px;flex-shrink:0}.change-points{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;white-space:nowrap;line-height:18px}.change-arrow{font-size:13px}.change-arrow.positive{color:var(--success-color, #52c41a)}.change-arrow.negative{color:var(--error-color, #ff4d4f)}.change-value{font-size:13px;font-weight:500;color:var(--text-secondary, #8b949e)}.change-percent{font-size:13px;font-weight:500;white-space:nowrap;line-height:18px}.change-percent.positive{color:var(--success-color, #52c41a)}.change-percent.negative{color:var(--error-color, #ff4d4f)}.empty-message{text-align:center;padding:32px 16px;color:var(--text-muted, #6e7681);font-size:14px}.favorites-section{margin-bottom:20px}.favorites-section .symbols-list{max-height:200px;margin-bottom:0}.all-symbols-section{flex:1;display:flex;flex-direction:column;min-height:0}.all-symbols-section .symbols-list{flex:1;margin-bottom:0}@media (max-width: 768px){.symbol-item{padding:10px}.symbol-base{font-size:13px}.price{font-size:12px}.change{font-size:11px}.symbol-tab-btn{padding:8px 12px;font-size:12px}}.enhanced-symbol-selector{position:relative;display:inline-block}.symbol-display-btn{padding:6px 12px;background:var(--bg-tertiary, #21262d);border:1px solid var(--border-color, #30363d);border-radius:6px;color:var(--text-primary, #c9d1d9);font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;min-width:120px}.symbol-display-btn:hover{background:var(--bg-hover, rgba(110, 118, 129, .1));border-color:var(--primary-color, #1890ff)}.symbol-text{font-weight:600}.dropdown-icon{color:var(--text-muted, #6e7681);transition:transform .2s}.symbol-display-btn:hover .dropdown-icon{color:var(--text-primary, #c9d1d9)}.symbol-dropdown-panel{position:absolute;top:calc(100% + 4px);left:0;width:320px;max-height:600px;background:var(--bg-secondary, #161b22);border:1px solid var(--border-color, #30363d);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:1001;display:flex;flex-direction:column;overflow:hidden}.symbol-dropdown-panel .search-box{padding:12px;border-bottom:1px solid var(--border-color, #30363d)}.symbol-dropdown-panel .search-input{width:100%;padding:8px 12px;background:var(--bg-primary, #0d1117);border:1px solid var(--border-color, #30363d);border-radius:6px;color:var(--text-primary, #c9d1d9);font-size:13px}.symbol-dropdown-panel .search-input:focus{outline:none;border-color:var(--primary-color, #1890ff)}.symbol-dropdown-panel .search-input::placeholder{color:var(--text-muted, #6e7681)}.symbol-dropdown-panel .section-title{padding:8px 12px;margin:0;font-size:12px;font-weight:600;color:var(--text-secondary, #8b949e);background:var(--bg-tertiary, #21262d)}.symbol-dropdown-panel .symbol-list{max-height:450px;overflow-y:auto;overflow-x:hidden}.symbol-dropdown-panel .symbol-list::-webkit-scrollbar{width:6px}.symbol-dropdown-panel .symbol-list::-webkit-scrollbar-track{background:var(--bg-primary, #0d1117)}.symbol-dropdown-panel .symbol-list::-webkit-scrollbar-thumb{background:var(--border-color, #30363d);border-radius:3px}.symbol-dropdown-panel .symbol-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;transition:background .2s}.symbol-dropdown-panel .symbol-item:hover{background:var(--bg-hover, rgba(110, 118, 129, .1))}.symbol-dropdown-panel .symbol-item.active{background:var(--bg-tertiary, #21262d);border-left:3px solid var(--primary-color, #1890ff)}.symbol-dropdown-panel .symbol-info{display:flex;flex-direction:column;gap:2px;flex:1}.symbol-dropdown-panel .symbol-name{font-size:13px;font-weight:600;color:var(--text-primary, #c9d1d9)}.symbol-dropdown-panel .symbol-change{font-size:11px;font-weight:600}.symbol-dropdown-panel .symbol-change.positive{color:var(--success-color, #52c41a)}.symbol-dropdown-panel .symbol-change.negative{color:var(--error-color, #ff4d4f)}.symbol-dropdown-panel .fav-btn{width:28px;height:28px;border:none;background:transparent;color:var(--text-muted, #6e7681);cursor:pointer;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0}.symbol-dropdown-panel .fav-btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.symbol-dropdown-panel .fav-btn.active svg{fill:currentColor;stroke-width:1}.symbol-dropdown-panel .fav-btn:hover,.symbol-dropdown-panel .fav-btn.active{background:var(--bg-hover, rgba(110, 118, 129, .1));color:var(--primary-color, #1890ff)}.symbol-dropdown-panel .empty-msg{padding:20px;text-align:center;color:var(--text-muted, #6e7681);font-size:12px}.favorites-section{border-bottom:1px solid var(--border-color, #30363d)}.search-results-section .symbol-list{max-height:450px}.orderbook-container{display:flex;flex-direction:column;height:100%;background:var(--bg-primary, #0d1117);color:var(--text-primary, #d1d4dc);font-family:Monaco,Consolas,monospace}.orderbook-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary, #161b22);border-bottom:1px solid var(--border-color, #21262d)}.orderbook-title{font-size:14px;font-weight:600;color:var(--text-primary, #d1d4dc)}.orderbook-legend{display:flex;gap:12px}.legend-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary, #8b949e)}.legend-color{width:12px;height:12px;border-radius:2px}.legend-color.ask{background:#ef53504d;border:1px solid #ef5350}.legend-color.bid{background:#26a69a4d;border:1px solid #26a69a}.orderbook-columns{display:flex;padding:8px 16px;background:var(--bg-secondary, #161b22);border-bottom:1px solid var(--border-color, #21262d);font-size:11px;font-weight:600;color:var(--text-secondary, #8b949e);text-transform:uppercase}.orderbook-col{flex:1;text-align:right}.orderbook-col.price-col{text-align:left}.orderbook-col.amount-col{text-align:center}.orderbook-asks{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;justify-content:flex-end}.orderbook-bids{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;justify-content:flex-start}.orderbook-row{position:relative;display:flex;padding:6px 16px;cursor:pointer;transition:background-color .2s;min-height:28px;align-items:center}.orderbook-row:hover{background:var(--bg-hover, rgba(88, 166, 255, .1))}.orderbook-depth{position:absolute;right:0;top:0;bottom:0;pointer-events:none;transition:width .3s ease}.orderbook-row.bid .orderbook-depth{background:linear-gradient(to left,rgba(38,166,154,.15),transparent)}.orderbook-row.ask .orderbook-depth{background:linear-gradient(to left,rgba(239,83,80,.15),transparent)}.orderbook-row-content{position:relative;display:flex;width:100%;font-size:12px;z-index:1}.bid-price{color:#26a69a;font-weight:600}.ask-price{color:#ef5350;font-weight:600}.amount-col{color:var(--text-primary, #d1d4dc)}.amount-col.system-order{color:#64b5f6;font-weight:600}.orderbook-row.system-order .orderbook-depth{opacity:1.1}.orderbook-row.liquidity-order{background-color:#2196f314!important}.orderbook-row.liquidity-order .amount-col{color:#2196f3!important;font-weight:600}.orderbook-row.liquidity-order .orderbook-depth{opacity:1.2}.total-col{color:var(--text-secondary, #8b949e);font-size:11px}.orderbook-current-price{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-secondary, #161b22);border-top:1px solid var(--border-color, #21262d);border-bottom:1px solid var(--border-color, #21262d);position:sticky;top:50%;z-index:2}.current-price-label{font-size:11px;color:var(--text-secondary, #8b949e);text-transform:uppercase;font-weight:600}.current-price-value{font-size:16px;font-weight:700;transition:color .3s}.current-price-value.up{color:#26a69a}.current-price-value.down{color:#ef5350}.orderbook-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-secondary, #161b22);border-top:1px solid var(--border-color, #21262d)}.update-time{font-size:10px;color:var(--text-secondary, #8b949e)}.config-info{font-size:10px;color:var(--accent-primary, #58a6ff);font-weight:600}.orderbook-asks::-webkit-scrollbar,.orderbook-bids::-webkit-scrollbar{width:6px}.orderbook-asks::-webkit-scrollbar-track,.orderbook-bids::-webkit-scrollbar-track{background:var(--bg-primary, #0d1117)}.orderbook-asks::-webkit-scrollbar-thumb,.orderbook-bids::-webkit-scrollbar-thumb{background:var(--border-color, #30363d);border-radius:3px}.orderbook-asks::-webkit-scrollbar-thumb:hover,.orderbook-bids::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #8b949e)}@media (max-width: 768px){.orderbook-columns,.orderbook-row{padding:6px 12px}.orderbook-col{font-size:10px}.orderbook-row-content{font-size:11px}.current-price-value{font-size:14px}}.hide-amount .amount-col,.hide-amount .amount-header,.hide-total .total-col,.hide-total .total-header,.hide-spread .spread-pct-col,.hide-icons .type-icon-col{display:none!important}.orderbook-col.price-col,.orderbook-col.amount-col,.orderbook-col.total-col{flex:1}.ob-settings-panel{position:absolute;top:32px;right:0;background:var(--bg-tertiary, #1c2128);border:1px solid var(--border-color, #30363d);border-radius:8px;padding:10px 14px;z-index:100;min-width:140px;box-shadow:0 4px 12px #0006}.ob-settings-panel label{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px;color:var(--text-primary, #c9d1d9);cursor:pointer;-webkit-user-select:none;user-select:none}.ob-settings-panel input[type=checkbox]{cursor:pointer;accent-color:#58a6ff}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;align-items:center;justify-content:center}.modal.show{display:flex}.modal-content{background:var(--bg-secondary, #161b22);border-radius:8px;box-shadow:0 8px 32px #0006;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;border:1px solid var(--border-color, #30363d)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color, #30363d);background:var(--bg-primary, #0d1117);border-radius:8px 8px 0 0}.modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #c9d1d9)}.modal-body{flex:1;overflow-y:auto;padding:20px}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:var(--bg-primary, #0d1117)}.modal-body::-webkit-scrollbar-thumb{background:var(--border-color, #30363d);border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #8b949e)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color, #30363d)}.info-row:last-child{border-bottom:none}.info-row span:first-child{color:var(--text-secondary, #8b949e);font-size:14px}.info-row .value{color:var(--text-primary, #c9d1d9);font-size:14px;font-weight:600}.info-row .value.profit{color:var(--success-color, #52c41a)}.info-row .value.loss{color:var(--error-color, #ff4d4f)}.modal-body hr{border:none;border-top:1px solid var(--border-color, #30363d);margin:16px 0}.modal-body h4{color:var(--text-primary, #c9d1d9);font-size:14px;font-weight:600;margin:16px 0 12px}.modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--border-color, #30363d);background:var(--bg-primary, #0d1117);border-radius:0 0 8px 8px}.modal-footer button{flex:1;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600}.btn-primary{background:var(--primary-color, #1890ff);color:#fff}.btn-primary:hover{background:#40a9ff}.btn-secondary{background:var(--bg-secondary, #161b22);color:var(--text-primary, #c9d1d9);border:1px solid var(--border-color, #30363d)}.btn-secondary:hover{background:var(--bg-hover, rgba(110, 118, 129, .1));border-color:var(--primary-color, #1890ff)}.btn-danger{background:transparent;color:var(--error-color, #ff4d4f);border:1px solid var(--error-color, #ff4d4f)}.btn-danger:hover{background:var(--error-color, #ff4d4f);color:#fff}.modal-content{pointer-events:all}.account-info-table{width:100%;border-collapse:collapse;margin-bottom:8px}.account-info-table tbody tr{border-bottom:1px solid var(--border-color, #30363d)}.account-info-table tbody tr:last-child{border-bottom:none}.account-info-table td{padding:12px 0;font-size:14px}.account-info-table td.label{color:var(--text-secondary, #8b949e);font-weight:500;width:40%}.account-info-table td.value{color:var(--text-primary, #c9d1d9);font-weight:600;text-align:right;font-size:15px}.account-info-table td.value.pnl{color:var(--text-secondary, #8b949e)}.account-info-table td.value.pnl.profit{color:var(--green-color, #26a69a)}.account-info-table td.value.pnl.loss{color:var(--red-color, #ef5350)}.alert{padding:12px 16px;border-radius:6px;font-size:13px;font-weight:600;text-align:center}.alert-danger{background-color:#f8514926;color:#f85149;border:1px solid rgba(248,81,73,.3)}.account-actions{display:flex;gap:12px;justify-content:center}.btn-account-action{flex:1;padding:12px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.btn-account-action:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-account-action:active{transform:translateY(0)}.btn-deposit{background:linear-gradient(135deg,#10a37f,#0e8f6f);color:#fff}.btn-deposit:hover{background:linear-gradient(135deg,#0e8f6f,#0c7d5f)}.btn-withdraw{background:linear-gradient(135deg,#58a6ff,#4a8dd9);color:#fff}.btn-withdraw:hover{background:linear-gradient(135deg,#4a8dd9,#3c75b3)}.btn-records{background:var(--bg-secondary, #21262d);color:var(--text-primary, #c9d1d9);border:1px solid var(--border-color, #30363d)}.btn-records:hover{background:var(--bg-tertiary, #30363d);border-color:var(--accent-primary, #58a6ff)}.modal-account .modal-content,.modal-user .modal-content{max-width:500px;max-height:90vh;overflow-y:auto}.modal-account .modal-body,.modal-user .modal-body{padding:24px}.user-info-section{margin-bottom:24px}.user-info-section:last-child{margin-bottom:0}.user-info-section h4{margin:0 0 12px;color:var(--text-primary, #c9d1d9);font-size:15px;font-weight:600}.user-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;background:var(--bg-primary, #0d1117);border:1px solid var(--border-color, #30363d);border-radius:6px;padding:16px}.user-info-item{display:flex;flex-direction:column}.user-info-item .label{font-size:11px;color:var(--text-secondary, #8b949e);margin-bottom:4px}.user-info-item .value{color:var(--text-primary, #c9d1d9);font-size:14px;font-weight:600}.user-info-item .value.highlight{color:var(--accent-primary, #58a6ff);font-size:16px;font-weight:700;letter-spacing:1px}.copy-btn{padding:4px 8px;background:var(--bg-secondary, #21262d);border:1px solid var(--border-color, #30363d);border-radius:4px;color:var(--text-primary, #c9d1d9);cursor:pointer;font-size:11px;margin-left:8px;transition:all .2s ease}.copy-btn:hover{background:var(--bg-tertiary, #30363d);border-color:var(--accent-primary, #58a6ff)}.status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;display:inline-block}.status-badge.active{background:#26a69a26;color:#26a69a}.status-badge.inactive{background:#8b949e26;color:var(--text-secondary, #8b949e)}.status-badge.user{background:#58a6ff26;color:#58a6ff}.status-badge.broker{background:#ffd70026;color:gold}.status-badge.admin{background:#f8514926;color:#f85149}@media (max-width: 600px){.account-actions{flex-direction:column}.user-info-grid{grid-template-columns:1fr}.modal-account .modal-content,.modal-user .modal-content{max-width:95%}}.modal-overlay{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10100;align-items:center;justify-content:center}.order-detail-modal-content{position:relative;width:900px;max-width:90vw;height:85vh;display:flex;flex-direction:column;background:var(--bg-secondary, #161b22);border-radius:8px;box-shadow:0 8px 32px #0006;border:1px solid var(--border-color, #30363d);z-index:10101}.fill-modal-content{position:relative;max-width:1000px;max-height:80vh;background:var(--bg-secondary, #161b22);border-radius:8px;box-shadow:0 8px 32px #0006;border:1px solid var(--border-color, #30363d);display:flex;flex-direction:column;z-index:10102}.fill-modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color, #30363d);background:var(--bg-primary, #0d1117);border-radius:8px 8px 0 0}.fill-modal-content .modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #c9d1d9)}.fill-modal-content .modal-close{background:transparent;border:none;color:var(--text-secondary, #8b949e);font-size:24px;cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s}.fill-modal-content .modal-close:hover{color:var(--text-primary, #c9d1d9)}.fill-modal-content .modal-body{flex:1;overflow-y:auto;padding:20px;background:var(--bg-secondary, #161b22)}.order-detail-modal-content .modal-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color, #30363d);background:var(--bg-primary, #0d1117);border-radius:8px 8px 0 0}.order-detail-modal-content .modal-header h2{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #c9d1d9)}.order-detail-modal-content .modal-close{background:transparent;border:none;color:var(--text-secondary, #8b949e);font-size:24px;cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s}.order-detail-modal-content .modal-close:hover{color:var(--text-primary, #c9d1d9)}.order-detail-modal-content .modal-body{flex:1;overflow-y:auto;padding:20px;background:var(--bg-secondary, #161b22)}.order-detail-modal-content .modal-body::-webkit-scrollbar{width:6px}.order-detail-modal-content .modal-body::-webkit-scrollbar-track{background:var(--bg-primary, #0d1117)}.order-detail-modal-content .modal-body::-webkit-scrollbar-thumb{background:var(--border-color, #30363d);border-radius:3px}.order-detail-modal-content .modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #8b949e)}.order-detail-tabs{flex-shrink:0;display:flex;gap:0;background:var(--bg-primary, #0d1117);border-bottom:1px solid var(--border-color, #30363d)}.order-detail-tabs .tab-btn{flex:1;padding:12px 20px;background:transparent;border:none;border-right:1px solid var(--border-color, #30363d);cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary, #8b949e);transition:all .2s}.order-detail-tabs .tab-btn:last-child{border-right:none}.order-detail-tabs .tab-btn:hover{background:#b1bac41f;color:var(--text-primary, #c9d1d9)}.order-detail-tabs .tab-btn.active{background:var(--bg-secondary, #161b22);color:var(--accent-color, #58a6ff);border-bottom:2px solid var(--accent-color, #58a6ff)}.tab-content{display:none}.tab-content.active{display:block}.hedge-badge{display:inline-block;margin-left:12px;padding:4px 12px;background:linear-gradient(135deg,gold,orange);color:#333;border-radius:12px;font-size:13px;font-weight:700;box-shadow:0 2px 4px #ffa5004d;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 2px 4px #ffa5004d}50%{box-shadow:0 2px 8px #ffa50099}}.hedge-info-banner{display:flex;align-items:center;gap:16px;padding:12px 16px;margin-bottom:16px;background:#ffc1071a;border-left:3px solid #ffc107;border-radius:6px}.hedge-info-icon{font-size:24px;animation:rotate-pulse 3s ease-in-out infinite}@keyframes rotate-pulse{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}}.hedge-info-content{flex:1}.hedge-info-title{font-size:14px;font-weight:600;color:#ffc107;margin-bottom:4px}.hedge-info-desc{font-size:13px;color:var(--text-secondary, #8b949e);line-height:1.5}.order-detail-section{background:var(--bg-primary, #0d1117);border:1px solid var(--border-color, #30363d);border-radius:6px;padding:16px;margin-bottom:16px}.order-detail-section:last-child{margin-bottom:0}.section-title{font-size:15px;font-weight:600;color:var(--text-primary, #c9d1d9);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #30363d)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.info-label{color:var(--text-secondary, #8b949e);font-weight:500;font-size:14px}.info-value{color:var(--text-primary, #c9d1d9);font-weight:600;font-size:14px;text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:8px}.btn-show-fills-inline{padding:4px 10px;background:var(--accent-color, #58a6ff);color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-show-fills-inline:hover{background:#4493f8;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.pnl-message{text-align:center;color:var(--text-secondary, #8b949e);padding:20px;font-style:italic}.hedge-notice{margin-top:12px;padding:12px;background:#2196f31a;border-left:3px solid #2196f3;color:#58a6ff;font-size:13px}.protection-container{display:flex;flex-direction:column;gap:16px}.protection-row{display:flex;align-items:center;gap:12px}.protection-label{min-width:100px;color:var(--text-secondary, #8b949e);font-weight:500;font-size:14px}.protection-input{flex:1;padding:8px 12px;border:1px solid var(--border-color, #30363d);border-radius:4px;font-size:14px;font-family:Courier New,monospace;background:var(--bg-secondary, #161b22);color:var(--text-primary, #c9d1d9)}.protection-input:focus{outline:none;border-color:var(--accent-color, #58a6ff);box-shadow:0 0 0 2px #58a6ff1a}.protection-value{flex:1;color:var(--text-primary, #c9d1d9);font-weight:600;font-size:14px;font-family:Courier New,monospace}.btn-protection-save{padding:10px 20px;background:var(--accent-color, #58a6ff);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-protection-save:hover{background:#4493f8;transform:translateY(-1px)}.close-history-table{overflow-x:auto}.close-history-table table{width:100%;border-collapse:collapse;font-size:13px}.close-history-table th{background:#6e76811a;color:var(--text-secondary, #8b949e);font-weight:600;padding:10px 8px;text-align:left;border-bottom:1px solid var(--border-color, #30363d);white-space:nowrap}.close-history-table td{padding:10px 8px;border-bottom:1px solid rgba(48,54,61,.5);font-family:Courier New,monospace;color:var(--text-primary, #c9d1d9)}.close-history-table tbody tr:hover{background:#b1bac414}.no-records{text-align:center;color:var(--text-secondary, #8b949e);padding:30px;font-style:italic}.btn-show-fills{width:100%;padding:12px;background:var(--accent-color, #58a6ff);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;margin-top:16px;transition:all .2s}.btn-show-fills:hover{background:#4493f8;transform:translateY(-1px)}.adjustment-container{display:flex;flex-direction:column;gap:16px}.adjustment-input-group{display:flex;align-items:center;gap:12px}.adjustment-input-group label{min-width:100px;color:var(--text-secondary, #8b949e);font-weight:500;font-size:14px}.adjustment-input{flex:1;padding:10px 12px;border:1px solid var(--border-color, #30363d);border-radius:4px;font-size:14px;font-family:Courier New,monospace;background:var(--bg-secondary, #161b22);color:var(--text-primary, #c9d1d9)}.adjustment-input:focus{outline:none;border-color:var(--accent-color, #58a6ff);box-shadow:0 0 0 2px #58a6ff1a}.order-detail-section .adjustment-input-group .btn-adjust-inline{padding:8px 12px;background:var(--accent-color, #58a6ff);color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.order-detail-section .adjustment-input-group .btn-adjust-inline:hover{background:#4493f8;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.adjustment-hint-text{color:var(--text-secondary, #8b949e);font-size:12px;margin-left:112px}.adjustment-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.order-detail-section .adjustment-buttons .btn-adjust{padding:10px 14px;background:var(--accent-color, #58a6ff);color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.order-detail-section .adjustment-buttons .btn-adjust:hover{background:#4493f8;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.order-detail-section .adjustment-buttons .btn-reverse{background:#ffa502}.order-detail-section .adjustment-buttons .btn-reverse:hover{background:#e69500;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.order-detail-section .adjustment-buttons .btn-close{background:var(--red-color, #ef5350)}.order-detail-section .adjustment-buttons .btn-close:hover{background:#e63946;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.adjustment-tips{padding:12px 16px;background:#ffc1071a;border-left:3px solid #ffc107;border-radius:4px}.tip-title{font-weight:600;color:#ffc107;margin-bottom:6px;font-size:13px}.tip-item{color:var(--text-secondary, #8b949e);font-size:12px;line-height:1.8}.fills-table{overflow-x:auto}.fills-table table{width:100%;border-collapse:collapse;font-size:13px}.fills-table th{background:#6e76811a;color:var(--text-secondary, #8b949e);font-weight:600;padding:10px 8px;text-align:left;border-bottom:1px solid var(--border-color, #30363d);white-space:nowrap}.fills-table td{padding:10px 8px;border-bottom:1px solid rgba(48,54,61,.5);font-family:Courier New,monospace;color:var(--text-primary, #c9d1d9)}.fills-table tbody tr:hover{background:#b1bac414}.fills-table .total-row{background:#6e768126;font-weight:600}.fills-table .total-row td{border-top:1px solid var(--border-color, #30363d);border-bottom:1px solid var(--border-color, #30363d);padding:12px 8px}@media (max-width: 768px){.order-detail-modal-content{width:95%;height:95vh;margin:10px}.info-grid{grid-template-columns:1fr;gap:8px}.adjustment-buttons{grid-template-columns:1fr}.btn-adjust-inline{padding:8px 12px;font-size:13px}.adjustment-hint-text{margin-left:0}.close-history-table,.fills-table{font-size:11px}.close-history-table th,.close-history-table td,.fills-table th,.fills-table td{padding:6px 4px}}.order-detail-modal-content::-webkit-scrollbar,.fills-table::-webkit-scrollbar,.close-history-table::-webkit-scrollbar{width:8px;height:8px}.order-detail-modal-content::-webkit-scrollbar-track,.fills-table::-webkit-scrollbar-track,.close-history-table::-webkit-scrollbar-track{background:var(--bg-primary, #0d1117);border-radius:4px}.order-detail-modal-content::-webkit-scrollbar-thumb,.fills-table::-webkit-scrollbar-thumb,.close-history-table::-webkit-scrollbar-thumb{background:var(--border-color, #30363d);border-radius:4px}.order-detail-modal-content::-webkit-scrollbar-thumb:hover,.fills-table::-webkit-scrollbar-thumb:hover,.close-history-table::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #8b949e)}.counterparty-simple{font-family:Courier New,monospace;font-size:12px;color:var(--text-primary, #c9d1d9)}.counterparty-simple.clickable{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;color:#58a6ff}.counterparty-simple.clickable:hover{color:#1f6feb}.market-snapshot{background:#6e768114;border:1px solid var(--border-color, #30363d);border-radius:6px;padding:16px;margin-bottom:20px}.market-snapshot .snapshot-header{font-size:14px;font-weight:600;color:var(--text-primary, #c9d1d9);margin-bottom:12px}.market-snapshot .snapshot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.market-snapshot .snapshot-item{display:flex;justify-content:space-between;padding:8px 12px;background:#0003;border-radius:4px}.market-snapshot .snapshot-item .label{font-size:12px;color:var(--text-secondary, #8b949e)}.market-snapshot .snapshot-item .value{font-size:13px;font-weight:600;color:var(--text-primary, #c9d1d9);font-family:Courier New,monospace}.fee-summary{display:flex;justify-content:space-around;align-items:center;background:#6e768114;border:1px solid var(--border-color, #30363d);border-radius:6px;padding:12px;margin-bottom:20px;gap:16px}.fee-summary .summary-item{display:flex;flex-direction:column;align-items:center;gap:4px}.fee-summary .summary-item .label{font-size:11px;color:var(--text-secondary, #8b949e);text-transform:uppercase}.fee-summary .summary-item .value{font-size:14px;font-weight:700;color:var(--text-primary, #c9d1d9)}.role-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.role-badge.role-taker{background:#f44;color:#fff}.role-badge.role-maker{background:#4ade80;color:#000}.role-badge.taker{background:#f44;color:#fff}.role-badge.maker{background:#4ade80;color:#000}.counterparty-id{display:inline-block;padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:11px;font-weight:700;transition:all .2s}.counterparty-id[data-type=liquidity]{background:#00d4ff;color:#000;cursor:pointer}.counterparty-id[data-type=limit]{background:#fbbf24;color:#000;cursor:pointer}.counterparty-id[data-type=virtual]{background:#6b7280;color:#fff;cursor:default}.counterparty-id[data-type=liquidity]:hover,.counterparty-id[data-type=limit]:hover{opacity:.9;transform:scale(1.05);box-shadow:0 2px 8px #0000004d}.counterparty-id.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.counterparty-id.clickable:active{transform:scale(.98)}@media (max-width: 768px){.market-snapshot .snapshot-grid{grid-template-columns:1fr}.fee-summary{flex-direction:column;gap:8px}.counterparty-id{font-size:10px;padding:3px 6px}}.center-placeholder{display:none;width:100%;height:100%;background:var(--bg-primary, #0d1117);align-items:center;justify-content:center;padding:40px}.placeholder-content{text-align:center;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:20px}.placeholder-icon{font-size:80px;line-height:1;opacity:.8;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.placeholder-title{font-size:24px;font-weight:600;color:var(--text-primary, #c9d1d9);margin:0}.placeholder-desc{font-size:14px;color:var(--text-secondary, #8b949e);margin:0;line-height:1.6}.btn-back-to-chart{margin-top:20px;padding:10px 20px;background:var(--primary-color, #1890ff);border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-back-to-chart:hover{background:var(--primary-hover, #40a9ff);transform:translateY(-2px);box-shadow:0 4px 12px #1890ff4d}.btn-back-to-chart:active{transform:translateY(0)}.btn-back-to-chart svg{stroke:currentColor}.referral-view-embedded{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;background:var(--bg-primary, #0d1117);padding:0;box-sizing:border-box}.referral-view-embedded>div{width:100%;height:100%;box-sizing:border-box}.referral-view-embedded{color:var(--text-primary, #c9d1d9);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.referral-view-embedded::-webkit-scrollbar{width:10px;height:10px}.referral-view-embedded::-webkit-scrollbar-track{background:var(--bg-secondary, #161b22);border-radius:5px}.referral-view-embedded::-webkit-scrollbar-thumb{background:var(--border-color, #30363d);border-radius:5px}.referral-view-embedded::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #8b949e)}.broker-view-embedded{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-primary, #0d1117);overflow:hidden}.broker-panel-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.tabs-nav{flex-shrink:0}.tab-btn{transition:all .2s ease}.tab-btn:hover{opacity:.8}.tab-btn:active{transform:scale(.98)}.unified-content{flex:1;overflow-y:auto;overflow-x:hidden}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-secondary, #161b22);border:1px solid var(--border-color, #30363d);border-radius:8px;padding:20px}.stat-label{font-size:12px;color:var(--text-secondary, #8b949e);margin-bottom:8px;font-weight:600}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary, #c9d1d9)}.stat-value.positive{color:#3fb950}.stat-value.negative{color:#f85149}.data-table{width:100%;border-collapse:collapse;background:var(--bg-primary, #0d1117);border:1px solid var(--border-color, #30363d);border-radius:6px;overflow:hidden}.data-table thead{background:var(--bg-secondary, #161b22)}.data-table th{padding:12px;text-align:left;color:var(--text-secondary, #8b949e);font-size:12px;font-weight:600;border-bottom:1px solid var(--border-color, #30363d)}.data-table td{padding:12px;color:var(--text-primary, #c9d1d9);font-size:13px}.data-table tbody tr{border-bottom:1px solid var(--border-color-light, #21262d)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:#58a6ff0d}.btn-secondary{padding:10px 20px;border-radius:6px;border:1px solid var(--border-color, #30363d);background:var(--bg-tertiary, #21262d);color:var(--text-primary, #c9d1d9);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--border-color, #30363d);border-color:#58a6ff;color:#58a6ff}.btn-secondary:active{transform:scale(.98)}.filter-btn{padding:6px 12px;background:var(--bg-tertiary, #21262d);border:1px solid var(--border-color, #30363d);border-radius:4px;color:var(--text-primary, #c9d1d9);cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease}.filter-btn:hover{background:var(--border-color, #30363d);border-color:#58a6ff;color:#58a6ff}.filter-btn.active{background:#58a6ff26;border-color:#58a6ff;color:#58a6ff}.empty-state{text-align:center;padding:48px 20px;color:var(--text-secondary, #8b949e)}.empty-state svg{width:64px;height:64px;margin-bottom:16px;opacity:.5}.section-title{font-size:16px;font-weight:600;color:var(--text-primary, #c9d1d9);margin-bottom:16px;margin-top:32px}.broker-view-embedded ::-webkit-scrollbar,.unified-content::-webkit-scrollbar{width:10px;height:10px}.broker-view-embedded ::-webkit-scrollbar-track,.unified-content::-webkit-scrollbar-track{background:var(--bg-secondary, #161b22);border-radius:5px}.broker-view-embedded ::-webkit-scrollbar-thumb,.unified-content::-webkit-scrollbar-thumb{background:var(--border-color, #30363d);border-radius:5px}.broker-view-embedded ::-webkit-scrollbar-thumb:hover,.unified-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #8b949e)}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.tabs-nav{overflow-x:auto;flex-wrap:nowrap}.tab-btn{white-space:nowrap}}.batch-order-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1100;align-items:center;justify-content:center}.batch-order-modal.show,.batch-order-modal[style*=flex]{display:flex}.batch-modal-content{background:var(--bg-secondary, #161b22);border:1px solid var(--border-color, #30363d);border-radius:10px;box-shadow:0 12px 40px #00000080;width:520px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.batch-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--bg-primary, #0d1117);border-bottom:1px solid var(--border-color, #30363d);border-radius:10px 10px 0 0;flex-shrink:0}.batch-modal-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary, #c9d1d9)}.batch-header-actions{display:flex;align-items:center;gap:8px}.template-controls{display:flex;align-items:center;gap:6px}.batch-close-btn{background:transparent;border:none;color:var(--text-secondary, #8b949e);font-size:16px;cursor:pointer;padding:2px 6px;border-radius:4px}.batch-close-btn:hover{color:var(--text-primary, #c9d1d9);background:var(--bg-hover, rgba(110, 118, 129, .1))}.batch-icon-btn{background:transparent;border:1px solid var(--border-color, #30363d);color:var(--text-secondary, #8b949e);font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px}.batch-icon-btn:hover{border-color:var(--primary-color, #1890ff);color:var(--primary-color, #1890ff)}.batch-icon-btn--danger:hover{border-color:var(--error-color, #ff4d4f);color:var(--error-color, #ff4d4f)}.batch-global-row{display:flex;align-items:center;gap:16px;padding:10px 18px;background:var(--bg-primary, #0d1117);border-bottom:1px solid var(--border-color, #30363d);flex-shrink:0}.batch-global-item{display:flex;align-items:center;gap:8px}.batch-global-item--right{margin-left:auto}.batch-symbol-display{font-size:14px;font-weight:600;color:var(--primary-color, #1890ff)}.batch-leverage-input{display:flex;align-items:center;gap:4px}.batch-skip-confirm-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary, #8b949e);cursor:pointer}.batch-skip-confirm-label input[type=checkbox]{cursor:pointer}.batch-groups-container{flex:1;overflow-y:auto;padding:0 18px 12px}.batch-groups-container::-webkit-scrollbar{width:6px}.batch-groups-container::-webkit-scrollbar-track{background:var(--bg-primary, #0d1117)}.batch-groups-container::-webkit-scrollbar-thumb{background:var(--border-color, #30363d);border-radius:3px}.batch-groups-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0 8px;position:sticky;top:0;background:var(--bg-secondary, #161b22);z-index:1}.batch-groups-title{font-size:13px;font-weight:600;color:var(--text-secondary, #8b949e);text-transform:uppercase;letter-spacing:.05em}.batch-add-group-btn{background:transparent;border:1px dashed var(--primary-color, #1890ff);color:var(--primary-color, #1890ff);font-size:13px;padding:4px 12px;border-radius:4px;cursor:pointer}.batch-add-group-btn:hover{background:#1890ff1a}.batch-group-card{background:var(--bg-primary, #0d1117);border:1px solid var(--border-color, #30363d);border-radius:8px;margin-bottom:10px;overflow:hidden}.batch-group-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#6e76810d;border-bottom:1px solid var(--border-color, #30363d)}.batch-group-title{font-size:13px;font-weight:600;color:var(--text-primary, #c9d1d9)}.batch-remove-btn{background:transparent;border:none;color:var(--text-secondary, #8b949e);font-size:12px;cursor:pointer;padding:2px 6px;border-radius:3px}.batch-remove-btn:hover{color:var(--error-color, #ff4d4f);background:#ff4d4f1a}.batch-group-body{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.batch-row{display:flex;align-items:center;gap:8px}.batch-row--reset{align-items:center}.batch-label{font-size:12px;color:var(--text-secondary, #8b949e);min-width:36px;flex-shrink:0}.batch-select{background:var(--bg-secondary, #161b22);border:1px solid var(--border-color, #30363d);color:var(--text-primary, #c9d1d9);font-size:13px;padding:4px 6px;border-radius:4px;cursor:pointer}.batch-select:focus{border-color:var(--primary-color, #1890ff);outline:none}.batch-input{background:var(--bg-secondary, #161b22);border:1px solid var(--border-color, #30363d);color:var(--text-primary, #c9d1d9);font-size:13px;padding:4px 8px;border-radius:4px;width:70px;text-align:right}.batch-input:focus{border-color:var(--primary-color, #1890ff);outline:none}.batch-unit{font-size:12px;color:var(--text-secondary, #8b949e);flex-shrink:0}.batch-price-controls,.batch-qty-controls{display:flex;align-items:center;gap:6px}.batch-price-value-wrap,.batch-qty-value-wrap{display:flex;align-items:center;gap:4px}.batch-qty-preview{font-size:12px;color:var(--primary-color, #1890ff);padding-left:44px}.batch-qty-preview.hidden{display:none}.batch-reset-controls{display:flex;align-items:center;gap:10px}.batch-cooldown-wrap{display:flex;align-items:center;gap:6px}.batch-cooldown-wrap.hidden{display:none}.batch-toggle{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer}.batch-toggle input{opacity:0;width:0;height:0}.batch-toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--border-color, #30363d);border-radius:20px;transition:background .2s}.batch-toggle-slider:before{content:"";position:absolute;width:14px;height:14px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s}.batch-toggle input:checked+.batch-toggle-slider{background:var(--primary-color, #1890ff)}.batch-toggle input:checked+.batch-toggle-slider:before{transform:translate(16px)}.batch-modal-footer{display:flex;gap:10px;padding:12px 18px;background:var(--bg-primary, #0d1117);border-top:1px solid var(--border-color, #30363d);border-radius:0 0 10px 10px;flex-shrink:0}.batch-btn{flex:1;padding:9px 16px;border:none;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer}.batch-btn--primary{background:var(--primary-color, #1890ff);color:#fff}.batch-btn--primary:hover{background:#40a9ff}.batch-btn--secondary{background:transparent;color:var(--text-secondary, #8b949e);border:1px solid var(--border-color, #30363d)}.batch-btn--secondary:hover{color:var(--error-color, #ff4d4f);border-color:var(--error-color, #ff4d4f)}.batch-running-status{border-top:1px solid var(--border-color, #30363d);padding:10px 18px;flex-shrink:0}.batch-running-status.hidden{display:none}.batch-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.batch-status-title{font-size:12px;font-weight:600;color:var(--text-secondary, #8b949e);text-transform:uppercase;letter-spacing:.05em}.batch-stop-all-btn{background:transparent;border:1px solid var(--error-color, #ff4d4f);color:var(--error-color, #ff4d4f);font-size:12px;padding:3px 10px;border-radius:4px;cursor:pointer}.batch-stop-all-btn:hover{background:var(--error-color, #ff4d4f);color:#fff}.batch-status-row{display:flex;align-items:center;gap:10px;padding:4px 0;font-size:13px}.batch-status-group{flex:1;color:var(--text-primary, #c9d1d9)}.batch-status-group small{color:var(--text-secondary, #8b949e);margin-left:4px}.batch-status-resets{font-size:11px;color:var(--text-secondary, #8b949e);min-width:50px;text-align:right}.batch-status-badge{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:600}.status-active{background:#1890ff26;color:var(--primary-color, #1890ff)}.status-cooldown{background:#faad1426;color:#faad14}.status-filled{background:#52c41a26;color:var(--success-color, #52c41a)}.status-stopped{background:#6e768126;color:var(--text-secondary, #8b949e)}.batch-status-empty{font-size:12px;color:var(--text-secondary, #8b949e);text-align:center;padding:8px}.batch-pnl-alert{margin:6px 16px 0;padding:8px 12px;background:#ff4d4f1f;border:1px solid rgba(255,77,79,.4);border-radius:6px;color:#ff4d4f;font-size:12px;display:flex;gap:12px;flex-wrap:wrap}.batch-pnl-alert.hidden{display:none}.batch-btn--danger{background:#ff4d4f26;color:#ff4d4f;border:1px solid rgba(255,77,79,.4)}.batch-btn--danger:hover{background:#ff4d4f40}.ow-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9900}.ow-content{background:var(--bg-secondary, #161b22);border:1px solid var(--border-color, #30363d);border-radius:10px;width:420px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.ow-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--border-color, #30363d)}.ow-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary, #e6edf3)}.ow-header-right{display:flex;align-items:center;gap:8px}.ow-select{background:var(--bg-tertiary, #0d1117);border:1px solid var(--border-color, #30363d);color:var(--text-primary, #e6edf3);border-radius:5px;padding:4px 8px;font-size:12px;cursor:pointer}.ow-close-btn{background:none;border:none;color:var(--text-secondary, #8b949e);font-size:16px;cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1}.ow-close-btn:hover{color:var(--text-primary, #e6edf3)}.ow-status-bar{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px;background:var(--bg-tertiary, #0d1117);border-bottom:1px solid var(--border-color, #30363d);font-size:11px;color:var(--text-secondary, #8b949e);min-height:34px;align-items:center}.ow-badge{background:#ffffff0f;border:1px solid var(--border-color, #30363d);border-radius:4px;padding:2px 7px;font-size:11px;color:var(--text-primary, #e6edf3)}.ow-section{padding:12px 16px;border-bottom:1px solid var(--border-color, #30363d)}.ow-section-title{font-size:11px;font-weight:600;color:var(--text-secondary, #8b949e);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.ow-profiles{display:flex;flex-wrap:wrap;gap:7px}.ow-profile-btn{background:var(--bg-tertiary, #0d1117);border:1px solid var(--border-color, #30363d);color:var(--text-secondary, #8b949e);border-radius:6px;padding:5px 12px;font-size:12px;cursor:pointer;transition:all .15s}.ow-profile-btn:hover{border-color:var(--primary-color, #1890ff);color:var(--primary-color, #1890ff)}.ow-profile-btn--active{background:#1890ff26;border-color:var(--primary-color, #1890ff);color:var(--primary-color, #1890ff);font-weight:600}.ow-empty{font-size:12px;color:var(--text-secondary, #8b949e)}.ow-form-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ow-form-row:last-child{margin-bottom:0}.ow-label{font-size:12px;color:var(--text-primary, #e6edf3);min-width:130px}.ow-input-group{display:flex;align-items:center;gap:6px}.ow-input{background:var(--bg-tertiary, #0d1117);border:1px solid var(--border-color, #30363d);color:var(--text-primary, #e6edf3);border-radius:5px;padding:5px 8px;font-size:12px;width:80px;text-align:right}.ow-input--sm{width:60px}.ow-input:focus{outline:none;border-color:var(--primary-color, #1890ff)}.ow-unit{font-size:11px;color:var(--text-secondary, #8b949e)}.ow-form-info{margin-top:4px}.ow-meta{font-size:11px;color:var(--text-secondary, #8b949e)}.ow-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px}.ow-btn{border-radius:6px;padding:7px 16px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s}.ow-btn--primary{background:var(--primary-color, #1890ff);color:#fff;border-color:var(--primary-color, #1890ff)}.ow-btn--primary:hover{opacity:.85}.ow-btn--primary:disabled{opacity:.5;cursor:not-allowed}.ow-btn--secondary{background:transparent;color:var(--text-secondary, #8b949e);border-color:var(--border-color, #30363d)}.ow-btn--secondary:hover{color:var(--text-primary, #e6edf3)}