@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=DM+Mono:wght@400;500&display=swap");:root{--primary: 234 52% 52%;--primary-foreground: 0 0% 100%;--accent: 40 20% 92%;--background: 0 0% 100%;--foreground: 20 14% 10%;--card: 0 0% 100%;--card-foreground: 20 14% 10%;--secondary: 40 20% 96%;--muted: 40 20% 96%;--muted-foreground: 30 8% 45%;--border: 30 8% 83%;--input: 30 8% 83%;--ring: 234 52% 52%;--destructive: 0 72% 51%;--sidebar: 20 14% 10%;--sidebar-foreground: 40 20% 96%;--sidebar-border: 20 14% 18%;--sidebar-accent: 20 14% 18%;--semantic-success: #16a34a;--semantic-success-bg: #f0fdf4;--semantic-warning: #d97706;--semantic-warning-bg: #fffbeb;--semantic-danger: #dc2626;--semantic-danger-bg: #fef2f2;--role-admin-bg: #111111;--role-admin-fg: #ffffff;--role-manager-bg: #fde8e8;--role-manager-fg: #991b1b;--role-learner-bg: #eef0ff;--role-learner-fg: #4450c4;--icon-muted: #b4b2aa;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--font-sans: "DM Sans", system-ui, sans-serif;--font-serif: "DM Serif Display", Georgia, serif;--font-mono: "DM Mono", ui-monospace, monospace;--text-display-size: 48px;--text-display-line: 56px;--text-display-weight: 700;--text-h1-size: 36px;--text-h1-line: 44px;--text-h1-weight: 700;--text-h2-size: 30px;--text-h2-line: 38px;--text-h2-weight: 600;--text-h3-size: 24px;--text-h3-line: 32px;--text-h3-weight: 600;--text-h4-size: 20px;--text-h4-line: 28px;--text-h4-weight: 600;--text-h5-size: 18px;--text-h5-line: 26px;--text-h5-weight: 600;--text-h6-size: 16px;--text-h6-line: 24px;--text-h6-weight: 600;--text-body-lg-size: 16px;--text-body-lg-line: 24px;--text-body-lg-weight: 400;--text-body-size: 14px;--text-body-line: 20px;--text-body-weight: 400;--text-body-sm-size: 13px;--text-body-sm-line: 18px;--text-body-sm-weight: 400;--text-caption-size: 12px;--text-caption-line: 16px;--text-caption-weight: 400;--text-label-size: 12px;--text-label-line: 16px;--text-label-weight: 500;--text-overline-size: 11px;--text-overline-line: 16px;--text-overline-weight: 600;--text-micro-size: 10px;--text-micro-line: 14px;--text-micro-weight: 500;--radius: 0.5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.06);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.1), 0 2px 4px -2px rgba(15, 23, 42, 0.06);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.1), 0 4px 6px -4px rgba(15, 23, 42, 0.06);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, 0.1), 0 8px 10px -6px rgba(15, 23, 42, 0.06);--shadow-dropdown: 0 12px 32px rgba(20, 18, 15, 0.16);--shadow-drawer: -8px 0 40px rgba(0, 0, 0, 0.18);--focus-ring: 0 0 0 3px hsl(var(--primary) / 0.18);--transition-fast: 120ms ease;--transition-base: 200ms ease;--z-dropdown: 1000;--z-sticky: 1100;--z-modal-backdrop: 1200;--z-modal: 1210;--z-drawer-overlay: 1220;--z-drawer: 1221;--z-toast: 1300}