:root{--primary: #1e40af;--primary-rgb: 30, 64, 175;--primary-hover: #1e3a8a;--primary-hover-rgb: 30, 58, 138;--primary-active: #172554;--primary-active-rgb: 23, 37, 84;--bg-dark: #ffffff;--bg-card: #f8fafc;--bg-hover: #f1f5f9;--text-primary: #0f172a;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-black: #000000;--text-white: #ffffff;--accent-success: #059669;--accent-success-rgb: 5, 150, 105;--accent-success-soft: rgba(5, 150, 105, .12);--accent-success-hover: rgba(5, 150, 105, .18);--accent-success-active: rgba(5, 150, 105, .25);--accent-warning: #d97706;--accent-warning-rgb: 217, 119, 6;--accent-warning-soft: rgba(217, 119, 6, .12);--accent-warning-hover: rgba(217, 119, 6, .18);--accent-warning-active: rgba(217, 119, 6, .25);--accent-info: #0284c7;--accent-info-rgb: 2, 132, 199;--accent-info-soft: rgba(2, 132, 199, .12);--accent-info-hover: rgba(2, 132, 199, .18);--accent-info-active: rgba(2, 132, 199, .25);--accent-danger: #dc2626;--accent-danger-rgb: 220, 38, 38;--accent-danger-soft: rgba(220, 38, 38, .12);--accent-danger-hover: rgba(220, 38, 38, .18);--accent-danger-active: rgba(220, 38, 38, .25);--accent-subtle: #cbd5e1;--accent-subtle-rgb: 203, 213, 225;--accent-subtle-soft: rgba(203, 213, 225, .4);--border-color: #e2e8f0;--border-light: #f1f5f9;--border-focus: #1e40af;--success-hover: #047857;--warning-hover: #b45309;--info-hover: #0369a1;--danger-hover: #b91c1c;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 6px rgba(15, 23, 42, .08);--shadow-lg: 0 10px 15px rgba(15, 23, 42, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1.25rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--top-bar-height: 4rem;--navbar-width: 15rem;--accent-blue: var(--accent-info);--accent-green: var(--accent-success);--accent-blue-rgb: var(--accent-info-rgb)}.spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}