*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep: #020205;--bg-primary: #020205;--bg-secondary: rgba(10, 10, 31, .8);--bg-tertiary: rgba(255, 255, 255, .03);--bg-hover: rgba(255, 255, 255, .08);--bg-card: rgba(10, 10, 31, .4);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--text-muted: #5d606b;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--accent-blue-dim: rgba(59, 130, 246, .15);--accent-purple: #8b5cf6;--accent-purple-dim: rgba(139, 92, 246, .15);--accent-green: #10b981;--accent-green-dim: rgba(16, 185, 129, .15);--accent-red: #ef4444;--accent-red-dim: rgba(239, 68, 68, .15);--accent-orange: #f59e0b;--accent-yellow: #ffc107;--brand-primary: #3b82f6;--brand-secondary: #8b5cf6;--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .15);--border-radius: 8px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--glow-blue: 0 0 20px rgba(59, 130, 246, .3);--glow-purple: 0 0 20px rgba(139, 92, 246, .3);--font-family: "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Consolas", monospace;--transition: .3s ease}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.cosmic-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 50% 50%,#0a0a2a,#020205);overflow:hidden;pointer-events:none}.cosmic-background .nebula{position:absolute;width:150%;height:150%;background:radial-gradient(circle at 30% 30%,rgba(59,130,246,.12) 0%,transparent 45%),radial-gradient(circle at 70% 70%,rgba(139,92,246,.1) 0%,transparent 45%);filter:blur(100px);animation:moveNebula 40s infinite alternate ease-in-out;will-change:transform,opacity;top:-25%;left:-25%}@keyframes moveNebula{0%{transform:rotate(0) scale(1);opacity:.5}50%{transform:rotate(10deg) scale(1.1);opacity:.8}to{transform:rotate(-10deg) scale(1.05);opacity:.6}}.app-container{display:grid;grid-template-rows:48px minmax(0,1fr);grid-template-columns:1fr 4px 350px;height:100vh;background:var(--bg-primary)}.left-column{display:flex;flex-direction:column;overflow:hidden;min-height:0}.chart-container{flex:1;position:relative;overflow:hidden;min-height:0}.right-panel-container{display:flex;flex-direction:column;background:var(--bg-secondary);border-left:1px solid var(--border-color);overflow-y:auto;overflow-x:hidden;min-height:0}@media(max-width:1024px){.app-container{grid-template-columns:1fr 4px 280px}}@media(max-width:768px){.app-container{grid-template-rows:48px 1fr auto auto;grid-template-columns:1fr;height:100vh;overflow:hidden}.left-column{order:1;flex:1;min-height:0}.right-panel-container{order:3;width:100%;height:auto;max-height:40%;border-left:none;border-top:1px solid var(--border-color);display:none}.bottom-panel{order:2;height:auto;min-height:200px;max-height:35vh;flex-shrink:0}.resize-handle-vertical,.resize-handle-horizontal{display:none}}.header{grid-column:1 / -1;background:#0f0f23cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--border-color);gap:16px;z-index:100}.header-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.1rem;color:var(--text-primary);letter-spacing:-.5px}.header-logo img{width:40px!important;height:40px!important;filter:drop-shadow(0 0 5px var(--accent-blue))}.header-logo span{color:var(--text-primary)}.header-logo .brand-accent{color:var(--accent-blue)}.header-status{display:flex;align-items:center;gap:12px}@media(max-width:768px){.header{padding:0 10px}.header-logo{font-size:14px}.header-status{gap:8px}.header-status>div:nth-child(3){display:none}}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition)}.header-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.status-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--border-radius);font-size:12px;font-weight:500;transition:background var(--transition)}.status-badge.connected{background:var(--accent-green-dim);color:var(--accent-green)}.status-badge.disconnected{background:var(--accent-red-dim);color:var(--accent-red)}.status-dot{width:6px;height:6px;border-radius:50%}.status-dot.connected{background:var(--accent-green)}.status-dot.disconnected{background:var(--accent-red)}.killzone-badge{padding:4px 10px;border-radius:var(--border-radius);font-size:12px;font-weight:600}.killzone-badge.active{background:var(--accent-blue-dim);color:var(--accent-blue)}.killzone-badge.inactive{background:var(--bg-tertiary);color:var(--text-muted)}.header-replay-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#e0e0e0;font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition)}.header-replay-btn:hover{background:#252525;border-color:#444;color:#fff}.main-content{flex:1;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden;min-height:0}.chart-container{flex:1;min-height:0;position:relative;overflow:hidden}.right-panel{background:#0a0a1fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow-y:auto;display:flex;flex-direction:column}.right-panel::-webkit-scrollbar{width:6px}.right-panel::-webkit-scrollbar-track{background:transparent}.right-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.right-panel::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}@media(max-width:768px){.right-panel{border-top:1px solid var(--border-color);max-height:250px}.main-content{border-right:none}}.bottom-panel{-webkit-user-select:none;user-select:none;background:#050514e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-color);min-height:100px;max-height:400px;overflow:hidden;display:flex;flex-direction:column;flex-shrink:0}.bottom-tabs{display:flex;padding:0 16px;border-bottom:1px solid var(--border-color)}.bottom-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;font-size:.75rem;font-weight:700;color:var(--text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s}.bottom-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue);background:transparent}.bottom-tab svg{opacity:.7}.bottom-tab.active svg{opacity:1;color:var(--accent-blue)}.resize-handle-horizontal{height:4px;background:var(--border-color);cursor:ns-resize;flex-shrink:0;transition:background var(--transition)}.resize-handle-horizontal:hover{background:var(--accent-blue);box-shadow:var(--glow-blue)}.resize-handle-vertical{width:4px;background:var(--border-color);cursor:ew-resize;flex-shrink:0;transition:background var(--transition)}.resize-handle-vertical:hover{background:var(--accent-blue);box-shadow:var(--glow-blue)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);background:transparent;flex-shrink:0}.panel-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.status-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.status-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:16px;padding:16px;text-align:center;transition:all var(--transition)}.status-card:hover{border-color:var(--accent-blue);background:#ffffff0d}.status-card-label{font-size:.65rem;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.status-card-value{font-size:1.1rem;font-weight:800;font-family:var(--font-mono)}.status-card-value.green{color:var(--accent-green)}.status-card-value.red{color:var(--accent-red)}.status-card-value.blue{color:var(--accent-blue)}.status-card-value.yellow{color:var(--accent-orange)}.engine-log{background:#ffffff05;border:1px solid var(--border-color);border-radius:12px;padding:12px;margin-top:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.engine-log-header{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.engine-log-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:var(--border-radius);margin-bottom:4px;font-size:12px;transition:all var(--transition)}.engine-log-item:last-child{margin-bottom:0}.engine-log-item .symbol{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.engine-log-item .status{font-size:11px;font-weight:500;display:flex;align-items:center;gap:4px}.engine-log-item .status.locked{color:var(--accent-orange)}.engine-log-item .status.analyzing{color:var(--accent-green)}.engine-log-item.locked{background:#ff98001a;border-left:2px solid var(--accent-orange)}.engine-log-item.analyzing{background:#26a69a14;border-left:2px solid var(--accent-green)}.signal-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.signal-card:hover{border-color:var(--accent-blue);background:#ffffff0d;transform:translateY(-2px);box-shadow:0 10px 30px #0000004d,var(--glow-blue)}.trade-table th{text-align:left;padding:12px 16px;color:var(--text-secondary);font-weight:800;font-size:.65rem;text-transform:uppercase;letter-spacing:1.5px;border-bottom:2px solid var(--border-color);background:#0a0a1ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.trade-table td{padding:14px 16px;border-bottom:1px solid var(--border-color);font-family:var(--font-mono);font-size:11px;color:var(--text-primary)}.trade-table tbody tr{transition:all .2s;background:transparent}.trade-table tbody tr:hover{background:#ffffff08}.engine-log-empty{color:var(--text-muted);font-size:11px;text-align:center;padding:12px 0}.signal-list{display:flex;flex-direction:column;gap:8px}.signal-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:10px;transition:all var(--transition)}.signal-card:hover{border-color:var(--accent-blue);background:var(--bg-hover)}.signal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.signal-direction{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:2px;font-size:11px;font-weight:600}.signal-direction.long{background:var(--accent-green-dim);color:var(--accent-green)}.signal-direction.short{background:var(--accent-red-dim);color:var(--accent-red)}.signal-score{font-size:13px;font-weight:700;font-family:var(--font-mono)}.signal-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:11px}.signal-detail{text-align:center}.signal-detail-label{color:var(--text-muted);margin-bottom:2px;font-size:10px}.signal-detail-value{font-weight:600;font-family:var(--font-mono)}.signal-detail-value.entry{color:var(--text-primary)}.signal-detail-value.sl{color:var(--accent-red)}.signal-detail-value.tp{color:var(--accent-green)}.trade-table{width:100%;border-collapse:collapse;font-size:12px}.trade-table th{text-align:left;padding:8px 10px;color:var(--text-muted);font-weight:500;font-size:11px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);position:sticky;top:0}.trade-table td{padding:8px 10px;border-bottom:1px solid var(--border-color);font-family:var(--font-mono);font-size:11px}.trade-table tbody tr{transition:background var(--transition)}.trade-table tbody tr:hover{background:var(--bg-hover)}.pnl-positive{color:var(--accent-green);font-weight:600}.pnl-negative{color:var(--accent-red);font-weight:600}@media(max-width:768px){.trade-table th:nth-child(4),.trade-table td:nth-child(4),.trade-table th:nth-child(5),.trade-table td:nth-child(5){display:none}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;color:var(--text-muted);text-align:center}.empty-state-icon{font-size:28px;margin-bottom:8px;opacity:.5}.text-green{color:var(--accent-green)}.text-red{color:var(--accent-red)}.text-blue{color:var(--accent-blue)}.text-muted{color:var(--text-muted)}::selection{background:var(--accent-blue);color:#fff}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.bottom-panel{display:flex;flex-direction:column;background:var(--bg-secondary);border-top:1px solid var(--border-color);flex-shrink:0;overflow:hidden}.bottom-tab{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition);border-bottom:2px solid transparent;margin-bottom:-1px;padding:15px 20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .3s}.bottom-tab.active{border-bottom-color:var(--accent-blue)}.bottom-tab-content{flex:1;overflow-y:auto}.positions-container{height:100%}.positions-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:13px}.positions-table{width:100%;border-collapse:collapse;font-size:12px}.positions-table th{text-align:left;padding:8px 12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;font-size:10px;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.positions-table td{padding:10px 12px;border-bottom:1px solid var(--border-color)}.positions-table tbody tr:hover{background:var(--bg-hover)}.positions-table .symbol-cell{font-weight:600;font-family:var(--font-mono);color:var(--text-primary)}.positions-table .side-cell{display:flex;align-items:center;gap:4px;font-weight:600}.positions-table .side-cell.long{color:var(--accent-green)}.positions-table .side-cell.short{color:var(--accent-red)}.positions-table .price-cell{font-family:var(--font-mono);color:var(--text-secondary)}.positions-table .price-cell.current{color:var(--text-primary)}.positions-table .price-cell.tp{color:var(--accent-green)}.positions-table .price-cell.sl{color:var(--accent-red)}.positions-table .pnl-cell{font-weight:600;font-family:var(--font-mono)}.positions-table .pnl-cell.profit{color:var(--accent-green)}.positions-table .pnl-cell.loss{color:var(--accent-red)}.watchlist{display:flex;flex-direction:column;gap:8px}.watchlist-header{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:0 4px}.watchlist-items{display:flex;flex-wrap:wrap;gap:8px}.watchlist-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition);min-width:200px;flex:1}.watchlist-item:hover{background:var(--bg-tertiary);border-color:var(--border-light)}.watchlist-item.selected{border-color:var(--accent-blue);background:var(--accent-blue-dim)}.watchlist-symbol{display:flex;flex-direction:column;gap:2px}.watchlist-symbol .symbol-name{font-weight:600;font-size:13px;color:var(--text-primary);font-family:var(--font-mono)}.watchlist-symbol .symbol-type{font-size:10px;color:var(--text-muted);text-transform:uppercase}.watchlist-price{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.watchlist-price .price-value{font-family:var(--font-mono);font-weight:600;font-size:13px;color:var(--text-primary)}.watchlist-price .price-change{font-size:11px;font-weight:500;display:flex;align-items:center;gap:3px}.watchlist-price .price-change.positive{color:var(--accent-green)}.watchlist-price .price-change.negative{color:var(--accent-red)}.performance{display:flex;flex-direction:column;gap:16px}.performance-tabs{display:flex;gap:8px;padding:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);width:fit-content}.perf-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:transparent;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;border-radius:4px;transition:all var(--transition)}.perf-tab:hover{color:var(--text-primary);background:#ffffff0d}.perf-tab.active{color:var(--text-primary);background:var(--accent-blue);box-shadow:0 4px 12px #2196f333}.perf-tab svg{opacity:.7}.perf-tab.active svg{opacity:1}.performance-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-muted);text-align:center}.performance-empty p{margin-top:12px;font-weight:600;color:var(--text-secondary)}.performance-empty span{font-size:12px;margin-top:4px}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.perf-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius)}.perf-card.main{background:linear-gradient(135deg,var(--accent-green-dim) 0%,var(--bg-secondary) 100%);border-color:#26a69a4d}.perf-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.perf-icon.win{background:var(--accent-green-dim);color:var(--accent-green)}.perf-icon.loss{background:var(--accent-red-dim);color:var(--accent-red)}.perf-icon.neutral{background:var(--accent-blue-dim);color:var(--accent-blue)}.perf-content{display:flex;flex-direction:column}.perf-value{font-size:18px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.perf-label{font-size:11px;color:var(--text-muted);text-transform:uppercase}.performance-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius)}.perf-detail-row{display:flex;justify-content:space-between;align-items:center;padding:6px 8px}.detail-label{font-size:12px;color:var(--text-secondary)}.detail-value{font-family:var(--font-mono);font-size:12px;font-weight:600}.detail-value.positive{color:var(--accent-green)}.detail-value.negative{color:var(--accent-red)}.performance-symbols{padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius)}.perf-section-header{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.symbol-perf-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color)}.symbol-perf-row:last-child{border-bottom:none}.symbol-perf-row .symbol-name{font-family:var(--font-mono);font-weight:600;font-size:12px}.symbol-stats{display:flex;gap:12px;align-items:center}.symbol-record{font-size:11px;color:var(--text-secondary)}.symbol-pips{font-family:var(--font-mono);font-size:12px;font-weight:600}.symbol-pips.positive{color:var(--accent-green)}.symbol-pips.negative{color:var(--accent-red)}.bot-status-panel{display:flex;flex-direction:column;gap:16px}.sidebar-watchlist-section{padding:0}.watchlist-header{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;padding:12px 16px;background:#ffffff05;border-bottom:1px solid var(--border-color);font-size:.65rem;color:var(--text-muted);font-weight:800;text-transform:uppercase;letter-spacing:1.5px}.header-symbol{text-align:left}.header-last,.header-chg,.header-pct{text-align:right}.watchlist-category{border-bottom:1px solid var(--border-color)}.category-header{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s}.category-header:hover{background:#ffffff08}.category-arrow{font-size:10px;color:var(--text-muted)}.category-title{font-size:.7rem;font-weight:800;color:var(--text-secondary);letter-spacing:1px}.watchlist-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border-left:2px solid transparent}.watchlist-row:hover{background:#ffffff0a;box-shadow:inset 0 0 10px #3b82f60d}.watchlist-row.active{background:#3b82f614;border-left-color:var(--accent-blue);box-shadow:inset 0 0 15px #3b82f61a}.watchlist-symbol{display:flex;gap:6px}.symbol-flag{display:none;font-size:12px}.watchlist-symbol .symbol-name{font-size:12px;font-weight:500;color:var(--text-primary)}.watchlist-price{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--text-primary);text-align:right}.watchlist-change{font-family:var(--font-mono);font-size:11px;text-align:right;min-width:60px}.watchlist-percent{font-family:var(--font-mono);font-size:11px;text-align:right;min-width:50px}.watchlist-change.positive,.watchlist-percent.positive{color:var(--accent-green)}.watchlist-change.negative,.watchlist-percent.negative{color:var(--accent-red)}.htf-bias-section{border-radius:var(--border-radius);padding:12px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:12px;font-weight:600;color:var(--text-secondary)}.section-badge{background:var(--bg-tertiary);color:var(--text-muted);padding:2px 6px;border-radius:2px;font-size:10px;font-weight:500}.htf-gauges{display:flex;justify-content:center}.htf-gauge-container{display:flex;flex-direction:column;align-items:center;padding:8px}.htf-gauge-symbol{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.htf-gauge-canvas{margin-bottom:8px}.htf-gauge-label{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.htf-gauge-details{display:flex;gap:12px;margin-top:6px}.htf-trend{font-size:10px;font-weight:500;padding:2px 6px;border-radius:2px;background:var(--bg-tertiary)}.htf-trend[data-trend=bullish]{background:var(--accent-green-dim);color:var(--accent-green)}.htf-trend[data-trend=bearish]{background:var(--accent-red-dim);color:var(--accent-red)}.htf-trend[data-trend=neutral]{background:var(--bg-tertiary);color:var(--text-muted)}.pipeline-status-section{padding:16px}.pipeline-status-list{display:flex;flex-direction:column;gap:12px}.pipeline-status-card{background:#ffffff05;border:1px solid var(--border-color);border-radius:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.pipeline-status-card:hover{background:#ffffff0a}.pipeline-symbol{font-family:var(--font-mono);font-size:.8rem;font-weight:800;color:var(--text-primary);margin-bottom:12px;letter-spacing:1px}.pipeline-steps{display:flex;flex-direction:column;gap:10px}.pipeline-step{display:flex;align-items:center;gap:12px;transition:opacity .3s}.step-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--text-muted)}.step-label{font-size:.75rem;font-weight:600;color:var(--text-muted)}.pipeline-step.passed .step-dot{background:var(--accent-green);box-shadow:0 0 10px #22c55e66}.pipeline-step.passed .step-label{color:var(--text-secondary)}.pipeline-step.active .step-dot{background:var(--accent-blue);box-shadow:0 0 15px var(--accent-blue);animation:statusPulse 2s infinite}.pipeline-step.active .step-label{color:var(--text-primary);font-weight:800}.pipeline-step.pending .step-dot{opacity:.3}.pipeline-step.pending .step-label{opacity:.4}.pipeline-status-card.market-closed{border-color:#ef444433}.market-closed-msg{font-size:11px;color:var(--accent-red);font-weight:600}@keyframes statusPulse{0%,to{transform:scale(1);opacity:1;filter:brightness(1)}50%{transform:scale(1.2);opacity:.8;filter:brightness(1.5)}}.killzone-timing-section{margin-top:12px;padding:10px;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.killzone-timing-loading{text-align:center;color:var(--text-muted);font-size:11px;padding:8px 0}.killzone-active-status,.killzone-inactive-status{display:flex;justify-content:center;margin-bottom:8px}.killzone-badge-active{background:var(--accent-green-dim);color:var(--accent-green);padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:6px}.killzone-badge-inactive{background:var(--accent-blue-dim);color:var(--accent-blue);padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:6px}.killzone-countdown{display:flex;justify-content:center;align-items:center;gap:8px;padding:6px 0}.countdown-label{font-size:11px;color:var(--text-muted)}.countdown-value{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--accent-green)}.killzone-next-info{display:flex;flex-direction:column;align-items:center;gap:4px}.next-label{font-size:11px;color:var(--text-secondary);font-weight:500}.next-countdown{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text-primary)}@keyframes countdownPulse{0%,to{opacity:1}50%{opacity:.7}}.killzone-badge-active{animation:countdownPulse 2s ease-in-out infinite}.replay-controls{position:relative;width:100%;height:48px;background:linear-gradient(180deg,#1e222dfa,#131722);border-top:1px solid rgba(99,102,241,.3);border-bottom:1px solid rgba(99,102,241,.2);display:flex;align-items:center;gap:16px;padding:0 16px;z-index:5;flex-shrink:0}.replay-btn{width:32px;height:32px;border:none;border-radius:6px;background:var(--bg-tertiary);color:var(--text-primary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.replay-btn:hover:not(:disabled){background:var(--bg-hover);transform:scale(1.05)}.replay-btn:disabled{opacity:.4;cursor:not-allowed}.replay-btn.play-btn{width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#8b5cf6);font-size:16px}.replay-btn.play-btn:hover{box-shadow:0 0 20px #6366f166}.replay-btn.exit-btn{background:#ef444433;color:#ef5350}.replay-btn.exit-btn:hover{background:#ef44444d}.replay-playback{display:flex;align-items:center;gap:8px}.replay-speed{display:flex;align-items:center;gap:4px;background:var(--bg-primary);padding:4px;border-radius:6px}.speed-btn{padding:4px 10px;border:none;border-radius:4px;background:transparent;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--transition)}.speed-btn:hover{color:var(--text-primary)}.speed-btn.active{background:var(--accent-blue);color:#fff}.replay-progress-container{flex:1;display:flex;flex-direction:column;gap:4px}.replay-progress-bar{height:6px;background:var(--bg-tertiary);border-radius:3px;cursor:pointer;overflow:hidden}.replay-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;transition:width .1s ease}.replay-time-info{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.replay-date{color:var(--text-secondary)}.replay-counter{color:var(--text-muted)}.replay-mode-selector{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.replay-selector-content{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:24px 32px;min-width:320px;box-shadow:0 20px 60px #00000080}.replay-selector-content h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px;display:flex;align-items:center;gap:8px}.replay-selector-content p{font-size:13px;color:var(--text-muted);margin-bottom:20px}.month-options{display:flex;gap:12px;margin-bottom:24px}.month-btn{flex:1;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition)}.month-btn:hover{border-color:var(--accent-blue);color:var(--text-primary)}.month-btn.active{background:linear-gradient(135deg,#6366f133,#8b5cf633);border-color:#8b5cf6;color:#a78bfa}.replay-selector-actions{display:flex;gap:12px}.cancel-btn{flex:1;padding:10px 20px;border:1px solid var(--border-color);border-radius:6px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition)}.cancel-btn:hover{background:var(--bg-hover)}.start-btn{flex:2;padding:10px 20px;border:none;border-radius:6px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition)}.start-btn:hover{box-shadow:0 4px 20px #6366f166;transform:translateY(-1px)}.loading-state{text-align:center;padding:20px 0}.loading-spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-top-color:#8b5cf6;border-radius:50%;margin:0 auto 16px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{margin-bottom:4px;color:var(--text-secondary)}.loading-hint{font-size:11px!important;color:var(--text-muted)!important}.replay-controls-wrapper{display:flex;flex-direction:column;flex-shrink:0}.strategy-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 12px;background:var(--bg-primary);border-radius:6px;-webkit-user-select:none;user-select:none}.strategy-toggle input{display:none}.toggle-slider{position:relative;width:36px;height:20px;background:var(--bg-tertiary);border-radius:10px;transition:all var(--transition)}.toggle-slider:before{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;background:var(--text-muted);border-radius:50%;transition:all var(--transition)}.strategy-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.strategy-toggle input:checked+.toggle-slider:before{left:18px;background:#fff}.toggle-label{font-size:11px;font-weight:600;color:var(--text-secondary)}.strategy-toggle input:checked~.toggle-label{color:#a78bfa}.replay-stats{display:flex;align-items:center;gap:12px;padding:6px 12px;background:var(--bg-primary);border-radius:6px;border-left:2px solid #8b5cf6}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:50px}.stat-label{font-size:9px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:12px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.stat-value.positive{color:var(--accent-green)}.stat-value.negative{color:var(--accent-red)}.optimizer-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;margin-top:12px;overflow:hidden}.optimizer-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.optimizer-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-primary)}.optimizer-title svg{color:var(--accent-blue)}.optimizer-config-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all var(--transition)}.optimizer-config-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.optimizer-status{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.optimizer-status .status-dot{width:6px;height:6px;border-radius:50%}.optimizer-config{padding:12px;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:10px}.config-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.config-row label{font-size:11px;color:var(--text-muted);min-width:80px}.config-row select,.config-row input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:4px 8px;font-size:11px;color:var(--text-primary);outline:none}.config-row select:focus,.config-row input:focus{border-color:var(--accent-blue)}.optimizer-progress{padding:10px 12px;border-bottom:1px solid var(--border-color)}.optimizer-progress .progress-bar{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden;margin-bottom:6px}.optimizer-progress .progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),#00d9ff);border-radius:2px;transition:width .3s ease}.optimizer-progress .progress-info{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted)}.optimizer-best{padding:10px 12px;border-bottom:1px solid var(--border-color)}.best-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--accent-green);margin-bottom:8px}.best-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.best-stats .stat{text-align:center}.best-stats .stat-label{font-size:9px;color:var(--text-muted);text-transform:uppercase;margin-bottom:2px}.best-stats .stat-value{font-size:12px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.best-params{display:flex;flex-wrap:wrap;gap:4px}.param-badge{display:inline-block;padding:2px 6px;background:var(--accent-blue-dim);color:var(--accent-blue);border-radius:3px;font-size:9px;font-family:var(--font-mono)}.optimizer-error{padding:8px 12px;background:var(--accent-red-dim);color:var(--accent-red);font-size:11px;margin:8px 12px;border-radius:4px}.optimizer-controls{padding:10px 12px;display:flex;gap:8px}.opt-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all var(--transition)}.opt-btn.start{background:var(--accent-blue);color:#fff}.opt-btn.start:hover:not(:disabled){background:var(--accent-blue-hover)}.opt-btn.start:disabled{opacity:.6;cursor:not-allowed}.opt-btn.pause{background:var(--accent-orange);color:#fff}.opt-btn.pause:hover{opacity:.9}.opt-btn.resume{background:var(--accent-green);color:#fff}.opt-btn.resume:hover{opacity:.9}.opt-btn.stop{background:var(--accent-red);color:#fff}.opt-btn.stop:hover{opacity:.9}.opt-btn svg.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pipeline-status-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:0 4px}.pipeline-status-card{margin-bottom:0!important;padding:16px!important;background:#0a0a1f99!important;border:1px solid var(--border-color);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px!important}.pipeline-status-card.active-card{border-color:#3b82f666;background:linear-gradient(135deg,#0a0a1fe6,#1e1e3ccc)!important;box-shadow:0 0 15px #3b82f626,inset 0 0 0 1px #3b82f61a}.pipeline-status-card.in-trade{border-color:var(--accent-green);box-shadow:0 0 15px #10b98133}.pipeline-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pipeline-symbol{font-size:14px;font-weight:800;letter-spacing:.5px;color:var(--text-primary)}.pipeline-model-badge{font-size:10px;font-weight:700;color:var(--accent-blue);background:#3b82f61a;padding:3px 8px;border-radius:4px;border:1px solid rgba(59,130,246,.2);text-transform:uppercase;letter-spacing:.5px}.pipeline-steps{display:flex;flex-direction:column;gap:8px}.pipeline-step{display:flex;flex-direction:column;opacity:.5;transition:opacity .3s}.pipeline-step.passed,.pipeline-step.active{opacity:1}.step-main{display:flex;align-items:center;gap:10px}.step-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.step-dot.passed{background:var(--accent-green);box-shadow:0 0 5px var(--accent-green)}.step-dot.active{background:var(--accent-blue);box-shadow:0 0 8px var(--accent-blue);animation:pulse 2s infinite}.step-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.pipeline-step.passed .step-label{color:var(--text-primary);font-weight:600}.pipeline-step.active .step-label{color:var(--accent-blue);font-weight:700}.step-technical-details{margin-left:18px;margin-top:6px;font-size:11px;color:var(--text-primary);font-family:var(--font-mono);background:#0000004d;padding:8px 12px;border-radius:6px;border-left:3px solid var(--accent-blue);line-height:1.4}.pipeline-step.active .step-technical-details{border-color:var(--accent-blue);background:#3b82f614}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(.95);opacity:.8}}.watchlist-group{margin-bottom:12px}.group-title{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:4px 12px;background:#ffffff08;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:8px}.positions-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.positions-list,.trade-list{display:flex;flex-direction:column;gap:1px;flex:1;overflow-y:auto}.positions-header-row{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border-color);font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;background:#ffffff05;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.position-group-card{display:flex;flex-direction:column;background:#ffffff03;transition:all var(--transition)}.position-group-card:hover{background:#ffffff08}.position-row{display:flex;align-items:center;padding:12px 16px;font-size:12px;border-bottom:1px solid rgba(255,255,255,.03);color:var(--text-secondary)}.position-row:last-child{border-bottom:none}.group-header{cursor:pointer;font-weight:500}.group-header.profit{background:linear-gradient(90deg,rgba(16,185,129,.05) 0%,transparent 100%);border-left:2px solid var(--accent-green)}.group-header.loss{background:linear-gradient(90deg,rgba(239,68,68,.05) 0%,transparent 100%);border-left:2px solid var(--accent-red)}.group-header:hover{background:#ffffff0d!important}.position-legs{background:#0003;box-shadow:inset 0 2px 10px #0000001a}.child-row{padding-top:8px;padding-bottom:8px;font-size:11px}.child-row:hover{background:#ffffff05}.col-expand{width:32px;display:flex;justify-content:center;align-items:center;opacity:.5}.col-time{flex:0 0 120px;color:var(--text-muted);font-family:var(--font-mono);font-size:11px}.col-symbol{flex:0 0 110px;font-weight:700;color:var(--text-primary);display:flex;align-items:center}.col-side{flex:0 0 85px;display:flex;align-items:center;gap:6px;font-weight:700;font-size:10px;letter-spacing:.5px}.col-price{flex:1;font-family:var(--font-mono);color:var(--text-secondary)}.col-pnl{flex:0 0 100px;font-family:var(--font-mono);font-weight:700;text-align:right;font-size:12px}.col-status{flex:0 0 85px;text-align:right;font-weight:600;font-size:10px;letter-spacing:.5px;padding-right:16px}.col-rr{flex:0 0 55px;font-family:var(--font-mono);color:var(--text-secondary);font-weight:600;font-size:11px;text-align:center}.col-model{flex:0 0 90px;display:flex;align-items:center}.col-score{flex:0 0 60px;text-align:center;font-weight:700;color:var(--text-primary)}.model-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.model-badge.premium{background:linear-gradient(135deg,#8b5cf633,#3b82f633);color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.model-badge.basic{background:#ffffff14;color:var(--text-muted);border:1px solid rgba(255,255,255,.1)}.col-price.current{color:var(--text-primary);font-weight:600}.col-symbol.faded,.col-side.faded{opacity:.5;font-weight:500}.group-badge{display:inline-flex;align-items:center;gap:4px;background:#ffffff14;padding:2px 6px;border-radius:4px;font-size:9px;margin-left:8px;color:var(--text-primary);font-weight:600}.avg-label{font-size:9px;color:var(--text-muted);margin-left:4px;text-transform:uppercase}.col-side.long{color:var(--accent-green)}.col-side.short{color:var(--accent-red)}.col-pnl.profit{color:var(--accent-green);text-shadow:0 0 10px rgba(16,185,129,.2)}.col-pnl.loss{color:var(--accent-red);text-shadow:0 0 10px rgba(239,68,68,.2)}.col-pnl.pnl-positive{color:var(--accent-green)}.col-pnl.pnl-negative{color:var(--accent-red)}.tree-line{width:12px;height:100%;border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-left:50%;transform:translateY(-50%);opacity:.5}.tree-line.last{height:50%;border-bottom-left-radius:4px}.positions-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#0d1017f2;border-top:1px solid var(--border-color);position:sticky;bottom:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.summary-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.summary-item .label{font-size:10px;text-transform:uppercase;color:var(--text-muted);font-weight:600;letter-spacing:.5px}.summary-item .value{font-size:14px;font-weight:700;color:var(--text-primary);font-family:var(--font-mono);display:flex;align-items:baseline;gap:4px}.summary-item .value .sub{font-size:10px;color:var(--text-secondary);font-weight:500}.summary-item .value.profit{color:var(--accent-green);text-shadow:0 0 10px rgba(16,185,129,.2)}.summary-item .value.loss{color:var(--accent-red);text-shadow:0 0 10px rgba(239,68,68,.2)}.summary-item .separator{color:var(--border-color);margin:0 2px}.summary-divider{width:1px;height:24px;background:var(--border-color);margin:0 16px;opacity:.5}.toast-container{position:fixed;top:60px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#0f0f23f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-left:3px solid var(--accent-blue);border-radius:8px;box-shadow:0 8px 32px #0006;min-width:320px;max-width:400px;pointer-events:auto}.toast-enter{animation:toastSlideIn .3s ease-out forwards}.toast-exit{animation:toastSlideOut .3s ease-in forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-icon{flex-shrink:0;margin-top:2px}.toast-content{flex:1;min-width:0}.toast-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.toast-message{font-size:12px;color:var(--text-secondary);line-height:1.4}.toast-close{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .2s}.toast-close:hover{background:#ffffff1a;color:var(--text-primary)}.mobile-only-btn{display:none!important}@media(max-width:1024px){.mobile-only-btn{display:flex!important;margin-right:8px}.app-container{grid-template-rows:48px 1fr auto auto;grid-template-columns:100%!important;height:100vh;overflow:hidden}.left-column{order:1;flex:1;min-height:0}.right-panel-container{display:block!important;position:fixed;top:48px;right:0;bottom:0;width:85%!important;max-width:340px;height:auto;max-height:none;background:#0b0e14;border-left:1px solid var(--border-color);border-top:none;z-index:100;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:-5px 0 25px #00000080}.right-panel-container.open{transform:translate(0)}.resize-handle-vertical,.resize-handle-horizontal{display:none!important}.modal-content{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;border-radius:0!important;display:flex;flex-direction:column;margin:0!important}.modal-overlay{padding:0!important;align-items:flex-end}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}.bottom-panel{height:50vh!important;min-height:50vh!important;flex:0 0 50vh!important}.bottom-tabs{justify-content:center!important}.header{padding:0 8px;gap:8px}.header-logo span{display:none}.header-status{gap:6px}.header-status .header-replay-btn,.header-status>div:nth-child(3){display:none!important}.chart-info-overlay{flex-wrap:wrap;gap:8px!important;top:8px!important;left:8px!important}.chart-symbol{font-size:13px!important}.chart-price{font-size:13px!important;margin-left:6px!important}.chart-ohlc-stats{margin-left:0!important;font-size:9px!important;gap:6px!important;width:100%;margin-top:2px}}.chart-info-overlay{gap:15px}.chart-symbol{font-size:15px}.chart-price{font-size:14px}.chart-ohlc-stats{font-size:12px;gap:12px}