:root{--color-primary: #00A3FF;--color-primary-hover: #0090E6;--color-primary-active: #007ACC;--color-primary-light: #E9F7FF;--color-primary-dark: #05445E;--color-accent: #00FFC2;--color-accent-dark: #042A20;--color-accent-light: rgba(0, 255, 194, .16);--color-success: #16A34A;--color-success-light: rgba(16, 185, 129, .12);--color-success-bg: rgba(52, 211, 153, .16);--color-warning: #FBBF24;--color-warning-light: rgba(251, 191, 36, .16);--color-warning-dark: #1A1200;--color-error: #F87171;--color-error-light: rgba(248, 113, 113, .12);--color-bg-app: #F5F7FA;--color-bg-card: #FFFFFF;--color-bg-elevated: #FFFFFF;--color-bg-subtle: #F0F3F6;--color-bg-overlay: rgba(15, 23, 42, .78);--color-bg-overlay-light: rgba(15, 23, 42, .04);--color-text-primary: #0F1724;--color-text-secondary: #8A95A6;--color-text-tertiary: #B0B8C4;--color-text-inverse: #FFFFFF;--color-text-on-primary: #FFFFFF;--color-text-on-accent: #042A20;--color-border-default: #E5E8ED;--color-border-subtle: #F0F3F6;--color-border-focus: #00A3FF;--color-chart-primary: #00A3FF;--color-chart-secondary: #00FFC2;--color-chart-tertiary: #16A34A;--color-chart-grid: rgba(148, 163, 184, .16);--gradient-primary: linear-gradient(90deg, #00A3FF 0%, #00FFC2 100%);--gradient-score-ring: radial-gradient(114.02% 114.02% at 30% 10%, rgba(59, 130, 246, .35) 0%, rgba(59, 130, 246, 0) 55%), radial-gradient(114.02% 114.02% at 70% 90%, rgba(45, 212, 191, .35) 0%, rgba(45, 212, 191, 0) 55%);--gradient-hero-card: radial-gradient(111.37% 227.19% at 0% 0%, rgba(37, 99, 235, .25) 0%, rgba(37, 99, 235, 0) 55%), linear-gradient(116.11deg, rgba(56, 189, 248, .12) 0%, rgba(56, 189, 248, 0) 60%), #FFFFFF;--gradient-chart-fill: linear-gradient(0deg, rgba(59, 130, 246, .35) 0%, rgba(59, 130, 246, 0) 100%);--gradient-progress: linear-gradient(90deg, #16A34A 0%, #00A3FF 100%);--gradient-ambient-bg: radial-gradient(ellipse at 20% 0%, rgba(0, 163, 255, .06) 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, rgba(0, 255, 194, .04) 0%, transparent 50%);--gradient-ai-border: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);--shadow-glow-primary: 0 0 30px rgba(0, 163, 255, .15);--shadow-glow-accent: 0 0 30px rgba(0, 255, 194, .12);--texture-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.02'/%3E%3C/svg%3E");--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-base: 12px;--font-size-md: 13px;--font-size-lg: 14px;--font-size-xl: 16px;--font-size-2xl: 20px;--font-size-3xl: 32px;--line-height-tight: 1.2;--line-height-normal: 1.4;--line-height-relaxed: 1.5;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-0: 0px;--spacing-1: 2px;--spacing-2: 4px;--spacing-3: 6px;--spacing-4: 8px;--spacing-5: 10px;--spacing-6: 12px;--spacing-8: 16px;--spacing-10: 20px;--spacing-12: 24px;--spacing-16: 32px;--spacing-20: 40px;--spacing-24: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 999px;--shadow-sm: 0px 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0px 4px 8px rgba(15, 23, 42, .06);--shadow-lg: 0px 8px 18px rgba(15, 23, 42, .06);--shadow-xl: 0px 12px 24px rgba(15, 23, 42, .08);--shadow-card: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 8px rgba(15, 23, 42, .04), 0 12px 24px rgba(15, 23, 42, .06);--shadow-card-hover: 0 4px 8px rgba(15, 23, 42, .05), 0 12px 24px rgba(15, 23, 42, .08), 0 24px 48px rgba(15, 23, 42, .1);--shadow-card-inset: inset 0 1px 0 rgba(255, 255, 255, .8);--shadow-glow-success: 0 2px 12px rgba(22, 163, 74, .35);--shadow-glow-error: 0 2px 12px rgba(239, 68, 68, .35);--shadow-glow-warning: 0 2px 12px rgba(251, 191, 36, .35);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .6);--glass-blur: blur(20px);--color-platform-perplexity: #20808d;--color-platform-perplexity-dark: #1a6b75;--color-platform-chatgpt: #10a37f;--color-platform-chatgpt-dark: #0d8a6b;--color-platform-gemini: #8e44ad;--color-platform-gemini-dark: #7d3c98;--color-platform-claude: #cc785c;--color-platform-claude-dark: #b36a50;--color-platform-bing: #4285f4;--color-platform-bing-dark: #3574d4;--gradient-card-subtle: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(248, 250, 252, .9) 100%);--gradient-success: linear-gradient(135deg, #16a34a 0%, #22c55e 100%);--gradient-error: linear-gradient(135deg, #ef4444 0%, #f87171 100%);--gradient-bar-fill: linear-gradient(90deg, var(--color-primary) 0%, #00c4ff 100%);--gradient-position-bar: linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%);--gradient-sentiment-positive: linear-gradient(90deg, #10b981 0%, #34d399 100%);--gradient-sentiment-neutral: linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%);--gradient-sentiment-negative: linear-gradient(90deg, #ef4444 0%, #f87171 100%);--gradient-text-primary: linear-gradient(135deg, var(--color-text-primary) 0%, #334155 100%);--gradient-text-brand: linear-gradient(135deg, var(--color-primary) 0%, #0077CC 100%);--gradient-page-atmosphere: radial-gradient(ellipse 600px 400px at 15% 10%, rgba(0, 163, 255, .08) 0%, transparent 60%), radial-gradient(ellipse 500px 350px at 85% 80%, rgba(0, 255, 194, .06) 0%, transparent 60%), radial-gradient(ellipse 300px 300px at 50% 50%, rgba(0, 163, 255, .03) 0%, transparent 70%);--gradient-page-topic-research: radial-gradient(ellipse 650px 450px at 10% 5%, rgba(139, 92, 246, .08) 0%, transparent 55%), radial-gradient(ellipse 550px 400px at 90% 85%, rgba(0, 163, 255, .07) 0%, transparent 55%), radial-gradient(ellipse 400px 350px at 50% 45%, rgba(0, 255, 194, .05) 0%, transparent 65%), var(--color-bg-app);--sidebar-width: 232px;--header-height: 54px;--content-max-width: 1120px;--card-padding: 16px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out-sine: cubic-bezier(.37, 0, .63, 1);--duration-instant: .1s;--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .8s;--stagger-1: 0ms;--stagger-2: 60ms;--stagger-3: .12s;--stagger-4: .18s;--stagger-5: .24s;--stagger-6: .3s;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400;--z-toast: 500}.impact-critical{background:var(--color-error-light);color:#b91c1c}.impact-high{background:var(--color-warning-light);color:var(--color-warning-dark)}.impact-medium{background:var(--color-success-bg);color:#047857}.impact-low{background:var(--color-bg-subtle);color:var(--color-text-secondary)}.status-active{background:var(--color-accent);color:var(--color-accent-dark)}.status-pending{background:var(--color-primary-light);color:var(--color-primary-dark)}.status-inactive{background:var(--color-bg-subtle);color:var(--color-text-secondary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--gradient-ambient-bg),var(--color-bg-app);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-base)}p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}ul,ol{list-style:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;outline:none}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;font-size:inherit;border:none;outline:none;background:none}input:focus,textarea:focus,select:focus{outline:none}img,svg{display:block;max-width:100%;height:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-subtle);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}::selection{background:var(--color-primary-light);color:var(--color-primary-dark)}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@keyframes card-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes subtle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@keyframes glow-breathe{0%,to{filter:drop-shadow(0 0 8px rgba(0,163,255,.2))}50%{filter:drop-shadow(0 0 20px rgba(0,163,255,.4))}}@keyframes line-draw{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-grow{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1)}}@keyframes tooltip-pop{0%{opacity:0;transform:translate(-50%,-90%) scale(.9)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}@keyframes pulse-dot{0%,to{box-shadow:0 0 #10b98180;transform:scale(1)}50%{box-shadow:0 0 0 6px #10b98100;transform:scale(1.1)}}@keyframes row-slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes badge-pop{0%{opacity:0;transform:scale(.8) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modal-spring{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes chart-sweep{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes float-particles{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}@keyframes live-indicator{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}@keyframes number-pop{0%{opacity:0;transform:translateY(20px) scale(.8)}60%{transform:translateY(-4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-in{animation:card-enter .4s var(--ease-out-expo) backwards}.animate-in:nth-child(1){animation-delay:var(--stagger-1)}.animate-in:nth-child(2){animation-delay:var(--stagger-2)}.animate-in:nth-child(3){animation-delay:var(--stagger-3)}.animate-in:nth-child(4){animation-delay:var(--stagger-4)}.animate-in:nth-child(5){animation-delay:var(--stagger-5)}.animate-in:nth-child(6){animation-delay:var(--stagger-6)}.animate-in:nth-child(n+7){animation-delay:calc(var(--stagger-6) + 30ms)}.live-pulse{animation:subtle-pulse 2s var(--ease-in-out-sine) infinite}.glow-breathe{animation:glow-breathe 3s var(--ease-in-out-sine) infinite}.chart-line-animated{stroke-dasharray:1000;stroke-dashoffset:1000;animation:line-draw 1.5s var(--ease-out-expo) forwards}.shimmer-overlay{position:relative;overflow:hidden}.shimmer-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.app-layout{display:flex;flex-direction:row;min-height:100vh}.app-sidebar{width:var(--sidebar-width);height:100vh;position:sticky;top:0;flex-shrink:0}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.app-header{height:var(--header-height);flex-shrink:0}.app-content{flex:1;padding:var(--spacing-10) var(--spacing-12);display:flex;justify-content:center;background:var(--gradient-ambient-bg),var(--color-bg-app)}.app-content-inner{width:100%;max-width:var(--content-max-width)}