:root{--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--gray-950:#020617;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--blue-950:#172554;--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--red-950:#450a0a;--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--green-950:#052e16;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-300:#fcd34d;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--amber-800:#92400e;--amber-900:#78350f;--amber-950:#451a03;--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7e22ce;--purple-800:#6b21a8;--purple-900:#581c87;--purple-950:#3b0764;--pink-50:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--pink-700:#be185d;--pink-800:#9d174d;--pink-900:#831843;--pink-950:#500724;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--orange-800:#9a3412;--orange-900:#7c2d12;--orange-950:#431407;--teal-50:#f0fdfa;--teal-100:#ccfbf1;--teal-200:#99f6e4;--teal-300:#5eead4;--teal-400:#2dd4bf;--teal-500:#14b8a6;--teal-600:#0d9488;--teal-700:#0f766e;--teal-800:#115e59;--teal-900:#134e4a;--teal-950:#042f2e;--indigo-50:#eef2ff;--indigo-100:#e0e7ff;--indigo-200:#c7d2fe;--indigo-300:#a5b4fc;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--indigo-800:#3730a3;--indigo-900:#312e81;--indigo-950:#1e1b4b;--white:#fff;--black:#000;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-0:0;--space-px:1px;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.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-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-none:0 0 #0000;--z-hide:-1;--z-base:0;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-overlay:40;--z-modal:50;--z-toast:60;--duration-fast:.1s;--duration-normal:.15s;--duration-slow:.3s;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--breakpoint-xs:360px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--breakpoint-3xl:1920px}
:root{--color-primary:var(--blue-600);--color-primary-hover:var(--blue-700);--color-primary-active:var(--blue-800);--color-on-primary:var(--white);--color-primary-subtle:var(--blue-50);--color-primary-subtle-hover:var(--blue-100);--color-on-primary-subtle:var(--blue-700);--color-danger:var(--red-600);--color-danger-hover:var(--red-700);--color-danger-active:var(--red-800);--color-on-danger:var(--white);--color-danger-subtle:var(--red-50);--color-danger-subtle-hover:var(--red-100);--color-on-danger-subtle:var(--red-700);--color-success:var(--green-600);--color-success-hover:var(--green-700);--color-success-active:var(--green-800);--color-on-success:var(--white);--color-success-subtle:var(--green-50);--color-success-subtle-hover:var(--green-100);--color-on-success-subtle:var(--green-700);--color-warning:var(--amber-500);--color-warning-hover:var(--amber-600);--color-warning-active:var(--amber-700);--color-on-warning:var(--white);--color-warning-subtle:var(--amber-50);--color-warning-subtle-hover:var(--amber-100);--color-on-warning-subtle:var(--amber-800);--color-info:var(--blue-500);--color-info-hover:var(--blue-600);--color-info-active:var(--blue-700);--color-on-info:var(--white);--color-info-subtle:var(--blue-50);--color-info-subtle-hover:var(--blue-100);--color-on-info-subtle:var(--blue-800);--color-background:var(--gray-50);--color-surface:var(--white);--color-surface-hover:var(--gray-50);--color-surface-active:var(--gray-100);--color-surface-raised:var(--white);--color-surface-overlay:#00000080;--color-secondary:var(--gray-100);--color-secondary-hover:var(--gray-200);--color-secondary-active:var(--gray-300);--color-on-secondary:var(--gray-700);--color-secondary-subtle:var(--gray-50);--color-secondary-subtle-hover:var(--gray-100);--color-text:var(--gray-900);--color-text-secondary:var(--gray-500);--color-text-muted:var(--gray-400);--color-text-disabled:var(--gray-300);--color-text-inverse:var(--white);--color-text-link:var(--blue-600);--color-text-link-hover:var(--blue-700);--color-border:var(--gray-200);--color-border-hover:var(--gray-300);--color-border-focus:var(--blue-600);--color-border-error:var(--red-600);--color-border-subtle:var(--gray-100);--color-focus-ring:var(--blue-600);--focus-ring:0 0 0 2px var(--white), 0 0 0 4px var(--color-focus-ring);--color-input-bg:var(--white);--color-input-bg-disabled:var(--gray-50);--color-input-placeholder:var(--gray-400);--color-input-label:var(--gray-700);--density-xs:var(--space-1);--density-sm:var(--space-1-5);--density-md:var(--space-2);--density-lg:var(--space-3);--density-xl:var(--space-4);--size-xs:var(--space-6);--size-sm:var(--space-8);--size-md:var(--space-9);--size-lg:var(--space-10);--size-xl:var(--space-12);--radius-button:var(--radius-lg);--radius-input:var(--radius-lg);--radius-card:var(--radius-xl);--radius-modal:var(--radius-xl);--radius-badge:var(--radius-full);--radius-avatar:var(--radius-full);--shadow-card:var(--shadow-sm);--shadow-dropdown:var(--shadow-md);--shadow-modal:var(--shadow-xl);--shadow-toast:var(--shadow-lg);--font-family:var(--font-sans);--font-family-code:var(--font-mono);--text-heading-xl:var(--text-2xl);--text-heading-lg:var(--text-xl);--text-heading-md:var(--text-lg);--text-heading-sm:var(--text-base);--text-body:var(--text-sm);--text-caption:var(--text-xs);--sidebar-width:256px;--header-height:56px;--content-max-width:1280px}
.dark,[data-theme=dark]{--color-primary:var(--blue-500);--color-primary-hover:var(--blue-400);--color-primary-active:var(--blue-300);--color-on-primary:var(--white);--color-primary-subtle:var(--blue-950);--color-primary-subtle-hover:var(--blue-900);--color-on-primary-subtle:var(--blue-300);--color-danger:var(--red-500);--color-danger-hover:var(--red-400);--color-danger-active:var(--red-300);--color-on-danger:var(--white);--color-danger-subtle:var(--red-950);--color-danger-subtle-hover:var(--red-900);--color-on-danger-subtle:var(--red-300);--color-success:var(--green-500);--color-success-hover:var(--green-400);--color-success-active:var(--green-300);--color-on-success:var(--white);--color-success-subtle:var(--green-950);--color-success-subtle-hover:var(--green-900);--color-on-success-subtle:var(--green-300);--color-warning:var(--amber-500);--color-warning-hover:var(--amber-400);--color-warning-active:var(--amber-300);--color-on-warning:var(--black);--color-warning-subtle:var(--amber-950);--color-warning-subtle-hover:var(--amber-900);--color-on-warning-subtle:var(--amber-300);--color-info:var(--blue-400);--color-info-hover:var(--blue-300);--color-info-active:var(--blue-200);--color-on-info:var(--black);--color-info-subtle:var(--blue-950);--color-info-subtle-hover:var(--blue-900);--color-on-info-subtle:var(--blue-300);--color-background:var(--gray-950);--color-surface:var(--gray-900);--color-surface-hover:var(--gray-800);--color-surface-active:var(--gray-700);--color-surface-raised:var(--gray-800);--color-surface-overlay:#000000b3;--color-secondary:var(--gray-800);--color-secondary-hover:var(--gray-700);--color-secondary-active:var(--gray-600);--color-on-secondary:var(--gray-200);--color-secondary-subtle:var(--gray-900);--color-secondary-subtle-hover:var(--gray-800);--color-text:var(--gray-50);--color-text-secondary:var(--gray-400);--color-text-muted:var(--gray-500);--color-text-disabled:var(--gray-600);--color-text-inverse:var(--gray-900);--color-text-link:var(--blue-400);--color-text-link-hover:var(--blue-300);--color-border:var(--gray-700);--color-border-hover:var(--gray-600);--color-border-focus:var(--blue-500);--color-border-error:var(--red-500);--color-border-subtle:var(--gray-800);--color-focus-ring:var(--blue-500);--focus-ring:0 0 0 2px var(--gray-900), 0 0 0 4px var(--color-focus-ring);--color-input-bg:var(--gray-800);--color-input-bg-disabled:var(--gray-900);--color-input-placeholder:var(--gray-500);--color-input-label:var(--gray-300);--shadow-card:0 1px 3px 0 #0000004d, 0 1px 2px -1px #0000004d;--shadow-dropdown:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-modal:0 20px 25px -5px #00000080, 0 8px 10px -6px #0006;--shadow-toast:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--text-body);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img,video{max-width:100%;height:auto;display:block}button{font:inherit;cursor:pointer}ul,ol{list-style:none}