.indicator-dropdown{position:relative;display:inline-block}.indicator-dropdown-btn{display:flex;align-items:center;gap:6px;padding:0 10px;height:32px;background:transparent;border:none;border-radius:4px;color:#b2b5be;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.indicator-dropdown-btn:hover{background:#2a2e39;color:#e0e3eb}.indicator-dropdown-btn.active{background:transparent;color:#2962ff}.indicator-icon{width:16px;height:16px;stroke-width:1.5px;opacity:.8}.btn-label{display:block}.active-badge{background:#2962ff;color:#fff;font-size:10px;font-weight:700;padding:0 5px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;min-width:16px;margin-left:2px}.indicator-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:280px;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px;box-shadow:0 8px 24px #000c;z-index:1000;overflow:hidden;animation:slideDown .15s ease-out}.indicator-dropdown-menu.open-upward{top:auto;bottom:calc(100% + 8px);animation:slideUp .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.search-container{display:flex;align-items:center;background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:8px 12px;margin:8px 16px;gap:8px}.search-container:focus-within{border-color:#2962ff;background:#2a2a2a}.search-icon{width:16px;height:16px;color:#666}.indicator-search{background:transparent;border:none;outline:none;color:#fff;width:100%;font-size:14px}.indicator-search::placeholder{color:#666}.indicators-scroll-area{max-height:400px;overflow-y:auto;padding-bottom:16px}.section-title{padding:12px 16px 8px;font-size:11px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.5px}.indicator-row{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;transition:background .15s ease}.indicator-row:hover{background:#ffffff0d}.indicator-row.active{background:#2962ff0d}.indicator-row.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.8)}.indicator-info{display:flex;flex-direction:column;gap:2px}.indicator-name-row{display:flex;align-items:center;gap:6px}.indicator-name{font-size:14px;color:#d1d4dc;font-weight:500}.active-dot{width:6px;height:6px;border-radius:50%;box-shadow:0 0 4px currentColor}.indicator-desc{font-size:11px;color:#777}.indicator-action{display:flex;align-items:center;justify-content:center;color:#444}.star-icon{width:18px;height:18px;transition:color .15s ease}.star-icon.filled{color:gold}.indicator-row.sub-row{padding-left:32px;opacity:.9}.checkbox{width:18px;height:18px;border:2px solid #555;border-radius:4px}.checkbox.checked{background:#2962ff;border-color:#2962ff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E")}.toggle-switch{width:36px;height:20px;background:#333;border-radius:10px;position:relative;transition:background .2s ease}.toggle-switch.checked{background:#2962ff}.toggle-thumb{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s cubic-bezier(.4,0,.2,1)}.toggle-switch.checked .toggle-thumb{transform:translate(16px)}.dropdown-header{padding:12px 16px;font-size:14px;font-weight:600;color:#888;border-bottom:1px solid #1a1a1a;text-transform:uppercase;letter-spacing:.5px}.dropdown-section{padding:8px 0}.section-label{padding:8px 16px 4px;font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .15s ease}.dropdown-item:hover{background:#2962ff1a}.dropdown-item.enabled{background:#2962ff14}.item-checkbox{width:18px;height:18px;border:2px solid #2a2a2a;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.dropdown-item.enabled .item-checkbox{border-color:#2962ff;background:#2962ff}.checkmark{color:#fff;font-size:12px;font-weight:700}.item-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.item-content{display:flex;flex-direction:column;gap:2px}.item-name{font-size:14px;color:#e0e0e0}.item-desc{font-size:11px;color:#666}.dropdown-divider{height:1px;background:#363a45;margin:4px 0}.mobile-drag-handle{display:none}@media(max-width:768px){.indicator-dropdown-menu{position:fixed!important;inset:auto 0 0!important;min-width:100%!important;width:100%!important;height:auto;min-height:400px;max-height:85vh;border-radius:16px 16px 0 0!important;border-bottom:none!important;overflow:hidden;z-index:99999!important;transform:translateY(100%);animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1) forwards;box-shadow:0 -4px 32px #00000080;display:flex;flex-direction:column}.indicators-scroll-area{flex:1;overflow-y:auto;overscroll-behavior-y:contain;max-height:none}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.indicator-dropdown-menu.open-upward{bottom:0!important;top:auto!important;animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1) forwards}.mobile-drag-handle{display:flex;justify-content:center;align-items:center;padding:12px 0 8px;width:100%;cursor:grab;background:transparent;flex-shrink:0;touch-action:none}.handle-bar{width:60px;height:5px;background:#666;border-radius:10px}}.indicator-settings-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.indicator-settings-modal{background:#000;border:1px solid #1a1a1a;border-radius:8px;width:380px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #000c}.indicator-settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #1a1a1a;position:sticky;top:0;background:#000}.indicator-settings-header h3{margin:0;font-size:16px;color:#fff}.indicator-settings-header .close-btn{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0;line-height:1}.indicator-settings-header .close-btn:hover{color:#fff}.indicator-settings-content{padding:20px}.indicator-settings-content .setting-group{margin-bottom:20px}.indicator-settings-content .setting-group label{display:block;color:#ccc;font-size:13px;margin-bottom:8px}.indicator-settings-content .setting-group input[type=number]{width:100%;padding:8px 12px;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:4px;color:#fff;font-size:14px}.indicator-settings-content .setting-group input[type=number]:focus{outline:none;border-color:#00bcd4}.indicator-settings-content .setting-group input[type=range]{width:calc(100% - 50px);margin-right:10px;vertical-align:middle;accent-color:#00bcd4}.indicator-settings-content .setting-value{display:inline-block;width:40px;text-align:right;color:#00bcd4;font-size:13px}.indicator-settings-content .setting-hint{display:block;margin-top:4px;font-size:11px;color:#666}.color-input-wrapper{display:flex;align-items:center;gap:12px}.color-input-wrapper input[type=color]{width:50px;height:32px;padding:2px;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:4px;cursor:pointer}.color-input-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-input-wrapper input[type=color]::-webkit-color-swatch{border-radius:2px;border:none}.color-input-wrapper .color-value{color:#888;font-size:13px;font-family:monospace}.indicator-settings-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #1a1a1a;position:sticky;bottom:0;background:#000}.indicator-settings-footer .reset-btn{background:none;border:1px solid #333;color:#888;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px}.indicator-settings-footer .reset-btn:hover{border-color:#555;color:#ccc}.indicator-settings-footer .footer-right{display:flex;gap:8px}.indicator-settings-footer .cancel-btn{background:none;border:1px solid #333;color:#ccc;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px}.indicator-settings-footer .cancel-btn:hover{border-color:#555}.indicator-settings-footer .save-btn{background:#00bcd4;border:none;color:#fff;padding:8px 20px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.indicator-settings-footer .save-btn:hover{background:#00a5bb}@media(max-width:768px){.indicator-settings-modal{width:95vw;max-height:85vh}.indicator-settings-content{padding:16px}.indicator-settings-footer{flex-direction:column;gap:12px}.indicator-settings-footer .reset-btn,.indicator-settings-footer .footer-right{width:100%}.indicator-settings-footer .cancel-btn,.indicator-settings-footer .save-btn{flex:1}}.indicator-panel{position:relative;width:100%;min-height:80px;max-height:350px;background:#000;border-top:1px solid #1a1a1a;display:flex;flex-direction:column;flex-shrink:0}.indicator-panel.resizing{pointer-events:auto}.resize-handle{position:absolute;top:-6px;left:0;right:0;height:12px;cursor:ns-resize;z-index:100;display:flex;align-items:center;justify-content:center;touch-action:none}.resize-handle:hover,.resize-handle.active{background:#2962ff33}.resize-handle-bar{width:60px;height:4px;background:#2a2a2a;border-radius:2px;transition:background .15s ease,transform .15s ease}.resize-handle:hover .resize-handle-bar,.resize-handle.active .resize-handle-bar{background:#2962ff;transform:scaleY(1.2)}.indicator-canvas{flex:1;width:100%;min-height:0;overflow:hidden}.indicator-panel.resizing,.indicator-panel.resizing *{user-select:none!important;-webkit-user-select:none!important}.chart-wrapper{display:flex;flex-direction:column;width:100%;height:100%;background-color:#000;touch-action:none}.chart-toolbar{display:flex;align-items:center;gap:16px;padding:6px 12px;background-color:#0a0a0a;border-bottom:1px solid #1a1a1a;flex-shrink:0}.chart-toolbar button{padding:6px 12px;background-color:#2962ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:background-color .2s}.chart-toolbar button:hover:not(:disabled){background-color:#1e4bd8}.chart-toolbar button:disabled{opacity:.5;cursor:not-allowed}.chart-info{color:#787b86;font-size:12px}.chart-content{position:relative;flex:1;display:flex;flex-direction:column;width:100%;min-height:0;overflow:hidden;touch-action:none}.chart-container{flex:1;width:100%;min-height:200px;overflow:hidden;will-change:auto;touch-action:none;-webkit-user-select:none;user-select:none}.chart-container canvas{display:block;touch-action:none}.chart-settings-btn{position:absolute;bottom:6px;right:22px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#555;cursor:pointer;transition:color .15s ease;z-index:10;padding:0}.chart-settings-btn:hover{color:#888}.chart-settings-btn svg{width:16px;height:16px}.chart-settings-modal{width:320px;background-color:#1e1e1e;border:1px solid #333;border-radius:8px;padding:0;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;box-shadow:0 8px 32px #00000080;z-index:1000}.chart-settings-header{padding:15px 20px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center;background-color:#252525;border-top-left-radius:8px;border-top-right-radius:8px}.chart-settings-header:active{cursor:grabbing!important}.chart-settings-header h3{margin:0;font-size:16px;font-weight:600;color:#e0e0e0}.chart-settings-content{padding:20px}.settings-group{margin-bottom:20px}.settings-group h3{font-size:12px;text-transform:uppercase;color:#888;margin:0 0 10px;letter-spacing:.5px}.settings-section h4{font-size:12px;text-transform:uppercase;color:#888;margin:0 0 15px;letter-spacing:.5px}.settings-section{margin-bottom:25px}.settings-section:last-child{margin-bottom:0}.setting-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.setting-row label{font-size:13px;color:#ccc}.row-controls{display:flex;align-items:center;gap:10px}.checkbox-label{display:flex;align-items:center;gap:5px;font-size:12px;color:#aaa;cursor:pointer}input[type=color]{width:24px;height:24px;padding:0;border:none;border-radius:4px;background:none;cursor:pointer}input[type=checkbox]{accent-color:#2962ff;cursor:pointer}.close-btn{background:none;border:none;color:#888;font-size:20px;line-height:1;cursor:pointer;padding:0}.close-btn:hover{color:#fff}.drawing-settings-modal{position:fixed;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;box-shadow:0 8px 32px #000c;z-index:10000;min-width:260px;max-width:320px;overflow:hidden;animation:modalFadeIn .15s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.drawing-settings-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#0f0f0f;border-bottom:1px solid #2a2a2a}.drawing-settings-title{font-size:13px;font-weight:600;color:#e1e3eb}.drawing-settings-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:#666;cursor:pointer;transition:all .15s ease}.drawing-settings-close:hover{background:#ffffff1a;color:#fff}.drawing-settings-content{padding:12px 14px;display:flex;flex-direction:column;gap:12px}.drawing-settings-row{display:flex;flex-direction:column;gap:6px}.drawing-settings-row>label{font-size:11px;font-weight:500;color:#888;text-transform:uppercase;letter-spacing:.3px}.drawing-settings-row.checkbox-row{flex-direction:row;align-items:center}.drawing-settings-row.checkbox-row>label{display:flex;align-items:center;gap:8px;font-size:12px;text-transform:none;color:#d1d4dc;cursor:pointer}.drawing-settings-row.checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:#2962FF;cursor:pointer}.drawing-color-picker{display:flex;align-items:center;gap:10px}.drawing-color-picker input[type=color]{width:36px;height:28px;padding:0;border:1px solid #3a3a3a;border-radius:4px;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.drawing-color-picker input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.drawing-color-picker input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.drawing-color-picker .color-value{font-size:11px;font-family:Monaco,Menlo,monospace;color:#999}.drawing-slider-row{display:flex;align-items:center;gap:10px}.drawing-slider-row input[type=range]{flex:1;height:4px;background:#2a2a2a;border-radius:2px;-webkit-appearance:none;appearance:none;cursor:pointer}.drawing-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#2962ff;border-radius:50%;cursor:pointer;transition:transform .1s ease}.drawing-slider-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.drawing-slider-row .slider-value{min-width:40px;font-size:11px;font-family:Monaco,Menlo,monospace;color:#999;text-align:right}.drawing-text-input{width:100%;padding:8px 10px;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:4px;color:#e1e3eb;font-size:12px;outline:none;transition:border-color .15s ease}.drawing-text-input:focus{border-color:#2962ff}.drawing-text-input::placeholder{color:#555}.drawing-settings-footer{display:flex;padding:10px 14px;background:#0f0f0f;border-top:1px solid #2a2a2a}.drawing-settings-delete{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 14px;background:transparent;border:1px solid rgba(255,82,82,.3);border-radius:4px;color:#ff5252;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.drawing-settings-delete:hover{background:#ff525226;border-color:#ff525280}.drawing-settings-delete svg{flex-shrink:0}.drawing-color-presets{display:flex;gap:6px;margin-top:6px}.color-preset{width:20px;height:20px;border-radius:4px;border:1px solid transparent;cursor:pointer;transition:transform .1s ease,border-color .1s ease}.color-preset.active{border-color:#fff}.fib-levels-editor{padding:12px 14px;border-top:1px solid #2a2a2a;background:#111}.panel-label{font-size:11px;font-weight:500;color:#888;text-transform:uppercase;letter-spacing:.3px;margin-bottom:10px}.fib-levels-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.fib-level-row{display:flex;align-items:center;gap:8px}.fib-level-row input[type=checkbox]{width:14px;height:14px;accent-color:#2962FF;cursor:pointer}.level-value{font-size:11px;color:#ccc;min-width:40px;cursor:pointer}.drawing-color-picker.mini input[type=color]{width:24px;height:20px;padding:0;border:1px solid #333;border-radius:3px;background:transparent;cursor:pointer}.drawing-color-picker.mini input[type=color]:disabled{opacity:.3;cursor:default}.drawing-toolbar{position:absolute;bottom:35px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:100;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toolbar-main{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#141419f2;border:1px solid rgba(255,255,255,.15);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000080}.toolbar-divider{width:1px;height:24px;background:#ffffff26;margin:0 4px}.toolbar-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;color:#aaa;transition:all .15s ease}.toolbar-icon-btn:hover{background:#ffffff26;color:#fff}.toolbar-icon-btn.active{background:#2962ff40;border-color:#2962ff;color:#fff}.toolbar-icon-btn svg{width:18px;height:18px}.toolbar-icon-btn.delete-btn:hover{background:#f4433640;border-color:#f44336;color:#f44336}.color-indicator{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.width-indicator{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.width-line{width:18px;background:#fff;border-radius:1px}.toolbar-panel{padding:10px;background:#141419f2;border:1px solid rgba(255,255,255,.15);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000080;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.color-panel{display:flex;align-items:center;gap:8px}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.color-preset{width:32px;height:32px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .15s ease}.color-preset:hover{transform:scale(1.1)}.color-preset.active{border-color:#fff;box-shadow:0 0 8px #fff6}.custom-color-picker{width:32px;height:64px;border-radius:8px;border:1px solid rgba(255,255,255,.2);cursor:pointer;background:linear-gradient(180deg,red,#0f0,#00f);-webkit-appearance:none;padding:0}.custom-color-picker::-webkit-color-swatch-wrapper{padding:0}.custom-color-picker::-webkit-color-swatch{border:none;border-radius:8px}.width-panel{display:flex;gap:6px}.width-option{width:44px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .15s ease}.width-option:hover{background:#ffffff26}.width-option.active{background:#2962ff40;border-color:#2962ff}.width-preview-line{width:24px;background:#fff;border-radius:1px}@media(max-width:400px){.toolbar-main{padding:6px 10px;gap:4px}.toolbar-icon-btn{width:36px;height:36px}.color-indicator{width:20px;height:20px}.color-grid{gap:4px}.color-preset{width:28px;height:28px}}.fill-indicator{width:22px;height:22px;border-radius:4px;border:2px solid rgba(255,255,255,.3)}.panel-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.fill-panel{display:flex;flex-direction:column;gap:6px;min-width:200px}.opacity-slider-row{display:flex;align-items:center;gap:10px}.opacity-slider{flex:1;height:6px;-webkit-appearance:none;background:#fff3;border-radius:3px;outline:none}.opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#2962ff;cursor:pointer;border:2px solid #fff}.opacity-value{font-size:12px;color:#aaa;min-width:35px;text-align:right}.text-panel{display:flex;flex-direction:column;min-width:220px}.text-input{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;outline:none}.text-input:focus{border-color:#2962ff}.text-input::placeholder{color:#666}.font-size-row{display:flex;gap:4px}.font-size-btn{padding:6px 10px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#aaa;font-size:12px;cursor:pointer;transition:all .15s ease}.font-size-btn:hover{background:#ffffff26;color:#fff}.font-size-btn.active{background:#2962ff40;border-color:#2962ff;color:#fff}.options-panel{min-width:140px}.checkbox-row{display:flex;align-items:center;gap:8px;cursor:pointer;color:#ccc;font-size:13px}.checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:#2962FF;cursor:pointer}.fib-levels-grid.mini{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto;padding-right:4px;margin-top:4px}.fib-levels-grid.mini::-webkit-scrollbar{width:4px}.fib-levels-grid.mini::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.fib-levels-grid.mini .fib-level-row{display:flex;align-items:center;gap:10px;padding:2px 0}.fib-levels-grid.mini .level-value{min-width:35px;font-size:11px;color:#aaa}.drawing-color-picker.mini input[type=color]{width:20px;height:18px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:3px;background:transparent;cursor:pointer}.drawing-color-picker.mini input[type=color]:disabled{opacity:.3}.chart-widget{display:flex;flex-direction:column;width:100%;height:100%;background:#000;overflow:hidden;position:relative}.chart-loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000e6;z-index:200;gap:16px}.loading-logo{width:64px;height:64px;object-fit:contain;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.loading-text{color:#888;font-size:14px;font-weight:500;letter-spacing:1px}.chart-widget-header{display:flex;align-items:center;gap:4px;padding:8px 12px;position:absolute;top:0;left:0;width:100%;z-index:210;background:#0a0a0a66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-shrink:0;min-height:48px;overflow:visible}.layout-control-pill{display:flex;align-items:center;gap:1px;background:#14141699;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:2px;height:28px}.layout-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;cursor:pointer;border-radius:4px;color:#6a6d7a;transition:all .2s ease}.layout-btn:hover{background:#ffffff0d;color:#fff}.layout-btn.active{background:#e0e3eb;color:#000}.layout-btn.active .layout-square,.layout-btn.active .layout-square.small{background:#000}.layout-square{width:10px;height:10px;background:currentColor;border-radius:1px}.layout-square.small{background:currentColor;border-radius:.5px}.layout-divider{width:1px;height:14px;background:#ffffff1a;margin:0 2px}.layout-btn.add-chart{color:#26a69a}.layout-btn.add-chart:hover{background:#26a69a1a}.chart-widget-symbol{position:relative}.symbol-btn,.tf-dropdown-btn,.drawing-tools-toggle{display:flex;align-items:center;gap:8px;padding:0 8px;height:34px;background:transparent;border:none;border-radius:4px;color:#b2b5be;font-size:14px;font-weight:600;cursor:pointer;transition:color .1s ease,background .1s ease}.symbol-btn:hover,.tf-dropdown-btn:hover,.drawing-tools-toggle:hover{background:#2a2e39;color:#e0e3eb}.symbol-btn.active,.tf-dropdown-btn.active,.drawing-tools-toggle.active{background:transparent;color:#2962ff}.config-symbol-icon{width:20px;height:20px;border-radius:50%;object-fit:contain}.symbol-text{color:#fff;font-weight:700}.connection-dot{width:6px;height:6px;border-radius:50%;background:#ff5252;margin-left:2px;opacity:.8}.connection-dot.connected{background:#26a69a}.dropdown-arrow{fill:currentColor;opacity:.5;margin-left:2px;font-size:10px}.tf-icon,.drawing-icon{width:16px;height:16px;stroke-width:1.5px;opacity:.8}.symbol-dropdown-menu{position:fixed;top:56px;left:12px;margin-top:0;background:#0a0a0a66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:10px;box-shadow:0 16px 40px #000000b3;z-index:9999;min-width:260px;max-height:450px;overflow-y:auto;overflow-x:hidden;animation:fadeIn .15s ease-out}.tf-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;margin-top:0;background:#0f131966;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 12px 32px #0009;z-index:1000;min-width:240px;max-height:400px;overflow-y:auto;overflow-x:hidden;animation:fadeIn .15s ease-out}.symbol-dropdown-menu::-webkit-scrollbar,.tf-dropdown-menu::-webkit-scrollbar{width:4px}.symbol-dropdown-menu::-webkit-scrollbar-thumb,.tf-dropdown-menu::-webkit-scrollbar-thumb{background:#434651;border-radius:2px}.symbol-category-tabs{display:flex;gap:0;padding:4px;background:transparent;border-bottom:1px solid #2a2e39}.category-tab{flex:1;padding:8px 0;background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#787b86}.category-tab:hover{color:#b2b5be;background:transparent}.category-tab.active{background:transparent;border-bottom-color:#fff;color:#fff;box-shadow:none}.category-icon{font-size:11px;font-weight:600;letter-spacing:.5px;color:inherit}.symbol-category-name{padding:8px 12px;font-size:11px;font-weight:600;color:#787b86;background:#ffffff08}.symbol-list{max-height:300px;background:transparent}.symbol-option{display:flex;align-items:center;gap:12px;padding:8px 14px;color:#d1d4dc;cursor:pointer;font-size:13px;font-weight:500;transition:background .1s;border:none}.symbol-option:hover{background:#2a2e39}.symbol-option.active{background:#ffffff1a;border-left:none;color:#fff}.symbol-icon{width:24px;height:24px;min-width:24px;border-radius:50%;object-fit:contain;background:transparent;padding:0}.symbol-name{flex:1;font-weight:400}.symbol-ticker{font-size:11px;color:#787b86;font-family:inherit;background:transparent;padding:0;border-radius:0}.chart-widget-timeframe{position:relative}.tf-dropdown-btn{min-width:60px;justify-content:center;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.tf-dropdown-btn:hover{background:#ffffff0d;border-color:#444}.tf-dropdown-btn .tf-value{color:#fff}.tf-dropdown-btn .dropdown-arrow{font-size:8px;color:#666}.tf-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;padding:4px;z-index:1000;min-width:60px}.tf-option{padding:6px 12px;border-radius:4px;color:#888;font-size:12px;cursor:pointer;transition:all .15s ease;text-align:center}.tf-option:hover{background:#ffffff0d;color:#fff}.tf-option.active{background:#2962ff;color:#fff}.chart-widget-spacer{flex:1}.chart-layout-selector{display:flex;align-items:center;gap:2px;background:#0a0a0a;padding:2px;border-radius:4px;border:1px solid #1a1a1a;margin-right:8px;flex-shrink:0}.chart-layout-selector .layout-btn{display:flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 6px;background:transparent;border:none;border-radius:3px;color:#666;font-size:10px;cursor:pointer;transition:all .15s ease}.chart-layout-selector .layout-btn:hover{color:#999;background:#ffffff0d}.chart-layout-selector .layout-btn.active{background:#e0e3eb;color:#000}.chart-layout-selector .layout-btn.add-btn{color:#26a69a;font-size:14px;font-weight:700}.chart-layout-selector .layout-btn.add-btn:hover{background:#26a69a33}.chart-layout-selector .layout-btn.add-btn.disabled,.chart-layout-selector .layout-btn.add-btn:disabled{color:#444;cursor:not-allowed;opacity:.5}.chart-layout-selector .layout-btn.add-btn.disabled:hover,.chart-layout-selector .layout-btn.add-btn:disabled:hover{background:transparent}@media(max-width:768px){.chart-layout-selector{display:none!important}}.chart-reset-btn{display:flex;align-items:center;justify-content:center;padding:4px 8px;background:transparent;border:none;border-radius:4px;color:#888;font-size:10px;cursor:pointer;transition:all .15s ease;margin-right:4px;flex-shrink:0}.chart-reset-btn:hover{background:#2962ff26;border-color:#2962ff;color:#2962ff}.chart-reset-btn:disabled{opacity:.4;cursor:not-allowed}.chart-close-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:#666;font-size:12px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.chart-close-btn:hover{background:#ff525233;color:#ff5252}.chart-widget-body{flex:1;min-height:0;overflow:hidden;position:relative}.chart-watermark{position:absolute;bottom:40px;left:12px;width:32px;height:32px;opacity:.3;pointer-events:none;z-index:10}.chart-indicator-dropdown{position:relative}.indicator-toggle-btn{padding:4px 10px;background:transparent;border:1px solid #2a2a2a;border-radius:4px;color:#888;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.indicator-toggle-btn:hover{color:#bbb;background:#ffffff0d;border-color:#444}.indicator-toggle-btn.has-active{color:#26a69a;border-color:#26a69a66;background:#26a69a1a}.indicator-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px;box-shadow:0 8px 24px #000c;z-index:1000;min-width:180px;padding:8px 0;animation:fadeIn .15s ease}.indicator-section{padding:4px 0}.indicator-section:not(:last-child){border-bottom:1px solid #1a1a1a;margin-bottom:4px}.indicator-section-title{padding:4px 12px;color:#555;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.indicator-option{display:flex;align-items:center;gap:8px;padding:8px 12px;color:#d1d4dc;cursor:pointer;font-size:12px;transition:background .15s ease}.indicator-option:hover{background:#2962ff1a}.indicator-option.sub-option{padding-left:28px;font-size:11px;color:#999}.indicator-option input[type=checkbox]{width:14px;height:14px;accent-color:#26a69a;cursor:pointer}.footprint-type-btn{margin-left:28px;margin-bottom:4px;padding:3px 8px;background:#26a69a26;border:1px solid rgba(38,166,154,.3);border-radius:4px;color:#26a69a;font-size:10px;cursor:pointer;transition:all .15s ease}.footprint-type-btn:hover{background:#26a69a40}.chart-drawing-tools{position:relative}.drawing-tools-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;background:transparent;border:1px solid #2a2a2a;border-radius:6px;color:#999;font-size:12px;cursor:pointer;transition:all .2s ease}.drawing-tools-btn:hover{background:#ffffff0d;border-color:#444;color:#fff}.drawing-tools-btn.active{background:#26a69a26;border-color:#26a69a80;color:#26a69a}.drawing-tools-btn svg{width:14px;height:14px}.drawing-tools-menu{position:absolute;top:100%;left:0;margin-top:4px;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px;box-shadow:0 8px 24px #000c;z-index:1000;min-width:180px;max-height:70vh;overflow-y:auto;animation:fadeIn .15s ease}.drawing-tools-menu::-webkit-scrollbar{width:6px}.drawing-tools-menu::-webkit-scrollbar-track{background:#0a0a0a;border-radius:3px}.drawing-tools-menu::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.drawing-tools-menu::-webkit-scrollbar-thumb:hover{background:#444}.drawing-tools-section{padding:8px 0}.drawing-tools-title{padding:4px 12px 8px;color:#555;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.drawing-tool-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;color:#d1d4dc;cursor:pointer;font-size:12px;text-align:left;transition:background .15s ease}.drawing-tool-option:hover{background:#2962ff1a}.drawing-tool-option.active{background:#26a69a26;color:#26a69a}.drawing-tool-option svg{width:16px;height:16px;flex-shrink:0}.drawing-tools-divider{height:1px;background:#1a1a1a;margin:8px 0}.drawing-tool-option.cancel{color:#888}.drawing-tool-option.cancel:hover{background:#ffffff0d}.drawing-tool-option.delete-all{color:#ff5252}.symbol-group{border-bottom:1px solid #1a1a1a;padding-bottom:4px;margin-bottom:4px}.symbol-group:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.symbol-group-title{padding:6px 16px 4px;color:#555;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tool-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;font-size:14px;margin-right:4px}.tool-icon.long{color:#4caf50}.tool-icon.short{color:#ff5252}.pinned-coins-row{display:flex;align-items:center;gap:6px;padding:0 8px;margin-left:4px}.pinned-coin-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#282a32e6;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .15s ease;padding:0;overflow:hidden}.pinned-coin-icon:hover{background:#3c3e46e6;border-color:#ffffff26;transform:scale(1.05)}.pinned-coin-icon.active{border-color:#2962ff;box-shadow:0 0 0 2px #2962ff4d}.pinned-coin-icon img{width:18px;height:18px;border-radius:50%;object-fit:cover}.pinned-coin-fallback{font-size:9px;font-weight:600;color:#888;text-transform:uppercase}.symbol-pin-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:auto;padding:0;background:transparent;border:none;border-radius:4px;color:#555;cursor:pointer;transition:all .15s ease;flex-shrink:0}.symbol-pin-btn:hover{background:#ffffff1a;color:#888}.symbol-pin-btn.pinned{color:#26a69a}.symbol-pin-btn.pinned:hover{background:#26a69a26;color:#26a69a}.symbol-pin-btn svg{width:14px;height:14px}.drawing-tools-side-panel{position:absolute;top:56px;bottom:80px;left:0;width:44px;background:#0f0f0fb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-left:none;border-radius:0 10px 10px 0;display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:8px;z-index:50;transition:all .3s ease;box-shadow:4px 0 15px #0000004d;overflow:hidden}.side-panel-scrollable-content{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;overflow-y:auto;overflow-x:hidden;padding-bottom:10px}.side-panel-scrollable-content::-webkit-scrollbar{width:4px}.side-panel-scrollable-content::-webkit-scrollbar-track{background:transparent}.side-panel-scrollable-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.side-panel-scrollable-content::-webkit-scrollbar-thumb:hover{background:#fff3}.side-panel-header{display:none}.side-panel-section{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.side-panel-title{font-size:8px;color:#444;text-transform:uppercase;font-weight:700;margin-bottom:2px;display:none}.side-panel-tools{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.side-panel-tool{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;border-radius:6px;color:#b2b5be;cursor:pointer;transition:all .2s ease;font-size:16px}.side-panel-tool:hover{background:#ffffff14;color:#fff;transform:scale(1.05)}.side-panel-tool.active{background:#2962ff33;color:#2962ff}.side-panel-tool.long:not(.active){color:#26a69a}.side-panel-tool.short:not(.active){color:#ff5252}.side-panel-divider{width:20px;height:1px;background:#ffffff1a;margin:4px 0}.side-panel-actions{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:auto;padding-bottom:4px}.side-panel-action{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;border-radius:6px;color:#787b86;cursor:pointer;transition:all .2s ease}.side-panel-action:hover{background:#ffffff14;color:#fff}.side-panel-action.delete:hover{color:#ff5252;background:#ff525226}.side-panel-action svg{width:16px;height:16px}.chart-container-wrapper{flex:1;height:100%;position:relative;min-width:0}.side-panel-toggle{display:flex;align-items:center;gap:12px;cursor:pointer}.side-panel-toggle input{margin:0;accent-color:#26a69a}.mobile-drawing-settings-btn{width:48px;height:48px;background:#000000d9;border:2px solid #4CAF50;border-radius:50%;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000080;animation:fadeInBounce .3s ease}.mobile-drawing-settings-btn:active{transform:translate(-50%) scale(.9)}@keyframes fadeInBounce{0%{opacity:0;transform:translate(-50%) scale(.5)}70%{transform:translate(-50%) scale(1.1)}to{opacity:1;transform:translate(-50%) scale(1)}}.mobile-toolbar-overlay{position:absolute;inset:0;z-index:99;background:transparent}.draggable-widget{position:absolute;background:#000000e6;border-radius:8px;box-shadow:0 8px 32px #000c;z-index:10001;overflow:hidden;transition:box-shadow .2s ease}.draggable-widget.dragging{box-shadow:0 16px 48px #000000b3;opacity:.9;cursor:grabbing}.draggable-widget.docked{position:relative;box-shadow:none;border-radius:0}.draggable-widget.docked-left{border-right:1px solid #1a1a1a}.draggable-widget.docked-right{border-left:1px solid #1a1a1a}.draggable-widget.docked-center{flex:1;min-width:0;min-height:0}.widget-drag-handle{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:#0a0a0a;cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid #1a1a1a}.widget-drag-handle:active{cursor:grabbing}.widget-title{font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.widget-controls{display:flex;align-items:center;gap:4px}.widget-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:12px;transition:all .15s ease}.widget-btn:hover{background:#ffffff1a;color:#d1d4dc}.widget-resize-handle{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize;opacity:.5}.widget-resize-handle:hover{opacity:1}.widget-resize-handle:before{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid #666;border-bottom:2px solid #666}.widget-resize-handle-right{position:absolute;top:0;right:-4px;width:8px;height:100%;cursor:ew-resize;z-index:10}.widget-resize-handle-right:hover{background:#2962ff4d}.widget-resize-handle-right:before{content:"";position:absolute;right:3px;top:50%;transform:translateY(-50%);width:2px;height:40px;background:#444;border-radius:1px}.widget-resize-handle-right:hover:before{background:#2962ff}.widget-resize-handle-left{position:absolute;top:0;left:-4px;width:8px;height:100%;cursor:ew-resize;z-index:10}.widget-resize-handle-left:hover{background:#2962ff4d}.widget-resize-handle-left:before{content:"";position:absolute;left:3px;top:50%;transform:translateY(-50%);width:2px;height:40px;background:#444;border-radius:1px}.widget-resize-handle-left:hover:before{background:#2962ff}.dock-zones{position:fixed;inset:0;pointer-events:none;z-index:99}.dock-zones.active{pointer-events:auto}.dock-zone{position:absolute;display:flex;align-items:center;justify-content:center;background:#2962ff1a;border:2px dashed rgba(41,98,255,.3);opacity:0;transition:all .2s ease}.dock-zones.active .dock-zone{opacity:1}.dock-zone.left{left:0;top:60px;bottom:0;width:80px}.dock-zone.right{right:0;top:60px;bottom:0;width:80px}.dock-zone.center{left:50%;top:50%;transform:translate(-50%,-50%);width:200px;height:150px;border-radius:12px}.dock-zone:hover,.dock-zone.highlight{background:#2962ff40;border-color:#2962ff99}.dock-zone-icon{font-size:24px;color:#2962ff;opacity:.7}.app-layout{display:flex;height:calc(100vh - 60px);width:100%}.app-layout .docked-left-area{flex-shrink:0}.app-layout .main-chart-area{flex:1;min-width:0;overflow:hidden}.app-layout .docked-right-area{flex-shrink:0}.multi-chart-panel{position:relative;width:100%;height:100%;background:#000;overflow:hidden}.charts-grid{display:grid;width:100%;height:100%;gap:4px;background:#1a1a1a}.chart-cell{background:#000;overflow:hidden;min-width:0;min-height:0}.grid-divider{position:absolute;z-index:100;background:transparent;transition:background .15s ease}.grid-divider:hover,.grid-divider:active{background:#2962ff80}.grid-divider-col{top:0;bottom:0;width:8px;margin-left:-4px;cursor:col-resize}.grid-divider-row{left:0;right:0;height:8px;margin-top:-4px;cursor:row-resize}.add-chart-btn{position:absolute;top:8px;right:8px;z-index:50;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#2962ff33;border:1px solid #2962ff;border-radius:6px;color:#2962ff;font-size:20px;font-weight:300;cursor:pointer;transition:all .2s ease}.add-chart-btn:hover{background:#2962ff;color:#fff}.layout-selector{position:absolute;top:8px;right:48px;z-index:50;display:flex;gap:4px;background:#0a0a0a;padding:4px;border-radius:6px;border:1px solid #1a1a1a}.layout-btn{display:flex;align-items:center;justify-content:center;width:28px;height:24px;background:transparent;border:none;border-radius:4px;color:#666;font-size:12px;cursor:pointer;transition:all .15s ease}.layout-btn:hover{background:#ffffff0d;color:#999}.layout-btn.active{background:#2962ff;color:#fff}.orderbook-widget{display:flex;flex-direction:column;width:100%;height:100%;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;overflow:hidden}.orderbook-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0a0a0a;border-bottom:1px solid #1a1a1a;gap:8px}.orderbook-title{font-weight:600;color:#d1d4dc;font-size:13px}.ob-symbol-selector{position:relative}.ob-symbol-btn{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#111;border:1px solid #222;border-radius:4px;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.ob-symbol-btn:hover{background:#1a1a1a;border-color:#333}.ob-symbol-btn .arrow{font-size:8px;color:#666}.ob-symbol-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#111;border:1px solid #333;border-radius:4px;z-index:200;min-width:120px;box-shadow:0 4px 12px #00000080}.ob-symbol-option{padding:8px 12px;color:#aaa;cursor:pointer;font-size:11px}.ob-symbol-option:hover{background:#1a1a1a;color:#fff}.ob-symbol-option.active{color:#2962ff;background:#2962ff1a}.pg-selector{position:relative;display:flex;align-items:center;gap:4px}.pg-button{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:4px;color:#888;font-size:12px;cursor:pointer;transition:all .15s ease}.pg-button:hover{background:#1a1a1a;border-color:#2a2a2a}.pg-label{color:#666;font-size:10px;text-transform:uppercase}.pg-value{color:#d1d4dc;font-weight:500}.pg-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:6px;box-shadow:0 8px 20px #000c;z-index:1000;min-width:100px;overflow:hidden;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pg-option{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;color:#d1d4dc;cursor:pointer;transition:background .1s ease}.pg-option:hover{background:#2962ff26}.pg-option.active{background:#2962ff1a}.pg-option .checkmark{color:#2962ff;font-size:14px}.orderbook-controls{display:flex;align-items:center;gap:8px}.control-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid #1a1a1a;border-radius:4px;color:#888;cursor:pointer;transition:all .15s ease}.control-btn:hover{background:#1a1a1a;color:#d1d4dc}.control-btn.active{background:#2962ff26;border-color:#2962ff;color:#2962ff}.orderbook-columns{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;padding:6px 8px;background:#050505;border-bottom:1px solid #1a1a1a;color:#666;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.col-header{text-align:right;padding:0 4px}.col-header:first-child{text-align:left}.orderbook-body{display:flex;flex-direction:column;flex:1;overflow:hidden}.orderbook-asks,.orderbook-bids{flex:1;overflow-y:auto;overflow-x:hidden}.orderbook-asks{display:flex;flex-direction:column-reverse}.price-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;padding:2px 8px;position:relative;cursor:default;transition:background .1s ease}.price-row:hover{background:#ffffff08}.depth-bar{position:absolute;top:0;right:0;height:100%;opacity:.2;pointer-events:none}.price-row.ask .depth-bar{background:linear-gradient(90deg,transparent 0%,#9D00FF 100%)}.price-row.bid .depth-bar{background:linear-gradient(90deg,transparent 0%,#00FF00 100%)}.size-bar{position:absolute;top:0;right:0;height:100%;opacity:.5;pointer-events:none}.price-row.ask .size-bar{background:#9d00ff}.price-row.bid .size-bar{background:#0f0}.price-cell{position:relative;z-index:1;text-align:right;padding:2px 4px;font-family:Monaco,Menlo,monospace;font-size:11px}.price-cell:first-child{text-align:left}.price-col{font-weight:600}.price-row.ask .price-col{color:#9d00ff}.price-row.bid .price-col{color:#0f0}.delta-col{color:#888;font-size:10px}.delta-col.bullish{color:#0f0}.delta-col.bearish{color:#9d00ff}.size-col{color:#d1d4dc}.sum-col{color:#666;font-size:10px}.mid-price-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:linear-gradient(90deg,#2962ff1a,#00bcd41a);border-top:1px solid #363a45;border-bottom:1px solid #363a45}.mid-price-icon{color:#00bcd4;font-size:14px}.mid-price-value{font-size:16px;font-weight:700;color:#d1d4dc;font-family:Monaco,Menlo,monospace}.mid-price-change{font-size:11px;padding:2px 6px;border-radius:3px}.mid-price-change.positive{color:#0f0;background:#00ff0026}.mid-price-change.negative{color:#9d00ff;background:#9d00ff26}.orderbook-loading{display:flex;align-items:center;justify-content:center;flex:1;color:#666}.orderbook-loading .spinner{width:24px;height:24px;border:2px solid #363a45;border-top-color:#2962ff;border-radius:50%;animation:spin 1s linear infinite}.orderbook-asks::-webkit-scrollbar,.orderbook-bids::-webkit-scrollbar{width:4px}.orderbook-asks::-webkit-scrollbar-track,.orderbook-bids::-webkit-scrollbar-track{background:transparent}.orderbook-asks::-webkit-scrollbar-thumb,.orderbook-bids::-webkit-scrollbar-thumb{background:#363a45;border-radius:2px}.orderbook-asks::-webkit-scrollbar-thumb:hover,.orderbook-bids::-webkit-scrollbar-thumb:hover{background:#4a4f5c}.dom-widget{--dom-bids-color: #00FF00;--dom-asks-color: #9D00FF;--dom-buys-color: #00FF00;--dom-sells-color: #9D00FF;--dom-delta-positive: #4caf50;--dom-delta-negative: #f44336;--dom-price-above: #00BCD4;--dom-price-below: #FF6B6B;display:flex;flex-direction:column;width:100%;height:100%;background:#000;font-family:SF Mono,Consolas,monospace;font-size:11px;overflow:hidden;min-width:200px}.dom-header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#0a0a0a;border-bottom:1px solid #1a1a1a;flex-wrap:wrap;gap:6px}.dom-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1;min-width:0}.dom-symbol-selector{position:relative;flex-shrink:0}.dom-symbol-btn{display:flex;align-items:center;gap:4px;padding:3px 8px;background:#111;border:1px solid #222;border-radius:4px;color:#fff;font-size:11px;font-weight:600;cursor:pointer}.dom-symbol-btn:hover{background:#1a1a1a;border-color:#333}.dom-symbol-btn .arrow{font-size:8px;color:#666}.dom-symbol-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#111;border:1px solid #333;border-radius:4px;z-index:200;min-width:120px;box-shadow:0 4px 12px #00000080}.symbol-option{padding:8px 12px;color:#aaa;cursor:pointer;font-size:11px}.symbol-option:hover{background:#1a1a1a;color:#fff}.symbol-option.active{color:#2962ff;background:#2962ff1a}.dom-label{font-weight:600;color:#fff;font-size:11px;white-space:nowrap}.dom-spread{color:#666;font-size:9px;white-space:nowrap}.dom-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.tick-selector{position:relative}.tick-button{padding:3px 6px;background:#111;border:1px solid #222;border-radius:3px;color:#888;font-size:10px;cursor:pointer}.tick-button:hover{background:#1a1a1a}.tick-dropdown{position:absolute;top:100%;right:0;margin-top:2px;background:#111;border:1px solid #222;border-radius:4px;z-index:100;min-width:60px}.tick-option{padding:6px 10px;color:#aaa;cursor:pointer;text-align:right}.tick-option:hover{background:#1a1a1a}.tick-option.active{color:#2962ff}.dom-clear-btn{width:22px;height:22px;background:transparent;border:1px solid #222;border-radius:3px;color:#666;cursor:pointer;font-size:11px;flex-shrink:0}.dom-clear-btn:hover{background:#1a1a1a;color:#aaa}.dom-center-btn{width:22px;height:22px;background:transparent;border:1px solid #222;border-radius:3px;color:#666;cursor:pointer;font-size:12px;flex-shrink:0}.dom-center-btn:hover{background:#1a1a1a;color:#aaa}.dom-center-btn.active{background:#ffc10726;border-color:#ffc107;color:#ffc107}.dom-columns{display:grid;grid-template-columns:1fr 70px 1fr 1fr 1fr 55px;padding:4px 6px;background:#080808;border-bottom:1px solid #1a1a1a;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dom-col{text-align:center;color:#444}.dom-col.bids-col{color:var(--dom-bids-color)}.dom-col.price-col{color:#666}.dom-col.asks-col{color:var(--dom-asks-color)}.dom-col.buys-col{color:var(--dom-buys-color)}.dom-col.sells-col{color:var(--dom-sells-color)}.dom-col.delta-col{color:#888}.dom-body{flex:1;overflow-y:auto;overflow-x:hidden}.dom-row{display:grid;grid-template-columns:1fr 70px 1fr 1fr 1fr 55px;border-bottom:1px solid #0a0a0a}.dom-row:hover{background:#ffffff05}.dom-row.current{background:#ffc1071a;border-top:1px solid rgba(255,193,7,.4);border-bottom:1px solid rgba(255,193,7,.4)}.dom-cell{position:relative;display:flex;align-items:center;justify-content:flex-end;padding:2px 6px;height:18px;overflow:hidden}.dom-cell.price-cell{justify-content:center;font-weight:600;background:#050505}.dom-cell.price-cell.above{color:var(--dom-price-above)}.dom-cell.price-cell.below{color:var(--dom-price-below)}.dom-cell.bids-cell{justify-content:flex-start;padding-left:4px}.bar{position:absolute;top:1px;bottom:1px;border-radius:1px}.bids-cell .bar{left:0;background:linear-gradient(to right,color-mix(in srgb,var(--dom-bids-color) 60%,transparent),color-mix(in srgb,var(--dom-bids-color) 10%,transparent))}.asks-cell .bar{left:0;background:linear-gradient(to right,color-mix(in srgb,var(--dom-asks-color) 60%,transparent),color-mix(in srgb,var(--dom-asks-color) 10%,transparent))}.buys-cell .bar{left:0;background:linear-gradient(to right,color-mix(in srgb,var(--dom-buys-color) 70%,transparent),color-mix(in srgb,var(--dom-buys-color) 15%,transparent))}.sells-cell .bar{left:0;background:linear-gradient(to right,color-mix(in srgb,var(--dom-sells-color) 70%,transparent),color-mix(in srgb,var(--dom-sells-color) 15%,transparent))}.dom-cell span{position:relative;z-index:1;color:#999}.bids-cell span{color:var(--dom-bids-color)}.asks-cell span{color:var(--dom-asks-color)}.buys-cell span{color:var(--dom-buys-color)}.sells-cell span{color:var(--dom-sells-color)}.delta-cell{font-weight:600}.delta-cell.positive{color:var(--dom-delta-positive)!important;background:color-mix(in srgb,var(--dom-delta-positive) 8%,transparent)}.delta-cell.negative{color:var(--dom-delta-negative)!important;background:color-mix(in srgb,var(--dom-delta-negative) 8%,transparent)}.dom-body::-webkit-scrollbar{width:5px}.dom-body::-webkit-scrollbar-track{background:#000}.dom-body::-webkit-scrollbar-thumb{background:#222;border-radius:2px}.dom-settings-btn{width:22px;height:22px;background:transparent;border:1px solid #222;border-radius:3px;color:#666;cursor:pointer;font-size:12px;flex-shrink:0}.dom-settings-btn:hover{background:#1a1a1a;color:#aaa}.dom-settings-btn.active{background:#2962ff26;border-color:#2962ff;color:#2962ff}.dom-settings-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.dom-settings-modal{background:#0d0d0d;border:1px solid #333;border-radius:8px;min-width:320px;box-shadow:0 8px 32px #00000080}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #222;font-weight:600;color:#fff;font-size:13px}.settings-close{background:none;border:none;color:#666;font-size:18px;cursor:pointer;padding:4px}.settings-close:hover{color:#fff}.settings-body{padding:16px;display:flex;flex-direction:column;gap:12px}.color-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.color-row label{color:#aaa;font-size:12px}.color-row input[type=color]{width:40px;height:28px;border:1px solid #333;border-radius:4px;background:#111;cursor:pointer;padding:2px}.color-row input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-row input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.settings-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;border-top:1px solid #222}.settings-actions{display:flex;gap:8px}.reset-colors-btn{padding:8px 16px;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#888;font-size:11px;cursor:pointer;transition:all .15s}.reset-colors-btn:hover{background:#222;color:#fff;border-color:#444}.cancel-btn{padding:8px 16px;background:transparent;border:1px solid #333;border-radius:4px;color:#ccc;font-size:11px;cursor:pointer;transition:all .15s}.cancel-btn:hover{border-color:#555}.save-btn{padding:8px 20px;background:#00bcd4;border:none;border-radius:4px;color:#fff;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s}.save-btn:hover{background:#00a5bb}.toolbar-widget{background:#0a0a0a;border-top:1px solid #1a1a1a;z-index:50;display:flex;flex-direction:column}.toolbar-widget.docked{position:relative;width:100%;flex-shrink:0}.toolbar-widget:not(.docked){position:absolute;border-radius:8px;border:1px solid #1a1a1a;box-shadow:0 8px 32px #000c;min-width:400px}.toolbar-widget.dragging{box-shadow:0 16px 48px #000000e6;opacity:.95}.toolbar-resize-handle{position:absolute;top:-6px;left:0;right:0;height:12px;cursor:ns-resize;z-index:100;display:flex;align-items:center;justify-content:center}.toolbar-resize-handle:hover,.toolbar-resize-handle:active{background:#2962ff33}.resize-bar{width:60px;height:4px;background:#2a2a2a;border-radius:2px;transition:background .15s ease}.toolbar-resize-handle:hover .resize-bar{background:#2962ff}.toolbar-header{display:flex;align-items:center;justify-content:center;height:100%;padding:0 80px;gap:8px;position:relative}.toolbar-drag-handle{position:absolute;left:8px;display:flex;align-items:center;gap:8px;padding:4px 8px;cursor:grab;-webkit-user-select:none;user-select:none;border-right:1px solid #1a1a1a;flex-shrink:0;background:#0a0a0a;z-index:1}.toolbar-drag-handle:active{cursor:grabbing}.drag-icon{color:#444;font-size:12px;letter-spacing:2px}.toolbar-title{font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.toolbar-content{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 0;flex-wrap:wrap;overflow:visible}.toolbar-content::-webkit-scrollbar{height:4px}.toolbar-content::-webkit-scrollbar-track{background:transparent}.toolbar-content::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}.toolbar-controls{position:absolute;right:8px;display:flex;align-items:center;gap:4px;flex-shrink:0;padding-left:8px;border-left:1px solid #1a1a1a;background:#0a0a0a;z-index:1}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:12px;transition:all .15s ease}.toolbar-btn:hover{background:#ffffff1a;color:#d1d4dc}.toolbar-dock-zone{position:fixed;left:0;right:0;bottom:0;height:0;pointer-events:none;z-index:49;transition:height .2s ease}.toolbar-dock-zone.active{height:60px;pointer-events:auto}.dock-zone-bottom{position:absolute;left:0;right:0;bottom:0;height:60px;display:flex;align-items:center;justify-content:center;background:#2962ff1a;border-top:2px dashed rgba(41,98,255,.3);opacity:0;transition:all .2s ease}.toolbar-dock-zone.active .dock-zone-bottom{opacity:1}.dock-zone-bottom.highlight{background:#2962ff40;border-color:#2962ff99}.dock-zone-text{font-size:12px;font-weight:600;color:#2962ff;opacity:.8}.toolbar-tool-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid #2a2a2a;border-radius:6px;color:#999;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.3px;white-space:nowrap;transition:all .2s ease}.toolbar-tool-btn.disabled-btn{opacity:.4;cursor:not-allowed;filter:grayscale(.8)}.toolbar-tool-btn:hover:not(.disabled-btn){background:#ffffff0d;border-color:#444;color:#fff}.toolbar-settings-btn{padding:8px 12px;background:#ffffff08;border-color:#333;color:#777;font-size:11px}.toolbar-settings-btn:hover{background:#ffffff14;color:#bbb}.toolbar-tool-btn.active{background:#2962ff26;border-color:#2962ff;color:#2962ff}.toolbar-tool-btn.active-green{background:#2ebd8526;border-color:#2ebd85;color:#2ebd85}.toolbar-tool-btn.active-pink{background:#ff408126;border-color:#ff4081;color:#ff4081}.toolbar-tool-btn.active-cyan{background:#00bcd426;border-color:#00bcd4;color:#00bcd4}.toolbar-tool-btn.active-purple{background:#9d00ff26;border-color:#9d00ff;color:#9d00ff}.toolbar-tool-btn.active-yellow{background:#facc1533;border-color:#facc15;color:#facc15}.toolbar-tool-btn.active-orange{background:#ff980026;border-color:#ff9800;color:#ff9800}.toolbar-tool-btn.active-red{background:#f8514933;border-color:#f85149;color:#f85149}.toolbar-tool-btn.active-blue{background:#ffffff1a;border-color:#e0e0e0;color:#e0e0e0}.toolbar-divider{width:1px;height:20px;background:#2a2a2a;margin:0 8px;flex-shrink:0}@media(max-width:768px){.toolbar-header{padding:0 8px}.toolbar-drag-handle,.toolbar-controls{display:none}.toolbar-content{padding:6px 4px;gap:4px;justify-content:flex-start;overflow-x:auto;overflow-y:visible;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.indicator-dropdown{position:static}.toolbar-tool-btn{padding:6px 10px;font-size:11px;flex-shrink:0}.toolbar-tool-btn.mobile-hide{display:none}.toolbar-divider{margin:0 4px;height:16px}.toolbar-settings-btn{padding:6px 8px;font-size:10px}}.liq-feed-widget{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#0d1117,#161b22);color:#e6edf3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border-radius:8px;overflow:hidden}.liq-feed-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#161b22e6;border-bottom:1px solid #30363d;flex-shrink:0}.liq-feed-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;color:#e6edf3}.connection-indicator{font-size:10px;color:#f85149;animation:pulse 2s infinite}.connection-indicator.connected{color:#3fb950;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.liq-feed-filters{display:flex;gap:6px}.liq-filter-select{background:#21262d;border:1px solid #30363d;border-radius:4px;color:#e6edf3;padding:4px 8px;font-size:11px;cursor:pointer;outline:none}.liq-filter-select:hover{border-color:#8b949e}.liq-filter-select:focus{border-color:#58a6ff}.liq-feed-table-header{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr;padding:8px 12px;background:#21262d99;border-bottom:1px solid #30363d;font-size:11px;font-weight:500;color:#8b949e;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.liq-feed-body{flex:1;overflow-y:auto;overflow-x:hidden}.liq-feed-body::-webkit-scrollbar{width:6px}.liq-feed-body::-webkit-scrollbar-track{background:#21262d}.liq-feed-body::-webkit-scrollbar-thumb{background:#484f58;border-radius:3px}.liq-feed-body::-webkit-scrollbar-thumb:hover{background:#6e7681}.liq-feed-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr;padding:8px 12px;font-size:12px;border-bottom:1px solid rgba(48,54,61,.5);transition:background-color .15s ease;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.liq-feed-row:hover{background:#388bfd1a}.liq-feed-row.long{background:linear-gradient(90deg,rgba(63,185,80,.15) 0%,transparent 40%)}.liq-feed-row.short{background:linear-gradient(90deg,rgba(248,81,73,.15) 0%,transparent 40%)}.liq-feed-row.long:hover{background:linear-gradient(90deg,#3fb95040,#388bfd1a 40%)}.liq-feed-row.short:hover{background:linear-gradient(90deg,#f8514940,#388bfd1a 40%)}.liq-col-symbol{display:flex;align-items:center;gap:6px;font-weight:500;color:#e6edf3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.liq-side-icon{font-size:10px;flex-shrink:0}.liq-side-icon.long{color:#3fb950}.liq-side-icon.short{color:#f85149}.liq-col-price{color:#8b949e;text-align:right;padding-right:8px}.liq-col-value{color:#e6edf3;font-weight:500;text-align:right;padding-right:8px}.liq-col-time{color:#6e7681;text-align:right;font-family:SF Mono,Monaco,monospace;font-size:11px}.liq-feed-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:100px;color:#6e7681;font-size:12px}@media(max-width:350px){.liq-feed-table-header,.liq-feed-row{grid-template-columns:1.5fr 1fr 1fr}.liq-col-time{display:none}}.bubble-settings-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.bubble-settings-modal{background:#000;border:1px solid #1a1a1a;border-radius:8px;width:400px;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #000c}.bubble-settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #1a1a1a}.bubble-settings-header h3{margin:0;font-size:16px;color:#fff}.bubble-settings-header .close-btn{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0;line-height:1}.bubble-settings-header .close-btn:hover{color:#fff}.bubble-settings-content{padding:20px;overflow-y:auto;flex:1}.setting-group{margin-bottom:16px}.setting-group label{display:block;color:#ccc;font-size:13px;margin-bottom:8px}.setting-group input[type=number],.setting-group select{width:100%;padding:8px 12px;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:4px;color:#fff;font-size:14px}.setting-group input[type=number]:focus,.setting-group select:focus{outline:none;border-color:#00bcd4}.setting-group input[type=range]{width:calc(100% - 50px);margin-right:10px;vertical-align:middle}.setting-value{display:inline-block;width:40px;text-align:right;color:#00bcd4;font-size:13px}.setting-hint{display:block;margin-top:4px;font-size:11px;color:#666}.checkbox-group{display:flex;gap:20px}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:0}.checkbox-group input[type=checkbox]{width:16px;height:16px;cursor:pointer}.bubble-settings-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #1a1a1a}.toggle-buttons{display:flex;gap:0;border-radius:4px;overflow:hidden;border:1px solid #1a1a1a}.toggle-btn{flex:1;padding:8px 16px;background:#0a0a0a;border:none;color:#888;cursor:pointer;font-size:13px;transition:all .2s}.toggle-btn:hover{background:#1a1a1a;color:#ccc}.toggle-btn.active{background:#00bcd4;color:#000;font-weight:600}.footprint-settings-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.footprint-settings-modal{background:#000;border:1px solid #1a1a1a;border-radius:8px;width:360px;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #000c}.footprint-settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #1a1a1a}.footprint-settings-header h3{margin:0;font-size:16px;color:#fff}.footprint-settings-header .close-btn{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0;line-height:1}.footprint-settings-header .close-btn:hover{color:#fff}.footprint-settings-content{padding:20px;overflow-y:auto;flex:1}.checkbox-group-vertical{display:flex;flex-direction:column;gap:16px}.toggle-label{display:flex;flex-direction:column;gap:4px;cursor:pointer;padding:12px;border-radius:6px;background:#0a0a0a;border:1px solid #1a1a1a;transition:all .2s}.toggle-label:hover{border-color:#2a2a2a;background:#0f0f0f}.toggle-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-text{display:flex;align-items:center;gap:10px;color:#fff;font-size:14px;font-weight:500}.toggle-text:before{content:"";display:inline-block;width:36px;height:20px;background:#2a2a2a;border-radius:10px;transition:all .2s;position:relative}.toggle-text:after{content:"";position:absolute;width:16px;height:16px;background:#666;border-radius:50%;transition:all .2s;margin-left:2px;margin-top:2px}.toggle-label input[type=checkbox]:checked+.toggle-text:before{background:#00bcd4}.toggle-label input[type=checkbox]:checked+.toggle-text:after{margin-left:18px;background:#fff}.toggle-hint{margin-left:46px;font-size:11px;color:#666}.footprint-settings-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #1a1a1a}.footer-right{display:flex;gap:10px}.reset-btn{background:none;border:1px solid #2a2a2a;color:#888;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px}.reset-btn:hover{border-color:#444;color:#ccc}.cancel-btn{background:#1a1a1a;border:none;color:#ccc;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px}.cancel-btn:hover{background:#2a2a2a}.save-btn{background:#00bcd4;border:none;color:#000;padding:8px 20px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600}.save-btn:hover{background:#00d4e8}.setting-divider{height:1px;background:#1a1a1a;margin:8px 0}.imbalance-options{padding:12px;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:6px;display:flex;flex-direction:column;gap:12px}.color-picker-row,.threshold-row{display:flex;justify-content:space-between;align-items:center}.option-label{color:#aaa;font-size:12px}.color-input{width:40px;height:28px;border:1px solid #333;border-radius:4px;cursor:pointer;background:transparent;padding:0}.color-input::-webkit-color-swatch-wrapper{padding:2px}.color-input::-webkit-color-swatch{border-radius:2px;border:none}.threshold-slider{width:120px;accent-color:#00bcd4}.replay-widget{position:fixed;background:#08090bd9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.08);border-radius:8px;display:flex;align-items:center;padding:0 12px;box-shadow:0 8px 32px #000c,inset 0 1px #ffffff0d;z-index:10000;-webkit-user-select:none;user-select:none;height:42px;box-sizing:border-box;white-space:nowrap;overflow:hidden}.replay-widget.dragging{cursor:grabbing;opacity:.98;background:#121318f2;box-shadow:0 20px 60px #000c}.replay-drag-handle{cursor:grab;display:flex;align-items:center;padding-right:12px;color:#444;transition:color .2s ease}.replay-drag-handle:hover{color:#888}.replay-status-dot{width:4px;height:4px;background:#555;border-radius:50%;margin-right:12px;transition:all .3s ease}.replay-status-dot.playing{background:#0f8;box-shadow:0 0 8px #0f89;animation:pro-pulse 1.5s infinite}.replay-divider{width:1px;height:16px;background:#ffffff14;margin:0 12px}.replay-controls{display:flex;align-items:center}.replay-btn{background:transparent;border:none;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;transition:all .15s ease}.replay-btn:hover{background:#ffffff0d;color:#fff}.replay-btn.stop{color:#ff525280}.replay-btn.stop:hover{color:#ff5252;background:#ff52521a}.replay-btn.trade{width:auto;padding:0 8px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.trade-icon-text{font-size:9px;font-weight:800;letter-spacing:.5px}.replay-btn.trade.active{background:#00ff881a;border-color:#00ff884d;color:#0f8}.replay-btn.trade.active:hover{background:#00ff8826}.replay-speed-area{display:flex;align-items:center;background:#ffffff08;padding:2px 6px;border-radius:4px;margin:0 4px;height:24px;border:1px solid rgba(255,255,255,.05)}.replay-speed-label{font-size:8px;color:#444;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-right:6px}.replay-speed-select{background:transparent;border:none;color:#fff;font-size:11px;font-family:JetBrains Mono,monospace;font-weight:700;cursor:pointer;outline:none;appearance:none;padding-right:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 24 24' fill='none' stroke='%23444' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center}.replay-info{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:80px;margin-right:8px}.replay-progress-text{font-size:13px;font-family:JetBrains Mono,monospace;font-weight:700;color:#fff;letter-spacing:-.2px}.replay-total-dimmed{color:#444;font-size:10px;font-weight:500}.replay-progress-bar-bg{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#ffffff0d;cursor:pointer;transition:height .2s ease}.replay-widget:hover .replay-progress-bar-bg{height:6px}.replay-widget.scrubbing .replay-progress-bar-bg{height:8px;background:#ffffff1a}.replay-progress-bar-fill{height:100%;background:#fff;box-shadow:0 0 10px #ffffff80;transition:width .1s linear;position:relative}.replay-progress-bar-thumb{position:absolute;right:-6px;top:50%;transform:translateY(-50%) scale(0);width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 0 10px #000c,0 0 5px #fffc;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);z-index:10}.replay-widget:hover .replay-progress-bar-thumb,.replay-widget.scrubbing .replay-progress-bar-thumb{transform:translateY(-50%) scale(1)}.replay-widget.scrubbing .replay-progress-bar-fill{transition:none;background:#0f8;box-shadow:0 0 12px #0f89}.replay-widget.scrubbing .replay-progress-bar-thumb{background:#0f8;box-shadow:0 0 15px #0f8c}@keyframes pro-pulse{0%{opacity:1;transform:scale(1);box-shadow:0 0 #0f86}70%{opacity:.6;transform:scale(1.1);box-shadow:0 0 0 6px #0f80}to{opacity:1;transform:scale(1);box-shadow:0 0 #0f80}}.replay-trading-widget{background:#08090bd9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.08);border-radius:8px;display:flex;flex-direction:column;padding:12px;box-shadow:0 8px 32px #000c,inset 0 1px #ffffff0d;-webkit-user-select:none;user-select:none;width:100%;height:100%;box-sizing:border-box}.replay-trading-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.replay-trading-title{font-size:10px;font-weight:800;color:#888;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:6px}.trading-status-dot{width:4px;height:4px;background:#0f8;border-radius:50%;box-shadow:0 0 8px #0f86}.replay-trading-close{background:transparent;border:none;color:#444;cursor:pointer;font-size:14px;transition:color .2s}.replay-trading-close:hover{color:#ff5252}.replay-account-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.metric-box{background:#ffffff08;padding:8px;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.metric-label{font-size:8px;color:#555;font-weight:700;text-transform:uppercase;display:block;margin-bottom:2px}.metric-value{font-size:13px;font-family:JetBrains Mono,monospace;font-weight:700;color:#fff}.metric-value.positive{color:#0f8}.metric-value.negative{color:#ff5252}.replay-order-entry{display:flex;flex-direction:column;gap:12px}.input-group{display:flex;flex-direction:column;gap:4px}.input-label-row{display:flex;justify-content:space-between;align-items:center}.input-field-container{position:relative;display:flex;align-items:center}.replay-input{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;padding:8px 10px;font-size:13px;font-family:JetBrains Mono,monospace;outline:none;transition:border-color .2s}.replay-input:focus{border-color:#fff3}.max-btn{position:absolute;right:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#888;font-size:8px;padding:2px 6px;border-radius:3px;cursor:pointer;text-transform:uppercase;font-weight:800}.max-btn:hover{background:#ffffff1a;color:#fff}.leverage-selector{display:flex;gap:4px;margin-top:4px}.leverage-btn{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#666;font-size:9px;padding:4px 0;border-radius:4px;cursor:pointer;font-weight:700;transition:all .2s}.leverage-btn:hover{background:#ffffff14;color:#aaa}.leverage-btn.active{background:#ffffff26;color:#fff;border-color:#ffffff4d}.order-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.order-btn{padding:10px;border-radius:6px;border:none;font-size:11px;font-weight:800;text-transform:uppercase;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:2px}.order-btn.long{background:#00ff881a;color:#0f8;border:1px solid rgba(0,255,136,.2)}.order-btn.long:hover{background:#0f83;box-shadow:0 0 15px #0f83}.order-btn.short{background:#ff52521a;color:#ff5252;border:1px solid rgba(255,82,82,.2)}.order-btn.short:hover{background:#ff525233;box-shadow:0 0 15px #ff525233}.btn-subtext{font-size:8px;opacity:.6;font-weight:400}.active-position-card{background:#00ff880d;border:1px solid rgba(0,255,136,.2);border-radius:8px;padding:12px;margin-top:12px;position:relative;overflow:hidden}.active-position-card.short{background:#ff52520d;border-color:#ff525233}.pos-header{display:flex;justify-content:space-between;margin-bottom:8px}.pos-side-tag{font-size:9px;font-weight:900;padding:2px 6px;border-radius:3px;text-transform:uppercase}.pos-side-tag.long{background:#0f8;color:#000}.pos-side-tag.short{background:#ff5252;color:#000}.pos-pnl-large{font-size:18px;font-family:JetBrains Mono,monospace;font-weight:800;margin-bottom:4px}.pos-pnl-percent{font-size:11px;font-weight:700;opacity:.8}.pos-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.pos-close-btn{margin-top:16px;width:100%;padding:8px;background:#fff;color:#000;border:none;border-radius:4px;font-size:10px;font-weight:800;text-transform:uppercase;cursor:pointer;transition:opacity .2s}.pos-close-btn:hover{opacity:.9}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background-color:#000;position:fixed;top:0;left:0;z-index:1000;font-family:Inter,-apple-system,sans-serif;overflow:hidden}.auth-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.auth-bg-blob{position:absolute;width:600px;height:600px;background:radial-gradient(circle,#ffffff0d,#fff0 70%);filter:blur(80px);border-radius:50%;animation:blobFloat 20s infinite alternate cubic-bezier(.45,0,.55,1)}.auth-bg-blob:nth-child(1){top:-100px;left:-100px;background:radial-gradient(circle,#ffffff14,#fff0 70%)}.auth-bg-blob:nth-child(2){bottom:-150px;right:-100px;background:radial-gradient(circle,#ffffff0d,#fff0 70%);animation-delay:-5s}.auth-bg-blob:nth-child(3){top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,#ffffff08,#fff0 70%);animation:blobPulse 15s infinite alternate ease-in-out}.auth-bg-grid{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle at center,black,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black,transparent 80%)}.auth-bg-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.1) 50%);background-size:100% 4px;z-index:1;pointer-events:none;opacity:.2}@keyframes blobFloat{0%{transform:translate(0) scale(1)}to{transform:translate(100px,50px) scale(1.1)}}@keyframes blobPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}to{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.auth-card{width:100%;max-width:440px;padding:48px;background:#0a0a0ab3;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:32px;box-shadow:0 30px 60px -12px #000c,inset 0 0 0 1px #ffffff0d;display:flex;flex-direction:column;gap:24px;animation:slideIn .6s cubic-bezier(.16,1,.3,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:8px}.auth-logo{width:48px;height:48px;margin-bottom:16px}.auth-title{font-size:42px;font-weight:900;margin-bottom:4px;letter-spacing:-1.5px;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(255,255,255,.1));text-transform:uppercase}.auth-bg-content{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:2}.auth-slogan{font-size:10px;font-weight:800;color:#fff6;letter-spacing:2px;text-transform:uppercase;text-align:left;max-width:400px;line-height:1.5;border-left:1px solid rgba(255,255,255,.1);padding-left:16px;transition:all .3s ease}.auth-version{font-size:9px;font-weight:700;color:#ffffff1a;letter-spacing:1px;font-family:JetBrains Mono,Fira Code,monospace;text-transform:uppercase;white-space:nowrap}@media(max-width:1024px){.auth-bg-content{bottom:16px;left:16px;right:16px}.auth-slogan{max-width:250px;font-size:9px;letter-spacing:1.5px}}@media(max-width:768px){.auth-bg-content{flex-direction:column;align-items:flex-start;gap:12px}.auth-slogan{border-left:2px solid rgba(255,255,255,.15);padding-left:12px}.auth-card{padding:32px 24px;width:90%}}.auth-subtitle{font-size:14px;color:#787b86}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:12px;font-weight:600;color:#787b86;text-transform:uppercase;letter-spacing:.5px}.auth-input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:16px;transition:all .2s ease}.auth-input::placeholder{color:#ffffff4d}.auth-input:focus{outline:none;border-color:#ffffff4d;background:#ffffff14}.auth-submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#fff,#e0e0e0);border:none;border-radius:12px;color:#000;font-size:15px;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);margin-top:8px;box-shadow:0 10px 20px -5px #ffffff1a}.auth-submit-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 30px -10px #ffffff26;background:#fff}.auth-submit-btn:active{transform:translateY(0)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-toggle{text-align:center;font-size:14px;color:#787b86}.auth-toggle-link{color:#fff;font-weight:600;cursor:pointer;margin-left:4px;transition:color .2s;opacity:.8}.auth-toggle-link:hover{color:#fff;opacity:1;text-decoration:underline}.auth-error{padding:12px;background:#ef53501a;border:1px solid rgba(239,83,80,.2);border-radius:8px;color:#ef5350;font-size:13px;text-align:center}.auth-success-message{padding:12px;background:#4caf501a;border:1px solid rgba(76,175,80,.2);border-radius:8px;color:#4caf50;font-size:13px;text-align:center}.loading-dots:after{content:"...";display:inline-block;width:0;animation:dots 1.5s infinite;text-align:left}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.profile-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;justify-content:flex-end}.profile-widget{width:100%;max-width:360px;height:100%;background:#0a0a0ae6;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-left:1px solid rgba(255,255,255,.08);box-shadow:-10px 0 50px #00000080;display:flex;flex-direction:column;animation:slideLeft .4s cubic-bezier(.16,1,.3,1)}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.profile-header{padding:32px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;gap:16px;position:relative}.profile-close-btn{position:absolute;top:20px;right:20px;background:transparent;border:none;color:#787b86;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s}.profile-close-btn:hover{background:#ffffff0d;color:#fff}.profile-avatar-container{position:relative;width:100px;height:100px}.profile-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #2962ff;padding:4px;background:#000}.profile-avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#2962ff,#00bcd4);display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800;color:#fff}.profile-info{text-align:center}.profile-name{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px}.profile-email{font-size:13px;color:#787b86}.profile-stats{display:flex;gap:32px;padding:24px;justify-content:center;border-bottom:1px solid rgba(255,255,255,.05)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-size:18px;font-weight:700;color:#fff}.stat-label{font-size:11px;color:#787b86;text-transform:uppercase;letter-spacing:1px}.profile-content{flex:1;padding:24px;display:flex;flex-direction:column;gap:24px}.profile-section-title{font-size:12px;font-weight:600;color:#787b86;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.profile-menu-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;color:#d1d4dc;font-size:14px;cursor:pointer;transition:all .2s;background:transparent;border:none;width:100%;text-align:left}.profile-menu-item:hover{background:#ffffff0d;color:#fff}.profile-menu-item.logout{color:#ef5350;margin-top:auto}.profile-menu-item.logout:hover{background:#ef53501a}.profile-menu-icon{width:18px;height:18px;opacity:.7}.notification-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;animation:fadeIn .2s ease-out}.notification-box{background:#141414d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;min-width:320px;max-width:450px;position:relative;box-shadow:0 24px 48px #00000080;text-align:center;animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}.notification-close{position:absolute;top:12px;right:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#666;cursor:pointer;border-radius:50%;transition:all .2s ease}.notification-close:hover{background:#ffffff1a;color:#fff}.notification-content{display:flex;flex-direction:column;align-items:center;gap:16px}.notification-icon{width:40px;height:40px;color:#ff9800}.notification-message{font-size:15px;line-height:1.5;color:#d1d4dc;font-weight:500}.notification-footer{margin-top:8px}.notification-btn{padding:8px 24px;background:#2962ff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.notification-btn:hover{background:#1e4bd1;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;touch-action:none;-webkit-overflow-scrolling:touch}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#000;color:#d1d4dc}.app{display:flex;flex-direction:column;width:100%;height:100%}.app-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#0a0a0a;border-bottom:1px solid #1a1a1a}.brand{display:flex;align-items:center;gap:10px}.header-logo{width:28px;height:28px;object-fit:contain}.brand-name{font-size:18px;font-weight:700;color:#fff}.app-header h1{font-size:18px;font-weight:600;background:linear-gradient(135deg,#2962ff,#00bcd4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-left{display:flex;align-items:center;gap:20px}.header-nav{display:flex;background-color:#000;padding:3px;border-radius:6px;border:1px solid #1a1a1a}.nav-btn{padding:6px 16px;background-color:transparent;color:#787b86;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.nav-btn:hover{color:#d1d4dc;background-color:#ffffff0d}.nav-btn.active{background:linear-gradient(135deg,#2962ff,#1e88e5);color:#fff}.market-selector{display:flex;background-color:#000;padding:3px;border-radius:4px;border:1px solid #1a1a1a}.market-btn{padding:4px 12px;background-color:transparent;color:#787b86;border:none;border-radius:3px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.market-btn:hover{color:#d1d4dc}.market-btn.active{background-color:#1a1a1a;color:#d1d4dc}.timeframe-selector{display:flex;gap:4px;background-color:#000;padding:4px;border-radius:6px}.timeframe-btn{padding:6px 14px;background-color:transparent;color:#787b86;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.timeframe-btn:hover{color:#d1d4dc;background-color:#ffffff0d}.timeframe-btn.active{background-color:#2962ff;color:#fff}.symbol-selector-wrapper{position:relative}.symbol-display{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#26a69a;padding:6px 12px;background-color:#26a69a1a;border-radius:4px;border:1px solid rgba(38,166,154,.3);cursor:pointer;-webkit-user-select:none;user-select:none}.symbol-display:hover{background-color:#26a69a33}.dropdown-arrow{font-size:10px;opacity:.7}.symbol-dropdown{position:absolute;top:100%;right:0;margin-top:5px;background-color:#0a0a0a;border:1px solid #1a1a1a;border-radius:4px;box-shadow:0 4px 12px #000c;z-index:100;min-width:140px;overflow:hidden}.symbol-option{padding:8px 16px;font-size:13px;color:#d1d4dc;cursor:pointer;transition:background-color .2s}.symbol-option:hover{background-color:#ffffff0d}.symbol-option.active{background-color:#26a69a26;color:#26a69a}.connection-status{font-size:11px;font-weight:500;padding:2px 8px;border-radius:10px}.connection-status.connected{color:#4caf50;background-color:#4caf5026}.connection-status.disconnected{color:#ff9800;background-color:#ff980026}.app-main{flex:1;overflow:hidden;position:relative}.app-layout{display:flex;width:100%;height:100%}.docked-left-area{flex-shrink:0;height:100%}.main-content-area{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.main-chart-area{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.docked-right-area{flex-shrink:0;height:100%}.main-content{display:flex;width:100%;height:100%}.chart-area{flex:1;min-width:0;position:relative}.loading-overlay,.error-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000;gap:16px}.loading-overlay p,.error-overlay p{color:#787b86;font-size:14px}.loading-spinner{width:40px;height:40px;border:3px solid #1a1a1a;border-top-color:#2962ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-overlay p{color:#ef5350}.reconnect-btn{padding:8px 20px;background-color:#2962ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:background-color .2s ease}.reconnect-btn:hover{background-color:#1e4bd1}@media(max-width:768px){.app-header{padding:6px 8px;flex-wrap:wrap;gap:6px}.brand-name{font-size:14px}.header-logo{width:22px;height:22px}.header-left{gap:8px;flex-wrap:wrap}.market-selector{display:none}.timeframe-selector{gap:2px;padding:2px}.timeframe-btn{padding:4px 8px;font-size:11px}.symbol-display{padding:4px 8px;font-size:12px}.docked-left-area,.docked-right-area{display:none}}