@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-primary:#ff3b2f;--color-primary-dark:#e5342a;--color-primary-light:#ff5a4f;--color-primary-muted:#d94a3a;--color-secondary:#8b5cf6;--color-secondary-dark:#7c3aed;--color-secondary-light:#a78bfa;--color-secondary-muted:#6d28d9;--color-bg-primary:#0b0b0c;--color-bg-secondary:#0f1720;--color-bg-tertiary:#1a1a1c;--color-bg-elevated:#1b2630;--color-bg-card:#1a1a1ce6;--color-bg-card-hover:#2b2b2ee6;--color-border-subtle:#ffffff14;--color-border-default:#ffffff1f;--color-border-strong:#fff3;--color-border-focus:var(--color-primary);--color-text-primary:#fff;--color-text-secondary:#ededed;--color-text-muted:#bfc3c7;--color-text-disabled:#6b7280;--color-success:#10b981;--color-success-dim:#10b98133;--color-warning:#f59e0b;--color-warning-dim:#f59e0b33;--color-error:#ef4444;--color-error-dim:#ef444433;--color-info:#3b82f6;--color-info-dim:#3b82f633;--color-sentiment-positive:#10b981;--color-sentiment-negative:#ef4444;--color-sentiment-neutral:#6b7280;--color-stance-fanatic:#ef4444;--color-stance-anti:#f97316;--color-stance-leaning-anti:#f59e0b;--color-stance-neutral:#6b7280;--color-stance-leaning-pro:#84cc16;--color-stance-pro:#22c55e;--color-stance-fanatic-pro:#10b981;--color-twitter:#1da1f2;--color-instagram:#e4405f;--color-tiktok:#00f2ea;--color-facebook:#1877f2;--color-youtube:red;--color-reddit:#ff4500;--color-threads:#000;--font-sans:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--font-size-xs:10px;--font-size-sm:11px;--font-size-md:13px;--font-size-lg:14px;--font-size-xl:16px;--font-size-2xl:18px;--font-size-3xl:24px;--font-size-4xl:32px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:60px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 20px #ff3b2f4d;--shadow-glow-lg:0 0 40px #ff3b2f66;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.22, 1, .36, 1);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);font-size:var(--font-size-lg);line-height:var(--line-height-normal);color:var(--color-text-primary);background:linear-gradient(135deg,#0b0b0c 0%,#0f1720 100%);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}::selection{background:var(--color-primary);color:#fff}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #ff3b2f4d}50%{box-shadow:0 0 24px #ff3b2f99}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes glowTop{0%,to{opacity:.5}50%{opacity:.8}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-mono{font-family:var(--font-mono)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.h-full{height:100%}.glow-top{position:relative}.glow-top:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#ff3b2f14 0%,#0000 60%);height:300px;position:absolute;top:0;left:0;right:0}.card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a1ce6;border:1px solid #ffffff14;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:#ff3b2f66;transform:translateY(-6px)scale(1.01);box-shadow:0 0 20px #ff3b2f33,0 4px 12px #0006}.btn-primary{color:#fff;border-radius:var(--radius-md);font-family:var(--font-sans);letter-spacing:1px;cursor:pointer;background:#ff3b2f;border:none;padding:18px 48px;font-size:15px;font-weight:700;transition:all .3s;box-shadow:0 4px 24px #ff3b2f4d}.btn-primary:hover{background:#ff5a4f;transform:translateY(-2px);box-shadow:0 6px 32px #ff3b2f80}.btn-secondary{color:var(--color-text-secondary);border-radius:var(--radius-md);font-family:var(--font-sans);letter-spacing:.5px;cursor:pointer;background:0 0;border:1px solid #ffffff14;padding:10px 28px;font-size:14px;font-weight:600;transition:all .3s}.btn-secondary:hover{color:#fff;background:#ff3b2f0d;border-color:#ff3b2f66}.input-field{border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-sans);background:#ffffff08;border:1px solid #ffffff14;width:100%;padding:12px 16px;font-size:14px;transition:all .3s}.input-field:focus{border-color:#ff3b2f80;outline:none;box-shadow:0 0 0 2px #ff3b2f1a}.input-field::placeholder{color:var(--color-text-muted)}.badge{border-radius:var(--radius-sm);font-family:var(--font-mono);color:#ff5a4f;text-transform:uppercase;letter-spacing:.5px;background:#ff3b2f1a;border:1px solid #ff3b2f40;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.text-gradient{background:linear-gradient(135deg,#ff3b2f 0%,#ff5a4f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{max-width:1200px;margin:0 auto;padding:0 48px}.spotlight{position:relative}.spotlight:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#ff3b2f0f 0%,#0000 70%);border-radius:50%;width:650px;height:650px;position:absolute}.layout-container{min-height:100vh;display:flex;position:relative}.layout-sidebar{width:240px;height:100vh;z-index:var(--z-sticky);flex-shrink:0;position:fixed}.layout-main{flex-direction:column;flex:1;min-height:100vh;margin-left:240px;display:flex}.layout-header{height:64px;z-index:var(--z-sticky);flex-shrink:0;position:sticky;top:0}.layout-content{padding:var(--space-6);flex:1;position:relative;overflow-y:auto}.grid-three-columns{gap:var(--space-5);height:calc(100vh - 64px - var(--space-6) * 2);grid-template-columns:320px 1fr 360px;align-items:start;display:grid}.side-panel{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);max-height:100%;overflow-y:auto}.side-panel::-webkit-scrollbar{width:4px}.side-panel::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:2px}.detail-panel{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5)}.main-panel{gap:var(--space-5);flex-direction:column;display:flex}.panel{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden}.panel:last-child{margin-bottom:0}.panel-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);cursor:pointer;transition:background var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.panel-header:hover{background:#ffffff05}.panel-title{font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);align-items:center;gap:var(--space-3);display:flex}.panel-content{padding:var(--space-5)}.btn{font-family:var(--font-sans);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);transition:all var(--transition-normal);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--font-size-md);border:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover:not(:disabled){background:var(--color-primary-light);box-shadow:var(--shadow-glow-lg);transform:translateY(-1px)}.btn-secondary{border:1px solid var(--color-border-default);color:var(--color-text-secondary);background:0 0}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary);color:#fff;background:#ff3b2f0d}.btn-ghost{color:var(--color-text-muted);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--color-text-primary);background:#ffffff0d}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-lg)}.btn-full{width:100%}.input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-md);transition:all var(--transition-fast);background:#ffffff08}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #ff3b2f1a}.input::placeholder{color:var(--color-text-disabled)}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.badge{border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:4px 10px;display:inline-flex}.badge-primary{color:var(--color-primary-light);background:#ff3b2f26;border:1px solid #ff3b2f4d}.badge-success{background:var(--color-success-dim);border:1px solid var(--color-success);color:var(--color-success)}.badge-warning{background:var(--color-warning-dim);border:1px solid var(--color-warning);color:var(--color-warning)}.badge-error{background:var(--color-error-dim);border:1px solid var(--color-error);color:var(--color-error)}.badge-neutral{color:var(--color-text-muted);background:#6b728033;border:1px solid #6b72804d}.card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-normal)}.card-hoverable:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-compact{padding:var(--space-4)}.card-spacious{padding:var(--space-8)}.form-group{margin-bottom:var(--space-4)}.form-group:last-child{margin-bottom:0}.form-label{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.5px;display:block}.form-label-required:after{content:" *";color:var(--color-error)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-disabled);margin-top:var(--space-1);display:block}.stats-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);align-items:center;gap:var(--space-4);display:flex}.stats-icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--color-primary);background:#ff3b2f1a;justify-content:center;align-items:center;display:flex}.stats-content{flex:1}.stats-value{font-family:var(--font-mono);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.stats-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.empty-state{padding:var(--space-16) var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{border-radius:var(--radius-xl);width:64px;height:64px;color:var(--color-primary);margin-bottom:var(--space-5);background:#ff3b2f1a;justify-content:center;align-items:center;display:flex}.empty-state-title{font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--font-size-md);color:var(--color-text-muted);max-width:400px;margin-bottom:var(--space-5)}.divider{background:var(--color-border-subtle);height:1px;margin:var(--space-5) 0}.divider-vertical{background:var(--color-border-subtle);width:1px;height:100%;margin:0 var(--space-5)}.grid{display:grid}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.grid-4{gap:var(--space-4);grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.grid-three-columns{grid-template-columns:1fr;height:auto}.side-panel,.detail-panel{max-height:none}}@media (width<=768px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}input[type=range]::-webkit-slider-thumb{appearance:none;background:0 0;border:none;width:0;height:0}input[type=range]::-moz-range-thumb{appearance:none;background:0 0;border:none;width:0;height:0}input[type=range]::-ms-thumb{appearance:none;background:0 0;border:none;width:0;height:0}