:root{--space-0:0;--space-px:1px;--space-0-5:0.125rem;--space-1:0.25rem;--space-1-5:0.375rem;--space-2:0.5rem;--space-2-5:0.625rem;--space-3:0.75rem;--space-3-5:0.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--space-40:10rem;--space-48:12rem;--space-56:14rem;--space-64:16rem;--font-sans:"Space Grotesk",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--brand-blue:37 99 235;--brand-green:5 150 105;--color-primary-50:239 246 255;--color-primary-100:219 234 254;--color-primary-200:191 219 254;--color-primary-300:147 197 253;--color-primary-400:96 165 250;--color-primary-500:59 130 246;--color-primary-600:37 99 235;--color-primary-700:29 78 216;--color-primary-800:30 64 175;--color-primary-900:30 58 138;--color-primary-950:23 37 84;--color-secondary-50:236 253 245;--color-secondary-100:209 250 229;--color-secondary-200:167 243 208;--color-secondary-300:110 231 183;--color-secondary-400:52 211 153;--color-secondary-500:16 185 129;--color-secondary-600:5 150 105;--color-secondary-700:4 120 87;--color-secondary-800:6 95 70;--color-secondary-900:6 78 59;--color-secondary-950:2 44 34;--color-accent-50:245 243 255;--color-accent-100:237 233 254;--color-accent-200:221 214 254;--color-accent-300:196 181 253;--color-accent-400:167 139 250;--color-accent-500:139 92 246;--color-accent-600:124 58 237;--color-accent-700:109 40 217;--color-accent-800:91 33 182;--color-accent-900:76 29 149;--color-accent-950:46 16 101;--color-neutral-0:255 255 255;--color-neutral-50:248 250 252;--color-neutral-100:241 245 249;--color-neutral-200:226 232 240;--color-neutral-300:203 213 225;--color-neutral-400:148 163 184;--color-neutral-500:100 116 139;--color-neutral-600:71 85 105;--color-neutral-700:51 65 85;--color-neutral-800:30 41 59;--color-neutral-900:15 23 42;--color-neutral-950:2 6 23;--color-success-light:220 252 231;--color-success:34 197 94;--color-success-dark:21 128 61;--color-warning-light:254 249 195;--color-warning:180 83 9;--color-warning-dark:146 64 14;--color-error-light:254 226 226;--color-error:239 68 68;--color-error-dark:185 28 28;--color-info-light:219 234 254;--color-info:59 130 246;--color-info-dark:29 78 216;--color-ai-primary:37 99 235;--color-ai-secondary:5 150 105;--color-ai-accent:124 58 237;--color-ai-processing:234 179 8;--color-ai-success:34 197 94;--color-ai-surface:240 244 255;--color-ai-muted:99 102 241;--color-confidence-high:16 185 129;--color-confidence-high-light:209 250 229;--color-confidence-medium:180 83 9;--color-confidence-medium-light:254 243 199;--color-confidence-low:239 68 68;--color-confidence-low-light:254 226 226;--color-status-success:34 197 94;--color-status-success-light:220 252 231;--color-status-warning:180 83 9;--color-status-warning-light:254 243 199;--color-status-error:239 68 68;--color-status-error-light:254 226 226;--color-status-info:59 130 246;--color-status-info-light:219 234 254;--color-status-processing:139 92 246;--color-status-processing-light:237 233 254;--shadow-xs:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-sm:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.25);--shadow-inner:inset 0 2px 4px 0 rgb(0 0 0/0.05);--shadow-primary:0 4px 14px 0 rgb(37 99 235/0.25);--shadow-secondary:0 4px 14px 0 rgb(5 150 105/0.25);--shadow-accent:0 4px 14px 0 rgb(124 58 237/0.25);--shadow-ai:0 4px 20px 0 rgb(124 58 237/0.3);--shadow-ai-glow:0 0 30px 0 rgb(124 58 237/0.4);--radius-none:0;--radius-sm:0.125rem;--radius-default:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--duration-fast:150ms;--duration-normal:200ms;--duration-slow:300ms;--duration-slower:500ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--z-hide:-1;--z-auto:auto;--z-base:0;--z-docked:10;--z-dropdown:1000;--z-sticky:1100;--z-banner:1200;--z-overlay:1300;--z-modal:1400;--z-popover:1500;--z-skip-link:1600;--z-toast:1700;--z-tooltip:1800;--sidebar-width:280px;--sidebar-collapsed:80px;--header-height:64px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--grid-cols-1:repeat(1,minmax(0,1fr));--grid-cols-2:repeat(2,minmax(0,1fr));--grid-cols-3:repeat(3,minmax(0,1fr));--grid-cols-4:repeat(4,minmax(0,1fr));--grid-cols-6:repeat(6,minmax(0,1fr));--grid-cols-12:repeat(12,minmax(0,1fr));--breakpoint-xs:320px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--ai-gradient:linear-gradient(135deg,rgb(var(--color-ai-primary)) 0%,rgb(var(--color-ai-secondary)) 100%);--ai-gradient-subtle:linear-gradient(135deg,rgb(var(--color-ai-primary)/0.1) 0%,rgb(var(--color-ai-secondary)/0.1) 100%);--ai-gradient-reverse:linear-gradient(135deg,rgb(var(--color-ai-secondary)) 0%,rgb(var(--color-ai-primary)) 100%);--ai-gradient-accent:linear-gradient(135deg,rgb(var(--color-ai-accent)) 0%,rgb(var(--color-ai-primary)) 100%);--space-card:1.5rem;--space-card-sm:1rem;--space-card-lg:2rem;--space-section:2rem;--space-section-lg:3rem;--chart-height-sm:200px;--chart-height-md:300px;--chart-height-lg:400px;--touch-target-min:44px;--touch-target-comfortable:48px;--focus-ring-width:2px;--focus-ring-offset:2px;--focus-ring-color:rgb(var(--color-primary-500));--glass-bg:rgb(255 255 255/0.7);--glass-bg-strong:rgb(255 255 255/0.85);--glass-bg-subtle:rgb(255 255 255/0.5);--glass-blur:12px;--glass-blur-strong:20px;--glass-border:rgb(255 255 255/0.3);--glass-shadow:0 8px 32px rgb(31 38 135/0.15);--neu-bg:241 245 249;--neu-shadow-light:-6px -6px 14px rgb(255 255 255/0.7);--neu-shadow-dark:6px 6px 14px rgb(174 174 192/0.25);--neu-shadow-inset-light:inset -3px -3px 7px rgb(255 255 255/0.7);--neu-shadow-inset-dark:inset 3px 3px 7px rgb(174 174 192/0.2);--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#11998e,#38ef7d);--gradient-accent:linear-gradient(135deg,#a855f7,#ec4899);--gradient-warm:linear-gradient(135deg,#fa709a,#fee140);--gradient-cool:linear-gradient(135deg,#30cfd0,#330867);--gradient-surface:linear-gradient(180deg,rgb(248 250 252),rgb(241 245 249));--gradient-mesh:conic-gradient(from 180deg at 50% 50%,#2563eb 0deg,#059669 120deg,#7c3aed 240deg,#2563eb 360deg);--shadow-card:0 1px 2px rgb(0 0 0/0.04),0 4px 8px rgb(0 0 0/0.04),0 8px 16px rgb(0 0 0/0.04);--shadow-card-hover:0 2px 4px rgb(0 0 0/0.04),0 8px 16px rgb(0 0 0/0.08),0 16px 32px rgb(0 0 0/0.08);--shadow-elevated:0 4px 6px rgb(0 0 0/0.03),0 12px 24px rgb(0 0 0/0.06),0 24px 48px rgb(0 0 0/0.09);--hover-lift:translateY(-2px);--hover-scale:scale(1.02);--active-scale:scale(0.98);--transition-bounce:cubic-bezier(0.34,1.56,0.64,1);--border-subtle:1px solid rgb(226 232 240/0.8);--border-card:1px solid rgb(226 232 240);--border-interactive:1px solid rgb(203 213 225);--border-gradient:linear-gradient(135deg,rgb(37 99 235/0.3),rgb(5 150 105/0.3))}.dark{--color-neutral-0:15 23 42;--color-ai-surface:26 31 53;--shadow-xs:0 1px 2px 0 rgb(0 0 0/0.2);--shadow-sm:0 1px 3px 0 rgb(0 0 0/0.3),0 1px 2px -1px rgb(0 0 0/0.3);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.3),0 2px 4px -2px rgb(0 0 0/0.3);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.3),0 4px 6px -4px rgb(0 0 0/0.3);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.3),0 8px 10px -6px rgb(0 0 0/0.3);--shadow-ai:0 4px 20px 0 rgb(139 92 246/0.4);--shadow-ai-glow:0 0 40px 0 rgb(139 92 246/0.5);--color-confidence-high-light:6 78 59;--color-confidence-medium-light:120 53 15;--color-confidence-low-light:127 29 29;--color-status-success-light:6 78 59;--color-status-warning-light:120 53 15;--color-status-error-light:127 29 29;--color-status-info-light:30 58 138;--color-status-processing-light:76 29 149;--focus-ring-color:rgb(var(--color-primary-400));--glass-bg:rgb(30 41 59/0.7);--glass-bg-strong:rgb(30 41 59/0.85);--glass-bg-subtle:rgb(30 41 59/0.5);--glass-border:rgb(71 85 105/0.4);--glass-shadow:0 8px 32px rgb(0 0 0/0.3);--neu-bg:30 41 59;--neu-shadow-light:-6px -6px 14px rgb(51 65 85/0.5);--neu-shadow-dark:6px 6px 14px rgb(0 0 0/0.4);--neu-shadow-inset-light:inset -3px -3px 7px rgb(51 65 85/0.3);--neu-shadow-inset-dark:inset 3px 3px 7px rgb(0 0 0/0.3);--gradient-surface:linear-gradient(180deg,rgb(30 41 59),rgb(15 23 42));--shadow-card:0 1px 2px rgb(0 0 0/0.1),0 4px 8px rgb(0 0 0/0.1),0 8px 16px rgb(0 0 0/0.1);--shadow-card-hover:0 2px 4px rgb(0 0 0/0.1),0 8px 16px rgb(0 0 0/0.2),0 16px 32px rgb(0 0 0/0.2);--border-subtle:1px solid rgb(51 65 85/0.6);--border-card:1px solid rgb(51 65 85);--border-interactive:1px solid rgb(71 85 105)}.ai-card{position:relative;background:rgb(var(--color-neutral-0));border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid rgb(var(--color-neutral-200));overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}.dark .ai-card{background:rgb(var(--color-neutral-800));border-color:rgb(var(--color-neutral-700))}.ai-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgb(var(--color-primary-600)) 0,rgb(var(--color-secondary-600)) 100%)}.ai-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ai-card:focus-within{outline:2px solid rgb(var(--color-primary-500));outline-offset:2px}.ai-card-insight{border-left:4px solid rgb(var(--color-accent-500));padding-left:calc(var(--space-6) - 4px)}.ai-card-insight:before{display:none}.ai-card-alert{border-color:rgb(var(--color-warning));background:linear-gradient(135deg,rgb(var(--color-warning-light)) 0,rgb(var(--color-neutral-0)) 100%)}.dark .ai-card-alert{background:linear-gradient(135deg,rgb(var(--color-warning)/.15) 0,rgb(var(--color-neutral-800)) 100%);border-color:rgb(var(--color-warning)/.5)}.ai-card-alert:before{background:rgb(var(--color-warning))}.ai-card-success{border-color:rgb(var(--color-success))}.ai-card-success:before{background:rgb(var(--color-success))}.ai-card-error{border-color:rgb(var(--color-error))}.ai-card-error:before{background:rgb(var(--color-error))}.confidence-badge{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-2-5);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em}.confidence-badge-high{background:rgb(var(--color-secondary-100));color:rgb(var(--color-secondary-700))}.dark .confidence-badge-high{background:rgb(var(--color-secondary-900)/.4);color:rgb(var(--color-secondary-400))}.confidence-badge-medium{background:rgb(var(--color-warning-light));color:rgb(var(--color-warning-dark))}.dark .confidence-badge-medium{background:rgb(var(--color-warning)/.2);color:rgb(var(--color-warning))}.confidence-badge-low{background:rgb(var(--color-error-light));color:rgb(var(--color-error-dark))}.dark .confidence-badge-low{background:rgb(var(--color-error)/.2);color:rgb(var(--color-error))}.confidence-bar{position:relative;height:8px;background:rgb(var(--color-neutral-200));border-radius:var(--radius-full);overflow:hidden}.dark .confidence-bar{background:rgb(var(--color-neutral-700))}.confidence-bar-fill{position:absolute;top:0;left:0;height:100%;border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.confidence-bar-fill[data-level=high]{background:linear-gradient(90deg,rgb(var(--color-secondary-500)) 0,rgb(var(--color-secondary-400)) 100%)}.confidence-bar-fill[data-level=medium]{background:linear-gradient(90deg,rgb(var(--color-warning)) 0,rgb(var(--color-warning-light)) 100%)}.confidence-bar-fill[data-level=low]{background:linear-gradient(90deg,rgb(var(--color-error)) 0,rgb(var(--color-error-light)) 100%)}.ai-loading{position:relative;overflow:hidden;background:rgb(var(--color-neutral-100));border-radius:var(--radius-lg)}.dark .ai-loading{background:rgb(var(--color-neutral-800))}.ai-loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0,rgb(var(--color-neutral-0)/.4) 50%,transparent 100%);animation:shimmer 2s linear infinite;background-size:200% 100%}.dark .ai-loading:after{background:linear-gradient(90deg,transparent 0,rgb(var(--color-neutral-600)/.3) 50%,transparent 100%);background-size:200% 100%}.ai-loading-text{height:1em;margin:var(--space-2) 0}.ai-loading-title{height:1.5em;width:60%;margin-bottom:var(--space-3)}.ai-loading-card{min-height:120px}.ai-processing{position:relative;border:2px solid rgb(var(--color-accent-300))}.dark .ai-processing{border-color:rgb(var(--color-accent-600))}.ai-processing:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:inherit;background:linear-gradient(90deg,rgb(var(--color-accent-500)),rgb(var(--color-primary-500)),rgb(var(--color-accent-500)));background-size:200% 100%;animation:ai-gradient-flow 2s linear infinite;z-index:-1;opacity:.5}.ai-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-full);background:linear-gradient(135deg,rgb(var(--color-accent-100)) 0,rgb(var(--color-primary-100)) 100%);color:rgb(var(--color-accent-700));border:1px solid rgb(var(--color-accent-200))}.dark .ai-badge{background:linear-gradient(135deg,rgb(var(--color-accent-900)/.5) 0,rgb(var(--color-primary-900)/.5) 100%);color:rgb(var(--color-accent-300));border-color:rgb(var(--color-accent-700)/.5)}.ai-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:rgb(var(--color-accent-500));animation:ai-pulse 2s ease-in-out infinite}.ai-card-processing{border-color:rgb(var(--color-warning)/.5)}.ai-card-processing:before{background:linear-gradient(90deg,rgb(var(--color-warning)) 0,rgb(var(--color-accent-500)) 50%,rgb(var(--color-warning)) 100%);background-size:200% 100%;animation:ai-gradient-flow 2s linear infinite}.ai-insight{display:flex;gap:var(--space-4);padding:var(--space-4);background:rgb(var(--color-accent-50));border-radius:var(--radius-lg);border-left:4px solid rgb(var(--color-accent-500))}.dark .ai-insight{background:rgb(var(--color-accent-950)/.3)}.ai-insight-icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-accent-100));color:rgb(var(--color-accent-600));border-radius:var(--radius-lg)}.dark .ai-insight-icon{background:rgb(var(--color-accent-900)/.5);color:rgb(var(--color-accent-400))}.ai-insight-content{flex:1;min-width:0}.ai-insight-title{font-weight:600;color:rgb(var(--color-neutral-900));margin-bottom:var(--space-1)}.dark .ai-insight-title{color:rgb(var(--color-neutral-100))}.ai-insight-text{font-size:var(--text-sm);color:rgb(var(--color-neutral-600));line-height:var(--leading-relaxed)}.dark .ai-insight-text{color:rgb(var(--color-neutral-400))}.confidence-indicator{display:flex;align-items:center;gap:var(--space-2)}.confidence-indicator .confidence-bar{flex:1}.confidence-label{font-size:var(--text-xs);font-weight:500;min-width:2.5rem;text-align:right}.confidence-label.high{color:rgb(var(--color-secondary-600))}.confidence-label.medium{color:rgb(var(--color-warning-dark))}.confidence-label.low{color:rgb(var(--color-error))}.dark .confidence-label.high{color:rgb(var(--color-secondary-400))}.dark .confidence-label.medium{color:rgb(var(--color-warning))}.dark .confidence-label.low{color:rgb(var(--color-error-light))}.credits-display{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:rgb(var(--color-neutral-50));border-radius:var(--radius-lg);border:1px solid rgb(var(--color-neutral-200))}.dark .credits-display{background:rgb(var(--color-neutral-800));border-color:rgb(var(--color-neutral-700))}.credits-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgb(var(--color-primary-500)) 0,rgb(var(--color-secondary-500)) 100%);color:white;border-radius:var(--radius-md)}.credits-info{flex:1}.credits-amount{font-size:var(--text-xl);font-weight:700;color:rgb(var(--color-neutral-900));line-height:1}.dark .credits-amount{color:rgb(var(--color-neutral-100))}.credits-label{font-size:var(--text-xs);color:rgb(var(--color-neutral-500));margin-top:var(--space-0-5)}.credits-progress{width:100%;height:4px;background:rgb(var(--color-neutral-200));border-radius:var(--radius-full);margin-top:var(--space-2);overflow:hidden}.dark .credits-progress{background:rgb(var(--color-neutral-700))}.credits-progress-fill{height:100%;background:linear-gradient(90deg,rgb(var(--color-primary-500)) 0,rgb(var(--color-secondary-500)) 100%);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.credits-progress-fill.low{background:linear-gradient(90deg,rgb(var(--color-warning)) 0,rgb(var(--color-error)) 100%)}.ai-status{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.ai-status-idle{background:rgb(var(--color-neutral-100));color:rgb(var(--color-neutral-600))}.ai-status-processing{background:rgb(var(--color-warning-light));color:rgb(var(--color-warning-dark))}.ai-status-success{background:rgb(var(--color-success-light));color:rgb(var(--color-success-dark))}.ai-status-error{background:rgb(var(--color-error-light));color:rgb(var(--color-error-dark))}.dark .ai-status-idle{background:rgb(var(--color-neutral-800));color:rgb(var(--color-neutral-400))}.dark .ai-status-processing{background:rgb(var(--color-warning)/.2);color:rgb(var(--color-warning))}.dark .ai-status-success{background:rgb(var(--color-success)/.2);color:rgb(var(--color-success))}.dark .ai-status-error{background:rgb(var(--color-error)/.2);color:rgb(var(--color-error-light))}.ai-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.ai-status-processing .ai-status-dot{animation:ai-pulse 1.5s ease-in-out infinite}.ai-model-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-md)}.ai-model-haiku{background:rgb(var(--color-secondary-100));color:rgb(var(--color-secondary-700))}.ai-model-sonnet{background:rgb(var(--color-accent-100));color:rgb(var(--color-accent-700))}.ai-model-opus{background:linear-gradient(135deg,rgb(var(--color-accent-100)) 0,rgb(var(--color-primary-100)) 100%);color:rgb(var(--color-accent-800))}.dark .ai-model-haiku{background:rgb(var(--color-secondary-900)/.4);color:rgb(var(--color-secondary-400))}.dark .ai-model-sonnet{background:rgb(var(--color-accent-900)/.4);color:rgb(var(--color-accent-400))}.dark .ai-model-opus{background:linear-gradient(135deg,rgb(var(--color-accent-900)/.4) 0,rgb(var(--color-primary-900)/.4) 100%);color:rgb(var(--color-accent-300))}.ai-feature-card{position:relative;padding:var(--space-5);background:rgb(var(--color-neutral-0));border-radius:var(--radius-xl);border:1px solid rgb(var(--color-neutral-200));transition:all var(--duration-normal) var(--ease-out)}.dark .ai-feature-card{background:rgb(var(--color-neutral-800));border-color:rgb(var(--color-neutral-700))}.ai-feature-card:hover{border-color:rgb(var(--color-accent-300));box-shadow:var(--shadow-lg),var(--shadow-accent);transform:translateY(-2px)}.dark .ai-feature-card:hover{border-color:rgb(var(--color-accent-600))}.ai-feature-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.ai-feature-icon.extraction{background:rgb(var(--color-secondary-100));color:rgb(var(--color-secondary-600))}.ai-feature-icon.analysis{background:rgb(var(--color-accent-100));color:rgb(var(--color-accent-600))}.ai-feature-icon.automation{background:rgb(var(--color-primary-100));color:rgb(var(--color-primary-600))}.dark .ai-feature-icon.extraction{background:rgb(var(--color-secondary-900)/.4);color:rgb(var(--color-secondary-400))}.dark .ai-feature-icon.analysis{background:rgb(var(--color-accent-900)/.4);color:rgb(var(--color-accent-400))}.dark .ai-feature-icon.automation{background:rgb(var(--color-primary-900)/.4);color:rgb(var(--color-primary-400))}.btn-ai{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-5);font-size:var(--text-sm);font-weight:500;color:white;background:linear-gradient(135deg,rgb(var(--color-accent-600)) 0,rgb(var(--color-primary-600)) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-md)}.btn-ai:hover{box-shadow:var(--shadow-lg),var(--shadow-ai);transform:translateY(-1px)}.btn-ai:active{transform:translateY(0)}.btn-ai:disabled{opacity:.5;cursor:not-allowed;transform:none}.ai-thinking{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:rgb(var(--color-accent-50));border-radius:var(--radius-lg)}.dark .ai-thinking{background:rgb(var(--color-accent-950)/.3)}.ai-thinking-dots{display:flex;gap:var(--space-1)}.ai-thinking-dot{width:8px;height:8px;background:rgb(var(--color-accent-500));border-radius:50%;animation:ai-thinking-bounce 1.4s ease-in-out infinite}.ai-thinking-dot:first-child{animation-delay:0s}.ai-thinking-dot:nth-child(2){animation-delay:.2s}.ai-thinking-dot:nth-child(3){animation-delay:.4s}.ai-thinking-text{font-size:var(--text-sm);color:rgb(var(--color-accent-700))}.dark .ai-thinking-text{color:rgb(var(--color-accent-300))}.ai-response{position:relative;padding:var(--space-4);background:rgb(var(--color-neutral-0));border-radius:var(--radius-lg);border:1px solid rgb(var(--color-neutral-200))}.dark .ai-response{background:rgb(var(--color-neutral-800));border-color:rgb(var(--color-neutral-700))}.ai-response-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid rgb(var(--color-neutral-200))}.dark .ai-response-header{border-color:rgb(var(--color-neutral-700))}.ai-response-streaming{border-color:rgb(var(--color-accent-300))}.ai-response-streaming:after{content:"";position:absolute;bottom:0;left:0;height:2px;background:linear-gradient(90deg,rgb(var(--color-accent-500)),rgb(var(--color-primary-500)));animation:ai-stream-progress 2s ease-in-out infinite}.cost-estimator{padding:var(--space-4);background:rgb(var(--color-primary-50));border-radius:var(--radius-lg);border:1px solid rgb(var(--color-primary-200))}.dark .cost-estimator{background:rgb(var(--color-primary-950)/.3);border-color:rgb(var(--color-primary-800))}.cost-estimator-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.cost-estimator-row:not(:last-child){border-bottom:1px dashed rgb(var(--color-primary-200))}.dark .cost-estimator-row:not(:last-child){border-color:rgb(var(--color-primary-800))}.cost-label{font-size:var(--text-sm);color:rgb(var(--color-neutral-600))}.dark .cost-label{color:rgb(var(--color-neutral-400))}.cost-value{font-weight:600;color:rgb(var(--color-neutral-900))}.dark .cost-value{color:rgb(var(--color-neutral-100))}.cost-savings{color:rgb(var(--color-secondary-600))}.dark .cost-savings{color:rgb(var(--color-secondary-400))}@keyframes ai-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes ai-gradient-flow{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ai-thinking-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}@keyframes ai-stream-progress{0%{width:0;left:0}50%{width:100%;left:0}to{width:0;left:100%}}.chart-container{border:1px solid rgb(var(--color-neutral-200));min-height:300px}.dark .chart-container{border-color:rgb(var(--color-neutral-700))}.chart-container-sm{min-height:200px;padding:var(--space-4)}.chart-container-lg{min-height:400px}.chart-tooltip{position:absolute;z-index:var(--z-tooltip);pointer-events:none;white-space:nowrap}.dark .chart-tooltip{color:rgb(var(--color-neutral-100))}.chart-tooltip:before{content:"";position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgb(var(--color-neutral-0))}.dark .chart-tooltip:before{border-top-color:rgb(var(--color-neutral-800))}.alert-card{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border-left:4px solid}.alert-card-info{background:rgb(var(--color-info-light));border-color:rgb(var(--color-info))}.alert-card-success{background:rgb(var(--color-success-light));border-color:rgb(var(--color-success))}.alert-card-warning{background:rgb(var(--color-warning-light));border-color:rgb(var(--color-warning))}.alert-card-error{background:rgb(var(--color-error-light));border-color:rgb(var(--color-error))}.dark .alert-card-info{background:rgb(var(--color-info)/.15)}.dark .alert-card-success{background:rgb(var(--color-success)/.15)}.dark .alert-card-warning{background:rgb(var(--color-warning)/.15)}.dark .alert-card-error{background:rgb(var(--color-error)/.15)}.skeleton{position:relative;overflow:hidden;background:rgb(var(--color-neutral-200));border-radius:var(--radius-md)}.dark .skeleton{background:rgb(var(--color-neutral-700))}.skeleton:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0,rgb(var(--color-neutral-0)/.3) 50%,transparent 100%);animation:shimmer 2s linear infinite;background-size:200% 100%}.dark .skeleton:after{background:linear-gradient(90deg,transparent 0,rgb(var(--color-neutral-600)/.3) 50%,transparent 100%);background-size:200% 100%}.skeleton-text{height:1rem;margin-bottom:var(--space-2)}.skeleton-title{height:1.5rem;width:50%;margin-bottom:var(--space-3)}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton-card{height:120px}@media (prefers-reduced-motion:reduce){.ai-badge:before,.ai-card-processing:before,.ai-loading:after,.ai-processing:before,.ai-response-streaming:after,.ai-status-dot,.ai-thinking-dot,.skeleton:after{animation:none}.ai-card:hover,.ai-feature-card:hover,.btn-ai:hover{transform:none}}.chart-container{position:relative;background:rgb(var(--color-neutral-0));border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.dark .chart-container{background:rgb(var(--color-neutral-800))}.chart-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6)}.chart-title{font-size:var(--text-lg);font-weight:600;color:rgb(var(--color-neutral-900))}.dark .chart-title{color:rgb(var(--color-neutral-100))}.chart-subtitle{font-size:var(--text-sm);color:rgb(var(--color-neutral-500));margin-top:var(--space-1)}.dark .chart-subtitle{color:rgb(var(--color-neutral-400))}.chart-actions{display:flex;gap:var(--space-2)}.chart-area{position:relative;width:100%}.chart-area-empty,.chart-area-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.chart-area-empty{flex-direction:column;color:rgb(var(--color-neutral-400))}.dark .chart-area-empty{color:rgb(var(--color-neutral-500))}.chart-empty-icon{width:3rem;height:3rem;margin-bottom:var(--space-3);opacity:.5}.chart-empty-text,.chart-tooltip{font-size:var(--text-sm)}.chart-tooltip{background:rgb(var(--color-neutral-0));border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-lg);border:1px solid rgb(var(--color-neutral-200))}.dark .chart-tooltip{background:rgb(var(--color-neutral-800));border-color:rgb(var(--color-neutral-700))}.chart-tooltip-label{font-weight:600;color:rgb(var(--color-neutral-900));margin-bottom:var(--space-2)}.dark .chart-tooltip-label{color:rgb(var(--color-neutral-100))}.chart-tooltip-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0}.chart-tooltip-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.chart-tooltip-name{color:rgb(var(--color-neutral-600))}.dark .chart-tooltip-name{color:rgb(var(--color-neutral-400))}.chart-tooltip-value{font-weight:500;color:rgb(var(--color-neutral-900));margin-left:auto}.dark .chart-tooltip-value{color:rgb(var(--color-neutral-100))}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgb(var(--color-neutral-200))}.dark .chart-legend{border-color:rgb(var(--color-neutral-700))}.chart-legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:rgb(var(--color-neutral-600));cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out)}.dark .chart-legend-item{color:rgb(var(--color-neutral-400))}.chart-legend-item:hover{opacity:.7}.chart-legend-item.inactive{opacity:.4}.chart-legend-dot{width:12px;height:12px;border-radius:var(--radius-sm);flex-shrink:0}.chart-metric{display:flex;flex-direction:column;padding:var(--space-4);background:rgb(var(--color-neutral-50));border-radius:var(--radius-lg)}.dark .chart-metric{background:rgb(var(--color-neutral-900))}.chart-metric-label{font-size:var(--text-xs);font-weight:500;color:rgb(var(--color-neutral-500));text-transform:uppercase;letter-spacing:var(--tracking-wide)}.dark .chart-metric-label{color:rgb(var(--color-neutral-400))}.chart-metric-value{font-size:var(--text-2xl);font-weight:700;color:rgb(var(--color-neutral-900));margin-top:var(--space-1)}.dark .chart-metric-value{color:rgb(var(--color-neutral-100))}.chart-metric-change{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:500;margin-top:var(--space-2)}.chart-metric-change.positive{color:rgb(var(--color-success))}.chart-metric-change.negative{color:rgb(var(--color-error))}.chart-metric-change.neutral{color:rgb(var(--color-neutral-500))}.sparkline{display:inline-flex;align-items:flex-end;height:24px;gap:2px}.sparkline-bar{width:4px;background:rgb(var(--color-primary-500));border-radius:2px 2px 0 0;transition:height var(--duration-fast) var(--ease-out)}.sparkline-bar:hover{background:rgb(var(--color-primary-600))}.progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-ring-svg{transform:rotate(-90deg)}.progress-ring-bg{stroke:rgb(var(--color-neutral-200))}.dark .progress-ring-bg{stroke:rgb(var(--color-neutral-700))}.progress-ring-fill{stroke-linecap:round;transition:stroke-dashoffset var(--duration-slow) var(--ease-out)}.progress-ring-text{position:absolute;font-size:var(--text-sm);font-weight:600;color:rgb(var(--color-neutral-900))}.dark .progress-ring-text{color:rgb(var(--color-neutral-100))}.gauge{position:relative;width:100%;max-width:200px;margin:0 auto}.gauge-svg{width:100%;height:auto}.gauge-bg{fill:none;stroke:rgb(var(--color-neutral-200));stroke-width:12}.dark .gauge-bg{stroke:rgb(var(--color-neutral-700))}.gauge-fill{fill:none;stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset var(--duration-slower) var(--ease-out)}.gauge-value{position:absolute;bottom:20%;left:50%;transform:translateX(-50%);text-align:center}.gauge-value-number{font-size:var(--text-3xl);font-weight:700;color:rgb(var(--color-neutral-900))}.dark .gauge-value-number{color:rgb(var(--color-neutral-100))}.gauge-value-label{font-size:var(--text-sm);color:rgb(var(--color-neutral-500))}.trend-line{display:flex;align-items:center;gap:var(--space-2)}.trend-icon{width:20px;height:20px}.trend-up{color:rgb(var(--color-success))}.trend-down{color:rgb(var(--color-error))}.trend-neutral{color:rgb(var(--color-neutral-400))}.chart-with-table{display:grid;gap:var(--space-6)}@media (min-width:1024px){.chart-with-table{grid-template-columns:2fr 1fr}}.chart-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.chart-filter-btn{padding:var(--space-1-5) var(--space-3);font-size:var(--text-xs);font-weight:500;color:rgb(var(--color-neutral-600));background:rgb(var(--color-neutral-100));border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.dark .chart-filter-btn{color:rgb(var(--color-neutral-400));background:rgb(var(--color-neutral-800))}.chart-filter-btn:hover{background:rgb(var(--color-neutral-200))}.dark .chart-filter-btn:hover{background:rgb(var(--color-neutral-700))}.chart-filter-btn.active{color:white;background:rgb(var(--color-primary-600))}.date-range-selector{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:rgb(var(--color-neutral-100));border-radius:var(--radius-lg);font-size:var(--text-sm)}.dark .date-range-selector{background:rgb(var(--color-neutral-800))}.chart-colors{--chart-primary:rgb(var(--color-primary-500));--chart-secondary:rgb(var(--color-secondary-500));--chart-accent:rgb(var(--color-accent-500));--chart-blue:#3b82f6;--chart-green:#22c55e;--chart-yellow:#eab308;--chart-orange:#f97316;--chart-red:#ef4444;--chart-purple:#a855f7;--chart-pink:#ec4899;--chart-neutral:#64748b}.chart-gradient-primary{background:linear-gradient(180deg,rgba(37,99,235,.2),rgba(37,99,235,0))}.chart-gradient-secondary{background:linear-gradient(180deg,rgba(5,150,105,.2),rgba(5,150,105,0))}.chart-gradient-accent{background:linear-gradient(180deg,rgba(139,92,246,.2),rgba(139,92,246,0))}.chart-bar-gradient{background:linear-gradient(180deg,var(--chart-primary) 0,rgba(37,99,235,.7) 100%);border-radius:4px 4px 0 0}.chart-area-gradient{fill:url(#areaGradient)}.chart-card-modern{background:rgb(var(--color-neutral-0));border:1px solid rgb(var(--color-neutral-100));border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden;transition:box-shadow .2s ease}.chart-card-modern:hover{box-shadow:var(--shadow-card-hover)}.dark .chart-card-modern{background:rgb(var(--color-neutral-800));border-color:rgb(var(--color-neutral-700)/.5)}.chart-point{transition:r .15s ease,fill .15s ease}.chart-point:hover{r:6;fill:var(--chart-primary);filter:drop-shadow(0 0 4px rgba(37,99,235,.5))}.chart-line{stroke-linecap:round;stroke-linejoin:round;transition:stroke-width .15s ease}.chart-line:hover{stroke-width:3}@keyframes chartFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes chartBarGrow{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}.chart-animate-fade{animation:chartFadeIn .4s ease-out}.chart-animate-bars .recharts-bar-rectangle{animation:chartBarGrow .5s ease-out;animation-fill-mode:backwards}.chart-animate-bars .recharts-bar-rectangle:first-child{animation-delay:.05s}.chart-animate-bars .recharts-bar-rectangle:nth-child(2){animation-delay:.1s}.chart-animate-bars .recharts-bar-rectangle:nth-child(3){animation-delay:.15s}.chart-animate-bars .recharts-bar-rectangle:nth-child(4){animation-delay:.2s}.chart-animate-bars .recharts-bar-rectangle:nth-child(5){animation-delay:.25s}.chart-tooltip-modern{background:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-elevated)}.dark .chart-tooltip-modern{background:rgb(30 41 59/.9);border-color:rgb(71 85 105/.4)}.heatmap{display:grid;gap:2px}.heatmap-cell{aspect-ratio:1;border-radius:var(--radius-sm);transition:opacity var(--duration-fast) var(--ease-out)}.heatmap-cell:hover{opacity:.8;outline:2px solid rgb(var(--color-neutral-900));outline-offset:1px}.dark .heatmap-cell:hover{outline-color:rgb(var(--color-neutral-100))}.axis-label{font-size:var(--text-xs);fill:rgb(var(--color-neutral-500))}.dark .axis-label{fill:rgb(var(--color-neutral-400))}.axis-line{stroke:rgb(var(--color-neutral-200))}.dark .axis-line{stroke:rgb(var(--color-neutral-700))}.grid-line{stroke:rgb(var(--color-neutral-100));stroke-dasharray:3 3}.dark .grid-line{stroke:rgb(var(--color-neutral-800))}.chart-annotation{position:absolute;padding:var(--space-1-5) var(--space-2);font-size:var(--text-xs);font-weight:500;background:rgb(var(--color-neutral-900));color:white;border-radius:var(--radius-md);white-space:nowrap}.chart-annotation:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgb(var(--color-neutral-900))}.dark .chart-annotation{background:rgb(var(--color-neutral-100));color:rgb(var(--color-neutral-900))}.dark .chart-annotation:after{border-top-color:rgb(var(--color-neutral-100))}.chart-prediction{position:relative}.chart-prediction-area{fill:rgb(var(--color-accent-500)/.1);stroke:rgb(var(--color-accent-500));stroke-width:2;stroke-dasharray:5 5}.chart-prediction-label{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;background:rgb(var(--color-accent-100));color:rgb(var(--color-accent-700));border-radius:var(--radius-full)}.dark .chart-prediction-label{background:rgb(var(--color-accent-900)/.4);color:rgb(var(--color-accent-300))}@media (max-width:640px){.chart-container{padding:var(--space-4)}.chart-header{flex-direction:column;gap:var(--space-3)}.chart-legend{justify-content:center}.chart-metric-value{font-size:var(--text-xl)}}@media print{.chart-container{box-shadow:none;border:1px solid #ddd}.chart-actions,.chart-filters{display:none}}