:root{--portal-hero-radius:22px;--portal-hero-radius-compact:18px;--portal-hero-padding:clamp(18px,3.5vw,28px);--portal-hero-padding-student:clamp(22px,4vw,32px);--portal-hero-padding-compact:8px 12px;--portal-hero-isolation:isolate;--portal-hero-border-student:rgba(129,140,248,.35);--portal-hero-bg-student:linear-gradient(135deg,rgba(15,23,42,.92),rgba(30,27,75,.88) 45%,rgba(49,46,129,.82)),radial-gradient(ellipse 80% 60% at 0% 100%,rgba(56,189,248,.22),transparent 55%),radial-gradient(ellipse 70% 55% at 100% 0%,rgba(167,139,250,.28),transparent 60%);--portal-hero-shadow-student:0 16px 48px rgba(49,46,129,.35),0 1px 0 hsla(0,0%,100%,.08) inset;--portal-hero-border-parent:rgba(148,163,184,.28);--portal-hero-bg-parent:linear-gradient(135deg,rgba(15,23,42,.94),rgba(30,41,59,.9) 48%,rgba(15,23,42,.92)),radial-gradient(ellipse 75% 55% at 100% 0%,rgba(129,140,248,.16),transparent 58%),radial-gradient(ellipse 65% 50% at 0% 100%,rgba(52,211,153,.12),transparent 55%);--portal-hero-shadow-parent:0 12px 40px rgba(15,23,42,.42),0 1px 0 hsla(0,0%,100%,.06) inset;--portal-hero-border-staff:rgba(148,163,184,.22);--portal-hero-bg-staff:linear-gradient(135deg,rgba(15,23,42,.96) 0%,rgba(30,41,59,.9) 48%,rgba(15,23,42,.94) 100%),radial-gradient(ellipse 72% 52% at 100% 0%,var(--staff-highlight-pulse),transparent 58%),radial-gradient(ellipse 62% 46% at 0% 100%,rgba(51,65,85,.18),transparent 55%);--portal-hero-shadow-staff:0 10px 36px rgba(15,23,42,.38),0 1px 0 hsla(0,0%,100%,.05) inset;--portal-hero-padding-staff:8px 12px;--portal-hero-radius-staff:var(--portal-hero-radius-compact);--portal-glow-1-staff:radial-gradient(closest-side,var(--staff-accent-admin-glow),transparent 72%);--portal-glow-2-staff:radial-gradient(closest-side,rgba(51,65,85,.28),transparent 70%);--portal-hero-eyebrow-color-staff:var(--staff-accent-admin-chip-label);--portal-hero-border-hub:rgba(52,211,153,.32);--portal-hero-bg-hub:linear-gradient(135deg,rgba(15,23,42,.94),rgba(6,78,59,.18) 42%,rgba(15,23,42,.92)),radial-gradient(ellipse 75% 55% at 100% 0%,rgba(52,211,153,.22),transparent 58%),radial-gradient(ellipse 65% 50% at 0% 100%,rgba(99,102,241,.14),transparent 55%);--portal-hero-shadow-hub:0 16px 48px rgba(6,78,59,.24),0 1px 0 hsla(0,0%,100%,.08) inset;--portal-glow-blur:24px;--portal-glow-1-student:radial-gradient(closest-side,rgba(251,191,36,.35),transparent 70%);--portal-glow-2-student:radial-gradient(closest-side,rgba(34,211,238,.28),transparent 70%);--portal-glow-1-parent:radial-gradient(closest-side,rgba(129,140,248,.22),transparent 70%);--portal-glow-2-parent:radial-gradient(closest-side,rgba(52,211,153,.18),transparent 70%);--portal-glow-1-hub:radial-gradient(closest-side,rgba(52,211,153,.34),transparent 70%);--portal-glow-2-hub:radial-gradient(closest-side,rgba(99,102,241,.22),transparent 70%);--portal-spark-color:hsla(0,0%,100%,.35);--portal-spark-color-parent:hsla(0,0%,100%,.28);--portal-spark-size:14px;--portal-spark-size-sm:11px;--portal-spark-duration:3s;--portal-spark-duration-hub:3.2s;--portal-pill-radius:999px;--portal-pill-padding:6px 12px;--portal-pill-font-size:12px;--portal-pill-bg:hsla(0,0%,100%,.1);--portal-pill-border:hsla(0,0%,100%,.14);--portal-pill-text:hsla(0,0%,100%,.88);--portal-pill-accent-bg:linear-gradient(135deg,#fde68a,#fbbf24);--portal-pill-accent-border:rgba(251,191,36,.5);--portal-pill-accent-text:#0f172a;--portal-pill-accent-shadow:0 4px 14px rgba(251,191,36,.25);--portal-tag-radius:10px;--portal-tag-padding:7px 12px;--portal-tag-bg:hsla(0,0%,100%,.08);--portal-tag-border:hsla(0,0%,100%,.14);--portal-stat-chip-radius:14px;--portal-stat-chip-padding:10px 14px;--portal-stat-chip-bg:hsla(0,0%,100%,.08);--portal-stat-chip-border:hsla(0,0%,100%,.14);--portal-stat-chip-blur:blur(8px);--portal-stat-chip-label-color:rgba(196,181,253,.9);--portal-stat-chip-label-color-parent:rgba(196,181,253,.82);--portal-surface-radius:18px;--portal-surface-radius-sm:14px;--portal-surface-elevation:0 14px 32px rgba(0,0,0,.18);--portal-surface-elevation-hover:0 16px 36px rgba(0,0,0,.22);--portal-surface-border:var(--line);--portal-highlight-ring:rgba(99,102,241,.45);--portal-highlight-pulse:rgba(99,102,241,.22);--portal-highlight-ring-parent:rgba(52,211,153,.38);--portal-highlight-pulse-parent:rgba(52,211,153,.18);--portal-highlight-duration:1.2s;--portal-hero-eyebrow-size:11px;--portal-hero-eyebrow-tracking:0.12em;--portal-hero-eyebrow-color-student:rgba(196,181,253,.95);--portal-hero-eyebrow-color-parent:rgba(167,243,208,.88);--portal-hero-eyebrow-color-hub:rgba(167,243,208,.92);--portal-hero-title-color:#fff;--portal-ease:cubic-bezier(0.22,1,0.36,1);--staff-chrome-header-h:48px;--staff-chrome-page-gap:12px;--staff-chrome-body-gap:20px;--staff-chrome-toolbar-h:52px;--staff-chrome-sticky-h:140px;--staff-surface-radius-elevated:18px;--staff-bg-mesh-1:rgba(99,102,241,.16);--staff-bg-mesh-2:rgba(129,140,248,.1);--staff-bg-mesh-3:rgba(15,23,42,.35);--staff-accent-admin:#6366f1;--staff-accent-admin-2:#818cf8;--staff-accent-admin-soft:rgba(99,102,241,.22);--staff-accent-admin-border:rgba(99,102,241,.35);--staff-accent-admin-glow:rgba(99,102,241,.28);--staff-accent-admin-chip-label:rgba(196,181,253,.9);--staff-accent-manager:#94a3b8;--staff-accent-manager-2:#cbd5e1;--staff-accent-manager-soft:rgba(148,163,184,.18);--staff-accent-manager-border:rgba(148,163,184,.32);--staff-accent-manager-glow:rgba(148,163,184,.2);--staff-accent-manager-chip-label:rgba(203,213,225,.88);--staff-accent-teacher:#10b981;--staff-accent-teacher-2:#34d399;--staff-accent-teacher-soft:rgba(16,185,129,.2);--staff-accent-teacher-border:rgba(52,211,153,.34);--staff-accent-teacher-glow:rgba(16,185,129,.24);--staff-accent-teacher-chip-label:rgba(167,243,208,.9);--staff-accent-editor:#8b5cf6;--staff-accent-editor-2:#a78bfa;--staff-accent-editor-soft:rgba(139,92,246,.22);--staff-accent-editor-border:rgba(167,139,250,.36);--staff-accent-editor-glow:rgba(139,92,246,.26);--staff-accent-editor-chip-label:rgba(221,214,254,.9);--staff-stat-chip-radius:var(--portal-stat-chip-radius);--staff-stat-chip-padding:var(--portal-stat-chip-padding);--staff-stat-chip-bg:var(--portal-stat-chip-bg);--staff-stat-chip-border:var(--portal-stat-chip-border);--staff-stat-chip-blur:var(--portal-stat-chip-blur);--staff-stat-chip-label-color:var(--portal-stat-chip-label-color);--staff-surface-bg:hsla(0,0%,100%,.038);--staff-surface-bg-inset:hsla(0,0%,100%,.02);--staff-surface-border:var(--line);--staff-surface-radius:var(--staff-surface-radius-elevated);--staff-surface-radius-sm:var(--portal-surface-radius-sm);--staff-surface-elevation:var(--portal-surface-elevation);--staff-surface-elevation-hover:var(--portal-surface-elevation-hover);--staff-surface-blur:blur(10px);--staff-highlight-ring:var(--staff-accent-admin-border);--staff-highlight-pulse:var(--staff-accent-admin-soft);--staff-route-accent:var(--staff-accent-admin);--staff-route-accent-2:var(--staff-accent-admin-2);--staff-route-accent-soft:var(--staff-accent-admin-soft);--staff-route-accent-border:var(--staff-accent-admin-border);--staff-route-accent-glow:var(--staff-accent-admin-glow);--staff-route-chip-label:var(--staff-accent-admin-chip-label);--staff-sidebar-bg:linear-gradient(180deg,rgba(8,12,26,.98),rgba(10,16,32,.96) 55%,rgba(8,17,30,.98));--staff-sidebar-border:color-mix(in srgb,var(--staff-accent-admin) 10%,transparent);--staff-sidebar-brand-glow:color-mix(in srgb,var(--staff-accent-admin-glow) 55%,transparent);--staff-nav-active-text:#c7d2fe;--staff-nav-indicator-start:var(--staff-accent-admin);--staff-nav-indicator-end:var(--staff-accent-admin-2);--staff-nav-indicator-glow:var(--staff-accent-admin-glow);--staff-topbar-avatar-shadow:0 2px 12px var(--staff-accent-admin-glow);--staff-profile-menu-bg:rgba(30,41,59,.96);--staff-profile-menu-border:hsla(0,0%,100%,.1);--staff-profile-menu-shadow:0 16px 40px rgba(0,0,0,.35),0 1px 0 hsla(0,0%,100%,.06) inset;--staff-backdrop:rgba(2,6,23,.62);--staff-backdrop-blur:blur(6px);--staff-approval-badge-bg:rgba(245,158,11,.22);--staff-approval-badge-border:rgba(251,191,36,.38);--staff-approval-badge-text:#fde68a;--staff-approval-badge-glow:0 0 10px rgba(245,158,11,.22);--auth-bg-base:#050816;--auth-bg-mesh-1:rgba(99,102,241,.22);--auth-bg-mesh-2:rgba(129,140,248,.14);--auth-bg-mesh-3:rgba(52,211,153,.1);--auth-accent:var(--brand);--auth-accent-2:var(--brand-2);--auth-accent-soft:rgba(99,102,241,.24);--auth-accent-glow:rgba(99,102,241,.38);--auth-card-bg:hsla(0,0%,100%,.042);--auth-card-border:hsla(0,0%,100%,.1);--auth-card-shadow:0 40px 80px rgba(0,0,0,.55),0 1px 0 hsla(0,0%,100%,.06) inset;--auth-card-radius:22px;--auth-card-blur:blur(14px);--auth-toggle-bg:hsla(0,0%,100%,.05);--auth-toggle-border:hsla(0,0%,100%,.08);--auth-toggle-active-bg:linear-gradient(135deg,rgba(99,102,241,.92),rgba(79,70,229,.88));--auth-toggle-active-shadow:0 4px 16px rgba(99,102,241,.35);--auth-brand-panel-bg:linear-gradient(145deg,rgba(15,23,42,.92),rgba(30,27,75,.78) 48%,rgba(15,23,42,.9));--auth-brand-panel-border:rgba(129,140,248,.22);--auth-field-label:#94a3b8;--auth-field-error:#fca5a5;--auth-footer-text:#334155}[data-staff-portal][data-staff-role=admin]{--staff-bg-mesh-1:rgba(99,102,241,.18);--staff-bg-mesh-2:rgba(129,140,248,.11);--staff-highlight-ring:var(--staff-accent-admin-border);--staff-highlight-pulse:var(--staff-accent-admin-soft);--staff-stat-chip-label-color:var(--staff-accent-admin-chip-label);--staff-sidebar-border:color-mix(in srgb,var(--staff-accent-admin) 12%,transparent);--staff-nav-active-text:#c7d2fe;--staff-nav-indicator-start:var(--staff-accent-admin);--staff-nav-indicator-end:var(--staff-accent-admin-2);--staff-nav-indicator-glow:var(--staff-accent-admin-glow);--staff-topbar-avatar-shadow:0 2px 12px var(--staff-accent-admin-glow);--portal-glow-1-staff:radial-gradient(closest-side,var(--staff-accent-admin-glow),transparent 72%);--portal-hero-eyebrow-color-staff:var(--staff-accent-admin-chip-label)}[data-staff-portal][data-staff-role=manager]{--staff-bg-mesh-1:rgba(100,116,139,.16);--staff-bg-mesh-2:rgba(148,163,184,.1);--staff-highlight-ring:var(--staff-accent-manager-border);--staff-highlight-pulse:var(--staff-accent-manager-soft);--staff-stat-chip-label-color:var(--staff-accent-manager-chip-label);--staff-sidebar-border:color-mix(in srgb,var(--staff-accent-manager) 14%,transparent);--staff-nav-active-text:#e2e8f0;--staff-nav-indicator-start:var(--staff-accent-manager);--staff-nav-indicator-end:var(--staff-accent-manager-2);--staff-nav-indicator-glow:var(--staff-accent-manager-glow);--staff-topbar-avatar-shadow:0 2px 12px var(--staff-accent-manager-glow);--portal-glow-1-staff:radial-gradient(closest-side,var(--staff-accent-manager-glow),transparent 72%);--portal-hero-eyebrow-color-staff:var(--staff-accent-manager-chip-label)}[data-staff-portal][data-staff-role=teacher]{--staff-bg-mesh-1:rgba(16,185,129,.17);--staff-bg-mesh-2:rgba(52,211,153,.1);--staff-highlight-ring:var(--staff-accent-teacher-border);--staff-highlight-pulse:var(--staff-accent-teacher-soft);--staff-stat-chip-label-color:var(--staff-accent-teacher-chip-label);--staff-sidebar-border:color-mix(in srgb,var(--staff-accent-teacher) 14%,transparent);--staff-nav-active-text:#a7f3d0;--staff-nav-indicator-start:var(--staff-accent-teacher);--staff-nav-indicator-end:var(--staff-accent-teacher-2);--staff-nav-indicator-glow:var(--staff-accent-teacher-glow);--staff-topbar-avatar-shadow:0 2px 12px var(--staff-accent-teacher-glow);--portal-glow-1-staff:radial-gradient(closest-side,var(--staff-accent-teacher-glow),transparent 72%);--portal-hero-eyebrow-color-staff:var(--staff-accent-teacher-chip-label)}[data-staff-portal][data-staff-role=editor]{--staff-bg-mesh-1:rgba(139,92,246,.17);--staff-bg-mesh-2:rgba(167,139,250,.11);--staff-highlight-ring:var(--staff-accent-editor-border);--staff-highlight-pulse:var(--staff-accent-editor-soft);--staff-stat-chip-label-color:var(--staff-accent-editor-chip-label);--staff-sidebar-border:color-mix(in srgb,var(--staff-accent-editor) 14%,transparent);--staff-nav-active-text:#ddd6fe;--staff-nav-indicator-start:var(--staff-accent-editor);--staff-nav-indicator-end:var(--staff-accent-editor-2);--staff-nav-indicator-glow:var(--staff-accent-editor-glow);--staff-topbar-avatar-shadow:0 2px 12px var(--staff-accent-editor-glow);--portal-glow-1-staff:radial-gradient(closest-side,var(--staff-accent-editor-glow),transparent 72%);--portal-hero-eyebrow-color-staff:var(--staff-accent-editor-chip-label)}[data-staff-portal][data-staff-route=dashboard]{--staff-bg-mesh-1:rgba(99,102,241,.2);--staff-bg-mesh-2:rgba(167,139,250,.12)}[data-staff-portal][data-staff-route=crm]{--staff-bg-mesh-1:rgba(99,102,241,.19);--staff-bg-mesh-2:rgba(56,189,248,.1);--staff-highlight-ring:rgba(99,102,241,.38);--staff-highlight-pulse:rgba(99,102,241,.2);--staff-stat-chip-label-color:rgba(196,181,253,.92);--staff-route-accent:#6366f1;--staff-route-accent-2:#38bdf8;--staff-route-accent-soft:rgba(99,102,241,.22);--staff-route-accent-border:rgba(99,102,241,.38);--staff-route-accent-glow:rgba(99,102,241,.32);--staff-route-chip-label:rgba(196,181,253,.92)}[data-staff-portal][data-staff-route=finance]{--staff-bg-mesh-1:rgba(245,158,11,.14);--staff-bg-mesh-2:rgba(251,191,36,.09);--staff-highlight-ring:rgba(251,191,36,.36);--staff-highlight-pulse:rgba(245,158,11,.18);--staff-stat-chip-label-color:hsla(48,97%,77%,.92);--staff-route-accent:#f59e0b;--staff-route-accent-2:#fbbf24;--staff-route-accent-soft:rgba(245,158,11,.2);--staff-route-accent-border:rgba(251,191,36,.36);--staff-route-accent-glow:rgba(245,158,11,.28);--staff-route-chip-label:hsla(48,97%,77%,.92)}[data-staff-portal][data-staff-route=calendar]{--staff-bg-mesh-1:rgba(56,189,248,.16);--staff-bg-mesh-2:rgba(34,211,238,.1);--staff-highlight-ring:rgba(56,189,248,.36);--staff-highlight-pulse:rgba(56,189,248,.18);--staff-stat-chip-label-color:rgba(186,230,253,.92);--staff-route-accent:#38bdf8;--staff-route-accent-2:#22d3ee;--staff-route-accent-soft:rgba(56,189,248,.2);--staff-route-accent-border:rgba(56,189,248,.36);--staff-route-accent-glow:rgba(56,189,248,.28);--staff-route-chip-label:rgba(186,230,253,.92)}[data-staff-portal][data-staff-route=courses]{--staff-bg-mesh-1:rgba(167,139,250,.18);--staff-bg-mesh-2:rgba(129,140,248,.11)}[data-staff-portal][data-staff-route=groups]{--staff-bg-mesh-1:rgba(52,211,153,.15);--staff-bg-mesh-2:rgba(45,212,191,.09)}[data-staff-portal][data-staff-route=students],[data-staff-portal][data-staff-route=teachers]{--staff-bg-mesh-1:rgba(129,140,248,.17);--staff-bg-mesh-2:rgba(99,102,241,.1)}@keyframes portal-hero-sparkle{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}@keyframes portal-highlight-pulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 3px var(--portal-highlight-pulse)}}.portal-highlight--actionable{transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.portal-highlight--actionable:focus-visible,.portal-highlight--actionable:hover{border-color:var(--portal-highlight-ring);box-shadow:0 0 0 1px var(--portal-highlight-ring);outline:none}.parent-lesson-card:hover .portal-highlight--actionable--parent,.portal-highlight--actionable--parent:focus-visible,.portal-highlight--actionable--parent:hover{border-color:var(--portal-highlight-ring-parent);box-shadow:0 0 0 1px var(--portal-highlight-ring-parent);outline:none}@media (prefers-reduced-motion:reduce){.portal-highlight--actionable,.portal-highlight--actionable--parent{transition:none}}