:root{--color-primary: #4e73df;--color-primary-hover: #224abe;--color-primary-soft: rgba(78, 115, 223, .12);--color-success: #1cc88a;--color-success-hover: #17a673;--color-success-soft: rgba(28, 200, 138, .12);--color-danger: #e74a3b;--color-danger-hover: #c92a1e;--color-danger-soft: rgba(231, 74, 59, .12);--color-warning: #f6c23e;--color-warning-hover: #dda20a;--color-warning-soft: rgba(246, 194, 62, .14);--color-info: #36b9cc;--color-info-hover: #2a96a5;--color-info-soft: rgba(54, 185, 204, .14);--color-text: #253046;--color-text-muted: #6b768c;--color-text-faint: #93a0b4;--color-surface: #ffffff;--color-surface-muted: #f4f6fb;--color-body: #edf1f7;--color-border: rgba(37, 48, 70, .12);--color-border-strong: rgba(37, 48, 70, .18);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 4px 10px rgba(15, 23, 42, .08);--shadow-md: 0 10px 24px rgba(15, 23, 42, .1);--shadow-lg: 0 20px 44px rgba(15, 23, 42, .14);--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--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;--ease-out: cubic-bezier(.16, 1, .3, 1);--transition-fast: .12s var(--ease-out);--transition: .2s var(--ease-out);--transition-slow: .32s var(--ease-out);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1060;--z-toast: 1080;--z-tooltip: 1090}.dark{--color-primary: #5a8dee;--color-primary-hover: #7ca5f5;--color-primary-soft: rgba(90, 141, 238, .18);--color-text: #edf2fb;--color-text-muted: #a5afc4;--color-text-faint: #7d87a0;--color-surface: #1c2436;--color-surface-muted: #141a29;--color-body: #0f1421;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .14);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 4px 10px rgba(0, 0, 0, .28);--shadow-md: 0 12px 26px rgba(0, 0, 0, .34);--shadow-lg: 0 24px 52px rgba(0, 0, 0, .46)}:root{--primary-color: var(--color-primary);--primary-hover: var(--color-primary-hover);--primary-light: var(--color-primary-soft);--success-color: var(--color-success);--success-hover: var(--color-success-hover);--success-light: var(--color-success-soft);--danger-color: var(--color-danger);--danger-hover: var(--color-danger-hover);--danger-light: var(--color-danger-soft);--warning-color: var(--color-warning);--warning-hover: var(--color-warning-hover);--warning-light: var(--color-warning-soft);--info-color: var(--color-info);--info-hover: var(--color-info-hover);--info-light: var(--color-info-soft);--text-primary: var(--color-text);--text-secondary: var(--color-text-muted);--text-muted: var(--color-text-faint);--bg-body: var(--color-body);--bg-card: var(--color-surface);--bg-muted: var(--color-surface-muted);--border-color: var(--color-border);--border-color-strong: var(--color-border-strong);--border-radius-sm: var(--radius-sm);--border-radius: var(--radius-md);--border-radius-lg: var(--radius-lg);--border-radius-xl: var(--radius-xl);--font-family: var(--font-body);--font-family-heading: var(--font-heading)}