:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-subtle: #eff6ff;--color-success: #16a34a;--color-success-subtle: #f0fdf4;--color-warning: #d97706;--color-warning-subtle: #fffbeb;--color-danger: #dc2626;--color-danger-subtle: #fef2f2;--color-info: #0891b2;--color-info-subtle: #ecfeff;--color-bg: #ffffff;--color-bg-subtle: #f8fafc;--color-bg-raised: #ffffff;--color-bg-overlay: rgba(0, 0, 0, .5);--color-text: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-text-inverse: #ffffff;--color-text-on-primary: #ffffff;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-border-focus: var(--color-primary);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", 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;--leading-tight: 1.25;--leading-normal: 1.5;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-toast: 500;--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--width-content-form: 640px;--chevron-svg-url: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23475569' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='1 1.5 6 6.5 11 1.5'/></svg>");--console-bg: #0d1117;--console-bg-raised: #161b22;--console-bg-interactive: #21262d;--console-border: #30363d;--console-text: #c9d1d9;--console-text-muted: #8b949e;--console-text-error: #f87171;--scrollbar-thumb: #cbd5e1}:root{scrollbar-color:var(--scrollbar-thumb) transparent}[data-theme=dark]{--color-primary: #60a5fa;--color-primary-hover: #93c5fd;--color-primary-subtle: rgba(59, 130, 246, .15);--color-success-subtle: #052e16;--color-warning-subtle: #422006;--color-danger-subtle: #450a0a;--color-info-subtle: #083344;--color-bg: #0f172a;--color-bg-subtle: #273449;--color-bg-raised: #1e293b;--color-bg-overlay: rgba(0, 0, 0, .7);--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: #334155;--color-border-strong: #475569;--scrollbar-thumb: #475569;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .4);--chevron-svg-url: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='1 1.5 6 6.5 11 1.5'/></svg>")}