:root{--gray-0:0 0% 100%;--gray-50:220 20% 98.5%;--gray-100:220 14% 96%;--gray-200:220 13% 91%;--gray-300:220 11% 82%;--gray-400:220 9% 65%;--gray-500:220 9% 46%;--gray-600:220 11% 35%;--gray-700:220 13% 26%;--gray-800:220 18% 16%;--gray-900:220 22% 10%;--gray-950:220 28% 5%;--green-500:152 60% 40%;--amber-500:38 92% 50%;--red-500:0 72% 52%;--blue-500:214 85% 55%;--success:var(--green-500);--success-soft:152 60% 40%/0.12;--warning:var(--amber-500);--warning-soft:38 92% 50%/0.15;--danger:var(--red-500);--danger-soft:0 72% 52%/0.12;--info:var(--blue-500);--info-soft:214 85% 55%/0.12;--line:var(--border);--line-strong:var(--border-strong);--surface-alt:var(--surface-muted);--muted:var(--fg-muted);--warn:var(--warning);--warn-soft:var(--warning-soft);--accent-fg:var(--fg-action-fg);--font-body:var(--font-inter-next,"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);--font-display:var(--font-onest-next,"Onest","Inter",system-ui,sans-serif);--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--text-2xs:0.6875rem;--text-xs:0.8125rem;--text-sm:0.875rem;--text-base:0.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:2.75rem;--text-6xl:3.5rem;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tight:-0.02em;--tracking-snug:-0.01em;--tracking-normal:0;--tracking-wide:0.02em;--tracking-wider:0.08em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-xs:4px;--radius-sm:6px;--radius:10px;--radius-md:12px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px hsl(0 0% 0%/0.04);--shadow-sm:0 1px 3px hsl(0 0% 0%/0.06),0 1px 2px hsl(0 0% 0%/0.04);--shadow:0 4px 12px hsl(0 0% 0%/0.05),0 2px 4px hsl(0 0% 0%/0.04);--shadow-md:0 8px 24px hsl(0 0% 0%/0.08);--shadow-lg:0 15px 33px hsl(0 0% 0%/0.08);--shadow-xl:0 20px 50px hsl(0 0% 0%/0.12);--shadow-2xl:0 25px 50px -12px hsl(0 0% 0%/0.25);--shadow-inner:inset 0 1px 2px hsl(0 0% 0%/0.06);--duration-instant:80ms;--duration-fast:120ms;--duration:200ms;--duration-slow:350ms;--duration-slower:500ms;--ease-out:cubic-bezier(0.2,0.8,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--container-2xl:1440px;--sidebar-w:240px;--sidebar-w-collapsed:64px;--topbar-h:55px;--body-pad:24px;--body-pad-mobile:16px;--card-pad-sm:16px;--card-pad:24px;--card-pad-lg:32px;--gap-sm:12px;--gap:20px;--gap-lg:32px;--z-base:0;--z-raised:10;--z-dropdown:1000;--z-sticky:1020;--z-overlay:1040;--z-modal:1050;--z-popover:1060;--z-toast:1080;--z-tooltip:1100;--z-max:9999;--text-h1-fluid:clamp(1.75rem,1.25rem + 2.5vw,3rem);--text-h2-fluid:clamp(1.5rem,1.125rem + 1.875vw,2.25rem);--text-h3-fluid:clamp(1.25rem,1rem + 1.25vw,1.75rem);--text-h4-fluid:clamp(1.125rem,0.9375rem + 0.9375vw,1.5rem);--text-h5-fluid:clamp(1rem,0.875rem + 0.625vw,1.25rem);--text-body-fluid:clamp(0.9375rem,0.875rem + 0.3125vw,1rem);--text-small-fluid:clamp(0.8125rem,0.78125rem + 0.15625vw,0.875rem);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-3xl:1600px;--section-py-mobile:var(--space-8);--section-py-tablet:var(--space-12);--section-py-desktop:var(--space-16);--section-gap-mobile:var(--space-6);--section-gap-desktop:var(--space-10);--body-pad-tablet:20px;--app-vh:1vh;--app-svh:1vh;--app-lvh:1vh;--app-h-screen:100vh}@supports (height:100dvh){:root{--app-vh:1dvh;--app-svh:1svh;--app-lvh:1lvh;--app-h-screen:100dvh}}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0ms;--duration-fast:0ms;--duration:0ms;--duration-slow:0ms;--duration-slower:0ms}}:root{--bg:20 25% 98.5%;--surface:0 0% 100%;--surface-elevated:0 0% 100%;--surface-muted:220 14% 96%;--border:220 13% 91%;--border-strong:220 11% 82%;--fg:220 13% 20%;--fg-muted:220 9% 46%;--fg-subtle:220 9% 60%;--heading:220 22% 10%;--fg-action:244 60% 52%;--fg-action-hover:244 60% 46%;--fg-action-fg:0 0% 100%;--accent:244 60% 52%;--accent-hover:244 60% 46%;--accent-active:244 60% 40%;--accent-subtle:244 60% 52%/0.08;--accent-on-bg:244 60% 42%;--ring-color:244 60% 52%/0.35;--selection-bg:244 60% 52%/0.20;--selection-fg:220 22% 10%;--shadow-color:0 0% 0%}[data-persona=student][data-theme=light],[data-persona=teacher][data-theme=light]{--bg:220 22% 98%;--surface:0 0% 100%;--surface-elevated:0 0% 100%;--surface-muted:220 15% 96%;--border:220 13% 91%;--border-strong:220 11% 82%;--fg:220 13% 20%;--fg-muted:220 9% 46%;--fg-subtle:220 9% 60%;--heading:220 22% 10%;--fg-action:244 60% 52%;--fg-action-hover:244 60% 46%;--fg-action-fg:0 0% 100%;--accent:244 60% 52%;--accent-hover:244 60% 46%;--accent-active:244 60% 40%;--accent-subtle:244 60% 52%/0.08;--accent-on-bg:244 60% 42%;--ring-color:244 60% 52%/0.35;--selection-bg:244 60% 52%/0.20;--selection-fg:220 22% 10%;--shadow-color:0 0% 0%}[data-persona=affiliate][data-theme=light]{--bg:220 22% 98%;--surface:0 0% 100%;--surface-elevated:0 0% 100%;--surface-muted:220 15% 96%;--border:220 13% 91%;--border-strong:220 11% 82%;--fg:220 13% 20%;--fg-muted:220 9% 46%;--fg-subtle:220 9% 60%;--heading:220 22% 10%;--fg-action:152 58% 38%;--fg-action-hover:152 58% 32%;--fg-action-fg:0 0% 100%;--accent:152 58% 38%;--accent-hover:152 58% 32%;--accent-active:152 58% 26%;--accent-subtle:152 58% 38%/0.08;--accent-on-bg:152 58% 30%;--ring-color:152 58% 38%/0.35;--selection-bg:152 58% 38%/0.20;--selection-fg:220 22% 10%;--shadow-color:0 0% 0%}[data-persona=parent][data-theme=light]{--bg:220 22% 98%;--surface:0 0% 100%;--surface-elevated:0 0% 100%;--surface-muted:220 15% 96%;--border:220 13% 91%;--border-strong:220 11% 82%;--fg:220 13% 20%;--fg-muted:220 9% 46%;--fg-subtle:220 9% 60%;--heading:220 22% 10%;--fg-action:244 60% 52%;--fg-action-hover:244 60% 46%;--fg-action-fg:0 0% 100%;--accent:244 60% 52%;--accent-hover:244 60% 46%;--accent-active:244 60% 40%;--accent-subtle:244 60% 52%/0.08;--accent-on-bg:244 60% 42%;--ring-color:244 60% 52%/0.35;--selection-bg:244 60% 52%/0.20;--selection-fg:200 22% 10%;--shadow-color:0 0% 0%}[data-persona=school][data-theme=light],[data-persona=superadmin][data-theme=light]{--bg:220 22% 98%;--surface:0 0% 100%;--surface-elevated:0 0% 100%;--surface-muted:220 15% 96%;--border:220 13% 91%;--border-strong:220 11% 82%;--fg:220 13% 20%;--fg-muted:220 9% 46%;--fg-subtle:220 9% 60%;--heading:220 22% 10%;--fg-action:244 60% 52%;--fg-action-hover:244 60% 46%;--fg-action-fg:0 0% 100%;--accent:244 60% 52%;--accent-hover:244 60% 46%;--accent-active:244 60% 40%;--accent-subtle:244 60% 52%/0.08;--accent-on-bg:244 60% 42%;--ring-color:244 60% 52%/0.35;--selection-bg:244 60% 52%/0.20;--selection-fg:220 22% 10%;--shadow-color:0 0% 0%}::-moz-selection{background:hsl(var(--selection-bg));color:hsl(var(--selection-fg))}::selection{background:hsl(var(--selection-bg));color:hsl(var(--selection-fg))}:root[data-profile=adult]:not([data-persona]),:root[data-profile=kids]:not([data-persona]){--bg:20 25% 98.5%;--surface:0 0% 100%;--surface-elevated:0 0% 100%;--surface-muted:220 14% 96%;--border:220 13% 91%;--border-strong:220 11% 82%;--fg:220 13% 20%;--fg-muted:220 9% 46%;--fg-subtle:220 9% 60%;--heading:220 22% 10%;--fg-action:244 60% 52%;--fg-action-hover:244 60% 46%;--fg-action-fg:0 0% 100%;--accent:244 60% 52%;--accent-hover:244 60% 46%;--accent-active:244 60% 40%;--accent-subtle:244 60% 52%/0.08;--accent-on-bg:244 60% 42%;--ring-color:244 60% 52%/0.35}:root[data-profile=teacher]:not([data-persona]){--bg:220 22% 98%;--surface:0 0% 100%;--surface-elevated:0 0% 100%;--surface-muted:220 15% 96%;--border:220 13% 91%;--border-strong:220 11% 82%;--fg:220 13% 20%;--fg-muted:220 9% 46%;--fg-subtle:220 9% 60%;--heading:220 22% 10%;--fg-action:244 60% 52%;--fg-action-hover:244 60% 46%;--fg-action-fg:0 0% 100%;--accent:244 60% 52%;--accent-hover:244 60% 46%;--accent-active:244 60% 40%;--accent-subtle:244 60% 52%/0.08;--accent-on-bg:244 60% 42%;--ring-color:244 60% 52%/0.35}html[data-accent=coral][data-theme=light]{--accent:16 82% 56%;--accent-hover:16 82% 50%;--accent-active:16 82% 44%;--accent-subtle:16 82% 56%/0.08;--accent-on-bg:16 82% 44%;--ring-color:16 82% 56%/0.35;--selection-bg:16 82% 56%/0.20}html[data-accent=indigo][data-theme=light]{--accent:244 68% 56%;--accent-hover:244 68% 50%;--accent-active:244 68% 44%;--accent-subtle:244 68% 56%/0.08;--accent-on-bg:244 68% 44%;--ring-color:244 68% 56%/0.35;--selection-bg:244 68% 56%/0.20}html[data-accent=teal][data-theme=light]{--accent:172 62% 42%;--accent-hover:172 62% 36%;--accent-active:172 62% 30%;--accent-subtle:172 62% 42%/0.08;--accent-on-bg:172 62% 32%;--ring-color:172 62% 42%/0.35;--selection-bg:172 62% 42%/0.20}html[data-accent=emerald][data-theme=light]{--accent:158 58% 42%;--accent-hover:158 58% 36%;--accent-active:158 58% 30%;--accent-subtle:158 58% 42%/0.08;--accent-on-bg:158 58% 32%;--ring-color:158 58% 42%/0.35;--selection-bg:158 58% 42%/0.20}html[data-accent=amber][data-theme=light]{--accent:38 92% 52%;--accent-hover:38 92% 46%;--accent-active:38 92% 40%;--accent-subtle:38 92% 52%/0.10;--accent-on-bg:38 92% 38%;--ring-color:38 92% 52%/0.35;--selection-bg:38 92% 52%/0.22}html[data-accent=rose][data-theme=light]{--accent:340 78% 58%;--accent-hover:340 78% 52%;--accent-active:340 78% 46%;--accent-subtle:340 78% 58%/0.08;--accent-on-bg:340 78% 46%;--ring-color:340 78% 58%/0.35;--selection-bg:340 78% 58%/0.20}[data-persona=sales],[data-persona=sales][data-theme=light]{--bg:220 22% 98%;--surface:0 0% 100%;--surface-elevated:0 0% 100%;--surface-muted:220 15% 96%;--border:220 13% 91%;--border-strong:220 11% 82%;--fg:220 13% 20%;--fg-muted:220 9% 46%;--fg-subtle:220 9% 60%;--heading:220 22% 10%;--fg-action:152 58% 38%;--fg-action-hover:152 58% 32%;--fg-action-fg:0 0% 100%;--accent:152 58% 38%;--accent-hover:152 58% 32%;--accent-active:152 58% 26%;--accent-subtle:152 58% 38%/0.08;--accent-on-bg:152 58% 30%;--ring-color:152 58% 38%/0.35;--selection-bg:152 58% 38%/0.20;--selection-fg:220 22% 10%;--shadow-color:0 0% 0%}