:root{--main-color: #7c3aed;--main-color2: #6d28d9;--optional-color: #5b21b6;--secondary-color: #ede9fe;--app-bg: #f5f3ff;--app-surface: #ffffff;--app-surface-alt: #faf9ff;--app-border: #e5e0f8;--app-border-strong: #c4b5fd;--app-text: #0f172a;--app-text-secondary: #475569;--app-muted-text: #94a3b8;--app-hover: #f5f3ff;--app-sidebar-active: #ede9fe;--app-success: #16a34a;--app-success-light: #dcfce7;--app-warning: #f59e0b;--app-warning-light: #fef3c7;--app-danger: #dc2626;--app-radius-card: 12px;--app-radius-input: 10px;--app-radius-button: 10px;--app-shadow-lg: 0 8px 20px rgba(109, 40, 217, .1);--app-font-family-base: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--navbar-height: 56px}html,body{margin:0;padding:0;font-family:var(--app-font-family-base);background:var(--app-bg);color:var(--app-text)}