:root{--layout-sidebar-width: 380px;--layout-content-max: 640px;--layout-gap: 24px;--layout-padding: 40px;--layout-padding-sidebar: 32px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--line-height-tight: 1.3;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--letter-spacing-tight: -.01em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--color-gray-950: #0a0a0b;--color-gray-900: #18181b;--color-gray-800: #27272a;--color-gray-700: #3f3f46;--color-gray-600: #52525b;--color-gray-500: #71717a;--color-gray-400: #a1a1aa;--color-gray-300: #d4d4d8;--color-gray-200: #e4e4e7;--color-gray-100: #f4f4f5;--color-gray-50: #fafafa;--color-white: #ffffff;--color-text-primary: var(--color-gray-950);--color-text-secondary: var(--color-gray-700);--color-text-tertiary: var(--color-gray-500);--color-text-muted: var(--color-gray-400);--color-text-inverse: var(--color-white);--color-bg-page: var(--color-gray-50);--color-bg-card: var(--color-white);--color-bg-subtle: var(--color-gray-100);--color-bg-muted: var(--color-gray-200);--color-border: var(--color-gray-200);--color-border-subtle: var(--color-gray-100);--color-border-strong: var(--color-gray-300);--color-brand-700: #6d28d9;--color-brand-600: #7c3aed;--color-brand-500: #8b5cf6;--color-brand-400: #a78bfa;--color-brand-100: #ede9fe;--color-brand-50: #f5f3ff;--color-success-700: #047857;--color-success-600: #059669;--color-success-500: #10b981;--color-success-100: #d1fae5;--color-success-50: #ecfdf5;--color-warning-700: #b45309;--color-warning-600: #d97706;--color-warning-500: #f59e0b;--color-warning-100: #fef3c7;--color-warning-50: #fffbeb;--color-error-700: #b91c1c;--color-error-600: #dc2626;--color-error-500: #ef4444;--color-error-100: #fee2e2;--color-error-50: #fef2f2;--color-info-700: #1d4ed8;--color-info-600: #2563eb;--color-info-500: #3b82f6;--color-info-100: #dbeafe;--color-info-50: #eff6ff;--space-0: 0;--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-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .04), 0 4px 6px rgba(0, 0, 0, .08);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes indeterminate{0%{left:-30%}to{left:100%}}