:root{--color-neutral-0: #ffffff;--color-neutral-50: #f8f9fa;--color-neutral-100: #f1f3f5;--color-neutral-200: #e9ecef;--color-neutral-300: #dee2e6;--color-neutral-400: #ced4da;--color-neutral-500: #adb5bd;--color-neutral-600: #6c757d;--color-neutral-700: #495057;--color-neutral-800: #343a40;--color-neutral-900: #212529;--color-brand-400: #4dabf7;--color-brand-500: #339af0;--color-brand-600: #228be6;--color-brand-700: #1971c2;--color-success-light: #d3f9d8;--color-success: #40c057;--color-success-dark: #2f9e44;--color-success-border: #86efac;--color-warning-light: #fff3bf;--color-warning: #fcc419;--color-warning-dark: #e67700;--color-warning-tint: #fffbeb;--color-warning-border: #fde68a;--color-warning-text: #92400e;--color-warning-banner: #fef08a;--color-error-light: #ffe3e3;--color-error: #fa5252;--color-error-dark: #c92a2a;--color-error-border: #fecaca;--color-error-border-strong: #fca5a5;--color-success-tint: #f8fff8;--color-error-tint: #fff5f5;--color-failure: #a61e4d;--color-info-light: #dbe4ff;--color-info: #4c6ef5;--color-info-dark: #3b5bdb;--color-info-tint: #eff6ff;--color-info-text: #1e3a8a;--surface-page: var(--color-neutral-50);--surface-card: var(--color-neutral-0);--surface-sidebar: #1e293b;--surface-overlay: rgba(0, 0, 0, .5);--color-sidebar-active: #334155;--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-disabled: var(--color-neutral-400);--text-inverse: var(--color-neutral-0);--border-default: var(--color-neutral-200);--border-focus: var(--color-brand-500);--border-error: var(--color-error);--interactive-primary: var(--color-brand-600);--interactive-primary-hover: var(--color-brand-700);--interactive-danger: var(--color-error);--interactive-danger-hover: var(--color-error-dark);--surface-overlay-slate: rgba(15, 23, 42, .45);--minimap-mask-color: rgba(0, 0, 0, .1);--shadow-card: 0 2px 8px rgba(0, 0, 0, .08);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-modal: 0 2px 8px rgba(0, 0, 0, .15);--shadow-modal-lg: 0 8px 32px rgba(0, 0, 0, .18);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .15);--shadow-dialog: 0 8px 24px rgba(0, 0, 0, .16);--shadow-panel: -12px 0 32px rgba(15, 23, 42, .18);--shadow-modal-compact: 0 4px 24px rgba(0, 0, 0, .15);--shadow-focus-brand: 0 0 0 3px rgba(34, 139, 230, .2);--shadow-focus-blue: 0 0 0 4px rgba(37, 99, 235, .18);--drop-shadow-overlay: drop-shadow(0 2px 8px rgba(0, 0, 0, .3));--color-avatar-blue: #2563eb;--color-avatar-teal: #0d9488;--color-avatar-violet: #7c3aed;--color-avatar-orange: #ea580c;--color-avatar-cyan: #0891b2;--color-avatar-green: #16a34a;--color-avatar-purple: #9333ea;--color-avatar-sky: #0284c7;--color-avatar-rust: #c2410c;--color-avatar-indigo: #4f46e5;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--font-medium: 500;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-12: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-full: 9999px;--content-max-width: 1280px;--font-mono: "JetBrains Mono", "Fira Code", monospace;--z-modal: 500;--z-conflict: 550;--z-conflict-panel: 560;--z-dialog: 600;--z-toast: 700}