*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f0f23;--bg-secondary: #1a1a2e;--bg-panel: #16213e;--text-primary: #e0e0e0;--text-secondary: #8892b0;--accent: #2196f3;--green: #26a69a;--red: #ef5350;--border: #2b2b43;--tooltip-bg: rgba(20, 22, 40, .92);--tooltip-border: #2b2b43;--dropdown-bg: rgba(20, 22, 40, .9);--tooltip-text: #d1d4dc;--tooltip-label: #7a8199}[data-theme=light]{--bg-primary: #f0f2f5;--bg-secondary: #ffffff;--bg-panel: #f8f9fb;--text-primary: #1a1a2e;--text-secondary: #5a6480;--accent: #2196f3;--green: #26a69a;--red: #ef5350;--border: #dde0ea;--tooltip-bg: rgba(255, 255, 255, .95);--tooltip-border: #dde0ea;--dropdown-bg: rgba(255, 255, 255, .92);--tooltip-text: #1a1a2e;--tooltip-label: #8892b0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;height:100vh;transition:background .2s,color .2s}.right{text-align:right}#root{height:100vh}.dashboard{display:grid;grid-template-rows:48px 1fr 20px;grid-template-columns:1fr 360px;height:100vh;gap:1px;background:var(--border);transition:grid-template-columns .2s ease}.footer{grid-column:1 / -1;display:flex;align-items:center;padding:0 10px;background:var(--bg-secondary);font-size:11px;color:var(--text-secondary);min-height:0}.footer-version{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg-secondary)}.header-symbol{display:flex;align-items:baseline;gap:10px}.header h1{font-size:16px;font-weight:600}.bid-ask{display:flex;align-items:center;gap:8px;font-size:12px;font-variant-numeric:tabular-nums;margin-left:4px}.bid-ask-item{display:flex;align-items:baseline;gap:3px}.bid-ask-label{font-size:10px;font-weight:600;color:var(--text-secondary);letter-spacing:.04em}.bid-ask-value{font-size:13px;font-weight:600}.bid-ask-value.bid{color:var(--red)}.bid-ask-value.ask{color:var(--green)}.bid-ask-value.spread{color:var(--text-secondary);font-size:11px;font-weight:500}.bid-ask-separator{width:1px;height:12px;background:var(--border);align-self:center}.daily-change{display:flex;align-items:baseline;gap:4px;font-size:13px;font-weight:500}.daily-change-label{font-size:10px;font-weight:600;color:var(--text-secondary);letter-spacing:.04em}.daily-change.positive{color:var(--green)}.daily-change.negative{color:var(--red)}.header-meta{display:flex;align-items:center;gap:20px}.open-positions-count{display:flex;align-items:center;gap:6px;font-size:12px}.open-positions-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.open-positions-label{color:var(--text-secondary)}.open-positions-value{font-weight:700;font-size:14px;color:var(--text-primary);min-width:16px;text-align:right}.candle-countdown{position:absolute;top:8px;left:8px;z-index:20;font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:3px 7px;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1.4}.candle-countdown.warning{color:var(--red);border-color:var(--red)}.lang-selector{position:relative;flex-shrink:0}.lang-trigger{display:flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);height:26px;padding:0 6px;cursor:pointer;font-family:inherit;transition:color .15s,border-color .15s}.lang-trigger:hover{color:var(--text-primary);border-color:var(--accent)}.lang-flag{font-size:16px;line-height:1}.lang-code{font-size:11px}.lang-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--dropdown-bg);border:1px solid var(--border);border-radius:4px;display:flex;flex-direction:column;overflow:hidden;z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lang-option{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--text-secondary);font-family:inherit;padding:5px 12px;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s}.lang-option:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--text-primary)}.lang-option.active{color:var(--accent)}.theme-toggle-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);width:28px;height:26px;border-radius:4px;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;font-family:inherit;transition:color .15s,border-color .15s,background .15s;flex-shrink:0}.theme-toggle-btn:hover{color:var(--text-primary);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.connection-status{display:flex;align-items:center;gap:6px;font-size:12px}.connection-status .dot{width:8px;height:8px;border-radius:50%}.connection-status.connected .dot{background:var(--green)}.connection-status.disconnected .dot{background:var(--red)}.chart-area{display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden}.chart-toolbar{display:flex;align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);gap:0;overflow:visible;position:relative;z-index:30}.chart-container{flex:1;min-height:0;position:relative}.timeframe-selector{position:relative;padding:6px 8px}.timeframe-trigger{display:flex;align-items:center;gap:5px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:3px 8px;border-radius:4px;cursor:pointer;font-size:12px;font-family:inherit;transition:color .15s,border-color .15s;white-space:nowrap;min-width:48px;justify-content:space-between}.timeframe-trigger:hover,.timeframe-trigger.open{color:var(--text-primary);border-color:var(--accent)}.timeframe-trigger-arrow{font-size:10px;opacity:.8;line-height:1}.timeframe-dropdown{position:absolute;top:calc(100% + 2px);left:8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:4px;z-index:200;min-width:80px;box-shadow:0 4px 16px #0000004d}.timeframe-dropdown-item{display:block;width:100%;background:transparent;border:none;color:var(--text-secondary);padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px;font-family:inherit;text-align:left;transition:color .15s,background .15s;white-space:nowrap}.timeframe-dropdown-item:hover{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 10%,transparent)}.timeframe-dropdown-item.active{color:var(--accent);font-weight:600}.chart-settings-panel{display:flex;align-items:center;gap:4px;padding:6px 8px 6px 4px;margin-left:auto;border-left:1px solid var(--border)}.chart-settings-title{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:0 6px 0 2px;white-space:nowrap}.chart-settings-toggle{display:flex;align-items:center;gap:5px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:3px 10px 3px 7px;border-radius:4px;cursor:pointer;font-size:12px;font-family:inherit;transition:color .15s,border-color .15s,background .15s;white-space:nowrap}.chart-settings-toggle:hover{color:var(--text-primary);border-color:var(--text-secondary)}.chart-settings-toggle.active{color:var(--text-primary);border-color:var(--toggle-color, var(--accent))}.chart-settings-indicator{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .15s;flex-shrink:0}.chart-settings-toggle.active .chart-settings-indicator{background:var(--toggle-color, var(--accent))}.levels-split-btn{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-secondary);font-size:11px;cursor:pointer;white-space:nowrap}.levels-split-btn.active{color:var(--text-primary);border-color:var(--toggle-color, var(--accent))}.levels-split-btn.active .chart-settings-indicator{background:var(--toggle-color, var(--accent))}.levels-split-btn-main{display:flex;align-items:center;gap:5px;padding:3px 8px;background:transparent;border:none;color:inherit;font:inherit;cursor:pointer}.levels-split-btn-main:hover{color:var(--text-primary)}.levels-split-btn-arrow{display:flex;align-items:center;padding:3px 5px;background:transparent;border:none;border-left:1px solid var(--border);color:inherit;font:inherit;cursor:pointer}.levels-split-btn-arrow:hover{color:var(--text-primary)}.levels-split-btn:hover{border-color:var(--text-secondary)}.timezone-selector{display:flex;align-items:center;gap:4px;border-left:1px solid var(--border);padding-left:8px;margin-left:4px}.timezone-select{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-secondary);padding:3px 6px;border-radius:4px;cursor:pointer;font-size:12px;font-family:inherit;outline:none;transition:color .15s,border-color .15s}.timezone-select:hover,.timezone-select:focus{color:var(--text-primary);border-color:var(--accent)}.timezone-select option{background:var(--bg-panel);color:var(--text-primary)}.sidebar{display:flex;flex-direction:row;background:var(--border);overflow:hidden;position:relative;min-width:0}.sidebar-collapsed{overflow:hidden}.sidebar-resize-handle{width:4px;flex-shrink:0;cursor:col-resize;background:transparent;transition:background .15s;z-index:10}.sidebar-resize-handle:hover,.sidebar-resize-handle:active{background:var(--accent)}.sidebar-content{flex:1;display:flex;flex-direction:column;gap:1px;background:var(--border);overflow-y:auto;min-width:0}.chart-nav-btns{display:flex;gap:2px;padding:0 6px}.chart-nav-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);width:28px;height:26px;border-radius:4px;cursor:pointer;font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center;font-family:inherit;transition:color .15s,border-color .15s,background .15s;flex-shrink:0}.chart-nav-btn:hover{color:var(--text-primary);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.chart-nav-btn.active{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.sidebar-toggle-btn{margin-left:4px;margin-right:6px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);width:28px;height:26px;border-radius:4px;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;font-family:inherit;transition:color .15s,border-color .15s,background .15s;flex-shrink:0}.sidebar-toggle-btn:hover{color:var(--text-primary);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.panel{background:var(--bg-secondary);padding:12px}.panel h3{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.open-positions-table th:nth-child(n+2):nth-child(-n+6),.open-positions-table td:nth-child(n+2):nth-child(-n+6){text-align:right}.history-row-clickable{cursor:pointer;transition:background .1s}.history-row-clickable:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.history-row-selected{background:color-mix(in srgb,var(--accent) 18%,transparent)!important;outline:1px solid var(--accent);outline-offset:-1px}.open-positions-table tfoot td{border-top:1px solid var(--border);border-bottom:none;font-weight:600}.open-positions-total-label{color:var(--text-secondary);font-weight:500}.panel .empty{color:var(--text-secondary);font-size:13px;font-style:italic}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th.sortable:hover{background:var(--bg-hover, rgba(255,255,255,.05))}th.sortable-right{text-align:right}.sort-arrow{margin-left:4px;font-size:11px;opacity:.9}.sort-arrow.inactive{opacity:.3}.history-filter-toggle{background:none;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:14px;padding:1px 6px;border-radius:4px;line-height:1}.history-filter-toggle:hover,.history-filter-toggle.active{color:var(--text-primary);border-color:var(--accent)}.history-filter-toggle.has-filter{color:var(--accent);border-color:var(--accent)}.history-filter{margin-bottom:10px;padding:8px;background:var(--bg-panel);border-radius:6px;font-size:12px}.history-filter-row{display:flex;gap:8px;margin-bottom:6px}.history-filter-row label{flex:1;display:flex;flex-direction:column;gap:2px;color:var(--text-secondary);font-size:11px}.history-filter-row input[type=datetime-local]{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);color-scheme:dark;padding:3px 6px;border-radius:4px;font-size:12px;font-family:inherit}[data-theme=light] .history-filter-row input[type=datetime-local]{color-scheme:light}.history-filter-row input[type=datetime-local]:focus{outline:none;border-color:var(--accent)}.history-filter-actions{display:flex;gap:6px;margin-top:2px}.history-filter-btn{background:var(--accent);color:#fff;border:none;padding:4px 12px;border-radius:4px;font-size:12px;cursor:pointer;font-family:inherit}.history-filter-btn:hover{opacity:.85}.history-filter-btn.secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.history-filter-btn.secondary:hover{color:var(--text-primary);border-color:var(--text-secondary)}.account-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-cards .card{background:var(--bg-panel);padding:8px 10px;border-radius:6px}.account-cards .label{display:block;font-size:11px;color:var(--text-secondary);margin-bottom:2px}.account-cards .value{display:block;font-size:15px;font-weight:600}.account-cards .card.full-width{grid-column:1 / -1}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:var(--text-secondary);font-weight:500;padding:4px 6px;border-bottom:1px solid var(--border)}td{padding:4px 6px;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:none}.long{color:var(--green)}.short{color:var(--red)}.profit{color:var(--green)}.loss{color:var(--red)}.open-positions-list{display:flex;flex-direction:column;gap:6px}.open-position-card{background:var(--bg-panel);border-radius:6px;padding:7px 10px;display:flex;flex-direction:column;gap:5px}.open-position-row{display:flex;align-items:center;gap:6px}.open-position-header{justify-content:space-between}.open-position-type{font-weight:700;font-size:12px;min-width:40px}.open-position-datetime{display:flex;flex-direction:column;align-items:center;flex:1;gap:1px}.open-position-date{font-size:11px;color:var(--text-secondary)}.open-position-time{font-size:12px;color:var(--text-primary);font-variant-numeric:tabular-nums}.open-position-pnl{font-weight:700;font-size:13px;min-width:56px;text-align:right;font-variant-numeric:tabular-nums}.open-position-details{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:4px}.open-position-detail{display:flex;flex-direction:column;align-items:center;gap:1px}.open-position-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.open-position-detail>span:last-child{font-size:12px;font-variant-numeric:tabular-nums}.error-message{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:14px;padding:20px;text-align:center}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.ohlcv-tooltip{position:absolute;pointer-events:none;z-index:20;background:var(--tooltip-bg);border:1px solid var(--tooltip-border);border-radius:6px;padding:7px 10px;font-size:11px;font-family:monospace;color:var(--tooltip-text);min-width:148px;box-shadow:0 2px 8px #00000026;line-height:1.5}.ohlcv-ts{color:var(--tooltip-label);font-size:10px;margin-bottom:4px;white-space:nowrap}.ohlcv-row{display:flex;gap:6px;align-items:baseline}.ohlcv-label{color:var(--tooltip-label);font-size:10px;width:10px;flex-shrink:0}.ohlcv-value{flex:1;text-align:right}.ohlcv-high{color:var(--green)}.ohlcv-low{color:var(--red)}.ohlcv-candle{margin-left:auto;font-size:11px}.ohlcv-bull{color:var(--green)}.ohlcv-bear{color:var(--red)}.ohlcv-doji{color:var(--text-secondary)}.tooltip-ind-divider{border:none;border-top:1px solid var(--tooltip-border);margin:5px 0}.tooltip-ind-section{display:flex;flex-direction:column;gap:1px}.tooltip-ind-name{color:var(--tooltip-label);font-size:9px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:2px}.tooltip-ind-row{display:flex;gap:6px;align-items:baseline}.tooltip-ind-label{font-size:10px;flex-shrink:0;min-width:52px}.tooltip-ind-val{flex:1;text-align:right;color:var(--tooltip-text);font-size:11px}.indicators-menu{position:relative}.indicators-menu-arrow{font-size:10px;margin-left:3px;opacity:.8;line-height:1}.indicators-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--dropdown-bg);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);border:1px solid var(--tooltip-border);border-radius:6px;padding:4px;z-index:200;min-width:160px;box-shadow:0 4px 16px #0000004d;display:flex;flex-direction:column;gap:1px}.indicators-dropdown-title{font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:4px 8px 6px;border-bottom:1px solid var(--border);margin-bottom:2px}.indicators-item-group{display:flex;flex-direction:column}.indicators-item-row{display:flex;align-items:center;border-radius:4px;overflow:hidden;color:var(--text-secondary);transition:color .15s}.indicators-item-row.active{color:var(--text-primary)}.indicators-item-toggle{display:flex;align-items:center;gap:8px;flex:1;background:transparent;border:none;color:inherit;padding:6px 8px 6px 10px;cursor:pointer;font-size:12px;font-family:inherit;text-align:left;transition:background .15s}.indicators-item-toggle:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.indicators-item-label{flex:1}.indicators-item-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .15s;flex-shrink:0}.indicators-item-row.active .indicators-item-dot{background:var(--item-color, var(--accent))}.indicators-gear-btn{background:transparent;border:none;color:var(--text-secondary);padding:6px 8px;cursor:pointer;font-size:13px;line-height:1;border-radius:4px;transition:color .15s,background .15s;flex-shrink:0}.indicators-gear-btn:hover,.indicators-gear-btn.active{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 12%,transparent)}.volume-divider{position:absolute;left:0;right:0;height:8px;transform:translateY(-50%);cursor:ns-resize;z-index:15}.volume-divider:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:var(--border);opacity:.5;transition:opacity .15s}.volume-divider:hover:after,.volume-divider.dragging:after{opacity:1;background:var(--accent)}.indicator-settings-form{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg-primary) 40%,transparent);border-radius:0 0 4px 4px}.indicator-settings-row{display:flex;align-items:center;gap:8px;cursor:default}.indicator-settings-label{font-size:11px;color:var(--text-secondary);flex:1;white-space:nowrap}.indicator-settings-color{width:28px;height:22px;padding:1px;border:1px solid var(--border);border-radius:3px;background:var(--bg-panel);cursor:pointer;flex-shrink:0}.indicator-settings-range{flex:1;min-width:60px;accent-color:var(--accent);cursor:pointer}.indicator-settings-range-value{font-size:11px;color:var(--text-secondary);min-width:30px;text-align:right;font-variant-numeric:tabular-nums}.ema-settings-form{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg-primary) 40%,transparent);border-radius:0 0 4px 4px;min-width:220px}.ema-line-row{display:flex;align-items:center;gap:6px}.ema-line-toggle{background:transparent;border:none;padding:2px;cursor:pointer;display:flex;align-items:center;flex-shrink:0}.ema-line-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .15s;display:block}.ema-line-dot.active{background:var(--line-color, var(--accent))}.ema-line-label{font-size:11px;color:var(--text-secondary);width:28px;flex-shrink:0}.ema-period-input{width:44px;background:var(--bg-panel);border:1px solid var(--border);color:var(--text-primary);padding:2px 4px;border-radius:3px;font-size:11px;font-family:inherit;font-variant-numeric:tabular-nums;text-align:right;outline:none;flex-shrink:0}.ema-period-input:focus{border-color:var(--accent)}.ema-period-input::-webkit-inner-spin-button,.ema-period-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ema-width-btns{display:flex;gap:2px;margin-left:auto}.ema-width-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);width:20px;height:20px;border-radius:3px;cursor:pointer;font-size:10px;font-family:inherit;display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s,background .15s;flex-shrink:0}.ema-width-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.ema-width-btn.active{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.zigzag-deviation-input{width:54px;background:var(--bg-panel);border:1px solid var(--border);color:var(--text-primary);padding:2px 4px;border-radius:3px;font-size:11px;font-family:inherit;font-variant-numeric:tabular-nums;text-align:right;outline:none;flex-shrink:0}.zigzag-deviation-input:focus{border-color:var(--accent)}.zigzag-deviation-input::-webkit-inner-spin-button,.zigzag-deviation-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}