:root{--color-bg-base:#fff;--color-bg-surface:#fff;--color-bg-elevated:#fafafa;--color-bg-muted:#f4f4f4;--color-bg-overlay:rgba(0,0,0,.45);--surface-1:#fff;--surface-2:#fff;--surface-3:#fafafa;--surface-4:#fff;--surface-border-1:transparent;--surface-border-2:#e5e7eb;--surface-border-3:#d9d9d9;--surface-border-4:#d1d5db;--color-text-primary:#1f1f1f;--color-text-secondary:#5e5e5e;--color-text-muted:#737373;--color-text-disabled:#bfbfbf;--color-border:#d9d9d9;--color-border-light:#e5e7eb;--color-bg-skeleton:#e5e7eb;--color-brand:#1843d9;--color-brand-hover:#042abb;--color-brand-bg:#eef2ff;--color-success:#22c55e;--color-success-bg:#dcfce7;--color-warning:#f5be04;--color-warning-bg:#fef9c3;--color-danger:#ef4444;--color-danger-bg:#fee2e2}.dark{--color-bg-base:#0f172a;--color-bg-surface:#1e293b;--color-bg-elevated:#334155;--color-bg-muted:var(--color-bg-surface);--color-bg-overlay:rgba(0,0,0,.6);--surface-1:#0f172a;--surface-2:#1e293b;--surface-3:#263548;--surface-4:#334155;--surface-border-1:transparent;--surface-border-2:#334155;--surface-border-3:#3b4f63;--surface-border-4:#475569;--color-text-primary:#fff;--color-text-secondary:#94a3b8;--color-text-muted:#8292a8;--color-text-disabled:#475569;--color-border:#334155;--color-border-light:#475569;--color-bg-skeleton:#334155;--color-brand:#60a5fa;--color-brand-hover:#3b82f6;--color-brand-bg:#1e3a5f;--color-success:#4ade80;--color-success-bg:rgba(22,101,52,.3);--color-warning:#fbbf24;--color-warning-bg:rgba(146,64,14,.3);--color-danger:#f87171;--color-danger-bg:rgba(153,27,27,.3)}:root{--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--elevation-0:none;--elevation-1:0 1px 2px 0 rgba(0,0,0,.05);--elevation-2:0 4px 6px -1px rgba(0,0,0,.1);--elevation-3:0 10px 15px -3px rgba(0,0,0,.1);--elevation-4:0 20px 25px -5px rgba(0,0,0,.1)}.dark{--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.5);--elevation-1:0 1px 2px 0 rgba(0,0,0,.3);--elevation-2:0 4px 6px -1px rgba(0,0,0,.4);--elevation-3:0 10px 15px -3px rgba(0,0,0,.5);--elevation-4:0 20px 25px -5px rgba(0,0,0,.6)}:root{--space-0:0px;--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;--radius-none:0px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--duration-instant:0ms;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--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);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-toast:1070;--z-tooltip:1080;--ring-color:var(--color-brand);--ring-width:2px;--ring-offset:2px;--interactive-primary:var(--color-brand);--interactive-primary-hover:#042abb;--interactive-primary-active:#031f8c;--interactive-primary-disabled:#94a3b8;--interactive-secondary:transparent;--interactive-secondary-hover:rgba(24,67,217,.06);--interactive-secondary-active:rgba(24,67,217,.12);--interactive-danger:var(--color-danger);--interactive-danger-hover:#dc2626;--interactive-danger-active:#b91c1c;--interactive-surface:transparent;--interactive-surface-hover:rgba(0,0,0,.04);--interactive-surface-active:rgba(0,0,0,.08);--focus-visible:0 0 0 2px var(--surface-4),0 0 0 4px var(--ring-color);--focus-ring:var(--ring-width) solid var(--ring-color)}.dark{--ring-color:var(--color-brand);--interactive-primary-hover:#93bbfc;--interactive-primary-active:#b3d1ff;--interactive-secondary-hover:rgba(96,165,250,.1);--interactive-secondary-active:rgba(96,165,250,.2);--interactive-surface-hover:hsla(0,0%,100%,.06);--interactive-surface-active:hsla(0,0%,100%,.12)}