@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--font-sans:"Outfit", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-base:#06090f;--bg-surface:#0f172a8c;--bg-surface-hover:#1e293bbf;--border-dim:#33415566;--border-focus:#00f0ff66;--text-main:#f8fafc;--text-muted:#94a3b8;--cyan:#00f0ff;--blue:#3b82f6;--emerald:#10b981;--rose:#f43f5e;--amber:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,#00f0ff0d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#f43f5e0d 0%,#0000 40%);background-attachment:fixed;min-height:100vh}.glass{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-dim);border-radius:16px}.mono{font-family:var(--font-mono)}.gradient-text{background:linear-gradient(135deg, var(--cyan), #3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@keyframes slide-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 10px #00f0ff66}50%{opacity:.6;box-shadow:0 0 2px #00f0ff1a}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#94a3b866}.brand-cyan{color:var(--cyan)}.brand-emerald{color:var(--emerald)}.brand-rose{color:var(--rose)}.header-bar{border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header-logo{align-items:center;gap:16px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--blue), var(--cyan));border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:700;display:flex;box-shadow:0 4px 20px #00f0ff33}.live-indicator{background:#10b98114;border:1px solid #10b9814d;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;display:flex}.dot{background:var(--emerald);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-glow}.tabs-container{background:var(--bg-surface);border-bottom:1px solid var(--border-dim);border-top:none;border-left:none;border-right:none;border-radius:0;gap:4px;padding:0 24px;display:flex}.tab-btn{color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:14px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--cyan);border-bottom-color:var(--cyan);background:#00f0ff0d}.tab-badge{background:#0f172a99;border-radius:10px;padding:2px 8px;font-size:11px}.tab-btn.active .tab-badge{color:var(--cyan);background:#00f0ff26}.control-bar{gap:12px;padding:20px 24px 10px;display:flex}.search-input{border:1px solid var(--border-dim);color:var(--text-main);font-family:var(--font-sans);background:#0f172a4d;border-radius:10px;outline:none;flex:1;padding:12px 16px;font-size:15px;transition:all .2s}.search-input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #00f0ff1a}.btn{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-primary{background:linear-gradient(135deg, var(--blue), var(--cyan));color:#fff;box-shadow:0 4px 15px #00f0ff33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00f0ff4d}.btn-primary.stop{background:linear-gradient(135deg, var(--rose), #be123c);box-shadow:0 4px 15px #f43f5e33}.btn-secondary{border:1px solid var(--border-dim);color:var(--text-main);background:#0f172a99}.btn-secondary:hover{border-color:var(--cyan);color:var(--cyan)}.filters-bar{flex-wrap:wrap;gap:8px;padding:0 24px 20px;display:flex}.filter-pill{cursor:pointer;border:1px solid var(--border-dim);color:var(--text-muted);font-size:12px;font-weight:600;font-family:var(--font-sans);background:0 0;border-radius:20px;padding:6px 14px;transition:all .2s}.filter-pill:hover{border-color:var(--cyan);color:var(--cyan)}.filter-pill.active{border-color:currentColor}.filter-pill.active.twitter{color:#60a5fa;background:#3b82f61a}.filter-pill.active.instagram{color:#fb7185;background:#f43f5e1a}.filter-pill.active.tiktok{color:#fff;background:#ffffff1a;border-color:#00f2fe;box-shadow:inset 0 0 8px #ff005080}.filter-pill.active.news{color:#fbbf24;background:#f59e0b1a}.filter-pill.active.pos{color:var(--emerald);background:#10b9811a}.filter-pill.active.neg{color:var(--rose);background:#f43f5e1a}.filter-pill.active.neu{color:var(--text-main);background:#94a3b81a}.stats-grid{grid-template-columns:repeat(7,1fr);gap:16px;display:grid}.stat-card{flex-direction:column;gap:10px;padding:20px;transition:transform .2s,border-color .2s;display:flex}.stat-card:hover{border-color:var(--border-focus);transform:translateY(-3px)}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:600}.stat-value{font-size:32px;font-weight:700}.feed-layout{grid-template-columns:1fr 340px;gap:20px;display:grid}.feed-panel{flex-direction:column;gap:16px;display:flex}.post-card{flex-direction:column;gap:14px;padding:24px;transition:all .2s;animation:.4s cubic-bezier(.16,1,.3,1) forwards slide-in;display:flex}.post-card:hover{background:var(--bg-surface-hover);border-color:var(--border-focus)}.post-meta{align-items:center;gap:12px;display:flex}.badge{letter-spacing:.5px;text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.badge.twitter{color:#60a5fa;background:#3b82f626}.badge.instagram{color:#fb7185;background:#f43f5e26}.badge.tiktok{color:#fff;text-shadow:1px 0 #ff0050,-1px 0 #00f2fe;background:#0006;border:1px solid #00f2fe66}.badge.news{color:#fbbf24;background:#f59e0b26}.badge.positive{color:var(--emerald);background:#10b9811a;border:1px solid #10b98133}.badge.negative{color:var(--rose);background:#f43f5e1a;border:1px solid #f43f5e33}.badge.neutral{color:var(--text-muted);background:#94a3b81a;border:1px solid #94a3b833}.sidebar{flex-direction:column;gap:20px;display:flex}.sidebar-section{flex-direction:column;padding:24px;display:flex}.progress-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.progress-bar-bg{background:#0f172a99;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-bar-fill{border-radius:3px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.keyword-row{background:#0f172a66;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;transition:all .2s;display:flex}.keyword-row:hover{border-color:var(--cyan);background:#00f0ff0d}.link-btn{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s}.link-btn:hover{color:#fff;background:#3b82f633}