.strategy-card{background-color:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:12px;padding:1.5rem;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:block}.strategy-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 10px 40px #3b82f633}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.strategy-info{flex-direction:column;gap:.25rem;display:flex}.strategy-name{font-size:1.125rem;font-weight:600}.strategy-type{color:var(--text-secondary);font-size:.75rem}.status-badge{text-transform:uppercase;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-badge.active{color:var(--success);background-color:#10b98133}.status-badge.paused{color:#f59e0b;background-color:#f59e0b33}.status-badge.draft{color:var(--text-secondary);background-color:#94a3b833}.card-metrics{border-bottom:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;display:grid}.metric{flex-direction:column;gap:.25rem;display:flex}.metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;font-size:.6875rem}.card-preview{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.preview-section{align-items:center;gap:.75rem;display:flex}.preview-label{color:var(--text-secondary);min-width:70px;font-size:.75rem}.indicator-tags{flex-wrap:wrap;gap:.375rem;display:flex}.indicator-tag{background-color:var(--bg-card);border-radius:4px;padding:.25rem .5rem;font-size:.6875rem;font-weight:500}.symbol-tags{flex-wrap:wrap;gap:.375rem;display:flex}.symbol-tag{background-color:var(--bg-card);border-radius:4px;padding:.25rem .5rem;font-size:.6875rem;font-weight:500}.symbol-tag.more{color:var(--text-secondary)}.card-footer{border-top:1px solid var(--border);justify-content:space-between;padding-top:1rem;display:flex}.footer-label{color:var(--text-secondary);font-size:.75rem}.summary-metrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.metric-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;display:flex}.metric-icon{border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;font-size:2rem;display:flex}.metric-icon.allocation{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.metric-icon.pnl{background:linear-gradient(135deg,#10b981,#059669)}.metric-icon.strategies{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.metric-icon.sharpe{background:linear-gradient(135deg,#f59e0b,#d97706)}.metric-info{flex-direction:column;display:flex}.metric-title{color:var(--text-secondary);font-size:.875rem}.metric-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.dashboard{flex-direction:column;gap:2rem;display:flex}.dashboard-header{justify-content:space-between;align-items:flex-start;display:flex}.dashboard-header h1{margin-bottom:.25rem;font-size:2rem;font-weight:700}.last-updated{color:var(--text-secondary);font-size:.875rem}.strategies-grid{flex-direction:column;gap:1.5rem;display:flex}.strategies-header{justify-content:space-between;align-items:center;display:flex}.strategies-header h2{color:var(--text-secondary);font-size:1.25rem}.filter-buttons{gap:.5rem;display:flex}.filter-buttons button{background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s}.filter-buttons button:hover{border-color:var(--text-secondary);color:var(--text-primary)}.filter-buttons button.active{background-color:var(--accent);border-color:var(--accent);color:#fff}.cards-container{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.loading-state,.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p,.empty-state p{color:var(--text-secondary);margin-bottom:1.5rem}.empty-strategies{background-color:var(--bg-secondary);border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-strategies h3{margin-bottom:.5rem;font-size:1.25rem}.empty-strategies p{color:var(--text-secondary);margin-bottom:1.5rem}.live-monitoring{flex-direction:column;gap:1.5rem;display:flex}.live-header{justify-content:space-between;align-items:flex-start;display:flex}.live-status{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.status-indicator{background-color:var(--text-secondary);border-radius:50%;width:10px;height:10px}.status-indicator.live{background-color:var(--success);animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.current-time{color:var(--text-secondary);font-family:monospace;font-size:.875rem}.live-market-data-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;display:flex}.live-market-data-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.live-market-data-row h3{color:var(--text-primary);margin:0;font-size:1rem}.market-data-subtitle{color:var(--text-secondary);margin:.25rem 0 0;font-size:.8125rem}.feed-status{border-radius:999px;padding:.35rem .6rem;font-size:.75rem;font-weight:600}.feed-status.connected{color:var(--success);background:#10b98129}.feed-status.disconnected{color:var(--danger);background:#ef444429}.live-market-data-controls{align-items:center;gap:.6rem;display:flex}.live-market-data-controls label{color:var(--text-secondary);font-size:.8125rem}.live-quote-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem;display:grid}.quote-item{border:1px solid var(--border);background-color:var(--bg-card);border-radius:8px;padding:.65rem}.quote-item span{color:var(--text-secondary);text-transform:uppercase;font-size:.72rem;display:block}.quote-item strong{color:var(--text-primary);font-size:1rem}.market-data-note{color:var(--text-secondary);margin:0;font-size:.85rem}.market-data-footer{color:var(--text-secondary);justify-content:space-between;font-size:.75rem;display:flex}.market-data-error{color:var(--danger);margin:0;font-size:.8rem}.live-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.live-metric-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.live-metric-label{color:var(--text-secondary);text-transform:uppercase;font-size:.75rem}.live-metric-value{font-size:1.5rem;font-weight:700}.live-metric-value.positive{color:var(--success)}.live-metric-value.negative{color:var(--danger)}.live-grid{display:block}.live-panel.pnl-chart{box-sizing:border-box;width:100%;margin:0;padding:1.5rem}.lightweight-chart-wrapper{border-radius:6px;min-height:350px;overflow:hidden;width:100%!important}.tradingview-chart-wrapper{border-radius:6px;width:100%;min-height:500px;position:relative;overflow:hidden}.tradingview-chart-wrapper>div{height:500px}.live-panel{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px}.live-panel h3{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1rem;display:flex}.live-price-badge{border-radius:6px;padding:.2rem .6rem;font-family:monospace;font-size:.875rem;font-weight:600}.live-price-badge.up{color:#10b981;background:#10b98126}.live-price-badge.down{color:#ef4444;background:#ef444426}.lightweight-chart-wrapper{border-radius:6px;width:100%;min-height:350px;overflow:hidden}.data-source-badge{letter-spacing:.05em;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.data-source-badge.live{color:#10b981;background:#10b9811f}.data-source-badge.history{color:#f59e0b;background:#f59e0b1f}.allocation-legend{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.allocation-bars{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.alloc-bar{align-items:center;gap:.75rem;display:flex}.alloc-bar-label{color:var(--text-secondary);align-items:center;gap:.5rem;min-width:80px;font-size:.8rem;display:flex}.alloc-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.alloc-bar-track{background-color:var(--bg-card);border-radius:3px;flex:1;height:6px;overflow:hidden}.alloc-bar-fill{border-radius:3px;height:100%;transition:width .4s}.alloc-bar-value{color:var(--text-primary);text-align:right;min-width:40px;font-family:monospace;font-size:.8rem}.legend-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.live-sections{flex-direction:column;gap:1.5rem;display:flex}.live-section{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden}.section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.section-header h3{color:var(--text-secondary);text-transform:uppercase;margin:0;font-size:1rem}.trade-count{color:var(--text-secondary);font-family:monospace;font-size:.8rem}.filter-select{background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.875rem}.filter-select:focus{border-color:var(--accent);outline:none}.btn-new-order{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s}.btn-new-order:hover{background-color:#2563eb}.positions-table,.orders-table{overflow-x:auto}.positions-table table,.orders-table table{border-collapse:collapse;width:100%}.positions-table th,.positions-table td,.orders-table th,.orders-table td{text-align:left;border-bottom:1px solid var(--border);padding:.875rem 1rem}.positions-table th,.orders-table th{background-color:var(--bg-card);color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;font-weight:500}.positions-table td,.orders-table td{font-size:.875rem}.positions-table tr:hover,.orders-table tr:hover{background-color:var(--bg-card)}.symbol-cell{font-weight:600}.strategy-cell{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.side-badge{border-radius:4px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.side-badge.long{color:var(--success);background-color:#10b98133}.side-badge.short{color:var(--danger);background-color:#ef444433}.order-type{background-color:var(--bg-card);border-radius:4px;padding:.25rem .625rem;font-size:.75rem}.time-cell{color:var(--text-secondary);font-family:monospace}.status-badge.small{text-transform:uppercase;border-radius:4px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.status-badge.small.pending{color:#f59e0b;background-color:#f59e0b33}.status-badge.small.filling{color:var(--accent);background-color:#3b82f633}.action-buttons{gap:.5rem;display:flex}.btn-close,.btn-adjust,.btn-cancel{cursor:pointer;border:1px solid var(--border);background-color:var(--bg-card);color:var(--text-primary);border-radius:4px;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.btn-close:hover,.btn-adjust:hover,.btn-cancel:hover{border-color:var(--accent);color:var(--accent)}.btn-cancel{border-color:var(--danger);color:var(--danger)}.btn-cancel:hover{background-color:var(--danger);color:#fff}@media (width<=1024px){.live-quote-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.live-grid{grid-template-columns:1fr}}@media (width<=640px){.live-market-data-row,.live-market-data-controls{flex-direction:column;align-items:flex-start}.live-quote-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-data-footer{flex-direction:column;gap:.35rem}}.strategy-detail{flex-direction:column;gap:1.5rem;max-width:1200px;display:flex}.detail-header{flex-direction:column;gap:1.5rem;display:flex}.back-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;width:fit-content;padding:.5rem 0;font-size:.9375rem;transition:color .2s}.back-button:hover{color:var(--accent)}.strategy-title{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.strategy-title h1{margin:0;font-size:2rem}.strategy-type-badge{background-color:var(--bg-card);color:var(--text-secondary);border-radius:6px;padding:.375rem .875rem;font-size:.8125rem;font-weight:500}.action-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.action-btn{cursor:pointer;border:1px solid var(--border);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.action-btn svg{width:18px;height:18px}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.play{background-color:var(--success);border-color:var(--success);color:#fff}.action-btn.play:hover:not(:disabled){background-color:#059669}.action-btn.pause{color:#fff;background-color:#f59e0b;border-color:#f59e0b}.action-btn.pause:hover:not(:disabled){background-color:#d97706}.action-btn.edit{background-color:var(--bg-card)}.action-btn.edit:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.action-btn.delete{background-color:var(--bg-card);color:var(--danger);border-color:var(--danger)}.action-btn.delete:hover:not(:disabled){background-color:var(--danger);color:#fff}.detail-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.detail-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.detail-card.full-width{grid-column:span 2}.detail-card h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem}.detail-card h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;margin-bottom:1rem;font-size:1rem}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.overview-item{flex-direction:column;gap:.375rem;display:flex}.overview-label{color:var(--text-secondary);text-transform:uppercase;font-size:.75rem}.overview-value{color:var(--text-primary);font-size:1rem;font-weight:600}.overview-value.status-active{color:var(--success)}.overview-value.status-paused{color:#f59e0b}.overview-value.status-draft{color:var(--text-secondary)}.symbol-list{flex-wrap:wrap;gap:.375rem;display:flex}.symbol-badge{background-color:var(--bg-card);border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.indicator-item{background-color:var(--bg-card);border-radius:6px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem;display:flex}.indicator-item:last-child{margin-bottom:0}.indicator-name{flex:1;font-weight:500}.indicator-type{color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:4px;padding:.125rem .5rem;font-size:.75rem}.indicator-param{color:var(--text-secondary);font-size:.75rem}.rule-item{background-color:var(--bg-card);border-radius:6px;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;padding:.75rem;display:flex}.rule-item:last-child{margin-bottom:0}.rule-item.long{border-left:3px solid var(--success)}.rule-item.short{border-left:3px solid var(--danger)}.rule-label{min-width:70px;font-size:.8125rem;font-weight:600}.rule-item.long .rule-label{color:var(--success)}.rule-item.short .rule-label{color:var(--danger)}.rule-condition{color:var(--text-secondary);font-size:.875rem}.risk-list{flex-direction:column;gap:.5rem;display:flex}.risk-item{background-color:var(--bg-card);border-radius:6px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.deployment-list{flex-direction:column;gap:.5rem;display:flex}.deployment-item{background-color:var(--bg-card);border-radius:6px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.deployment-label{color:var(--text-secondary);font-size:.8125rem}.deployment-value{text-align:right;font-size:.875rem;font-weight:500}.metrics-list{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.metric-item{background-color:var(--bg-card);border-radius:6px;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.webhook-info{border-color:var(--accent)}.webhook-description{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem}.webhook-url{background-color:var(--bg-card);border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:1rem;display:flex}.webhook-url code{color:var(--accent);word-break:break-all;flex:1;font-family:Monaco,Menlo,Consolas,monospace;font-size:.8125rem}.btn-copy{background-color:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:background-color .2s}.btn-copy:hover{background-color:#2563eb}.webhook-note{color:var(--text-secondary);font-size:.75rem;font-style:italic}.loading-state,.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.loading-state p,.error-state p{color:var(--text-secondary)}.error-state h2{margin-bottom:1.5rem}@media (width<=1024px){.detail-grid{grid-template-columns:1fr}.detail-card.full-width{grid-column:span 1}.metrics-list{grid-template-columns:1fr}}@media (width<=640px){.action-buttons{flex-direction:column}.action-btn{justify-content:center}.strategy-title h1{font-size:1.5rem}}.strategy-builder{flex-direction:column;gap:2rem;max-width:1000px;display:flex}.builder-header{justify-content:space-between;align-items:flex-start;display:flex}.builder-header h1{margin-bottom:.25rem;font-size:2rem}.page-description{color:var(--text-secondary)}.builder-actions{align-items:center;gap:.75rem;display:flex}.builder-actions button{cursor:pointer;border:1px solid var(--border);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:8px;padding:.625rem 1.25rem;font-weight:500;transition:all .2s}.builder-actions button:hover:not(:disabled){border-color:var(--accent)}.builder-actions button:disabled{opacity:.5;cursor:not-allowed}.builder-actions .btn-primary{background-color:var(--accent);border-color:var(--accent)}.builder-actions .btn-primary:hover:not(:disabled){background-color:#2563eb}.builder-section{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.builder-section h2{color:var(--text-secondary);margin-bottom:1rem;font-size:1.125rem}.preset-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.preset-card{background-color:var(--bg-card);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:8px;flex-direction:column;gap:.5rem;padding:1.5rem;transition:all .2s;display:flex}.preset-card:hover{border-color:var(--accent);transform:translateY(-2px)}.preset-card.selected{border-color:var(--success);background-color:#10b9811a}.preset-icon{font-size:2rem}.preset-name{font-size:1rem;font-weight:600}.preset-description{color:var(--text-secondary);font-size:.8125rem}.bar-interval-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;display:grid}.bar-interval-btn{background-color:var(--bg-card);border:2px solid var(--border);cursor:pointer;color:var(--text-primary);border-radius:8px;flex-direction:column;gap:.35rem;padding:.875rem 1rem;transition:all .15s;display:flex}.bar-interval-btn:hover{border-color:var(--accent);background-color:#3b82f60d}.bar-interval-btn.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background-color:#3b82f61f}.bar-interval-label{font-size:1rem;font-weight:600}.bar-interval-desc{color:var(--text-secondary);font-size:.75rem}.parameters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.param-input{flex-direction:column;gap:.5rem;display:flex}.symbols-input{flex-direction:column;gap:.75rem;display:flex}.symbol-search-container{position:relative}.symbols-hint{color:var(--text-secondary);margin-top:-.5rem;font-size:.75rem}.selected-symbol{background-color:var(--bg-card);border:1px solid var(--success);border-radius:8px;align-items:center;gap:.75rem;margin-top:.75rem;padding:.75rem 1rem;display:flex}.selected-symbol-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.selected-symbol-value{color:var(--success);font-size:1rem;font-weight:700}.btn-clear-symbol{background-color:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:6px;margin-left:auto;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.btn-clear-symbol:hover{border-color:var(--danger);color:var(--danger)}.loading-indicator{color:var(--text-secondary);font-size:.75rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.suggestions-dropdown{background-color:var(--bg-secondary);border:1px solid var(--border);z-index:1000;border-radius:8px;max-height:300px;margin-top:.25rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.suggestion-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 1rem;transition:background-color .2s;display:flex}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:var(--bg-card)}.suggestion-symbol{min-width:80px;color:var(--text-primary);font-size:.9375rem;font-weight:600}.suggestion-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8125rem;overflow:hidden}.suggestion-exchange{background-color:var(--bg-card);color:var(--text-secondary);border-radius:4px;padding:.125rem .5rem;font-size:.6875rem}.symbols-list{flex-wrap:wrap;gap:.5rem;display:flex}.symbol-tag{background-color:var(--bg-card);border:1px solid var(--border);border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;display:flex}.symbol-tag button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:1rem;display:flex}.symbol-tag button:hover{color:var(--danger)}.risk-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.risk-input{flex-direction:column;gap:.5rem;display:flex}.strategy-preview{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.preview-card{background-color:var(--bg-card);border-radius:8px;padding:1rem}.preview-card h3{color:var(--text-secondary);margin-bottom:.75rem;font-size:.875rem}.preview-card ul{margin:0;padding:0;list-style:none}.preview-card li{border-bottom:1px solid var(--border);padding:.375rem 0;font-size:.875rem}.preview-card li:last-child{border-bottom:none}.preview-card strong{color:var(--text-primary)}.preview-card p{color:var(--text-secondary);margin:.375rem 0;font-size:.875rem}.modal-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;width:100%;max-width:500px;padding:2rem}.modal-content h2{margin-bottom:.5rem;font-size:1.5rem}.modal-content>p{color:var(--text-secondary);margin-bottom:1.5rem}.save-summary{background-color:var(--bg-card);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.save-summary p{margin:.5rem 0;font-size:.875rem}.save-summary strong{color:var(--text-secondary)}.modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.modal-actions button{cursor:pointer;border:1px solid var(--border);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:8px;padding:.625rem 1.25rem;font-weight:500;transition:all .2s}.modal-actions .btn-secondary{background-color:var(--bg-card)}.modal-actions .btn-primary{background-color:var(--accent);border-color:var(--accent)}.backtesting{flex-direction:column;gap:1.5rem;display:flex}.backtest-header{margin-bottom:1rem}.backtest-config{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:1.5rem;padding:1.5rem;display:flex}.config-section{flex-direction:column;gap:.5rem;display:flex}.config-row{flex-wrap:wrap;gap:1.5rem;display:flex}.btn-run{background-color:var(--success);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.625rem 2rem;font-weight:600;transition:all .2s}.btn-run:hover:not(.disabled){background-color:#059669;transform:translateY(-2px)}.btn-run.disabled{opacity:.5;cursor:not-allowed}.backtest-tabs{border-bottom:1px solid var(--border);gap:.5rem;display:flex}.backtest-tabs button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.backtest-tabs button:hover{color:var(--text-primary)}.backtest-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.metric-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.metric-label{color:var(--text-secondary);text-transform:uppercase;font-size:.75rem}.metric-value{font-size:1.5rem;font-weight:700}.metric-value.positive{color:var(--success)}.metric-value.negative{color:var(--danger)}.equity-chart-container{background-color:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.equity-chart-container h3{color:var(--text-secondary);margin-bottom:1rem;font-size:1rem}.trade-log{overflow-x:auto}.trade-log table{border-collapse:collapse;width:100%}.trade-log th,.trade-log td{text-align:left;border-bottom:1px solid var(--border);padding:.875rem 1rem}.trade-log th{background-color:var(--bg-card);color:var(--text-secondary);text-transform:uppercase;font-size:.875rem;font-weight:500}.trade-log td{font-size:.875rem}.trade-log tr:hover{background-color:var(--bg-card)}.trade-type{border-radius:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.trade-type.long{color:var(--success);background-color:#10b98133}.trade-type.short{color:var(--danger);background-color:#ef444433}.chart-container{background-color:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.chart-container h3{color:var(--text-secondary);margin-bottom:1rem;font-size:1rem}.analysis-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.analysis-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.analysis-card h4{color:var(--text-secondary);text-transform:uppercase;margin-bottom:1rem;font-size:.875rem}.analysis-card.full-width{grid-column:span 2}.returns-list{flex-direction:column;gap:.75rem;display:flex}.return-item{background-color:var(--bg-secondary);border-radius:6px;justify-content:space-between;padding:.75rem;display:flex}.distribution-stats{flex-direction:column;gap:.75rem;display:flex}.dist-item{background-color:var(--bg-secondary);border-radius:6px;justify-content:space-between;padding:.75rem;display:flex}.dist-label{color:var(--text-secondary)}.dist-value{font-weight:600}.dist-value.positive{color:var(--success)}.dist-value.negative{color:var(--danger)}.risk-analysis-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.risk-stat{background-color:var(--bg-secondary);border-radius:6px;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.risk-label{color:var(--text-secondary);font-size:.75rem}.risk-value{font-size:1.125rem;font-weight:600}.risk-value.positive{color:var(--success)}.empty-backtest,.running-backtest{background-color:var(--bg-secondary);border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-icon{margin-bottom:1rem;font-size:4rem}.empty-backtest h3{margin-bottom:.5rem;font-size:1.25rem}.empty-backtest p{color:var(--text-secondary)}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}@media (width<=1024px){.analysis-grid{grid-template-columns:1fr}.analysis-card.full-width{grid-column:span 1}.risk-analysis-grid{grid-template-columns:repeat(2,1fr)}}.auth-page{background-color:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-container{width:100%;max-width:440px}.auth-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:2.5rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.auth-header p{color:var(--text-secondary);font-size:.9375rem}.auth-error{border:1px solid var(--danger);color:var(--danger);background-color:#ef44441a;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.auth-error button{color:var(--danger);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.25rem;display:flex}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.form-label-row{justify-content:space-between;align-items:center;display:flex}.forgot-link{color:var(--accent);font-size:.8125rem;text-decoration:none;transition:color .2s}.forgot-link:hover{color:#60a5fa}.form-checkbox{align-items:center;gap:.5rem;display:flex}.form-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent)}.form-checkbox label{color:var(--text-secondary);cursor:pointer;font-size:.875rem}.btn-full{width:100%}.auth-divider{align-items:center;margin:1.5rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background-color:var(--border);flex:1;height:1px}.auth-divider span{color:var(--text-secondary);padding:0 1rem;font-size:.8125rem}.btn-google{background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.btn-google:hover:not(:disabled){border-color:var(--text-secondary);background-color:var(--bg-secondary)}.btn-google:disabled{opacity:.5;cursor:not-allowed}.google-icon{width:20px;height:20px}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:1.5rem;font-size:.875rem}.auth-footer a{color:var(--accent);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-success{border:1px solid var(--success);color:var(--success);background-color:#10b9811a;border-radius:8px;margin-bottom:1.5rem;padding:.875rem 1rem;font-size:.875rem}.password-strength{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.strength-bars{flex:1;gap:.25rem;display:flex}.strength-bar{background-color:var(--bg-card);border-radius:2px;flex:1;height:4px;transition:background-color .2s}.strength-bar.weak{background-color:var(--danger)}.strength-bar.medium{background-color:#f59e0b}.strength-bar.strong{background-color:var(--success)}.strength-text{color:var(--text-secondary);min-width:50px;font-size:.75rem}.password-match-error{color:var(--danger);margin-top:.25rem;font-size:.75rem;display:block}.auth-loading{background-color:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.auth-loading p{color:var(--text-secondary);font-size:.9375rem}.user-menu{position:relative}.user-menu-trigger{background-color:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.375rem .75rem .375rem .375rem;transition:all .2s;display:flex}.user-menu-trigger:hover{border-color:var(--text-secondary)}.user-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.user-avatar-placeholder{background:linear-gradient(135deg, var(--accent), #1d4ed8);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8125rem;font-weight:600;display:flex}.user-avatar-placeholder.large{width:48px;height:48px;font-size:1.25rem}.user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.875rem;font-weight:500;overflow:hidden}.chevron-icon{width:16px;height:16px;color:var(--text-secondary);transition:transform .2s}.chevron-icon.open{transform:rotate(180deg)}.user-menu-dropdown{background-color:var(--bg-secondary);border:1px solid var(--border);z-index:1000;border-radius:12px;width:280px;animation:.2s ease-out dropdownSlide;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 10px 40px #0006}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:1.25rem;display:flex}.user-avatar-large{object-fit:cover;border-radius:50%;width:48px;height:48px}.user-menu-info{flex-direction:column;flex:1;min-width:0;display:flex}.user-menu-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:600;overflow:hidden}.user-menu-email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.user-menu-items{padding:.5rem}.user-menu-item{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;text-decoration:none;transition:all .2s;display:flex}.user-menu-item:hover{background-color:var(--bg-card)}.user-menu-item.logout{color:var(--danger)}.user-menu-item.logout:hover{background-color:#ef44441a}.menu-icon{flex-shrink:0;width:18px;height:18px}.user-menu-divider{background-color:var(--border);height:1px;margin:.5rem 1rem}.profile-page{flex-direction:column;gap:1.5rem;display:flex}.profile-header{margin-bottom:1rem}.profile-header h1{margin-bottom:.25rem;font-size:2rem}.profile-header p{color:var(--text-secondary)}.profile-message{border-radius:8px;align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.profile-message.success{border:1px solid var(--success);color:var(--success);background-color:#10b9811a}.profile-message.error{border:1px solid var(--danger);color:var(--danger);background-color:#ef44441a}.profile-message span{font-size:1rem;font-weight:700}.profile-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.profile-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.profile-card-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.profile-card-header h2{font-size:1.125rem;font-weight:600}.btn-edit{background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s}.btn-edit:hover{border-color:var(--accent);color:var(--accent)}.edit-actions{gap:.5rem;display:flex}.btn-cancel,.btn-save{cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s}.btn-cancel{background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-primary)}.btn-cancel:hover{border-color:var(--text-secondary)}.btn-save{background-color:var(--accent);border:1px solid var(--accent);color:#fff}.btn-save:hover:not(:disabled){background-color:#2563eb}.btn-save:disabled{opacity:.5;cursor:not-allowed}.profile-avatar-section{background-color:var(--bg-card);border-radius:12px;flex-direction:column;align-items:center;margin-bottom:1.5rem;padding:1.5rem;display:flex}.profile-avatar{object-fit:cover;border-radius:50%;width:96px;height:96px;margin-bottom:1rem}.profile-avatar-placeholder{background:linear-gradient(135deg, var(--accent), #1d4ed8);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:1rem;font-size:2.5rem;font-weight:600;display:flex}.btn-change-avatar{background-color:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.8125rem;transition:all .2s}.btn-change-avatar:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text-primary)}.btn-change-avatar:disabled{opacity:.5;cursor:not-allowed}.avatar-note{color:var(--text-secondary);margin-top:.5rem;font-size:.75rem}.profile-form{flex-direction:column;gap:1.25rem;display:flex}.field-note{color:var(--text-secondary);margin-top:.25rem;font-size:.75rem;display:block}.ibkr-actions{align-items:center;gap:.75rem;display:flex}.ibkr-status{color:var(--text-secondary);font-size:.8125rem}.ibkr-status-connected{color:var(--success)}.ibkr-status-awaiting_user_login{color:var(--warning,#f59e0b)}.ibkr-status-error{color:var(--danger)}.danger-zone{border-color:#ef44444d}.danger-description{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem}.btn-danger{border:1px solid var(--danger);color:var(--danger);cursor:pointer;background-color:#0000;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-danger:hover:not(:disabled){background-color:var(--danger);color:#fff}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.danger-note{color:var(--text-secondary);margin-top:.5rem;font-size:.75rem;display:block}@media (width<=1024px){.profile-grid{grid-template-columns:1fr}}.app{min-height:100vh}.navbar{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.nav-brand a{color:var(--text-primary);font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-secondary);border-radius:6px;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text-primary);background-color:var(--bg-card)}.nav-links a.active{color:var(--text-primary);background-color:var(--accent)}.nav-auth{align-items:center;display:flex}.auth-buttons{gap:.75rem;display:flex}.btn-login,.btn-register{border-radius:8px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s}.btn-login{color:var(--text-primary);border:1px solid var(--border);background-color:#0000}.btn-login:hover{border-color:var(--text-secondary)}.btn-register{color:#fff;background-color:var(--accent);border:1px solid var(--accent)}.btn-register:hover{background-color:#2563eb}.main-content{max-width:1400px;margin:0 auto;padding:2rem}.form-select,.form-input,.form-date-input{background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;min-width:180px;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;transition:all .2s}.form-select:hover,.form-input:hover,.form-date-input:hover{border-color:var(--text-secondary)}.form-select:focus,.form-input:focus,.form-date-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #3b82f626}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px;padding-right:2.5rem}.form-select option{background-color:var(--bg-card);color:var(--text-primary);padding:.5rem}.form-date-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px;padding-right:2.5rem}.form-date-input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;right:0}.form-input[type=number]{appearance:textfield}.form-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-input[type=text]{width:100%}.form-select-sm,.form-input-sm{min-width:120px;padding:.375rem .625rem;font-size:.8125rem}.form-select-sm{background-position:right .5rem center;background-size:14px;padding-right:2rem}.form-select-lg,.form-input-lg{min-width:220px;padding:.75rem 1rem;font-size:.9375rem}.form-select-lg{background-position:right 1rem center;background-size:18px;padding-right:3rem}.form-select:disabled,.form-input:disabled,.form-date-input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-secondary)}.form-select.error,.form-input.error,.form-date-input.error{border-color:var(--danger)}.form-select.error:focus,.form-input.error:focus,.form-date-input.error:focus{box-shadow:0 0 0 3px #ef444426}.form-select.success,.form-input.success,.form-date-input.success{border-color:var(--success)}.form-select.success:focus,.form-input.success:focus,.form-date-input.success:focus{box-shadow:0 0 0 3px #10b98126}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-help{color:var(--text-secondary);margin-top:.25rem;font-size:.75rem}.form-help.error{color:var(--danger)}.filter-select{background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:14px;border-radius:6px;padding:.5rem 2rem .5rem 1rem;font-size:.8125rem;transition:all .2s}.filter-select:hover{border-color:var(--text-secondary)}.filter-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #3b82f626}:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--accent:#3b82f6;--success:#10b981;--danger:#ef4444;--border:#475569}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}