:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e0e0e0;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--candle-up-color: #f5f5dc;--candle-down-color: #ffb6c1;--candle-up-border-color: #f5f5dc;--candle-down-border-color: #ffb6c1;--candle-up-wick-color: #f5f5dc;--candle-down-wick-color: #ffb6c1;--alert-line-default-color: #ff6b6b;--alert-line-triggered-color: #00ff00;--alert-line-selected-color: #ffd700;--alert-line-hovered-color: #ffa500;--alert-label-text-color: #fff;--alert-label-bg-color: #000;--chart-background-color: #1e1e1e;--chart-text-color: #e0e0e0;--chart-grid-color: #2a2a2a;--chart-border-color: #333;--indicator-rectangle-fill: rgba(0, 120, 255, .2);--indicator-rectangle-border: #0078ff;--indicator-cycle-color-1: #2196F3;--indicator-cycle-color-2: #F44336;--indicator-cycle-color-3: #4CAF50;--smt-bullish-color: #58c958;--smt-bearish-color: #c93838;--smt-line-width: 2;--smt-line-width-30m: 1;--smt-line-style: solid;--smt-endpoint-color: #ffffff;--smt-endpoint-size: 3;--sequential-loading-bg: rgba(0, 0, 0, .8);--sequential-loading-text: #ffffff;--sequential-loading-spinner: #0078ff;--group-linked-bg-color: #6f6f63;--group-unlinked-bg-color: #333;--group-text-color: #fff;--countdown-market-closed-color: #ff9800;--countdown-market-closed-bg: rgba(255, 152, 0, .1)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#121212;color:#e0e0e0}#root{width:100%;height:100vh}.app{display:flex;flex-direction:column;height:100vh;padding:6px;gap:12px}.charts-grid{display:grid;gap:4px;flex:1;min-height:0;width:100%}.charts-grid{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.charts-grid.layout-2-horizontal{display:flex;flex-direction:row;gap:0}.charts-grid.layout-2-vertical{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.charts-grid.layout-3-horizontal{display:flex;flex-direction:row;gap:0;width:100%;height:100%}.charts-grid.layout-3-horizontal>div{flex:1;min-width:0;height:100%;width:100%}.charts-grid.layout-3-horizontal .chart-container{width:100%;height:100%}.chart-pane{min-width:0;min-height:0;display:flex;flex-direction:column;flex-shrink:0;height:100%}.chart-pane>.chart-container{flex:1;min-height:0;height:100%}.chart-divider{width:6px;background:#2a2a2a;cursor:col-resize;position:relative;flex-shrink:0;transition:background-color .2s ease}.chart-divider:hover{background:#3a3a3a}.chart-divider.dragging{background:#4a4a4a}.chart-divider:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:50px;background:linear-gradient(to bottom,transparent 0%,transparent 10%,#666 10%,#666 30%,transparent 30%,transparent 40%,#666 40%,#666 60%,transparent 60%,transparent 70%,#666 70%,#666 90%,transparent 90%,transparent 100%);opacity:.6;transition:opacity .2s ease;pointer-events:none}.chart-divider:hover:before{opacity:.9;background:linear-gradient(to bottom,transparent 0%,transparent 10%,#888 10%,#888 30%,transparent 30%,transparent 40%,#888 40%,#888 60%,transparent 60%,transparent 70%,#888 70%,#888 90%,transparent 90%,transparent 100%)}.chart-divider.dragging:before{opacity:1;background:linear-gradient(to bottom,transparent 0%,transparent 10%,#aaa 10%,#aaa 30%,transparent 30%,transparent 40%,#aaa 40%,#aaa 60%,transparent 60%,transparent 70%,#aaa 70%,#aaa 90%,transparent 90%,transparent 100%)}.chart-container{background:#1e1e1e;border:1px solid #333;border-radius:5px;padding:5px;display:flex;flex-direction:column;min-height:0;transition:all .2s ease}.chart-container.active{border-color:#4a4a4a;box-shadow:0 0 0 1px #4a4a4a4d}.chart-container:hover{border-color:#555}.chart-header{margin-bottom:5px;flex-shrink:0}.chart-controls{display:flex;gap:8px;align-items:center;justify-content:flex-start}.chart-info{display:flex;align-items:center;margin-left:auto}.active-indicator{color:#357538;font-size:12px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.symbol-selector{background:#2a2a2a;border:1px solid #444;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px}.timeframe-buttons{display:flex;gap:2px}.countdown{background:#2a2a2a;border:1px solid #444;color:#ccc;padding:4px 8px;border-radius:4px;font-size:11px;font-family:Arial,sans-serif,Courier New,monospace;min-width:60px;text-align:center;white-space:nowrap;transition:all .3s ease}.countdown.urgent{color:#ff9800;background:#ff980026;border-color:#ff9800;font-weight:700;animation:pulse-orange 1s infinite}.countdown.danger{color:#f44336;background:#f443361a;border-color:#f44336}.countdown.market-closed{color:var(--countdown-market-closed-color)!important;background:var(--countdown-market-closed-bg)!important;border-color:var(--countdown-market-closed-color)!important;font-weight:700!important;animation:none!important}@keyframes pulse-orange{0%{box-shadow:0 0 #ff980066}70%{box-shadow:0 0 0 6px #ff980000}to{box-shadow:0 0 #ff980000}}.zoom-reset-btn{background:#333;border:1px solid #555;color:#e0e0e0;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.zoom-reset-btn:hover{background:#444;border-color:#666;transform:scale(1.05)}.zoom-reset-btn:active{transform:scale(.95)}.alert-btn{background:#333;border:1px solid #555;color:#e0e0e0;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.alert-btn:hover{background:#444;border-color:#666;transform:scale(1.05)}.alert-btn:active{transform:scale(.95)}.rectangle-btn{background:#4e9775;border:1px solid #5aa67d;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease;margin-left:8px}.rectangle-btn:hover{background:#3d7a5f;border-color:#4e9775;transform:scale(1.05)}.rectangle-btn.active{background:#ff6b6b;border-color:#ff5252;animation:pulse 1s infinite}.rectangle-btn:active{transform:scale(.95)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.info-note{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#143541;border:1px solid #b4b7bd;border-radius:4px;font-size:14px;color:#a7b1bb}.info-icon{font-size:16px;color:#2196f3}.keyboard-shortcuts{margin-bottom:12px}.shortcut-hint{font-size:13px;color:#a7b1bb;font-style:italic;display:flex;align-items:center;gap:8px}.shortcut-icon{font-size:16px;color:#4caf50}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:0;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #444}.modal-header h3{margin:0;color:#e0e0e0;font-size:18px}.modal-close{background:none;border:none;color:#e0e0e0;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#ff6b6b}.alert-info{background:#333;padding:12px;border-radius:4px;margin-bottom:20px}.alert-info p{margin:4px 0;color:#e0e0e0;font-size:14px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#e0e0e0;font-weight:500}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:center;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s}.radio-option:hover{background:#333}.radio-option input[type=radio]{margin-right:12px;accent-color:#4caf50}.radio-option span{color:#e0e0e0;font-size:14px}.form-select,.form-input{width:100%;padding:8px 12px;background:#333;border:1px solid #555;border-radius:4px;color:#e0e0e0;font-size:14px}.form-select:focus,.form-input:focus{outline:none;border-color:#4caf50}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background:#4caf50;color:#fff}.btn-primary:hover{background:#45a049}.btn-secondary{background:#666;color:#e0e0e0}.btn-secondary:hover{background:#777}.alert-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.alert-panel{background:#2a2a2a;border:1px solid #444;border-radius:8px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column}.alert-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #444}.alert-panel-header h2{margin:0;color:#e0e0e0;font-size:20px}.keyboard-shortcuts{display:flex;align-items:center;margin:0 16px}.shortcut-hint{color:#999;font-size:12px;background:#333;padding:4px 8px;border-radius:4px;border:1px solid #555}.alert-panel-close{background:none;border:none;color:#e0e0e0;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.alert-panel-close:hover{color:#ff6b6b}.alert-panel-tabs{display:flex;border-bottom:1px solid #444}.tab-button{flex:1;padding:12px 20px;background:none;border:none;color:#999;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.tab-button:hover{color:#e0e0e0;background:#333}.tab-button.active{color:#4caf50;background:#333;border-bottom:2px solid #4caf50}.alert-panel-content{flex:1;overflow-y:auto;padding:20px}.alert-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#333;border-radius:6px;border:1px solid #444}.alert-item.triggered{background-color:#2a1f0f;border-color:#ff9800}.alert-item.triggered:hover{border-color:#ffb74d;box-shadow:0 4px 12px #ff980033}.alert-info{flex:1}.alert-symbol{font-weight:700;color:#4caf50;font-size:16px;margin-bottom:4px}.alert-price{color:#e0e0e0;font-size:18px;font-weight:500;margin-bottom:4px}.alert-timeframe{color:#999;font-size:12px;margin-bottom:4px}.alert-condition{color:#ccc;font-size:12px;margin-bottom:4px}.alert-note{color:#aaa;font-size:12px;font-style:italic;margin-top:4px}.alert-triggered-time{color:#ff9800;font-size:12px;margin-top:4px}.alert-actions{display:flex;gap:8px}.btn-toggle,.btn-delete{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:16px;transition:all .2s}.btn-toggle:hover{background:#444}.btn-delete:hover{background:#f44;color:#fff}.crosshair-price{color:#4caf50;font-size:12px;font-weight:500;background:#333;padding:2px 6px;border-radius:3px;border:1px solid #555}.alert-selected-indicator{color:gold;font-size:12px;font-weight:500;background:#333;padding:4px 8px;border-radius:4px;border:1px solid #ffd700;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.alert-context-menu{position:fixed;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:0;box-shadow:0 4px 20px #0000004d;border:1px solid #444;z-index:1000}.context-menu-content{background:#2a2a2a;border-radius:8px;overflow:hidden;min-width:180px}.context-menu-item{padding:12px 16px;color:#e0e0e0;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:background-color .2s;border-bottom:1px solid #333}.context-menu-item:last-child{border-bottom:none}.context-menu-item:hover{background:#444}.context-menu-item.delete{color:#ff6b6b}.context-menu-item.delete:hover{background:#f44;color:#fff}.chart-wrapper{flex:1;min-height:0;position:relative}.chart{width:100%;height:100%}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:#666;font-size:14px}.error{display:flex;align-items:center;justify-content:center;height:100%;color:#f44336;font-size:14px}.modal-overlay,.edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content,.edit-modal-content{background-color:#2a2a2a;border-radius:8px;padding:0;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:grab;-webkit-user-select:none;user-select:none}.modal-content.dragging,.edit-modal-content.dragging{cursor:grabbing}.modal-header,.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #444;cursor:grab;background-color:#333;border-radius:8px 8px 0 0}.modal-header h3,.edit-modal-header h3{margin:0;color:#fff;font-size:1.2em}.modal-close,.edit-close-btn{background:none;border:none;color:#999;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-form,.edit-modal-form{padding:20px}.form-group,.edit-form-group{margin-bottom:20px}.form-group label,.edit-form-group label{display:block;margin-bottom:8px;color:#fff;font-weight:500}.symbol-display{display:inline-block;padding:8px 12px;background:#444;border-radius:4px;color:#fff;font-weight:700}.form-group input[type=number],.form-group input[type=text]{width:100%;padding:10px;border:1px solid #555;border-radius:4px;background:#333;color:#fff;font-size:14px}.form-group input[type=number]{padding:8px 12px;background:#444;border:1px solid #666}.condition-buttons{display:flex;gap:8px}.condition-btn{flex:1;padding:12px 16px;border:2px solid #555;border-radius:6px;background:#333;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.condition-btn.active{background:#6f6f63}.condition-btn:hover:not(.active){background:#444;border-color:#666}.timeframe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.timeframe-btn{padding:3px 8px;border:1px solid #2e2d2d;border-radius:4px;background:#333;color:#fff;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;height:25px;display:flex;align-items:center;justify-content:center}.timeframe-btn.active{background:#5b5b56}.timeframe-btn:hover:not(.active){background:#444;border-color:#666}.modal-actions,.edit-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #444}.btn-cancel,.btn-save,.edit-btn-cancel,.edit-btn-save{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;color:#fff}.btn-cancel,.edit-btn-cancel{background:#555}.btn-save,.edit-btn-save{background:#6f6f63}.btn-cancel:hover,.edit-btn-cancel:hover{background:#666}.btn-save:hover,.edit-btn-save:hover{background:#7a7a6e}.floating-icon{position:fixed;background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 4px 20px #0000004d;overflow:hidden;font-size:14px;-webkit-user-select:none;user-select:none;transition:box-shadow .2s ease}.floating-icon.dragging{box-shadow:0 8px 30px #00000080;transform:rotate(1deg)}.floating-icon-container{display:flex;height:100%}.floating-icon-drag-handle{width:16px;background:#2a2a2a;border-right:1px solid #333;cursor:move;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;min-height:50px}.floating-icon-drag-handle:hover{background:#3a3a3a;width:18px}.floating-icon-drag-handle:active{background:#4a4a4a}.drag-handle-grip{display:flex;flex-direction:column;gap:3px;opacity:.4;transition:all .2s ease}.floating-icon-drag-handle:hover .drag-handle-grip{opacity:.8}.grip-line{height:3px;background:#aaa;border-radius:2px;transition:all .2s ease}.grip-line:nth-child(1){width:3px}.grip-line:nth-child(2){width:5px;margin-left:1px}.grip-line:nth-child(3){width:7px;margin-left:2px}.floating-icon-drag-handle:hover .grip-line{background:#fff}.floating-icon-button{width:50px;height:50px;background:#2a2a2a;border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:0}.floating-icon-button:hover{background:#3a3a3a;transform:scale(1.05)}.floating-icon-button.active{background:#4a7c59;border:1px solid #5a9c69}.floating-icon-button.active:hover{background:#5a9c69}.layout-selection-list{max-height:200px;overflow-y:auto;border:1px solid #333;border-radius:4px;background:#1a1a1a}.layout-selection-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;border-bottom:1px solid #2a2a2a;transition:all .2s ease}.layout-selection-item:last-child{border-bottom:none}.layout-selection-item:hover{background:#2a2a2a}.layout-selection-item.selected{background:#1e3a5f;border-color:#4a90e2}.layout-item-info{flex:1}.layout-name{font-weight:500;color:#fff;margin-bottom:4px}.layout-date{font-size:12px;color:#888}.layout-selection-check{color:#4a90e2;font-weight:700;font-size:16px}.layout-manager-modal{background-color:#1a1a1a;border-radius:16px;width:70%;max-width:500px;height:80vh;max-height:600px;box-shadow:0 20px 40px #0006;border:1px solid #333;overflow:hidden;display:flex;flex-direction:column;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:grab;-webkit-user-select:none;user-select:none}.layout-manager-modal-high{margin-bottom:1%}.layout-manager-header{padding:16px 20px;border-bottom:1px solid #333;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);display:flex;align-items:center;justify-content:space-between;cursor:grab;-webkit-user-select:none;user-select:none}.layout-manager-header h2{margin:0;color:#fff;font-size:1.3em;font-weight:600}.layout-manager-close{background:none;border:none;color:#999;font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.layout-manager-close:hover{background-color:#333;color:#fff}.layout-actions{display:flex;gap:12px;margin:16px 20px}.layout-manager-content{flex:1;overflow-y:auto;padding:16px}.layout-actions .btn{flex:1;padding:10px 16px;font-size:13px;border-radius:8px;border:1px solid #444;background:#333;color:#e0e0e0;cursor:pointer;transition:all .2s ease;font-weight:500}.layout-actions .btn:hover{background:#444;border-color:#555;transform:translateY(-1px)}.layout-actions .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.layouts-list{display:flex;flex-direction:column;gap:8px}.layouts-list h4{margin:0 0 16px;color:#fff;font-size:16px;font-weight:600}.layout-items{display:flex;flex-direction:column;gap:8px}.layout-item{display:flex;justify-content:space-between;align-items:center;padding:18px;background:#333;border-radius:6px;border:1px solid #444;transition:all .2s ease}.layout-item:hover{background:#444;border-color:#555;transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.layout-item:active{transform:translateY(0);box-shadow:0 1px 4px #0003}.layout-info{flex:1;min-width:0}.layout-name{color:#fff;font-weight:600;font-size:13px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout-timezone{color:#4caf50;font-size:11px;font-weight:500;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout-date{color:#888;font-size:11px}.layout-actions{display:flex;gap:5px}.btn-sm{padding:6px 8px;font-size:12px;min-width:32px}.btn-danger{background:#dc3545;border-color:#dc3545;color:#fff}.btn-danger:hover{background:#c82333;border-color:#bd2130}.layout-item.selected{background:#4a4a4a;border-color:#666;box-shadow:0 0 0 2px #007bff}.layout-selection-check{color:#007bff;font-weight:700;font-size:16px;margin-left:8px}.empty-state p{margin:0;font-size:14px;color:#999}.loading,.no-layouts{text-align:center;color:#888;padding:40px 20px;font-style:italic;font-size:14px}.error-message{background:#dc3545;color:#fff;padding:10px;border-radius:4px;margin-bottom:15px;font-size:13px}.alert-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent;z-index:1000;display:flex;align-items:center;justify-content:center}.alert-panel{background-color:#1a1a1a;border-radius:16px;width:70%;max-width:500px;height:80vh;max-height:600px;box-shadow:0 20px 40px #0006;border:1px solid #333;overflow:hidden;display:flex;flex-direction:column;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:grab;-webkit-user-select:none;user-select:none}.alert-panel-header{padding:16px 20px;border-bottom:1px solid #333;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);display:flex;align-items:center;justify-content:space-between;cursor:grab;-webkit-user-select:none;user-select:none}.alert-panel-header h2{margin:0;color:#fff;font-size:1.3em;font-weight:600}.keyboard-shortcuts{margin-top:8px;font-size:12px;color:#888}.alert-panel-close{background:none;border:none;color:#999;font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.alert-panel-close:hover{background-color:#333;color:#fff}.alert-panel-tabs{display:flex;border-bottom:1px solid #333;background:#222}.tab-button{flex:1;padding:12px 16px;border:none;background:transparent;color:#ebebeb;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent;position:relative}.tab-button.active{background:linear-gradient(135deg,#3f3f3f,#333);color:#fff;border-bottom:2px solid #6b6b6b}.tab-button:hover:not(.active){background:#333;color:#fff}.tab-button span{margin-right:8px}.alert-panel-content{flex:1;overflow-y:auto;padding:16px}.alerts-list{display:flex;flex-direction:column;gap:8px}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state div{font-size:48px;margin-bottom:16px}.empty-state p{margin:0;font-size:16px}.empty-state p:last-child{margin:8px 0 0;font-size:14px;color:#555}.empty-state .icon{font-size:48px;margin-bottom:16px}.alert-item{background-color:#222;border-radius:8px;padding:12px;border:1px solid #333;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;gap:12px}.alert-item:hover{border-color:#555;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.alert-content{flex:1;display:flex;justify-content:space-between;align-items:center;gap:16px}.alert-info-left{display:flex;flex-direction:column;gap:4px}.alert-info-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.alert-symbol{font-size:16px;font-weight:700;color:#fff;line-height:1.2}.alert-item.triggered .alert-symbol{color:#ff9800}.alert-created-time{font-size:11px;color:#bdbdbd;line-height:1.2}.alert-price{font-size:18px;font-weight:700;color:#fff;line-height:1.2}.alert-item.triggered .alert-price-display{display:flex;align-items:center;gap:6px}.alert-timeframe{padding:2px 5px;background-color:#333;border-radius:3px;font-size:10px;color:#ccc}.alert-condition{padding:2px 5px;background-color:#444;border-radius:3px;font-size:10px;color:#ccc}.alert-status{padding:2px 5px;border-radius:3px;font-size:10px;font-weight:700}.alert-item.triggered .alert-status{background-color:#ff9800;color:#000}.alert-note{padding:3px 6px;background-color:#2a2a2a;border-radius:3px;font-size:10px;color:#ccc;font-style:italic}.alert-actions{display:flex;flex-direction:column;gap:4px;padding-left:12px;border-left:1px solid #333}.btn-toggle,.btn-edit,.btn-delete{padding:2px 4px;border:none;border-radius:3px;cursor:pointer;font-size:10px;transition:all .2s ease;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center}.btn-toggle:hover{transform:scale(1.05)}.btn-edit{padding:2px 4px;font-size:10px;background-color:#6f6f6320;color:#6f6f63}.btn-edit:hover{background-color:#6f6f6340;transform:scale(1.05)}.btn-delete{background-color:#ff444420;color:#f44}.btn-delete:hover{background-color:#ff444440;transform:scale(1.05)}.alert-status-indicator{position:absolute;top:0;left:0;bottom:0;width:4px;border-radius:0 2px 2px 0}.alert-status-indicator.active{background:#4caf50}.alert-status-indicator.triggered{background:#ff9800}.alert-status-indicator.disabled{background:#666}.alert-badges{display:flex;gap:6px;align-items:center}.alert-actions-row{display:flex;gap:3px;justify-content:flex-end;margin:0}.alert-price-display{display:flex;align-items:center;gap:8px}.alert-price-display .price-original{color:#ccc;font-size:16px}.alert-price-display .price-arrow,.alert-price-display .price-triggered{color:#ff9800}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutToBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.notification{position:fixed;background-color:#222;border-radius:8px;padding:0;width:350px;height:120px;box-shadow:0 4px 20px #0000004d;border:1px solid #333;z-index:3000;transform:translateY(100%);display:flex;flex-direction:column;overflow:hidden;opacity:0}.notification.visible{animation:slideInFromBottom .4s ease-out forwards}.notification.hiding{animation:slideOutToBottom .4s cubic-bezier(.55,.06,.68,.19) forwards}.notification-band{position:absolute;top:0;left:0;bottom:0;width:6px;height:100%;border-radius:0 3px 3px 0;z-index:10;background:#666;transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease-out .2s}.notification.visible .notification-band{transform:scaleY(1)}.notification.alert-created .notification-band,.notification-band-created{background:#4caf50!important}.notification.alert-updated .notification-band,.notification-band-updated{background:#f5aa09!important}.notification.alert-deleted .notification-band,.notification-band-deleted{background:#f44336!important}.notification.alert-triggered .notification-band,.notification-band-triggered{background:#65c0f5!important}.notification-content{display:flex;flex-direction:column;gap:6px;padding:12px;height:100%;margin-left:12px;position:relative;z-index:1}.notification-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:6px;gap:12px}.notification-main-content{display:flex;flex-direction:column;gap:4px;flex:1}.notification-close{background:none;border:none;color:#999;font-size:18px;cursor:pointer;padding:4px;width:25px;height:25px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:4px;transition:all .2s ease;font-weight:700}.notification-close:hover{color:#fff;background-color:#333}.notification-message{color:#ccc;font-size:14px;line-height:1.4;margin-bottom:3px}.notification-details{color:#999;font-size:12px;padding:6px 8px;background-color:#333;border-radius:4px;margin-top:auto}.notification-badge{display:flex;gap:6px;align-items:center;align-self:flex-start}.notification-condition{font-size:14px;color:#fff;font-weight:500;line-height:1.2}.notification-badge-item{padding:3px 6px;border-radius:4px;font-size:11px;font-weight:700}.notification-badge-created{background-color:#4caf5026;color:#4caf50}.notification-badge-updated{background-color:#f5aa0926;color:#f5aa09}.notification-badge-deleted{background-color:#f4433626;color:#f44336}.notification-badge-triggered{background-color:#65c0f526;color:#65c0f5}@keyframes notificationSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes notificationSlideOut{0%{transform:translate(0)}to{transform:translate(100%)}}.notification.entering{animation:notificationSlideIn .3s ease-in-out}.notification.exiting{animation:notificationSlideOut .3s ease-in-out}.indicator-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent;z-index:1000;display:flex;align-items:center;justify-content:center}.indicator-panel{background-color:#1a1a1a;border-radius:16px;width:70%;max-width:500px;height:90vh;max-height:800px;box-shadow:0 20px 40px #0006;border:1px solid #333;overflow:hidden;display:flex;flex-direction:column}.indicator-panel-header{padding:16px 20px;border-bottom:1px solid #333;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);display:flex;align-items:center;justify-content:space-between}.indicator-panel-header h2{margin:0;color:#fff;font-size:1.3em;font-weight:600}.indicator-panel-close{background:none;border:none;color:#999;font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.indicator-panel-close:hover{background-color:#333;color:#fff}.indicator-panel-tabs{display:flex;border-bottom:1px solid #333;background:#222}.indicator-panel-tabs .tab-button{flex:1;padding:12px 16px;border:none;background:transparent;color:#999;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.indicator-panel-tabs .tab-button:hover{background:#333;color:#fff}.indicator-panel-tabs .tab-button.active{background:#007acc;color:#fff;border-bottom:2px solid #0099ff}.indicator-panel-content{flex:1;overflow-y:auto;padding:16px}.indicators-config-row{display:flex;gap:16px;align-items:flex-start}.indicators-config-row .indicator-section{flex:1;min-width:0}.indicators-list{display:flex;flex-direction:column;gap:8px}.indicators-group{margin-bottom:16px}.indicators-group h4{margin:0 0 8px;color:#fff;font-size:16px;font-weight:600}.indicator-item{background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.indicator-item:hover{background:#333;border-color:#4ecdc4;transform:translateY(-1px);box-shadow:0 2px 8px #4ecdc433}.indicator-info{flex:1}.indicator-name{color:#fff;font-weight:600;font-size:14px;margin-bottom:4px}.indicator-details{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#999}.indicator-chart{color:#007acc;font-weight:500}.indicator-remove-btn{background:#f44;border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.indicator-remove-btn:hover{background:#f66;transform:scale(1.1)}.indicator-actions{display:flex;gap:8px;align-items:center}.indicator-edit-btn{background:#4caf50;border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.indicator-edit-btn:hover{background:#66bb6a;transform:scale(1.1)}.indicator-color-control{margin-top:8px;padding:8px;background:#0003;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.indicator-color-control label{display:inline-flex;align-items:center;gap:4px;font-size:.85em;color:var(--text-secondary, #999);-webkit-user-select:none;user-select:none}.indicator-color-control input[type=color]{width:36px;height:24px;border:1px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;transition:all .2s ease}.indicator-color-control input[type=color]:hover{border-color:#fff6;transform:scale(1.05)}.indicator-color-control input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.indicator-color-control input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.indicator-color-control input[type=range]{accent-color:#4ECDC4;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal{background:#1a1a1a;border:1px solid #333;border-radius:16px;box-shadow:0 20px 40px #0006;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #333;background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.modal-title{margin:0;font-size:1.3em;font-weight:600;color:#fff}.modal-close{background:none;border:none;color:#999;font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#333;color:#fff}.modal-content{padding:24px;background-color:#1a1a1a;flex:1;overflow-y:auto}.edit-indicator-modal{width:90%;max-width:720px;min-height:600px;height:auto;max-height:92vh}@media (max-width: 768px){.modal{margin:10px;max-width:none;width:calc(100% - 20px);min-width:auto}.modal-header{padding:16px 20px 12px}.modal-content{padding:20px}.edit-indicator-modal{width:95%;max-width:none;min-height:400px;height:90vh;max-height:none}.edit-indicator-modal .form-row{flex-direction:column;gap:16px}.edit-indicator-modal .form-row .form-group{margin-bottom:16px}}.edit-indicator-modal .form-group{margin-bottom:24px}.edit-indicator-modal .form-row{display:flex;gap:16px;align-items:flex-end}.edit-indicator-modal .form-row .form-group{flex:1;margin-bottom:0}.edit-indicator-modal label{display:block;margin-bottom:8px;font-weight:500;color:#fff;font-size:14px}.edit-indicator-modal .form-input,.edit-indicator-modal .form-select{width:100%;padding:12px 16px;border:1px solid #444;border-radius:8px;background:#2a2a2a;color:#fff;font-size:14px;transition:all .2s ease}.edit-indicator-modal .form-input:focus,.edit-indicator-modal .form-select:focus{outline:none;border-color:var(--primary-color, #4ECDC4);box-shadow:0 0 0 2px #4ecdc433}.edit-indicator-modal .form-help{display:block;margin-top:4px;color:var(--text-secondary, #999);font-size:12px;line-height:1.4}.ma-edit-form{height:100%;display:flex;flex-direction:column;margin:-24px}.ma-edit-form .form-section{background:#1a1a1a;padding:32px 36px;flex:1;overflow-y:auto}.ma-edit-form .label-icon{margin-right:8px;font-size:16px}.ma-edit-form .form-group{margin-bottom:28px}.ma-edit-form .form-row{display:flex;gap:24px;margin-bottom:28px}.ma-edit-form .form-row .form-group{flex:1;margin-bottom:0}.ma-edit-form label{display:flex;align-items:center;margin-bottom:10px;font-weight:600;color:#fff;font-size:14px;letter-spacing:.3px}.ma-edit-form .form-input,.ma-edit-form .form-select{width:100%;padding:16px 18px;border:2px solid #333;border-radius:8px;background:#1a1a1a;color:#fff;font-size:15px;font-weight:500;transition:all .3s ease}.ma-edit-form .form-input:hover,.ma-edit-form .form-select:hover{border-color:#444;background:#222}.ma-edit-form .form-input:focus,.ma-edit-form .form-select:focus{outline:none;border-color:var(--primary-color, #4ECDC4);box-shadow:0 0 0 3px #4ecdc426;background:#1a1a1a}.ma-edit-form .color-input-group{display:flex;align-items:center;gap:16px;padding:10px 14px;background:#1a1a1a;border:2px solid #333;border-radius:8px;transition:all .3s ease}.ma-edit-form .color-input-group:hover{border-color:#444}.ma-edit-form .form-color-input{width:64px;height:44px;border:none;border-radius:6px;cursor:pointer;background:none}.ma-edit-form .form-color-input::-webkit-color-swatch-wrapper{padding:0;border-radius:6px}.ma-edit-form .form-color-input::-webkit-color-swatch{border:2px solid #555;border-radius:6px}.ma-edit-form .color-label{flex:1;font-family:Courier New,monospace;font-weight:600;font-size:14px;color:#fff;letter-spacing:1px}.ma-preview{margin-top:32px;padding:22px;background:#0000004d;border:2px solid #2a2a2a;border-radius:10px}.ma-preview .preview-label{font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px}.ma-preview .preview-line{padding:16px 20px;border-radius:8px;color:#fff;font-weight:600;font-size:15px;text-align:center;box-shadow:0 4px 12px #0006;letter-spacing:.5px}@media (max-width: 768px){.ma-edit-form .form-row{flex-direction:column;gap:16px}.ma-edit-form .form-row .form-group{margin-bottom:16px}}.ma-edit-form .checkbox-label{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:14px 18px;background:#ffffff05;border:2px solid #333;border-radius:8px;transition:all .3s ease;margin-bottom:0}.ma-edit-form .checkbox-label:hover{background:#ffffff0d;border-color:#444}.ma-edit-form .checkbox-label>span:first-of-type{margin-right:8px}.ma-edit-form .checkbox-label>span:nth-of-type(2){flex:1;font-weight:600;color:#fff;font-size:14px;letter-spacing:.3px}.ma-edit-form .form-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#4ECDC4}.ma-edit-form .fvg-section{margin-top:32px;padding:24px;background:#0003;border:2px solid #2a2a2a;border-radius:10px}.ma-edit-form .section-title{display:flex;align-items:center;gap:8px;margin:0 0 20px;font-size:16px;font-weight:700;color:#fff;letter-spacing:.5px}.ma-edit-form .form-range{width:100%;height:6px;border-radius:3px;background:#333;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.ma-edit-form .form-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#4ecdc4;cursor:pointer;transition:all .2s ease}.ma-edit-form .form-range::-webkit-slider-thumb:hover{background:#3fb3a8;transform:scale(1.2)}.ma-edit-form .form-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#4ecdc4;cursor:pointer;border:none;transition:all .2s ease}.ma-edit-form .form-range::-moz-range-thumb:hover{background:#3fb3a8;transform:scale(1.2)}.ma-edit-form .fvg-preview-container{display:flex;gap:16px;margin-top:12px}.ma-edit-form .fvg-preview-box{flex:1;padding:20px;border-radius:8px;color:#fff;font-weight:600;font-size:13px;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.5);letter-spacing:.5px}.color-picker{display:flex;flex-direction:column;gap:12px}.predefined-colors{display:flex;flex-wrap:wrap;gap:8px}.color-option{width:32px;height:32px;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease}.color-option:hover{transform:scale(1.1);border-color:var(--text-secondary, #999)}.color-option.selected{border-color:var(--primary-color, #4ECDC4);box-shadow:0 0 0 2px #4ecdc44d}.custom-color{display:flex;align-items:center;gap:12px}.color-input{width:40px;height:40px;border:none;border-radius:6px;cursor:pointer;background:none}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:2px solid var(--input-border, #444);border-radius:4px}.info-box{background:var(--info-bg, #1a1a2e);border:1px solid var(--info-border, #16213e);border-radius:8px;padding:16px;margin-top:8px}.info-box h4{margin:0 0 8px;color:var(--text-primary, #ffffff);font-size:14px}.info-box p{margin:0 0 8px;color:var(--text-secondary, #ccc);font-size:13px;line-height:1.4}.info-box ul{margin:8px 0 0;padding-left:16px}.info-box li{color:var(--text-secondary, #ccc);font-size:12px;line-height:1.4;margin-bottom:4px}.edit-indicator-modal .form-actions{display:flex;gap:12px;justify-content:flex-end;padding:22px 36px;border-top:1px solid #333;background:#1a1a1a;margin:0}.edit-indicator-modal .btn{padding:14px 32px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;letter-spacing:.3px}.edit-indicator-modal .btn-secondary{background:#2a2a2a;color:#fff;border:1px solid #444}.edit-indicator-modal .btn-secondary:hover{background:#333;border-color:#555}.edit-indicator-modal .btn-primary{background:#4ecdc4;color:#000;font-weight:700}.edit-indicator-modal .btn-primary:hover{background:#3fb3a8;transform:translateY(-1px);box-shadow:0 4px 12px #4ecdc44d}.edit-indicator-modal .btn-primary:active{transform:translateY(0)}.empty-state{text-align:center;padding:40px 20px;color:#999}.empty-state .icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{margin:8px 0;font-size:14px}.chart-selection{padding:15px 20px;border-bottom:1px solid #444;background:#333}.chart-selection label{display:block;margin-bottom:10px;color:#e0e0e0;font-weight:500;font-size:14px}.chart-buttons{display:flex;gap:8px;flex-wrap:wrap}.chart-btn{background:#444;border:1px solid #666;color:#e0e0e0;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:12px;text-align:center;min-width:80px}.chart-btn:hover{background:#555;border-color:#777}.chart-btn.active{background:#007acc;border-color:#09f;color:#fff}.chart-btn.current-active{border-color:gold;box-shadow:0 0 8px #ffd7004d;position:relative}.chart-btn.current-active .active-indicator{position:absolute;top:-5px;right:-5px;font-size:12px;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.chart-btn small{display:block;font-size:10px;opacity:.8;margin-top:2px}.close-btn{background:none;border:none;color:#e0e0e0;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-btn:hover{background:#444}.error-message{background:#4a1a1a;color:#ff6b6b;padding:10px 20px;margin:0;border-bottom:1px solid #444;font-size:14px}.indicator-sections{padding:20px}.indicator-section{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #333}.indicator-section:last-child{border-bottom:none;margin-bottom:0}.indicator-section h4{margin:0 0 15px;color:#e0e0e0;font-size:16px;display:flex;align-items:center;gap:8px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:#b0b0b0;font-size:14px;font-weight:500}.form-group input,.form-group select{width:100%;padding:8px 12px;background:#1a1a1a;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#6f6f63}.form-group input[type=color]{width:60px;height:35px;padding:2px;cursor:pointer}.add-indicator-btn,.clear-all-btn{width:100%;padding:10px 15px;background:#6f6f63;border:none;border-radius:4px;color:#e0e0e0;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:8px}.add-indicator-btn:hover{background:#5a5a4f}.add-indicator-btn:disabled{background:#444;cursor:not-allowed;opacity:.6}.clear-all-btn{background:#8b0000;margin-top:15px}.clear-all-btn:hover{background:#a00000}.clear-all-btn:disabled{background:#444;cursor:not-allowed;opacity:.6}.active-indicators{margin-top:15px}.active-indicators h5{margin:0 0 10px;color:#e0e0e0;font-size:14px;font-weight:500}.active-indicators ul{list-style:none;padding:0;margin:0}.indicator-item{padding:8px 12px;background:#1a1a1a;border:1px solid #333;border-radius:4px;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center}.indicator-details{display:flex;flex-direction:column;gap:4px}.indicator-name{color:#e0e0e0;font-size:13px;font-family:Courier New,monospace;font-weight:700}.indicator-meta{display:flex;align-items:center;gap:8px}.indicator-period{color:#aaa;font-size:11px;font-family:Courier New,monospace}.no-indicators{color:#888;font-style:italic;text-align:center;margin:20px 0;font-size:14px}.timezone-dropdown{background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:12px;margin:8px 0;min-width:200px}.timezone-dropdown label{color:#fff;font-size:12px;font-weight:500;margin-bottom:8px;display:block}.timezone-select{background:#1a1a1a;border:1px solid #444;border-radius:4px;color:#fff;padding:6px 8px;font-size:12px;width:100%;cursor:pointer}.timezone-select:focus{outline:none;border-color:#0078ff;box-shadow:0 0 0 2px #0078ff33}.timezone-select option{background:#1a1a1a;color:#fff}.timezone-modal{background:#2a2a2a;border:1px solid #444;border-radius:12px;padding:0;max-width:400px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 10px 30px #00000080}.timezone-modal-header{background:#1a1a1a;padding:16px 20px;border-bottom:1px solid #444;display:flex;justify-content:space-between;align-items:center}.timezone-modal-header h3{margin:0;color:#fff;font-size:16px;font-weight:600}.timezone-modal-close{background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.timezone-modal-close:hover{background:#444;color:#fff}.timezone-modal-content{padding:20px}.timezone-list{display:flex;flex-direction:column;gap:8px}.timezone-option{background:#1a1a1a;border:1px solid #444;border-radius:8px;padding:12px 16px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease;text-align:left;width:100%}.timezone-option:hover{background:#333;border-color:#666}.timezone-option.selected{background:#0078ff;border-color:#0078ff;color:#fff}.timezone-flag{font-size:20px;width:24px;text-align:center}.timezone-label{flex:1;font-size:14px;font-weight:500}.timezone-check{color:#4caf50;font-size:16px;font-weight:700}.timezone-indicator{position:absolute;bottom:2px;right:2px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#e0e0e0;padding:6px;border-radius:6px;font-size:11px;font-weight:600;z-index:1000;pointer-events:none;box-shadow:0 2px 8px #0000004d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;letter-spacing:.5px;text-transform:uppercase}.timezone-indicator:before{content:"🌍";margin-right:4px;font-size:11px}@media (max-width: 768px){.indicator-panel{width:95%;margin:10px}.indicator-sections{padding:15px}.timezone-indicator{bottom:8px;right:8px;padding:4px 8px;font-size:11px}}.connection-status-indicator{display:inline-flex;align-items:center;justify-content:center;margin-right:1px;width:50px;height:50px;background:#2a2a2a}.status-dot{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:12px;transition:all .3s ease;cursor:pointer;border:2px solid transparent}.status-dot.disconnected{background:#1c1c1c;border-color:#f443364d;animation:pulse-red 2s infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 #f4433666}50%{box-shadow:0 0 0 4px #f443361a}}.status-dot:hover{transform:scale(1.1)}.smt-line-bullish{color:var(--smt-bullish-color);stroke:var(--smt-bullish-color);stroke-width:var(--smt-line-width)}.smt-line-bearish{color:var(--smt-bearish-color);stroke:var(--smt-bearish-color);stroke-width:var(--smt-line-width)}.smt-endpoint{fill:var(--smt-endpoint-color);r:var(--smt-endpoint-size)}.smt-line-container{position:relative;pointer-events:none}.smt-line-label{position:absolute;background:#000c;color:var(--smt-endpoint-color);padding:2px 6px;border-radius:3px;font-size:10px;font-weight:700;pointer-events:none;z-index:10}.economic-calendar-modal{background-color:#1a1a1a;border-radius:16px;width:80%;max-width:800px;height:90vh;max-height:800px;position:fixed;top:50%;left:50%;border:1px solid #333;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;overflow:hidden;z-index:1000;transform:translate(-50%,-50%)}.economic-calendar-modal.dragging{cursor:grabbing}.economic-calendar-header{padding:16px 20px;border-bottom:1px solid #333;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:16px}.economic-calendar-header h2{margin:0;color:#fff;font-size:1.3em;font-weight:600;display:flex;align-items:center;gap:8px}.economic-calendar-close{background:none;border:none;color:#999;font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.economic-calendar-close:hover{background-color:#333;color:#fff}.timezone-selector{display:flex;align-items:center;gap:8px;flex-shrink:0}.timezone-selector label{color:#ccc;font-size:.9em;font-weight:500;white-space:nowrap}.timezone-dropdown{background:#333;border:1px solid #555;color:#fff;padding:6px 10px;border-radius:6px;font-size:.9em;cursor:pointer;transition:all .2s ease;min-width:180px}.timezone-dropdown:hover{border-color:#777;background:#3a3a3a}.timezone-dropdown:focus{outline:none;border-color:#0078ff;box-shadow:0 0 0 2px #0078ff33}.timezone-dropdown option{background:#333;color:#fff;padding:8px}.conditional-message{display:flex;align-items:center;justify-content:center;padding:12px 16px;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border-radius:8px;margin:8px 0;box-shadow:0 2px 8px #ff6b6b4d}.message-text{color:#fff;font-weight:600;font-size:1.1em;text-align:center}.event-country{padding:4px 8px;border-radius:6px;font-size:.85em;font-weight:500;color:#fff!important;text-align:center;min-width:60px}.event-country[data-country=EZ]{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 2px 4px #2196f34d}.event-country[data-country=DE]{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 2px 4px #ff98004d}.event-country[data-country=US]{background:linear-gradient(135deg,#f44336,#9a031e);box-shadow:0 2px 4px #f443364d}.event-country[data-country=FR]{background:linear-gradient(135deg,#03a9f4,#0288d1);box-shadow:0 2px 4px #03a9f44d}.event-country[data-country=CN]{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 2px 4px #4caf504d}.event-country-flag{height:20px;width:auto;border-radius:3px;box-shadow:0 2px 4px #0003;vertical-align:middle;object-fit:contain}.economic-calendar-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.date-navigation{display:flex;align-items:center;justify-content:center;padding:16px 20px;border-bottom:1px solid #333;background:#222;flex-shrink:0}.nav-button{background:#2a2a2a;border:1px solid #444;color:#ccc;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s ease;min-width:40px}.nav-button:hover{background:#333;border-color:#555;color:#fff}.current-date{color:#fff;font-size:1.1em;font-weight:500;margin:0 20px;text-align:center;min-width:200px}.events-container{flex:1;overflow-y:auto;padding:16px 20px}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#999;text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid #333;border-top:3px solid #4a4a4a;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.error-state button{background:#4a4a4a;border:1px solid #666;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;margin-top:12px;transition:all .2s ease}.error-state button:hover{background:#555}.events-list{display:flex;flex-direction:column;gap:8px}.event-item{background:#2a2a2a;border:1px solid #333;border-radius:8px;padding:12px 16px;display:flex;align-items:flex-start;gap:16px;transition:all .2s ease;cursor:pointer}.event-item:hover{background:#333;border-color:#444;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.event-time{background:#1a1a1a;border:1px solid #444;border-radius:6px;padding:6px 10px;color:#d1d1d1;font-weight:600;font-size:.9em;min-width:60px;text-align:center;flex-shrink:0}.event-details{flex:1;display:flex;flex-direction:column;gap:4px}.event-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.event-icon{font-size:1.2em;flex-shrink:0}.event-title{color:#fff;font-weight:500;flex:1;min-width:0}.event-country{background:#1a1a1a;border:1px solid #444;border-radius:4px;padding:2px 6px;color:#999;font-size:.8em;font-weight:500;flex-shrink:0}.event-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.event-impact{font-weight:600;font-size:.9em;padding:2px 6px;border-radius:4px;background:#ffffff1a}.event-currency{color:#cbcbcb;font-size:.8em;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:2px 6px}.event-type{color:#999;font-size:.8em;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:2px 6px}.legend{display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 20px;border-top:1px solid #333;background:#222;flex-shrink:0;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;color:#999;font-size:.9em}.legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.legend-text{font-size:1.1em}@media (max-width: 768px){.economic-calendar-modal{width:95%;height:90vh;max-height:none}.event-item{flex-direction:column;gap:8px}.event-time{align-self:flex-start}.event-header{flex-direction:column;align-items:flex-start;gap:4px}.legend{flex-direction:column;gap:8px}}.kabbalistic-modal{background-color:#1a1a1a;border-radius:16px;width:70%;max-width:850px;max-height:85vh;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;overflow:hidden;border:1px solid #333;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000}.kabbalistic-modal-header{padding:16px 20px;border-bottom:1px solid #333;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:center}.kabbalistic-modal-header h2{margin:0;color:#fff;font-size:1.3em;font-weight:600}.kabbalistic-modal-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:20px}.kabbalistic-scrollable-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:12px}.month-navigation{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px;padding:12px;background:#222;border-radius:8px}.month-navigation .nav-button{background:#333;border:1px solid #444;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:1em}.month-navigation .nav-button:hover{background:#444;border-color:#555}.current-month{color:#fff;font-size:1.1em;font-weight:600;text-transform:capitalize;min-width:200px;text-align:center}.dates-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:4px}.date-card{background:#3a4a5a;border:2px solid;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s ease;cursor:pointer;position:relative}.date-card[data-reduction="3"]{background:linear-gradient(135deg,#3d5a5a,#4a6565);border-color:#55b894}.date-card[data-reduction="6"]{background:linear-gradient(135deg,#5a4a55,#655560);border-color:#d89ab8}.date-card[data-reduction="9"]{background:linear-gradient(135deg,#5a4540,#654a45);border-color:#d17055}.date-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000004d}.date-card-day{color:#fff;font-size:3em;font-weight:700;line-height:1}.date-card-name{color:#ccc;font-size:.95em;text-transform:capitalize}.date-card-sum{color:#ddd;font-size:.9em;margin-top:4px}.date-card-badge{background:#ffffffe6;color:#333;padding:6px 16px;border-radius:20px;font-weight:700;font-size:1.1em;margin-top:8px}.date-card[data-reduction="3"] .date-card-badge{color:#55b894}.date-card[data-reduction="6"] .date-card-badge{color:#d89ab8}.date-card[data-reduction="9"] .date-card-badge{color:#d17055}.today-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{color:#fff;font-size:1.2em;font-weight:600;margin:0;padding-bottom:8px;border-bottom:2px solid #333;display:flex;align-items:center;gap:8px;flex:1}.section-title-standalone{margin:24px 0 16px;flex:none}.section-title:first-child{margin-top:0}.section-icon{font-size:1.1em}.market-type-buttons{display:flex;gap:8px;margin-bottom:8px}.market-type-btn{background:#333;border:2px solid #444;color:#ccc;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9em;font-weight:600;transition:all .2s ease}.market-type-btn:hover{background:#4f4f4f;border-color:#555}.market-type-btn.active{background:#444;border-color:#c5b3c9;color:#fff}.market-type-btn.active:hover{background:#7e7780;border-color:#c5b3c9}.today-section{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.today-card-wrapper{display:flex;justify-content:center;margin-bottom:8px}.today-kabbalistic-card{min-width:280px;padding:16px;box-shadow:0 8px 24px #0006;border:2px solid;border-radius:12px;display:flex;flex-direction:column;gap:12px}.today-kabbalistic-card[data-reduction="3"]{background:linear-gradient(135deg,#3d5a5a,#4a6565);border-color:#55b894}.today-kabbalistic-card[data-reduction="6"]{background:linear-gradient(135deg,#5a4a55,#655560);border-color:#d89ab8}.today-kabbalistic-card[data-reduction="9"]{background:linear-gradient(135deg,#5a4540,#654a45);border-color:#d17055}.today-kabbalistic-header{display:flex;justify-content:space-between;align-items:center}.today-kabbalistic-date{color:#fff;font-size:1em;font-weight:600;text-transform:capitalize}.today-kabbalistic-badge{background:#ffffffe6;padding:4px 12px;border-radius:20px;font-weight:700;font-size:.95em}.today-kabbalistic-card[data-reduction="3"] .today-kabbalistic-badge{color:#55b894}.today-kabbalistic-card[data-reduction="6"] .today-kabbalistic-badge{color:#d89ab8}.today-kabbalistic-card[data-reduction="9"] .today-kabbalistic-badge{color:#d17055}.today-kabbalistic-divider{height:2px;background:#fff3;margin:4px 0}.today-hours-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.today-hour-item{background:#0003;padding:6px;border-radius:20px;text-align:center;color:#fff;font-size:.9em;font-weight:600}.today-non-kabbalistic{min-width:280px;box-shadow:0 8px 24px #0006}.last-days-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.last-day-card{padding:16px}.date-card-day-small{color:#fff;font-size:2em;font-weight:700;line-height:1}.date-card-name-small{color:#ccc;font-size:.85em;text-transform:capitalize;margin-top:4px}.date-card-sum-small{color:#ddd;font-size:.8em;margin-top:6px}.date-card-badge-small{background:#ffffffe6;color:#333;padding:4px 12px;border-radius:16px;font-weight:700;font-size:.95em;margin-top:6px}.last-day-card[data-reduction="3"] .date-card-badge-small{color:#55b894}.last-day-card[data-reduction="6"] .date-card-badge-small{color:#d89ab8}.last-day-card[data-reduction="9"] .date-card-badge-small{color:#d17055}.last-day-non-kabbalistic{padding:12px}.non-kabbalistic-date-small{font-size:.9em}.non-kabbalistic-badge-small{background:#ffffff26;padding:3px 8px;border-radius:16px;font-size:.8em;font-weight:600}.kabbalistic-hours-grid-small{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px;margin-top:8px}.hour-badge-small{background:#3a3a3a;border-radius:16px;padding:6px 4px;text-align:center;font-size:.75em;font-weight:600;transition:all .2s ease;cursor:pointer}.hour-badge-small:hover{transform:translateY(-2px)}.hour-badge-small[data-reduction="3"]{background:linear-gradient(135deg,#3d5a5a,#4a6565);color:#9dd1d1}.hour-badge-small[data-reduction="6"]{background:linear-gradient(135deg,#5a4a55,#655560);color:#e3acd2}.hour-badge-small[data-reduction="9"]{background:linear-gradient(135deg,#5a4540,#654a45);color:#f0b8ad}.non-kabbalistic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:20px}.non-kabbalistic-card{background:#2a2a2a;border:2px solid #3a3a3a;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.non-kabbalistic-card[data-hybrid=true]{border-color:#f18805}.non-kabbalistic-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #3a3a3a}.non-kabbalistic-date{color:#fff;font-size:1em;font-weight:600;text-transform:capitalize}.non-kabbalistic-badge{background:#ffffff26;padding:4px 10px;border-radius:20px;font-size:.85em;font-weight:600}.non-kabbalistic-badge[data-reduction="1"],.non-kabbalistic-badge[data-reduction="2"],.non-kabbalistic-badge[data-reduction="4"],.non-kabbalistic-badge[data-reduction="5"],.non-kabbalistic-badge[data-reduction="7"],.non-kabbalistic-badge[data-reduction="8"]{color:#ebebeb}.kabbalistic-hours-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.hour-badge{background:#3a3a3a;border-radius:20px;padding:8px 6px;text-align:center;font-size:.85em;font-weight:600;transition:all .2s ease;cursor:pointer}.hour-badge:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.hour-badge[data-reduction="3"]{background:linear-gradient(135deg,#3d5a5a,#4a6565);color:#9dd1d1}.hour-badge[data-reduction="6"]{background:linear-gradient(135deg,#5a4a55,#655560);color:#e3acd2}.hour-badge[data-reduction="9"]{background:linear-gradient(135deg,#5a4540,#654a45);color:#f0b8ad}.loading-message,.error-message,.no-dates-message{text-align:center;padding:40px 20px;color:#999;font-size:1em}.error-message{color:#f44336}.kabbalistic-modal-footer{padding:16px 20px;border-top:1px solid #333;background:#1a1a1a}.legend-info{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px;color:#ccc;font-size:.9em}.legend-color{width:20px;height:20px;border-radius:4px;display:inline-block;color:#d17055}.kabbalistic-price-modal{max-width:700px}.instrument-tabs{display:flex;gap:8px;padding:16px 20px 0;border-bottom:2px solid #333}.instrument-tab{background:transparent;border:none;color:#999;padding:12px 24px;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent;position:relative;bottom:-2px;display:flex;flex-direction:column;align-items:center;gap:4px}.instrument-tab:hover{color:#ccc}.instrument-tab.active{color:#fff;border-bottom-color:#c9c9c9}.tab-name{font-size:1em}.tab-times{display:flex;gap:12px;font-size:.75em;font-weight:400;color:#888}.tab-time{white-space:nowrap}.current-price-section{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border:2px solid #444;border-radius:12px;padding:16px;text-align:center;margin-bottom:20px}.current-price-label{color:#999;font-size:.9em;margin-bottom:8px}.current-price-value{color:#fff;font-size:2em;font-weight:700}.price-legend{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:20px;margin-bottom:0;padding:12px;background:#222;border-radius:8px}.price-legend .legend-item{display:flex;align-items:center;gap:8px;color:#ccc;font-size:.85em}.priority-dot{width:12px;height:12px;border-radius:50%;display:inline-block;border:1px solid rgba(255,255,255,.2)}.priority-dot.white{background:#fff}.priority-dot.yellow{background:#f0d043}.priority-dot.orange{background:#ff8c00}.priority-dot.green{background:#32cd32}.kabbalistic-levels-list{display:flex;flex-direction:column;gap:12px}.kabbalistic-level-card{background:#2a2a2a;border:2px solid #3a3a3a;border-radius:12px;padding:14px;transition:all .2s ease}.kabbalistic-level-card:hover{border-color:#555;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.level-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.level-date-info{display:flex;align-items:center;gap:12px}.level-date{color:#fff;font-size:.95em;font-weight:600;text-transform:capitalize}.level-hour{color:#ccc;font-size:.9em;background:#333;padding:4px 10px;border-radius:6px}.level-reduction{background:#ffffff26;padding:4px 10px;border-radius:12px;font-size:.85em;font-weight:600;color:#ebebeb}.level-reduction[data-reduction="3"]{color:#9dd1d1}.level-reduction[data-reduction="6"]{color:#e3acd2}.level-reduction[data-reduction="9"]{color:#f0b8ad}.level-priority{display:flex;align-items:center;gap:8px}.priority-label{color:#ccc;font-size:.85em;font-weight:600}.level-prices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.level-price-item{background:#1f1f1f;padding:10px;border-radius:8px;display:flex;flex-direction:column;gap:4px}.price-label{color:#999;font-size:.8em}.price-value{color:#fff;font-size:1.1em;font-weight:700}@media (max-width: 768px){.kabbalistic-modal{width:95%;max-height:90vh}.month-navigation{flex-direction:column;gap:12px}.current-month{min-width:auto}.dates-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.date-card{padding:16px}.date-card-day{font-size:2.5em}.last-days-grid{grid-template-columns:1fr;gap:10px}.today-card,.today-non-kabbalistic{min-width:auto;width:100%}.today-header-section{flex-direction:column;align-items:flex-start;gap:12px}.market-type-buttons{width:100%}.market-type-btn{flex:1}.kabbalistic-price-modal{width:95%}.level-date-info{flex-wrap:wrap;gap:8px}.level-prices{grid-template-columns:1fr}}.alert-config-modal{background-color:#1a1a1a;border-radius:16px;width:70%;max-width:500px;height:auto;max-height:80vh;box-shadow:0 20px 40px #0006;border:1px solid #333;overflow:hidden;display:flex;flex-direction:column;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:grab;-webkit-user-select:none;user-select:none}.alert-config-modal.dragging{cursor:grabbing}.alert-config-header{padding:16px 20px;border-bottom:1px solid #333;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);display:flex;align-items:center;justify-content:space-between;cursor:grab;-webkit-user-select:none;user-select:none}.alert-config-header h3{margin:0;color:#fff;font-size:1.3em;font-weight:600}.alert-config-close{background:none;border:none;color:#999;font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.alert-config-close:hover{background-color:#333;color:#fff}.alert-config-content{flex:1;overflow-y:auto;padding:20px}.alert-config-content .form-group{margin-bottom:20px}.alert-config-content .form-group label{display:block;margin-bottom:8px;color:#e0e0e0;font-weight:500;font-size:14px}.symbol-display{background:#333;padding:8px 12px;border-radius:6px;color:#e0e0e0;font-weight:600;font-size:14px;display:inline-block}.alert-config-content input[type=number]{width:100%;padding:10px 12px;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#e0e0e0;font-size:14px;transition:border-color .2s ease}.alert-config-content input[type=number]:focus{outline:none;border-color:#666}.alert-config-content input[type=text]{width:100%;padding:10px 12px;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#e0e0e0;font-size:14px;transition:border-color .2s ease}.alert-config-content input[type=text]:focus{outline:none;border-color:#666}.condition-buttons{display:flex;flex-direction:column;gap:8px}.condition-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#e0e0e0;cursor:pointer;transition:all .2s ease;font-size:14px;text-align:left}.condition-btn:hover{background:#333;border-color:#555}.condition-btn.active{background:#555;border-color:#666;color:#fff}.condition-btn span{font-size:16px}.timeframe-grid{display:flex;gap:2px;flex-wrap:wrap}.timeframe-btn{background:#2a2a2a;border:1px solid #444;color:#ccc;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;transition:all .2s}.timeframe-btn:hover{background:#333;border-color:#555}.timeframe-btn.active{background:#4a4a4a;border-color:#4a4a4a;color:#fff}.alert-config-actions{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #333}.alert-config-actions .btn{flex:1;padding:10px 16px;font-size:14px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;font-weight:500}.btn-cancel{background:#444;color:#e0e0e0}.btn-cancel:hover{background:#555}.btn-save{background:#555;color:#fff}.btn-save:hover{background:#666}@media (max-width: 768px){.alert-config-modal{width:95%;max-width:none;margin:10px}.alert-config-content{padding:16px}.condition-buttons{gap:6px}.condition-btn{padding:10px 12px;font-size:13px}.timeframe-grid{grid-template-columns:repeat(3,1fr)}.alert-config-actions{flex-direction:column}}.hybrid-badge{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;margin-left:8px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 3px #0000004d;border:1px solid #F18805}.hybrid-badge-small{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:1px 4px;border-radius:3px;font-size:8px;font-weight:600;margin-left:6px;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 1px 2px #0000004d;border:1px solid #F18805}.hybrid-badge,.hybrid-badge-small{animation:hybridPulse 2s ease-in-out infinite}@keyframes hybridPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.hyb-badge{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:1px 4px;border-radius:3px;font-size:8px;font-weight:600;margin-left:6px;text-transform:lowercase;letter-spacing:.2px;box-shadow:0 1px 2px #0000004d;animation:hybridPulse 2s ease-in-out infinite}@media (max-width: 768px){.hybrid-badge{font-size:9px;padding:1px 5px;margin-left:6px}.hybrid-badge-small,.hyb-badge{font-size:7px;padding:1px 3px;margin-left:4px}}.sequential-loading-indicator{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--sequential-loading-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;border-radius:8px}.sequential-loading-indicator .loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid var(--sequential-loading-spinner);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}.sequential-loading-indicator span{color:var(--sequential-loading-text);font-size:14px;font-weight:500;text-align:center;padding:0 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background-color:#2a2a2a;border:1px solid #444;border-radius:8px;padding:0;max-width:400px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #444;background-color:#333;border-radius:8px 8px 0 0}.modal-header h3{margin:0;color:#e0e0e0;font-size:18px;font-weight:600}.modal-close{background:none;border:none;color:#999;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close:hover{background-color:#444;color:#e0e0e0}.modal-body{padding:20px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;color:#fff;font-weight:500;font-size:14px}.form-select,.form-input{width:100%;padding:10px 12px;background-color:#2a2a2a;border:1px solid #444;border-radius:6px;color:#e0e0e0;font-size:14px;transition:all .2s ease}.form-select:focus,.form-input:focus{outline:none;border-color:#666;box-shadow:0 0 0 2px #6663}.color-input-container{display:flex;gap:8px;align-items:center}.color-picker{width:40px;height:32px;border:1px solid #444;border-radius:6px;background:none;cursor:pointer}.color-text-input{flex:1;padding:10px 12px;background-color:#2a2a2a;border:1px solid #444;border-radius:6px;color:#e0e0e0;font-size:14px;font-family:monospace}.color-text-input:focus{outline:none;border-color:#666;box-shadow:0 0 0 2px #6663}.line-preview{display:flex;align-items:center;gap:12px;padding:12px;background-color:#2a2a2a;border:1px solid #444;border-radius:6px;margin-top:8px}.preview-line{flex-shrink:0;width:2px;height:20px;background-color:gray}.preview-label{color:#e0e0e0;font-size:12px;font-style:italic}.rectangle-preview{padding:12px;background-color:#2a2a2a;border:1px solid #444;border-radius:6px;margin-top:8px}.preview-rectangle{width:100%;height:60px}.form-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #333}.form-section:last-of-type{border-bottom:none;margin-bottom:12px}.rectangle-points-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rectangle-point-col{flex:1}.rectangle-point-col .section-subtitle{font-size:14px;font-weight:600;color:#fff;margin:0 0 12px;padding-bottom:6px;border-bottom:1px solid #444}.section-subtitle{font-size:15px;font-weight:600;color:#fff;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #444}.opacity-slider{width:100%;height:6px;background:linear-gradient(to right,#0078ff00,#0078ff80,#0078ff);border-radius:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;margin-top:8px}.opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#fff;border:2px solid #0078ff;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000004d}.opacity-slider::-moz-range-thumb{width:18px;height:18px;background:#fff;border:2px solid #0078ff;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000004d}.opacity-labels{display:flex;justify-content:space-between;font-size:11px;color:#999;margin-top:4px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #444;background-color:#333;border-radius:0 0 8px 8px}.btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary{background-color:#555;color:#e0e0e0}.btn-secondary:hover{background-color:#666}.btn-primary{background-color:#0078ff;color:#fff}.btn-primary:hover{background-color:#0056b3}.form-help{display:block;margin-top:4px;font-size:12px;color:#999;font-style:italic}.vertical-lines-modal{max-width:600px;width:90%}.vertical-lines-modal .layout-actions .btn,.layout-manager-modal .layout-actions .btn{flex:1;padding:10px 16px;font-size:13px;border-radius:8px;border:1px solid #444;background:#333;color:#e0e0e0;cursor:pointer;transition:all .2s ease;font-weight:500}.vertical-lines-modal .layout-actions .btn:hover,.layout-manager-modal .layout-actions .btn:hover{background:#444;border-color:#555;transform:translateY(-1px)}.vertical-lines-modal .layout-actions .btn:disabled,.layout-manager-modal .layout-actions .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.vertical-lines-modal .layout-actions .btn-primary,.layout-manager-modal .layout-actions .btn-primary{background:#4a4a4a;border-color:#5a5a5a;color:#fff}.vertical-lines-modal .layout-actions .btn-primary:hover,.layout-manager-modal .layout-actions .btn-primary:hover{background:#5a5a5a;border-color:#6a6a6a}.vertical-lines-modal .layout-actions .btn-secondary,.layout-manager-modal .layout-actions .btn-secondary{background:#333;border-color:#444;color:#e0e0e0}.vertical-lines-modal .layout-actions .btn-secondary:hover,.layout-manager-modal .layout-actions .btn-secondary:hover{background:#444;border-color:#555}.vertical-line-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#333;border-radius:8px;border:1px solid #444;margin-bottom:8px;transition:all .2s ease}.vertical-line-item:hover{background:#444;border-color:#555;transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.line-info{flex:1;min-width:0}.line-time{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.line-details{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.line-style,.line-thickness{background:#2a2a2a;padding:2px 8px;border-radius:4px;font-size:12px;color:#ccc;border:1px solid #444}.line-color{width:20px;height:20px;border-radius:50%;border:2px solid #555;flex-shrink:0}.line-label{font-style:italic;color:#aaa;font-size:12px}.line-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.line-actions .btn{padding:8px 12px;font-size:12px;border-radius:6px;border:1px solid #444;background:#333;color:#e0e0e0;cursor:pointer;transition:all .2s ease;font-weight:500;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.line-actions .btn:hover{background:#444;border-color:#555;transform:translateY(-1px)}.line-actions .btn-danger{background:#dc3545;border-color:#dc3545;color:#fff}.line-actions .btn-danger:hover{background:#c82333;border-color:#bd2130}.line-actions .btn-secondary{background:#4a4a4a;border-color:#5a5a5a;color:#fff}.line-actions .btn-secondary:hover{background:#5a5a5a;border-color:#6a6a6a}.style-buttons{display:flex;gap:8px;margin-top:8px}.style-btn{flex:1;padding:12px 16px;border:2px solid #444;border-radius:8px;background:#2a2a2a;color:#e0e0e0;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;text-align:center}.style-btn:hover{background:#333;border-color:#555;transform:translateY(-1px)}.style-btn.active{background:#4a4a4a;border-color:#666;color:#fff;box-shadow:0 2px 8px #0000004d}.style-btn.active:hover{background:#5a5a5a;border-color:#777}.thickness-buttons{display:flex;gap:8px;margin-top:8px}.thickness-btn{flex:1;padding:12px 16px;border:2px solid #444;border-radius:8px;background:#2a2a2a;color:#e0e0e0;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;text-align:center}.thickness-btn:hover{background:#333;border-color:#555;transform:translateY(-1px)}.thickness-btn.active{background:#4a4a4a;border-color:#666;color:#fff;box-shadow:0 2px 8px #0000004d}.thickness-btn.active:hover{background:#5a5a5a;border-color:#777}.drawings-section{margin-bottom:24px}.drawings-section:last-child{margin-bottom:0}.section-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #333}.vertical-lines-list,.rectangles-list{max-height:300px;overflow-y:auto}.vertical-line-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #333;border-radius:4px;margin-bottom:8px;background-color:#1e1e1e}.vertical-line-item:hover{background-color:#2a2a2a}.line-info{flex:1}.line-time{font-size:14px;margin-bottom:4px}.rectangle-coords{margin-bottom:6px}.rect-time-range{font-size:13px;font-weight:600;color:#fff;margin-bottom:3px}.rect-price-range{font-size:14px;font-weight:700;color:#4db8ff;letter-spacing:.3px}.line-details{display:flex;align-items:center;gap:8px;font-size:12px;color:#999}.line-style,.line-thickness{background-color:#333;padding:2px 6px;border-radius:3px}.line-color{width:16px;height:16px;border-radius:50%;border:1px solid #555}.line-label{font-style:italic;color:#ccc}.line-actions{display:flex;gap:4px}.btn-small{padding:4px 8px;font-size:12px;min-width:auto}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.no-data{text-align:center;padding:60px 20px;color:#999;font-style:italic}.no-data p{margin:0;font-size:16px}.checkbox-group{margin:16px 0;padding:16px;background:#ffffff05;border:1px solid #333;border-radius:8px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 0;font-size:14px;color:#e0e0e0;transition:all .2s ease}.checkbox-label:hover{color:#fff}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#4ECDC4}.checkbox-label span{flex:1;font-weight:500}.checkbox-subgroup{margin-left:28px;margin-top:8px;padding:12px;background:#0000004d;border-left:3px solid #4ECDC4;border-radius:4px}.checkbox-subgroup .checkbox-label{padding:6px 0;font-size:13px}.info-highlight{margin-top:12px;padding:12px;background:#4ecdc41a;border-left:3px solid #4ECDC4;border-radius:4px;font-size:13px;line-height:1.5}.info-highlight strong{color:#4ecdc4;display:block;margin-bottom:4px}@media screen and (max-width: 1024px){.app{padding:4px;gap:8px}.charts-grid{gap:3px}.chart-container{padding:3px}.modal-content,.edit-modal-content{max-width:90%;width:95%}.alert-panel,.layout-manager-modal{width:85%;max-width:none}}@media screen and (max-width: 768px){:root{font-size:14px}body{overflow-x:hidden}.app{padding:2px;gap:6px;height:100vh;overflow:hidden}.charts-grid{gap:2px;grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important}.charts-grid.layout-2-horizontal,.charts-grid.layout-2-vertical{grid-template-columns:1fr!important;grid-template-rows:1fr 1fr!important}.charts-grid.layout-3-horizontal{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(3,1fr)!important}.chart-container{border-radius:4px;padding:4px;min-height:200px}.chart-header{margin-bottom:4px}.chart-controls{gap:6px;flex-wrap:wrap}.symbol-selector{padding:6px 8px;font-size:13px}.timeframe-btn{padding:6px 10px;font-size:12px}.countdown{padding:6px 10px;font-size:12px;min-width:70px}.chart-divider{display:none}.modal-content,.edit-modal-content{max-width:95%;width:95%;max-height:85vh}.modal-header,.edit-modal-header,.modal-body,.modal-form,.edit-modal-form{padding:16px}.alert-panel,.layout-manager-modal{width:90%;max-width:none;max-height:85vh}.alert-item{padding:12px}.floating-icon{font-size:13px}.floating-icon-button{width:48px;height:48px;font-size:18px}}@media screen and (max-width: 480px){:root{font-size:13px}.app{padding:0;gap:4px}.charts-grid,.charts-grid.layout-2-horizontal,.charts-grid.layout-2-vertical,.charts-grid.layout-3-horizontal{display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important;gap:2px}.chart-pane{width:100%!important;height:auto!important;min-height:250px;flex:0 0 auto}.chart-container{border-radius:2px;padding:3px;border-width:1px;min-height:250px}.chart-header{margin-bottom:3px}.chart-controls{gap:4px;flex-wrap:wrap}.symbol-selector{padding:4px 6px;font-size:11px;max-width:80px}.timeframe-buttons{gap:1px;flex-wrap:wrap}.timeframe-btn{padding:4px 6px;font-size:10px;min-width:30px}.countdown{padding:4px 6px;font-size:10px;min-width:50px}.alert-btn,.rectangle-btn,.zoom-reset-btn{padding:4px 6px;font-size:11px}.chart-divider{display:none!important}.modal-overlay,.edit-modal-overlay,.alert-panel-overlay{padding:0}.modal-content,.edit-modal-content{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0;position:fixed;top:0;left:0;transform:none}.modal-header,.edit-modal-header{padding:12px;position:sticky;top:0;z-index:10}.modal-header h3,.edit-modal-header h3{font-size:16px}.modal-close,.edit-close-btn{font-size:22px;width:32px;height:32px}.modal-body,.modal-form,.edit-modal-form{padding:12px;overflow-y:auto}.form-group{margin-bottom:16px}.form-group label,.edit-form-group label{font-size:13px;margin-bottom:6px}.form-group input[type=number],.form-group input[type=text]{padding:10px;font-size:16px}.timeframe-grid{grid-template-columns:repeat(2,1fr);gap:8px}.timeframe-btn{padding:10px;font-size:13px;height:auto}.condition-buttons{flex-direction:column;gap:10px}.condition-btn{padding:12px;font-size:14px}.modal-actions,.edit-modal-actions{flex-direction:column-reverse;gap:10px;margin-top:20px}.btn-cancel,.btn-save,.edit-btn-cancel,.edit-btn-save{width:100%;padding:12px;font-size:15px}.alert-panel,.layout-manager-modal{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0;position:fixed;top:0;left:0;transform:none}.alert-panel-header,.layout-manager-header{padding:12px;position:sticky;top:0;z-index:10}.alert-panel-header h2,.layout-manager-header h2{font-size:18px}.keyboard-shortcuts{display:none}.alert-panel-tabs{position:sticky;top:58px;z-index:9}.tab-button{padding:12px 8px;font-size:12px}.alert-panel-content{padding:12px}.alert-item{padding:12px;flex-direction:column;align-items:stretch;gap:10px}.alert-content{flex-direction:column;align-items:stretch;gap:10px}.alert-info-left,.alert-info-right{align-items:flex-start}.alert-symbol{font-size:15px}.alert-price{font-size:16px}.alert-actions{flex-direction:row;border-left:none;border-top:1px solid #333;padding-left:0;padding-top:8px;justify-content:flex-end}.btn-toggle,.btn-edit,.btn-delete{padding:6px 12px;font-size:12px;min-width:40px;height:32px}.layout-actions{flex-direction:column;gap:8px;margin:12px}.layout-actions .btn{width:100%;padding:12px;font-size:14px}.layout-manager-content{padding:12px}.layout-item{padding:12px;flex-direction:column;align-items:stretch;gap:10px}.layout-name{font-size:14px}.layout-timezone,.layout-date{font-size:11px}.btn-sm{padding:8px 12px;font-size:13px;min-width:60px}.floating-icon{font-size:12px;border-width:1px}.floating-icon-drag-handle{width:12px;min-height:44px}.floating-icon-drag-handle:hover{width:12px}.floating-icon-button{width:44px;height:44px;font-size:18px}.drag-handle-grip{gap:2px}.grip-line{height:2px}.grip-line:nth-child(1){width:2px}.grip-line:nth-child(2){width:4px;margin-left:1px}.grip-line:nth-child(3){width:6px;margin-left:1px}.drawings-list-content{padding:12px}.drawing-item{padding:12px;flex-direction:column;gap:10px}.line-actions{justify-content:flex-end;width:100%}.indicator-panel{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0}.indicator-panel-header,.indicator-panel-content{padding:12px}.empty-state{padding:40px 16px}.empty-state div,.empty-state .icon{font-size:36px;margin-bottom:12px}.empty-state p{font-size:14px}.notification{width:calc(100% - 16px);max-width:100%;left:8px;right:8px;font-size:13px}.alert-context-menu{min-width:200px;max-width:calc(100vw - 32px)}.context-menu-item{padding:14px 16px;font-size:15px}.checkbox-group{padding:12px;margin:12px 0}.checkbox-label{padding:8px 0;font-size:13px}.checkbox-label input[type=checkbox]{width:20px;height:20px}.checkbox-subgroup{margin-left:20px;padding:10px}.btn,.timeframe-btn,.alert-btn,.rectangle-btn,.zoom-reset-btn,.tab-button,.context-menu-item,.layout-item,.alert-item{-webkit-tap-highlight-color:rgba(255,255,255,.1);touch-action:manipulation}.modal-header,.edit-modal-header,.alert-panel-header,.layout-manager-header,.modal-content,.edit-modal-content,.alert-panel,.layout-manager-modal{cursor:default!important}.modal-close,.edit-close-btn,.alert-panel-close,.layout-manager-close{min-width:44px;min-height:44px}}@media screen and (max-width: 360px){:root{font-size:12px}.chart-container{min-height:220px}.symbol-selector{font-size:10px;max-width:70px}.timeframe-btn{padding:3px 5px;font-size:9px;min-width:28px}.countdown{padding:3px 5px;font-size:9px;min-width:45px}.alert-btn,.rectangle-btn,.zoom-reset-btn{padding:3px 5px;font-size:10px}.modal-header h3,.edit-modal-header h3{font-size:15px}.alert-panel-header h2,.layout-manager-header h2{font-size:16px}.tab-button{padding:10px 6px;font-size:11px}.alert-symbol{font-size:14px}.alert-price{font-size:15px}}@media screen and (max-width: 768px) and (orientation: landscape){.app{padding:2px}.charts-grid,.charts-grid.layout-2-horizontal,.charts-grid.layout-2-vertical{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important}.charts-grid.layout-3-horizontal{grid-template-columns:repeat(3,1fr)!important;grid-template-rows:1fr!important}.chart-container{min-height:180px}.chart-controls{gap:3px}.symbol-selector{font-size:10px;padding:3px 5px}.timeframe-btn{padding:3px 5px;font-size:9px}.countdown{font-size:9px;padding:3px 5px}.modal-content,.edit-modal-content,.alert-panel,.layout-manager-modal{max-height:95vh}}@supports (padding: max(0px)){.app{padding-left:max(2px,env(safe-area-inset-left));padding-right:max(2px,env(safe-area-inset-right));padding-top:max(2px,env(safe-area-inset-top));padding-bottom:max(2px,env(safe-area-inset-bottom))}.modal-content,.edit-modal-content,.alert-panel,.layout-manager-modal{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}