.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.header-left{display:flex;align-items:center;gap:1rem}.logo{display:flex;align-items:center;gap:.5rem}.logo-text{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.header-subtitle{font-size:.875rem;color:var(--text-secondary);font-weight:400}.header-demo-caption{font-size:.72rem;color:var(--accent-yellow);padding:.2rem .55rem;border:1px solid var(--border-color);border-radius:4px;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.refresh-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s;font-size:.875rem}.refresh-button:hover{background-color:var(--border-color);border-color:var(--accent-blue)}.refresh-button:active{transform:scale(.98)}.stock-selector{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.selector-left{display:flex;align-items:center;gap:1rem}.ticker-combobox{position:relative}.ticker-input{padding:.5rem 1rem;width:90px;height:36px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem;font-weight:600;outline:none;cursor:text}.ticker-input:hover{border-color:var(--accent-blue)}.ticker-input:focus{border-color:var(--accent-teal)}.ticker-dropdown{position:absolute;top:2.6rem;left:0;width:140px;max-height:220px;overflow-y:auto;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;z-index:50}.ticker-option{padding:.5rem .75rem;cursor:pointer;color:var(--text-primary)}.ticker-option:hover,.ticker-option.active{background-color:var(--border-color)}.ticker-option.selected{outline:1px solid var(--accent-blue)}.ticker-empty{padding:.5rem .75rem;color:var(--text-secondary)}.timeframe-buttons{display:flex;gap:.5rem}.timeframe-btn{padding:.5rem 1rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}.timeframe-btn:hover{background-color:var(--border-color);color:var(--text-primary)}.timeframe-btn.active{background-color:var(--accent-blue);border-color:var(--accent-blue);color:var(--text-primary)}.volume-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-secondary);font-size:.875rem}.volume-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-blue)}.chart-container{width:100%;height:100%;min-height:400px;background-color:var(--bg-secondary);border-radius:8px;padding:1rem}.chart-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:.875rem}.chart-tooltip{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;box-shadow:0 4px 6px var(--shadow)}.tooltip-date{font-weight:600;margin-bottom:.5rem;color:var(--text-primary);font-size:.875rem}.tooltip-row{display:flex;justify-content:space-between;gap:1rem;margin:.25rem 0;font-size:.75rem}.tooltip-row span:first-child{color:var(--text-secondary)}.tooltip-row span:last-child{color:var(--text-primary);font-weight:500}.tooltip-row .positive{color:var(--accent-green)}.tooltip-row .negative{color:var(--accent-red)}.forecast-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;height:100%;display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.panel-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.panel-tag{font-size:.75rem;padding:.25rem .5rem;background-color:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary)}.forecast-content{flex:1;display:flex;flex-direction:column;gap:1.5rem}.forecast-label{font-size:.875rem;color:var(--text-secondary)}.direction-indicator{display:flex;align-items:center;gap:1rem}.direction-arrow{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.direction-value{font-size:2rem;font-weight:600;color:var(--text-primary)}.confidence-section{display:flex;flex-direction:column;gap:.75rem}.confidence-label{font-size:.875rem;color:var(--text-secondary)}.confidence-bar-container{width:100%;height:8px;background-color:var(--bg-tertiary);border-radius:4px;overflow:hidden}.confidence-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.confidence-class{font-size:.875rem;font-weight:500;color:var(--text-primary)}.forecast-note{font-size:.75rem;color:var(--text-muted);margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}.sentiment-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;height:100%;display:flex;flex-direction:column}.sentiment-tabs{display:flex;gap:.5rem}.sentiment-chart-container{flex:1;min-height:200px;margin-top:1rem}.sentiment-tooltip{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:.5rem .75rem;box-shadow:0 4px 6px var(--shadow)}.tooltip-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem}.tooltip-value{font-size:.875rem;color:var(--text-primary);font-weight:500}.backtest-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;height:100%;display:flex;flex-direction:column}.backtest-tabs{display:flex;gap:.5rem}.tab-btn{padding:.375rem .75rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s}.tab-btn:hover{background-color:var(--border-color);color:var(--text-primary)}.tab-btn.active{background-color:var(--accent-blue);border-color:var(--accent-blue);color:var(--text-primary)}.backtest-metrics{flex:1;display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.metric-row:last-child{border-bottom:none}.metric-label{font-size:.875rem;color:var(--text-secondary)}.metric-value{font-size:.875rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.metric-change{font-size:.75rem;font-weight:500}.metric-change.positive{color:var(--accent-green)}.metric-change.negative{color:var(--accent-red)}.metric-pct{font-size:.75rem;color:var(--text-muted);font-weight:400;margin-left:.25rem}.loading-placeholder,.metric-note{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.875rem}.backtest-note{font-size:.75rem;color:var(--text-muted);margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}.backtest-chart-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;height:100%;display:flex;flex-direction:column}.chart-change{font-size:.875rem;font-weight:600}.chart-change.positive{color:var(--accent-green)}.chart-change.negative{color:var(--accent-red)}.backtest-chart-container{flex:1;min-height:200px;margin-top:1rem}.chart-footer{display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);font-size:.75rem;color:var(--text-muted)}.chart-sources,.chart-status{font-size:.75rem;color:var(--text-muted)}.headlines-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;height:100%;display:flex;flex-direction:column}.headlines-list{flex:1;display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.headline-item{display:flex;align-items:flex-start;gap:1rem;padding:.75rem;background-color:var(--bg-tertiary);border-radius:6px;transition:background-color .2s;cursor:pointer}.headline-item:hover{background-color:var(--border-color)}.headline-sentiment{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:60px}.sentiment-score{font-size:.875rem;font-weight:600}.sentiment-icon{display:flex;align-items:center;justify-content:center}.headline-text{flex:1;font-size:.875rem;color:var(--text-primary);line-height:1.5}.headline-arrow{color:var(--accent-blue);margin-left:.25rem}.headlines-placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.875rem}.app{min-height:100vh;background-color:var(--bg-primary);display:flex;flex-direction:column}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:.875rem}.dashboard-container{flex:1;display:flex;flex-direction:column;padding:1.5rem;gap:1.5rem;max-width:1920px;margin:0 auto;width:100%}.dashboard-top{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;min-height:500px}.dashboard-left-top{display:flex;flex-direction:column;gap:0}.main-chart-container{flex:1;min-height:400px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.dashboard-right-top{display:flex;flex-direction:column;gap:1.5rem}.dashboard-bottom{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:1.5rem;min-height:300px}.dashboard-left-bottom,.dashboard-center-bottom,.dashboard-right-bottom{display:flex;flex-direction:column}.error-banner{position:fixed;bottom:1rem;right:1rem;padding:1rem 1.5rem;background-color:var(--accent-yellow);color:var(--bg-primary);border-radius:6px;font-size:.875rem;box-shadow:0 4px 6px var(--shadow);z-index:1000;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1400px){.dashboard-top,.dashboard-bottom{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-container{padding:1rem;gap:1rem}.dashboard-top,.dashboard-bottom{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0e27;--bg-secondary: #131829;--bg-tertiary: #1a1f35;--border-color: #2a2f45;--text-primary: #e8eaf0;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent-blue: #3b82f6;--accent-teal: #14b8a6;--accent-green: #10b981;--accent-red: #ef4444;--accent-yellow: #f59e0b;--shadow: rgba(0, 0, 0, .3)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}code{font-family:Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}