@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--primary-purple: #7C3AED;--primary-purple-hover: #6D28D9;--primary-purple-light: #EDE9FE;--primary-purple-dark: #5B21B6;--bg-page: #FAFBFC;--bg-card: #FFFFFF;--bg-secondary: #F8F9FA;--bg-hover: #F3F4F6;--text-primary: #111827;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--border-light: #E5E7EB;--border-medium: #D1D5DB;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--success: #10B981;--info: #3B82F6;--warning: #F59E0B;--error: #EF4444}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-inter{font-family:Inter,sans-serif}.font-space{font-family:Space Grotesk,sans-serif}.card-light{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.card-light:hover{box-shadow:var(--shadow-md)}.btn-primary{background:var(--primary-purple);color:#fff;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s;border:none}.btn-primary:hover{background:var(--primary-purple-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border-light);border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-medium)}.active-pill-purple{background:var(--primary-purple);color:#fff;box-shadow:0 4px 14px #7c3aed63}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*:focus-visible{outline:2px solid var(--primary-purple);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}