:root{--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--bg-page:var(--gray-50);--bg-primary:#fff;--bg-secondary:var(--gray-100);--bg-elevated:#fff;--bg-sunken:var(--gray-100);--bg-hover:var(--gray-100);--bg-active:var(--gray-200);--bg-selected:#10b98114;--bg-disabled:var(--gray-100);--text-primary:var(--gray-900);--text-secondary:var(--gray-700);--text-tertiary:var(--gray-500);--text-muted:var(--gray-400);--text-disabled:var(--gray-400);--text-inverse:#fff;--text-brand:#059669;--text-brand-hover:#047857;--text-link:#2563eb;--text-link-hover:#1d4ed8;--border-default:var(--gray-200);--border-subtle:var(--gray-100);--border-strong:var(--gray-300);--border-focus:#10b981;--border-error:#ef4444;--success-50:#ecfdf5;--success-100:#d1fae5;--success-500:#10b981;--success-600:#059669;--success-700:#047857;--success-text:var(--success-700);--success-bg:var(--success-50);--success-border:var(--success-100);--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-text:var(--warning-700);--warning-bg:var(--warning-50);--warning-border:var(--warning-100);--danger-50:#fef2f2;--danger-100:#fee2e2;--danger-500:#ef4444;--danger-600:#dc2626;--danger-700:#b91c1c;--danger-text:var(--danger-700);--danger-bg:var(--danger-50);--danger-border:var(--danger-100);--info-50:#eff6ff;--info-100:#dbeafe;--info-500:#3b82f6;--info-600:#2563eb;--info-700:#1d4ed8;--info-text:var(--info-700);--info-bg:var(--info-50);--info-border:var(--info-100);--accent-primary:#10b981;--accent-primary-hover:#059669;--accent-primary-active:#047857;--accent-primary-subtle:#10b9811a;--accent-secondary:#3b82f6;--accent-secondary-hover:#2563eb;--accent-tertiary:#8b5cf6;--shadow-sm:0 1px 2px 0 #0000000d;--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-inner:inset 0 2px 4px 0 #0000000d;--radius-none:0px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--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;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}[data-theme=dark],.dark{--bg-page:var(--gray-900);--bg-primary:var(--gray-800);--bg-secondary:var(--gray-900);--bg-elevated:var(--gray-800);--bg-sunken:#0a0a0a;--bg-hover:var(--gray-700);--bg-active:var(--gray-600);--bg-selected:#10b98126;--bg-disabled:var(--gray-800);--text-primary:var(--gray-100);--text-secondary:var(--gray-300);--text-tertiary:var(--gray-400);--text-muted:var(--gray-500);--text-disabled:var(--gray-600);--text-inverse:var(--gray-900);--border-default:var(--gray-700);--border-subtle:var(--gray-800);--border-strong:var(--gray-600);--success-text:#34d399;--success-bg:#10b98126;--success-border:#10b98140;--warning-text:#fbbf24;--warning-bg:#f59e0b26;--warning-border:#f59e0b40;--danger-text:#f87171;--danger-bg:#ef444426;--danger-border:#ef444440;--info-text:#60a5fa;--info-bg:#3b82f626;--info-border:#3b82f640;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #0006}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}