:root{--brand-50:#f5f3ff;--brand-100:#ede9fe;--brand-200:#ddd6fe;--brand-300:#c4b5fd;--brand-400:#a78bfa;--brand-500:#8b5cf6;--brand-600:#7c3aed;--brand-700:#6d28d9;--brand-800:#5b21b6;--brand-900:#4c1d95;--brand-950:#1e1b4b;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#030712;--white:#fff;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--indigo-50:#eef2ff;--indigo-100:#e0e7ff;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--green-50:#f0fdf4;--green-100:#dcfce7;--green-500:#22c55e;--green-600:#16a34a;--emerald-500:#10b981;--emerald-600:#059669;--red-50:#fef2f2;--red-100:#fee2e2;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--cyan-600:#0891b2;--teal-700:#0f766e;--sky-500:#0ea5e9;--sky-600:#0284c7;--primary:var(--brand-600);--primary-light:var(--brand-50);--primary-dark:var(--brand-700);--primary-hover:var(--brand-700);--success:var(--emerald-600);--success-light:var(--green-50);--warning:var(--amber-500);--warning-light:var(--amber-50);--danger:var(--red-600);--danger-light:var(--red-50);--info:var(--blue-500);--info-light:var(--blue-50);--text-primary:var(--gray-800);--text-secondary:var(--slate-500);--text-tertiary:var(--slate-400);--text-muted:var(--gray-400);--text-inverse:var(--white);--border-default:var(--gray-200);--border-light:var(--slate-200);--border-strong:var(--gray-300);--bg-page:var(--gray-50);--bg-surface:var(--white);--bg-subtle:var(--slate-50);--bg-muted:var(--gray-100);--bg-hover:var(--slate-100);--bg-active:var(--brand-50);--radius-xs:2px;--radius-sm:4px;--radius:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-2xs:11px;--text-xs:13px;--text-sm:14px;--text-base:14px;--text-md:15px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:28px;--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;--transition-fast:.15s ease;--transition:.2s ease;--transition-slow:.3s ease;--sidebar-w:220px;--sidebar-collapsed:56px;--topbar-h:48px;--card-radius:8px;--card-shadow:0 1px 3px #00000014;--input-border:var(--gray-300);--input-focus:var(--brand-500);--input-bg:var(--white);--input-radius:6px;--btn-radius:6px;--btn-primary-bg:var(--brand-600);--btn-primary-fg:var(--white);--btn-danger-bg:var(--red-600);--btn-danger-fg:var(--white);--vp-accent:var(--amber-600);--vp-accent-light:var(--amber-50);--vp-gradient:linear-gradient(135deg, #1e293b 0%, #334155 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}code,pre{font-family:var(--font-mono)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}