:root {
  --bg-primary:#0a0a0f;--bg-secondary:#0f0f1a;--bg-card:#12121f;
  --bg-card-hover:#1a1a2e;--border:#1e1e3a;--text-primary:#e0e0ff;
  --text-secondary:#7070a0;--text-muted:#404060;--accent-green:#00ff88;
  --accent-cyan:#00cfff;--red-high:#ff3355;--yellow-medium:#ffaa00;
  --white-low:#888899;--font-mono:'JetBrains Mono','Courier New',monospace;
  --font-ui:'Inter','Segoe UI',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-ui);font-size:13px;height:100%;overflow-x:hidden;}
#topbar{position:fixed;top:0;left:0;right:0;height:48px;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1000;gap:12px;}
.topbar-left{display:flex;align-items:center;gap:16px;}
.logo{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--accent-green);letter-spacing:2px;text-transform:uppercase;}
.logo span{color:var(--accent-cyan);}
.badge-live{display:flex;align-items:center;gap:5px;background:rgba(255,51,85,0.15);border:1px solid var(--red-high);color:var(--red-high);padding:2px 10px;border-radius:3px;font-size:10px;font-weight:700;letter-spacing:1.5px;font-family:var(--font-mono);}
.badge-live .dot{width:6px;height:6px;background:var(--red-high);border-radius:50%;animation:blink 1s infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}
.topbar-right{display:flex;align-items:center;gap:10px;}
.ctrl-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:5px 14px;border-radius:4px;cursor:pointer;font-size:11px;font-family:var(--font-mono);transition:all 0.2s;display:flex;align-items:center;gap:5px;}
.ctrl-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);}
.ctrl-btn.active{background:rgba(0,207,255,0.1);border-color:var(--accent-cyan);color:var(--accent-cyan);}
.ctrl-btn.audio-on{background:rgba(0,255,136,0.1);border-color:var(--accent-green);color:var(--accent-green);}
#app-layout{display:flex;margin-top:48px;height:calc(100vh - 48px);}
#sidebar{width:220px;min-width:220px;background:var(--bg-secondary);border-right:1px solid var(--border);padding:16px 12px;overflow-y:auto;}
.sidebar-section{margin-bottom:24px;}
.sidebar-title{font-size:9px;font-family:var(--font-mono);letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border);}
.filter-btn{display:flex;align-items:center;gap:8px;width:100%;background:none;border:1px solid transparent;color:var(--text-secondary);padding:6px 10px;border-radius:4px;cursor:pointer;font-size:12px;margin-bottom:4px;transition:all 0.2s;text-align:left;}
.filter-btn:hover,.filter-btn.active{background:var(--bg-card-hover);border-color:var(--border);color:var(--text-primary);}
.filter-btn.f-high.active{border-color:var(--red-high);color:var(--red-high);}
.filter-btn.f-medium.active{border-color:var(--yellow-medium);color:var(--yellow-medium);}
.filter-btn.f-low.active{border-color:var(--white-low);color:var(--white-low);}
.cat-chips{display:flex;flex-wrap:wrap;gap:5px;}
.cat-chip{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:3px 10px;border-radius:12px;font-size:10px;cursor:pointer;transition:all 0.2s;font-family:var(--font-mono);}
.cat-chip:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);}
.cat-chip.active{background:rgba(0,207,255,0.1);border-color:var(--accent-cyan);color:var(--accent-cyan);}
.cat-chip[data-cat="Crypto"].active{border-color:#f7931a;color:#f7931a;background:rgba(247,147,26,0.1);}
.cat-chip[data-cat="Forex"].active{border-color:#00cfff;color:#00cfff;}
.cat-chip[data-cat="Stocks"].active{border-color:#00ff88;color:#00ff88;background:rgba(0,255,136,0.1);}
.cat-chip[data-cat="Commodities"].active{border-color:#ffd700;color:#ffd700;background:rgba(255,215,0,0.1);}
.cat-chip[data-cat="Central Banks"].active{border-color:#aa88ff;color:#aa88ff;background:rgba(170,136,255,0.1);}
.cat-chip[data-cat="Geopolitics"].active{border-color:#ff6644;color:#ff6644;background:rgba(255,102,68,0.1);}
.stat-row{display:flex;justify-content:space-between;padding:4px 0;font-size:11px;color:var(--text-secondary);font-family:var(--font-mono);}
.stat-row .val{color:var(--accent-green);}
#news-feed-wrapper{flex:1;overflow-y:auto;padding:12px 16px;scroll-behavior:smooth;}
#news-feed-wrapper::-webkit-scrollbar{width:4px;}
#news-feed-wrapper::-webkit-scrollbar-track{background:var(--bg-primary);}
#news-feed-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px;}
.news-item{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid transparent;border-radius:4px;padding:10px 14px;margin-bottom:6px;transition:all 0.3s ease;cursor:pointer;position:relative;overflow:hidden;}
.news-item:hover{background:var(--bg-card-hover);}
.news-item.high{border-left-color:var(--red-high);}
.news-item.medium{border-left-color:var(--yellow-medium);}
.news-item.low{border-left-color:var(--text-muted);}
.news-item.breaking{border-color:var(--red-high);background:rgba(255,51,85,0.07);animation:breakingPulse 2s ease-in-out 3;}
@keyframes breakingPulse{0%,100%{background:rgba(255,51,85,0.07);}50%{background:rgba(255,51,85,0.18);}}
.news-item.new-flash{animation:flashIn 1.5s ease-out forwards;}
@keyframes flashIn{0%{background:rgba(0,207,255,0.18);border-color:var(--accent-cyan);}60%{background:rgba(0,207,255,0.06);}100%{background:var(--bg-card);border-left-color:inherit;}}
.news-item.high.new-flash{animation:flashInHigh 1.5s ease-out forwards;}
@keyframes flashInHigh{0%{background:rgba(255,51,85,0.25);box-shadow:0 0 20px rgba(255,51,85,0.3);}60%{background:rgba(255,51,85,0.10);}100%{background:rgba(255,51,85,0.07);}}
.news-header{display:flex;align-items:center;gap:8px;margin-bottom:5px;flex-wrap:wrap;}
.importance-badge{font-size:9px;font-family:var(--font-mono);font-weight:700;letter-spacing:1px;padding:1px 6px;border-radius:2px;}
.importance-badge.high{background:rgba(255,51,85,0.2);color:var(--red-high);border:1px solid rgba(255,51,85,0.4);}
.importance-badge.medium{background:rgba(255,170,0,0.15);color:var(--yellow-medium);border:1px solid rgba(255,170,0,0.35);}
.importance-badge.low{background:rgba(136,136,153,0.1);color:var(--white-low);border:1px solid rgba(136,136,153,0.2);}
.category-badge{font-size:9px;font-family:var(--font-mono);padding:1px 8px;border-radius:10px;border:1px solid var(--border);color:var(--text-muted);}
.time-stamp{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-left:auto;}
.source-tag{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);}
.news-title{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:4px;}
.news-item.high .news-title{color:#fff;}
.news-summary{font-size:11px;color:var(--text-secondary);line-height:1.5;}
.news-item.playing::after{content:"AUDIO";position:absolute;top:8px;right:10px;font-size:8px;font-family:var(--font-mono);color:var(--accent-green);animation:blink 1s infinite;}
.breaking-label{font-size:9px;font-family:var(--font-mono);font-weight:700;color:var(--red-high);letter-spacing:2px;animation:blink 0.6s infinite;}
#audio-bar{position:fixed;bottom:0;left:0;right:0;height:52px;background:var(--bg-secondary);border-top:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:16px;z-index:999;transition:transform 0.3s;}
#audio-bar.hidden{transform:translateY(100%);}
.audio-indicator{display:flex;align-items:center;gap:8px;font-size:11px;font-family:var(--font-mono);color:var(--accent-green);min-width:80px;}
.audio-bars{display:flex;align-items:flex-end;gap:2px;height:18px;}
.audio-bars span{width:3px;background:var(--accent-green);border-radius:1px;animation:audioBars 0.8s ease-in-out infinite alternate;}
.audio-bars span:nth-child(1){height:6px;animation-delay:0s;}
.audio-bars span:nth-child(2){height:14px;animation-delay:0.15s;}
.audio-bars span:nth-child(3){height:10px;animation-delay:0.3s;}
.audio-bars span:nth-child(4){height:16px;animation-delay:0.1s;}
.audio-bars span:nth-child(5){height:8px;animation-delay:0.25s;}
@keyframes audioBars{from{transform:scaleY(0.4);}to{transform:scaleY(1);}}
.audio-bars.paused span{animation-play-state:paused;}
#now-playing-text{flex:1;font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#now-playing-text .track-title{color:var(--text-primary);font-weight:500;}
.audio-queue-count{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);white-space:nowrap;}
#volume-slider{-webkit-appearance:none;width:80px;height:3px;background:var(--border);border-radius:2px;outline:none;}
#volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--accent-cyan);border-radius:50%;cursor:pointer;}
#breaking-overlay{position:fixed;top:56px;left:50%;transform:translateX(-50%) translateY(-80px);background:rgba(255,51,85,0.95);color:#fff;padding:10px 24px;border-radius:4px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:1px;z-index:2000;transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);pointer-events:none;max-width:600px;text-align:center;box-shadow:0 4px 20px rgba(255,51,85,0.5);}
#breaking-overlay.show{transform:translateX(-50%) translateY(0);}
@media(max-width:768px){#sidebar{display:none;}#news-feed-wrapper{padding:8px;}.topbar-right .ctrl-btn span{display:none;}}