:root{--primary-50:#EAF8FF;--primary-100:#D7F0FF;--primary-200:#B3E4FF;--primary-300:#7DD3FC;--primary-400:#38BDF8;--primary-500:#0EA5E9;--primary-600:#0284C7;--primary-700:#0369A1;--primary-800:#075985;--primary-900:#0C4A6E;--primary-950:#082F49;--secondary-50:#ECFDF5;--secondary-100:#D1FAE5;--secondary-200:#A7F3D0;--secondary-300:#6EE7B7;--secondary-400:#34D399;--secondary-500:#10B981;--secondary-600:#059669;--secondary-700:#047857;--secondary-800:#065F46;--secondary-900:#064E3B;--secondary-950:#022C22;--neutral-0:#FFFFFF;--neutral-50:#F8FAF9;--neutral-100:#EEF5F2;--neutral-200:#DCE8E3;--neutral-300:#C2D1CA;--neutral-400:#93A69E;--neutral-500:#6F837B;--neutral-600:#566B63;--neutral-700:#40554D;--neutral-800:#293C35;--neutral-900:#162620;--neutral-950:#0B1713;--neutral-1000:#000000;--success-50:#EDFAF3;--success-100:#D1F5E2;--success-200:#9EEAC2;--success-300:#5ED9A0;--success-400:#28C47D;--success-500:#16A360;--success-600:#0F8349;--success-700:#0C6638;--success-800:#094B2A;--success-900:#06321C;--warning-50:#FFFBEB;--warning-100:#FEF3C7;--warning-200:#FDE68A;--warning-300:#FCD34D;--warning-400:#FBBF24;--warning-500:#F59E0B;--warning-600:#D97706;--warning-700:#B45309;--warning-800:#92400E;--warning-900:#78350F;--error-50:#FFF1F1;--error-100:#FFE0E0;--error-200:#FFC0C0;--error-300:#FF9494;--error-400:#FF5C5C;--error-500:#E63030;--error-600:#C42222;--error-700:#9E1A1A;--error-800:#791414;--error-900:#550F0F;--info-50:#EFF6FF;--info-100:#DBEAFE;--info-200:#BFDBFE;--info-300:#93C5FD;--info-400:#60A5FA;--info-500:#3B82F6;--info-600:#2563EB;--info-700:#1D4ED8;--info-800:#1E40AF;--info-900:#1E3A8A;--color-revenue:var(--success-500);--color-growth:var(--info-500);--color-users:var(--primary-500);--color-conversion:var(--secondary-500);--color-churn:var(--error-500);--color-retention:var(--success-600);--gradient-primary:linear-gradient(135deg,var(--primary-400) 0%,var(--primary-600) 100%);--gradient-sunset:linear-gradient(135deg,var(--secondary-400) 0%,var(--primary-400) 100%);--gradient-ocean:linear-gradient(135deg,var(--info-400) 0%,var(--info-700) 100%);--gradient-forest:linear-gradient(135deg,var(--success-400) 0%,var(--success-700) 100%);--gradient-aurora:linear-gradient(135deg,var(--info-400) 0%,var(--success-400) 100%);--gradient-warm:linear-gradient(135deg,var(--primary-300) 0%,var(--secondary-500) 100%);--color-bg:var(--neutral-50);--color-bg-muted:var(--neutral-100);--color-surface:var(--neutral-0);--color-surface-elevated:var(--neutral-0);--color-border:var(--neutral-200);--color-border-strong:var(--neutral-300);--color-text:var(--neutral-900);--color-text-muted:var(--neutral-600);--color-text-subtle:var(--neutral-400);--color-text-inverse:var(--neutral-0);--color-text-on-brand:var(--neutral-0);--color-brand:var(--primary-500);--color-brand-hover:var(--primary-600);--color-brand-active:var(--primary-700);--font-sans:"Inter","Be Vietnam Pro",ui-sans-serif,system-ui,sans-serif;--font-serif:"Lora",ui-serif,Georgia,serif;--font-mono:"JetBrains Mono","Fira Code",ui-monospace,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.0625rem;--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;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0em;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--space-0:0px;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-none:0px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:9999px;--shadow-none:none;--shadow-xs:0px 1px 2px rgba(61,51,42,0.06);--shadow-sm:0px 1px 3px rgba(61,51,42,0.10),0px 1px 2px rgba(61,51,42,0.06);--shadow-md:0px 4px 6px -1px rgba(61,51,42,0.10),0px 2px 4px -1px rgba(61,51,42,0.06);--shadow-lg:0px 10px 15px -3px rgba(61,51,42,0.10),0px 4px 6px -2px rgba(61,51,42,0.05);--shadow-xl:0px 20px 25px -5px rgba(61,51,42,0.10),0px 10px 10px -5px rgba(61,51,42,0.04);--shadow-2xl:0px 25px 50px -12px rgba(61,51,42,0.25);--shadow-inner:inset 0px 2px 4px 0px rgba(61,51,42,0.06);--duration-instant:0ms;--duration-fast:100ms;--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-spring:cubic-bezier(0.34,1.56,0.64,1);--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px}[data-theme=dark]{--color-bg:#06161D;--color-bg-muted:#0B2229;--color-surface:#102A31;--color-surface-elevated:#153840;--color-border:#1F4B54;--color-border-strong:#2A6470;--color-text:#E6F4F1;--color-text-muted:#9FC4BE;--color-text-subtle:#5F8D91;--color-text-inverse:#06161D;--color-text-on-brand:#F8FAF9;--color-brand:var(--primary-400);--color-brand-hover:var(--primary-300);--color-brand-active:var(--primary-500);--shadow-xs:0px 1px 2px rgba(0,0,0,0.3);--shadow-sm:0px 1px 3px rgba(0,0,0,0.4),0px 1px 2px rgba(0,0,0,0.3);--shadow-md:0px 4px 6px -1px rgba(0,0,0,0.4),0px 2px 4px -1px rgba(0,0,0,0.3);--shadow-lg:0px 10px 15px -3px rgba(0,0,0,0.5),0px 4px 6px -2px rgba(0,0,0,0.3);--shadow-xl:0px 20px 25px -5px rgba(0,0,0,0.5),0px 10px 10px -5px rgba(0,0,0,0.3);--shadow-2xl:0px 25px 50px -12px rgba(0,0,0,0.6);--shadow-inner:inset 0px 2px 4px 0px rgba(0,0,0,0.3)}