body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.animate-fade-in{animation:fadeIn .3s ease-in-out}.animate-slide-up{animation:slideUp .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:.8}to{transform:translateY(0);opacity:1}}:root{--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-text: #ffffff;--color-primary-soft-bg: #e0e7ff;--color-primary-soft-text: #3730a3;--color-secondary: #e2e8f0;--color-secondary-hover: #cbd5e1;--color-secondary-text: #334155;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-danger-text: #ffffff;--color-success: #16a34a;--color-success-hover: #15803d;--color-success-text: #ffffff;--color-background-primary: #f8fafc;--color-background-secondary: #ffffff;--color-background-tertiary: #f1f5f9;--color-background-overlay: rgba(0,0,0,.6);--color-text-primary: #1e293b;--color-text-secondary: #64748b;--color-text-tertiary: #94a3b8;--color-text-inverted: #ffffff;--color-text-link: var(--color-primary);--color-border: #e2e8f0;--color-sidebar-bg: #1e1b4b;--color-sidebar-text: #c7d2fe;--color-sidebar-active-bg: #4338ca;--color-sidebar-active-text: #ffffff;--color-sidebar-hover-bg: #312e81}.dark{--color-primary: #818cf8;--color-primary-hover: #6366f1;--color-primary-text: #1e293b;--color-primary-soft-bg: rgba(99, 102, 241, .2);--color-primary-soft-text: #a5b4fc;--color-secondary: #334155;--color-secondary-hover: #475569;--color-secondary-text: #e2e8f0;--color-danger: #f87171;--color-danger-hover: #ef4444;--color-danger-text: #1e293b;--color-success: #4ade80;--color-success-hover: #22c55e;--color-success-text: #1e293b;--color-background-primary: #0f172a;--color-background-secondary: #1e293b;--color-background-tertiary: #334155;--color-background-overlay: rgba(0,0,0,.8);--color-text-primary: #e2e8f0;--color-text-secondary: #94a3b8;--color-text-tertiary: #64748b;--color-text-inverted: #1e293b;--color-text-link: var(--color-primary);--color-border: #334155;--color-sidebar-bg: #1e293b;--color-sidebar-text: #cbd5e1;--color-sidebar-active-bg: var(--color-primary);--color-sidebar-active-text: var(--color-primary-text);--color-sidebar-hover-bg: #334155}