:root,[data-theme=light]{--color-brand-50: #EEF2FF;--color-brand-100: #E0E7FF;--color-brand-200: #C7D2FE;--color-brand-300: #A5B4FC;--color-brand-400: #818CF8;--color-brand-500: #6366F1;--color-brand-600: #4F46E5;--color-brand-700: #4338CA;--color-brand-800: #3730A3;--color-brand-900: #312E81;--color-ai-50: #F0F9FF;--color-ai-100: #E0F2FE;--color-ai-200: #BAE6FD;--color-ai-300: #7DD3FC;--color-ai-400: #38BDF8;--color-ai-500: #0EA5E9;--color-ai-600: #0284C7;--color-success: #10B981;--color-success-subtle: rgba(16, 185, 129, .08);--color-warning: #F59E0B;--color-warning-subtle: rgba(245, 158, 11, .08);--color-danger: #EF4444;--color-danger-subtle: rgba(239, 68, 68, .08);--color-info: #3B82F6;--color-info-subtle: rgba(59, 130, 246, .08);--color-accent: #F97316;--color-accent-hover: #EA580C;--color-dial: #10B981;--color-dial-hover: #059669;--color-dial-shadow: 0 2px 12px rgba(16, 185, 129, .32);--confidence-green: #22C55E;--confidence-yellow: #EAB308;--confidence-orange: #F97316;--confidence-red: #EF4444;--confidence-green-bg: rgba(34, 197, 94, .1);--confidence-yellow-bg: rgba(234, 179, 8, .1);--confidence-orange-bg: rgba(249, 115, 22, .1);--confidence-red-bg: rgba(239, 68, 68, .1);--color-sidebar-section: #6B7280;--bg-root: #F8F9FB;--bg-primary: #F1F3F6;--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-overlay: rgba(15, 17, 25, .45);--bg-glass: rgba(255, 255, 255, .72);--bg-sidebar: #0F1119;--bg-sidebar-subtle: #161822;--bg-sidebar-hover: rgba(255, 255, 255, .04);--bg-sidebar-active: rgba(99, 102, 241, .15);--bg-sidebar-section: rgba(255, 255, 255, .03);--text-primary: #0F1119;--text-secondary: #555B6B;--text-muted: #8B909E;--text-placeholder: #B0B6C2;--text-inverse: #FFFFFF;--text-sidebar: #8B8FA3;--text-sidebar-dim: #5E6278;--text-sidebar-active: #FFFFFF;--text-brand: #4F46E5;--border-default: #E4E6EB;--border-light: #F0F1F4;--border-strong: #CED1D8;--border-focus: #6366F1;--border-ai: rgba(14, 165, 233, .3);--shadow-xs: 0 1px 2px rgba(15, 17, 25, .03);--shadow-sm: 0 1px 3px rgba(15, 17, 25, .04), 0 1px 2px rgba(15, 17, 25, .03);--shadow-md: 0 4px 8px rgba(15, 17, 25, .05), 0 1px 3px rgba(15, 17, 25, .04);--shadow-lg: 0 8px 16px rgba(15, 17, 25, .06), 0 2px 6px rgba(15, 17, 25, .04);--shadow-xl: 0 12px 24px rgba(15, 17, 25, .07), 0 4px 8px rgba(15, 17, 25, .05);--shadow-ai: 0 0 0 1px rgba(14, 165, 233, .12), 0 2px 8px rgba(14, 165, 233, .08);--shadow-glow: 0 0 0 3px rgba(99, 102, 241, .25);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--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: 64px;--space-20: 80px;--duration-instant: 80ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-glacial: .6s;--easing-standard: cubic-bezier(.4, 0, .2, 1);--easing-decelerate: cubic-bezier(0, 0, .2, 1);--easing-accelerate: cubic-bezier(.4, 0, 1, 1);--easing-bounce: cubic-bezier(.34, 1.56, .64, 1);--easing-spring: cubic-bezier(.22, .61, .36, 1);--font-sans: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 28px;--text-5xl: 32px;--text-6xl: 40px;--btn-primary-bg: var(--color-brand-500);--btn-primary-bg-hover: var(--color-brand-600);--btn-primary-bg-active: var(--color-brand-700);--btn-primary-text: #FFFFFF;--btn-height-sm: 32px;--btn-height-md: 36px;--btn-height-lg: 44px;--btn-height-dial: 52px;--btn-radius: var(--radius-sm);--btn-dial-bg: var(--color-dial);--btn-dial-bg-hover: var(--color-dial-hover);--btn-dial-size: 52px;--btn-dial-shadow: var(--color-dial-shadow);--input-height: 36px;--input-bg: var(--bg-surface);--input-border: var(--border-default);--input-radius: var(--radius-md);--input-focus-ring: 0 0 0 2px var(--color-brand-200);--table-header-bg: var(--bg-primary);--table-row-hover: rgba(99, 102, 241, .03);--table-border: var(--border-light);--table-cell-padding: 10px var(--space-4);--card-bg: var(--bg-surface);--card-radius: var(--radius-lg);--card-shadow: var(--shadow-xs);--card-padding: var(--space-5);--card-border: var(--border-light);--tag-radius: var(--radius-sm);--tag-height: 22px;--confidence-high: #10B981;--confidence-medium: #F59E0B;--confidence-low: #EF4444;--role-sales: #10B981;--role-leader: #6366F1;--role-manager: #6366F1;--role-boss: #F59E0B;--role-dispatcher: #F97316;--role-finance: #0EA5E9;--role-admin: #EF4444;--sidebar-width: 248px;--topbar-height: 56px;--statusbar-height: 32px;--ai-panel-width: 368px;--chart-1: #6366F1;--chart-2: #0EA5E9;--chart-3: #10B981;--chart-4: #F59E0B;--chart-5: #F97316;--chart-6: #8B5CF6;--chart-7: #EC4899;--chart-muted: #E4E6EB}:root[data-theme=dark]{--bg-primary: #0F1119;--bg-surface: #1A1D2B;--bg-elevated: #252837;--bg-overlay: rgba(0, 0, 0, .6);--bg-sidebar: #0D0F17;--bg-sidebar-hover: rgba(255, 255, 255, .04);--bg-sidebar-active: rgba(91, 95, 227, .16);--text-primary: #EDEEF2;--text-secondary: #9CA0AE;--text-muted: #6B7080;--text-placeholder: #555B6B;--text-inverse: #0F1119;--text-sidebar: #7B8090;--text-sidebar-active: #FFFFFF;--border-default: #2D3140;--border-light: #232738;--border-focus: #5B5FE3;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .3);--shadow-xl: 0 10px 15px rgba(0, 0, 0, .4);--shadow-glow: 0 0 0 2px rgba(91, 95, 227, .4);--table-row-hover: rgba(91, 95, 227, .06)}[data-theme=dark]{--bg-root: #080A0F;--bg-primary: #0F1119;--bg-surface: #161822;--bg-elevated: #1E2130;--bg-overlay: rgba(0, 0, 0, .65);--bg-sidebar: #060810;--bg-sidebar-subtle: #0B0D16;--bg-sidebar-hover: rgba(255, 255, 255, .03);--bg-sidebar-active: rgba(99, 102, 241, .12);--bg-sidebar-section: rgba(255, 255, 255, .02);--text-primary: #EBECF0;--text-secondary: #9CA0AE;--text-muted: #6B7080;--text-placeholder: #4A4F60;--border-default: #232738;--border-light: #1A1D2B;--border-strong: #323648;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .25);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .35);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .4);--table-row-hover: rgba(99, 102, 241, .05);--card-shadow: var(--shadow-xs);--card-border: var(--border-light);--input-bg: var(--bg-elevated);--input-border: var(--border-default);--chart-muted: #232738}[data-theme=brand-purple]{--bg-root: #F8F7FF;--bg-primary: #F3F1FD;--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-sidebar: #1A1640;--bg-sidebar-subtle: #1F1B3A;--bg-sidebar-hover: rgba(255, 255, 255, .05);--bg-sidebar-active: rgba(99, 102, 241, .18);--bg-sidebar-section: rgba(255, 255, 255, .03);--border-default: #E8E6F2;--border-light: #F2F0FA;--text-sidebar: #A8A4C8;--text-sidebar-dim: #7874A0;--text-sidebar-active: #FFFFFF}[data-theme=deep-blue]{--bg-root: #F0F5FA;--bg-primary: #E8F0F8;--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-sidebar: #0B1A2E;--bg-sidebar-subtle: #101E36;--bg-sidebar-hover: rgba(255, 255, 255, .04);--bg-sidebar-active: rgba(14, 165, 233, .16);--bg-sidebar-section: rgba(255, 255, 255, .03);--border-default: #DCE8F4;--border-light: #EAF2FA;--text-sidebar: #7B9CC0;--text-sidebar-dim: #557BA0;--text-sidebar-active: #FFFFFF}[data-theme=forest-green]{--bg-root: #F4F7F2;--bg-primary: #EEF2EB;--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-sidebar: #0D1A0C;--bg-sidebar-subtle: #122012;--bg-sidebar-hover: rgba(255, 255, 255, .04);--bg-sidebar-active: rgba(16, 185, 129, .16);--bg-sidebar-section: rgba(255, 255, 255, .03);--border-default: #DDE8D8;--border-light: #EDF2EA;--text-sidebar: #7BA07B;--text-sidebar-dim: #558055;--text-sidebar-active: #FFFFFF}[data-theme=midnight-black]{--bg-root: #05060A;--bg-primary: #0A0C12;--bg-surface: #101318;--bg-elevated: #161A20;--bg-overlay: rgba(0, 0, 0, .75);--bg-sidebar: #030408;--bg-sidebar-subtle: #080A10;--bg-sidebar-hover: rgba(255, 255, 255, .02);--bg-sidebar-active: rgba(99, 102, 241, .1);--bg-sidebar-section: rgba(255, 255, 255, .01);--text-primary: #D8DBE0;--text-secondary: #8B909A;--text-muted: #5C616B;--text-placeholder: #3D424A;--border-default: #1C1F28;--border-light: #151820;--border-strong: #282C36;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .45);--shadow-md: 0 4px 8px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .55);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .6);--table-row-hover: rgba(99, 102, 241, .04);--card-shadow: var(--shadow-xs);--card-border: var(--border-light);--input-bg: var(--bg-elevated);--input-border: var(--border-default);--chart-muted: #1C1F28}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-normal) var(--easing-standard),color var(--duration-normal) var(--easing-standard)}a{color:var(--color-brand-500);text-decoration:none}a:hover{color:var(--color-brand-600)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.card{background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow);border:1px solid var(--card-border);padding:var(--card-padding)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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)}.gap-8{gap:var(--space-8)}.p-4{padding:var(--space-4)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}@keyframes dialBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes aiPulse{0%,to{box-shadow:0 0 #0ea5e933}50%{box-shadow:0 0 0 4px #0ea5e914}}@keyframes cardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.loading-state{text-align:center;padding:var(--space-16) var(--space-4);color:var(--text-muted);font-size:var(--text-sm);animation:fadeIn .3s ease}.loading-state:before{content:"";display:block;width:24px;height:24px;border:2px solid var(--border-default);border-top-color:var(--color-brand-500);border-radius:50%;margin:0 auto var(--space-3);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-16) var(--space-4);color:var(--text-muted);font-size:var(--text-sm)}.error-state{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-danger);font-size:var(--text-sm)}.page-enter-active{animation:fadeIn .25s var(--easing-decelerate)}.ai-glow{animation:aiPulse 2s ease-in-out infinite}.card-hover{transition:all var(--duration-fast)}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}:root{--color-brand-50: #EEF4FF;--color-brand-100: #DCE8FC;--color-brand-200: #B9D1F9;--color-brand-300: #8DB5F5;--color-brand-400: #6095F0;--color-brand-500: #3772E8;--color-brand-600: #2558CC;--color-brand-700: #1D45A3;--color-brand-800: #183680;--color-brand-900: #132B66;--color-success: #16A34A;--color-success-bg: #DCFCE7;--color-success-border: #BBF7D0;--color-danger: #DC2626;--color-danger-bg: #FEE2E2;--color-danger-border: #FECACA;--color-warning: #D97706;--color-warning-bg: #FEF3C7;--color-warning-border: #FDE68A;--color-info: #3772E8;--color-info-bg: #EEF4FF;--color-info-border: #B9D1F9;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--text-inverse: #FFFFFF;--text-link: #3772E8;--card-bg: #FFFFFF;--card-border: #E2E8F0;--card-radius: 12px;--card-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 12px rgba(15, 23, 42, .06);--card-shadow-hover: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 24px rgba(15, 23, 42, .1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 44px;--space-12: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-bold: 700;--font-semibold: 600;--font-medium: 500;--font-normal: 400;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .06), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .05);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 8px 10px -6px rgba(15, 23, 42, .06);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--sidebar-bg: #F8FAFC;--sidebar-item-hover: #F1F5F9;--sidebar-item-active: #EEF4FF;--sidebar-item-active-border: #3772E8;--sidebar-divider: #E2E8F0;--sidebar-text: #475569;--sidebar-text-active: #3772E8;--sidebar-icon: #94A3B8;--sidebar-icon-active: #3772E8;--topbar-height: 56px;--topbar-bg: #FFFFFF;--topbar-border: #E2E8F0;--topbar-shadow: 0 1px 3px rgba(15, 23, 42, .04);--page-bg: #F1F5F9;--page-bg-alt: #F8FAFC;--input-bg: #FFFFFF;--input-border: #CBD5E1;--input-border-focus: #3772E8;--input-ring: 0 0 0 3px rgba(55, 114, 232, .12);--input-placeholder: #94A3B8;--input-radius: var(--radius-md);--divider: #E2E8F0;--overlay-bg: rgba(15, 23, 42, .45);--overlay-blur: blur(4px)}