*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0b0f;--bg2:#10111a;--bg3:#161825;--bg4:#1c1e2e;--border:#1e2035;--border2:#282a42;--text:#e0e2f0;--text2:#8890b0;--text3:#555a78;--cyan:#00f0ff;--purple:#8b5cf6;--green:#0f8;--yellow:#fa0;--red:#f46;--orange:#f60;--font:"Inter",sans-serif;--mono:"JetBrains Mono",monospace;--sidebar-w:220px;--topbar-h:56px;--radius:8px;--radius-sm:4px}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);font-size:13px;line-height:1.5;overflow:hidden}#app{width:100vw;height:100vh;display:flex}a{color:var(--cyan);text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.sidebar{width:var(--sidebar-w);background:var(--bg2);border-right:1px solid var(--border);z-index:10;flex-direction:column;flex-shrink:0;display:flex}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:18px 16px;display:flex}.logo-icon{justify-content:center;align-items:center;width:32px;height:32px;display:flex}.logo-text{letter-spacing:1.5px;color:#fff;font-size:16px;font-weight:800}.logo-accent{color:var(--cyan);margin-left:2px}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:12px 8px;display:flex}.nav-btn{color:var(--text2);font:500 13px var(--font);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.nav-btn:hover{background:var(--bg3);color:var(--text)}.nav-btn.active{color:#fff;background:linear-gradient(135deg,#00f0ff1a,#8b5cf614);box-shadow:inset 0 0 0 1px #00f0ff33}.sidebar-footer{border-top:1px solid var(--border);padding:12px 16px}.live-indicator{align-items:center;gap:6px;display:flex}.pulse-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #00ff8880}50%{opacity:.7;box-shadow:0 0 0 6px #0f80}}.live-text{font:600 10px var(--mono);color:var(--green);letter-spacing:1px}.last-update{font:400 10px var(--mono);color:var(--text3);margin-top:4px}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.top-bar{height:var(--topbar-h);background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex}.top-bar-left,.top-bar-right{align-items:center;gap:12px;display:flex}.market-selector-wrapper{align-items:center;gap:8px;display:flex}.selector-label{font:600 10px var(--mono);color:var(--text3);letter-spacing:1px}.market-selector,.sort-selector{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);font:500 12px var(--font);cursor:pointer;outline:none;min-width:140px;padding:6px 12px}.market-selector:focus,.sort-selector:focus{border-color:var(--cyan)}.search-wrapper{position:relative}.search-icon{color:var(--text3);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);font:400 12px var(--font);outline:none;width:200px;padding:6px 10px 6px 32px}.search-input:focus{border-color:var(--cyan)}.filter-group{background:var(--bg3);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.filter-btn{color:var(--text3);font:500 11px var(--font);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px 10px;transition:all .15s}.filter-btn:hover{color:var(--text)}.filter-btn.active{background:var(--bg4);color:var(--cyan)}.refresh-btn{border:1px solid var(--border);background:var(--bg3);width:32px;height:32px;color:var(--text2);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.refresh-btn:hover{border-color:var(--cyan);color:var(--cyan)}.page{flex:1;padding:16px;display:none;overflow-y:auto}.page.active{display:block}.prediction-summary{grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:16px;display:grid}.summary-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:12px;position:relative;overflow:hidden}.summary-card.direction:before{content:"";background:var(--accent,var(--cyan));height:2px;position:absolute;top:0;left:0;right:0}.summary-label{font:600 9px var(--mono);color:var(--text3);letter-spacing:1.5px;margin-bottom:4px}.summary-value{font:700 20px var(--mono);color:#fff}.summary-sub{font:400 10px var(--font);color:var(--text3);margin-top:2px}.heat-bar{background:var(--bg);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.heat-fill{border-radius:3px;height:100%;transition:width .8s;display:block}.dashboard-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.grid-section{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:14px;overflow:hidden}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-header h2{font:600 13px var(--font);color:var(--text);letter-spacing:.3px}.badge{font:600 9px var(--mono);letter-spacing:1px;border-radius:10px;padding:2px 8px}.badge-live{color:var(--green);background:#00ff8826;animation:2s infinite pulse}.prediction-cards{grid-column:1/3}.cards-container{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pred-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:12px;transition:all .25s;position:relative;overflow:hidden}.pred-card:before{content:"";background:var(--glow,var(--cyan));opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.pred-card:hover{border-color:var(--glow,var(--cyan));transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.pred-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.pred-source{font:500 11px var(--font)}.pred-time{font:400 10px var(--mono);color:var(--text3)}.pred-text{font:400 12px var(--font);color:var(--text2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;line-height:1.4;display:-webkit-box;overflow:hidden}.pred-category{font:700 11px var(--mono);letter-spacing:.5px;margin-bottom:8px}.pred-metrics{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:8px;display:grid}.pm{text-align:center}.pm-label{font:400 9px var(--mono);color:var(--text3);display:block}.pm-val{font:600 13px var(--mono);color:#fff}.pred-bar{background:var(--bg);border-radius:2px;height:3px;margin-bottom:6px;overflow:hidden}.pred-bar-fill{border-radius:2px;height:100%;transition:width 1s}.pred-explanation{font:400 10px var(--font);color:var(--text3);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.feed-section{grid-column:1/3;max-height:400px;overflow-y:auto}.feed-container{flex-direction:column;gap:4px;display:flex}.feed-item{background:var(--bg3);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:flex-start;gap:10px;padding:10px;transition:all .2s;display:flex}.feed-item:hover{border-color:var(--border2);background:var(--bg4)}.feed-left{flex-direction:column;align-items:center;gap:4px;padding-top:2px;display:flex}.feed-source{font-size:16px}.feed-heat-dot{border-radius:50%;width:8px;height:8px}.feed-body{flex:1;min-width:0}.feed-author{font:500 11px var(--font);color:var(--text2)}.feed-time{font:400 10px var(--mono);color:var(--text3);margin-left:6px}.feed-text{font:400 12px var(--font);color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0;display:-webkit-box;overflow:hidden}.feed-tags{flex-wrap:wrap;gap:8px;display:flex}.feed-tag{font:500 10px var(--mono);color:var(--text3)}.score-tag{color:var(--cyan)!important}.feed-right{flex-shrink:0}.feed-category{font:600 9px var(--mono);letter-spacing:.5px}.feed-count{font:400 11px var(--mono);color:var(--text3)}.leaderboard-section{grid-area:1/3/3/4;max-height:600px;overflow-y:auto}.lb-header,.lb-row{grid-template-columns:30px 1fr 50px 60px 70px;align-items:center;gap:6px;padding:6px 4px;display:grid}.lb-header{font:600 9px var(--mono);color:var(--text3);letter-spacing:1px;border-bottom:1px solid var(--border)}.lb-row{font:400 11px var(--font);border-bottom:1px solid var(--border);color:var(--text2)}.lb-row:hover{background:var(--bg3)}.lb-rank{font:600 12px var(--mono);color:var(--cyan);text-align:center}.lb-content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-score{font:600 12px var(--mono);color:#fff;text-align:right}.lb-momentum{font:500 11px var(--mono);text-align:right}.heat-badge{font:600 8px var(--mono);color:#000;letter-spacing:.5px;border-radius:3px;padding:2px 6px}.heatmap-container{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.heatmap-cell{border-radius:var(--radius-sm);text-align:center;border:1px solid;padding:10px 6px;transition:transform .2s}.heatmap-cell:hover{transform:scale(1.05)}.hm-label{font:500 9px var(--mono);color:var(--text2);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.hm-score{font:700 14px var(--mono);color:#fff;margin-top:2px;display:block}.narratives-container{flex-direction:column;gap:8px;display:flex}.narrative-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px}.narrative-source{font:600 11px var(--mono);margin-bottom:4px}.narrative-text{font:400 12px var(--font);color:var(--text2);margin-bottom:6px}.narrative-meta{font:400 10px var(--mono);color:var(--text3);gap:12px;display:flex}.movers-container{flex-direction:column;gap:4px;display:flex}.mover-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:6px 4px;display:flex}.mover-icon{flex-shrink:0;font-size:14px}.mover-text{font:400 11px var(--font);color:var(--text2);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.mover-growth{font:600 12px var(--mono);flex-shrink:0}.market-detail-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.chart-section{min-height:250px}.chart-wrapper{height:200px;position:relative}.chart-controls{gap:4px;display:flex}.chart-btn{border:1px solid var(--border);color:var(--text3);font:500 10px var(--mono);cursor:pointer;background:0 0;border-radius:3px;padding:3px 10px;transition:all .15s}.chart-btn:hover{color:var(--text)}.chart-btn.active{background:var(--cyan);color:#000;border-color:var(--cyan)}.insights-section{grid-column:1/3}.insights-container{flex-direction:column;gap:8px;display:flex}.insight-summary{font:400 12px var(--font);color:var(--text);background:var(--bg3);border-radius:var(--radius-sm);border-left:3px solid var(--cyan);margin-bottom:8px;padding:10px}.insight-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px}.insight-cat{font:600 10px var(--mono);letter-spacing:.5px}.insight-card p{font:400 11px var(--font);color:var(--text2);margin-top:4px}.alerts-container{flex-direction:column;gap:6px;display:flex}.alert-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:10px;display:flex}.alert-prob{font:700 18px var(--mono);color:var(--green);text-align:center;flex-shrink:0;width:50px}.alert-body{flex:1;min-width:0}.alert-text{font:400 12px var(--font);color:var(--text)}.alert-meta{font:400 10px var(--mono);color:var(--text3);margin-top:2px}.history-container{flex-direction:column;gap:2px;display:flex}.history-row{border-bottom:1px solid var(--border);font:400 11px var(--mono);color:var(--text2);grid-template-columns:80px 1fr 50px 50px;align-items:center;gap:8px;padding:6px;display:grid}.history-time{color:var(--text3)}.history-cat{font-weight:600}.history-score{text-align:right;color:var(--cyan)}.history-conf{text-align:right}.analysis-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.analysis-detail-section{grid-column:1/3}.analysis-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.analysis-source{font:600 12px var(--mono)}.analysis-time{font:400 10px var(--mono);color:var(--text3)}.analysis-link{font:500 11px var(--font);color:var(--cyan);margin-left:auto}.analysis-text{font:400 13px var(--font);color:var(--text);background:var(--bg3);border-radius:var(--radius-sm);border-left:3px solid var(--purple);margin-bottom:12px;padding:12px;line-height:1.6}.analysis-category{font:700 11px var(--mono);letter-spacing:.5px;border:1px solid;border-radius:20px;margin-bottom:12px;padding:4px 12px;display:inline-block}.analysis-section{margin-bottom:12px}.analysis-section h3{font:600 11px var(--mono);color:var(--text3);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}.analysis-section p{font:400 12px var(--font);color:var(--text2);line-height:1.5}.risk-row{gap:24px;display:flex}.risk-badge{font:600 11px var(--mono);border-radius:3px;padding:3px 10px}.risk-low{color:var(--green);background:#00ff8826}.risk-medium{color:var(--yellow);background:#ffaa0026}.risk-high{color:var(--red);background:#ff446626}.analysis-scores{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.as{background:var(--bg3);border-radius:var(--radius-sm);text-align:center;padding:10px}.as-label{font:400 9px var(--mono);color:var(--text3);letter-spacing:.5px;margin-bottom:2px;display:block}.as-val{font:600 16px var(--mono);color:#fff}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.metric-card{background:var(--bg3);border-radius:var(--radius-sm);text-align:center;padding:10px}.metric-icon{margin-bottom:4px;font-size:18px;display:block}.metric-val{font:600 16px var(--mono);color:#fff;display:block}.metric-label{font:400 9px var(--mono);color:var(--text3);letter-spacing:.5px;margin-top:2px;display:block}.skeleton-card,.skeleton-feed,.skeleton-row{background:linear-gradient(90deg,var(--bg3) 25%,var(--bg4) 50%,var(--bg3) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-card{height:180px}.skeleton-feed{border-radius:var(--radius-sm);height:60px}.skeleton-row{border-radius:var(--radius-sm);height:36px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.allmarkets-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.allmarkets-title{font:700 18px var(--font);color:#fff;letter-spacing:.3px}.allmarkets-controls{align-items:center;gap:12px;display:flex}.allmarkets-status{font:500 11px var(--mono);color:var(--cyan);letter-spacing:.5px}.allmarkets-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.allmarkets-overview-section{grid-column:1/3}.allmarkets-feed-section{grid-column:1/3;max-height:500px;overflow-y:auto}.allmarkets-overview{flex-direction:column;gap:0;display:flex}.am-overview-header,.am-overview-row{grid-template-columns:1.5fr .8fr .7fr .7fr .7fr .7fr .5fr;align-items:center;gap:8px;padding:8px 10px;display:grid}.am-overview-header{font:600 9px var(--mono);color:var(--text3);letter-spacing:1px;border-bottom:1px solid var(--border);text-transform:uppercase}.am-overview-row{font:400 12px var(--font);color:var(--text2);border-bottom:1px solid var(--border);transition:background .15s}.am-overview-row:hover{background:var(--bg3)}.am-col-name{font:600 12px var(--font);color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.am-col-pred{font:700 11px var(--mono);letter-spacing:.5px}.am-col-conf,.am-col-score,.am-col-doa,.am-col-breakout,.am-col-items{font:500 12px var(--mono);text-align:right}.am-col-doa{color:var(--cyan)}.am-col-breakout{color:var(--green)}.am-market-tag{font:600 9px var(--mono);color:var(--cyan);letter-spacing:.5px;background:#00f0ff1a;border:1px solid #00f0ff26;border-radius:3px;margin-right:6px;padding:1px 6px;display:inline-block}.empty-state{color:var(--text3);font:400 12px var(--font);text-align:center;padding:40px 20px}@media (width<=1200px){.dashboard-grid{grid-template-columns:1fr 1fr}.leaderboard-section{grid-area:auto}.prediction-summary{grid-template-columns:repeat(4,1fr)}.cards-container{grid-template-columns:repeat(2,1fr)}.allmarkets-grid{grid-template-columns:1fr}.allmarkets-overview-section,.allmarkets-feed-section{grid-column:auto}}@media (width<=768px){.sidebar{width:60px;overflow:hidden}.logo-text,.nav-btn span,.live-text,.last-update{display:none}.nav-btn{justify-content:center;padding:10px}.dashboard-grid,.market-detail-grid,.analysis-grid,.allmarkets-grid{grid-template-columns:1fr}.prediction-summary{grid-template-columns:repeat(2,1fr)}.cards-container{grid-template-columns:1fr}.feed-section,.prediction-cards,.leaderboard-section,.insights-section,.analysis-detail-section,.allmarkets-overview-section,.allmarkets-feed-section{grid-column:auto}.top-bar{flex-wrap:wrap;height:auto;padding:8px}.search-input{width:120px}.heatmap-container{grid-template-columns:repeat(3,1fr)}.analysis-scores,.metrics-grid{grid-template-columns:repeat(2,1fr)}.am-overview-header,.am-overview-row{grid-template-columns:1fr .6fr .6fr .6fr;font-size:10px}.am-col-doa,.am-col-breakout,.am-col-items{display:none}}