:root{--app-bg:var(--hn-dark-background);--app-shell:var(--hn-dark-background);--app-panel:var(--hn-dark-surface);--app-border:color-mix(in srgb,var(--hn-dark-border) 65%,transparent);--app-aurora-primary:color-mix(in srgb,var(--hn-dark-primary,#54d5e2) 28%,transparent);--app-aurora-secondary:color-mix(in srgb,var(--hn-dark-info,#78b9f2) 20%,transparent);--app-aurora-accent:color-mix(in srgb,var(--hn-dark-warning,#f1c75b) 10%,transparent);--app-aurora-tertiary:color-mix(in srgb,var(--hn-dark-success,#67d391) 18%,transparent);--app-aurora-danger:color-mix(in srgb,var(--hn-dark-validation,#f27878) 18%,transparent);--app-nav-hover:color-mix(in srgb,var(--hn-dark-primary,#54d5e2) 18%,var(--hn-dark-surface,#111b24));--app-nav-active:color-mix(in srgb,var(--hn-dark-primary,#54d5e2) 25%,var(--hn-dark-surface,#111b24));--app-nav-accent:var(--hn-dark-primary,#54d5e2);--app-message-bg:#15252f;--app-message-border:#3c5967;--app-message-text:#e9f4f6;--app-message-meta:#b7d8df;--app-message-mine-bg:#0f5962;--app-message-mine-border:#58c7cc;--app-message-mine-text:#efffff;--app-message-mine-meta:#c5f0f1}:root[data-mantine-color-scheme=light]{--app-bg:var(--hn-light-background);--app-shell:var(--hn-light-background);--app-panel:var(--hn-light-surface);--app-border:var(--hn-light-border);--app-aurora-primary:color-mix(in srgb,var(--hn-light-primary,#098b97) 22%,transparent);--app-aurora-secondary:color-mix(in srgb,var(--hn-light-info,#2f74b7) 15%,transparent);--app-aurora-accent:color-mix(in srgb,var(--hn-light-warning,#b87512) 10%,transparent);--app-aurora-tertiary:color-mix(in srgb,var(--hn-light-success,#208a51) 14%,transparent);--app-aurora-danger:color-mix(in srgb,var(--hn-light-validation,#c23a3a) 14%,transparent);--app-nav-hover:color-mix(in srgb,var(--hn-light-primary,#098b97) 16%,var(--hn-light-surface,#ffffff));--app-nav-active:color-mix(in srgb,var(--hn-light-primary,#098b97) 22%,var(--hn-light-surface,#ffffff));--app-nav-accent:var(--hn-light-primary,#098b97);--app-message-bg:#f6f9fb;--app-message-border:#b6c9d2;--app-message-text:#1d2b33;--app-message-meta:#356b73;--app-message-mine-bg:#d8f3ef;--app-message-mine-border:#72b7b0;--app-message-mine-text:#123c3b;--app-message-mine-meta:#356b73}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--mantine-color-body);color:var(--mantine-color-text);letter-spacing:0}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr);transition:grid-template-columns .16s ease}.shellCollapsed{grid-template-columns:64px minmax(0,1fr)}.sidebar{height:100vh;position:-webkit-sticky;position:sticky;top:0;padding:16px 12px;border-right:1px solid var(--app-border);background:var(--app-shell);display:flex;flex-direction:column;min-width:0;overflow:hidden}.sidebarCollapsed{padding-left:10px;padding-right:10px}.brand{height:48px;display:flex;align-items:center;gap:10px;padding:0 8px 14px;font-weight:700}.brandMark{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;color:#041316;background:#35d0df;font-size:13px}.workspace{border:1px solid var(--app-border);padding:10px;border-radius:6px;margin-bottom:16px}.navLabel{font-size:11px;text-transform:uppercase;color:var(--mantine-color-dimmed);padding:14px 10px 6px;font-weight:700}.navItem{display:flex;align-items:center;gap:11px;min-height:38px;padding:8px 10px;border-radius:6px;color:color-mix(in srgb,var(--mantine-color-text) 82%,var(--app-shell));font-size:14px;line-height:1.25;margin:1px 0;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease}.navItem:focus-visible,.navItem:hover{background:var(--app-nav-hover);color:var(--mantine-color-text);box-shadow:inset 3px 0 0 var(--app-nav-accent)}.navItem.active{background:var(--app-nav-active);color:var(--app-nav-accent);font-weight:600;box-shadow:inset 3px 0 0 currentColor}.sidebarBottom{margin-top:auto}.main{min-width:0;min-height:100vh;display:flex;flex-direction:column}.main,.platformMain{background-color:var(--app-bg);background-image:radial-gradient(95% 70% at 0 -10%,var(--app-aurora-primary) 0,transparent 68%),radial-gradient(80% 65% at 100% 0,var(--app-aurora-secondary) 0,transparent 65%),linear-gradient(160deg,transparent 45%,var(--app-aurora-accent) 100%);background-size:150% 150%,140% 140%,100% 100%;background-position:0 0,100% 0,50%;animation:appAuroraDrift 28s ease-in-out infinite alternate}.platformSidebar,.sidebar{background-image:linear-gradient(160deg,color-mix(in srgb,var(--app-aurora-primary) 80%,transparent),transparent 48%),linear-gradient(330deg,color-mix(in srgb,var(--app-aurora-secondary) 65%,transparent),transparent 78%)}@keyframes appAuroraDrift{0%{background-position:0 0,100% 0,50%}to{background-position:18% 12%,84% 26%,50%}}@media (prefers-reduced-motion:reduce){.main,.platformMain{animation:none}}.topbar{height:64px;position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;flex-wrap:nowrap;gap:12px;padding:0 28px;border-bottom:1px solid var(--app-border);background:color-mix(in srgb,var(--mantine-color-body) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}:root[data-mantine-color-scheme=dark] .platformTopbar,:root[data-mantine-color-scheme=dark] .topbar{background-image:linear-gradient(90deg,color-mix(in srgb,var(--hn-dark-primary) 12%,transparent),transparent 48%,color-mix(in srgb,var(--hn-dark-info) 9%,transparent))}:root[data-mantine-color-scheme=light] .platformTopbar,:root[data-mantine-color-scheme=light] .topbar{background-image:linear-gradient(90deg,color-mix(in srgb,var(--hn-light-primary) 10%,transparent),transparent 48%,color-mix(in srgb,var(--hn-light-info) 7%,transparent))}.topbarBreadcrumb{min-width:0;flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--mantine-color-dimmed);font-size:13px;font-weight:600}.topbarSearchInput{width:min(360px,36vw)}.topbarActions{margin-left:auto;flex-shrink:0}.appFooter{margin-top:auto;min-height:52px;padding:12px 30px;border-top:1px solid var(--app-border);display:flex;align-items:center;justify-content:space-between;gap:16px}.page{padding:26px 30px 48px;max-width:1500px;margin:0 auto}.pageHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{color:var(--mantine-color-dimmed);font-size:13px;margin-bottom:5px}.kpiGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.kpi{padding:18px;--kpi-accent:var(--app-aurora-primary);background-color:var(--app-panel);background-image:linear-gradient(145deg,color-mix(in srgb,var(--kpi-accent) 70%,transparent),transparent 66%);border:1px solid var(--app-border);border-left:3px solid color-mix(in srgb,var(--kpi-accent) 72%,var(--app-border));transition:background-color .14s ease,box-shadow .14s ease,transform .14s ease}.kpi--success{--kpi-accent:var(--app-aurora-tertiary)}.kpi--info{--kpi-accent:var(--app-aurora-secondary)}.kpi--warning{--kpi-accent:var(--app-aurora-accent)}.kpi--danger{--kpi-accent:var(--app-aurora-danger)}.kpi:focus-visible,.kpi:hover{box-shadow:0 8px 22px color-mix(in srgb,var(--kpi-accent) 18%,transparent);transform:translateY(-1px)}.kpiTop{display:flex;align-items:center;justify-content:space-between;color:var(--mantine-color-dimmed);font-size:13px}.kpiValue{font-size:26px;font-weight:700;margin:12px 0 5px}.delta{font-size:12px;color:var(--hn-dark-success)}.dashboardGrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.75fr);grid-gap:16px;gap:16px}.panel{border:1px solid var(--app-border);--panel-accent:var(--app-aurora-primary);background-color:var(--app-panel);background-image:linear-gradient(145deg,color-mix(in srgb,var(--panel-accent) 76%,transparent),transparent 64%)}.panel:nth-child(4n+2){--panel-accent:var(--app-aurora-secondary)}.panel:nth-child(4n+3){--panel-accent:var(--app-aurora-accent)}.panel:nth-child(4n){--panel-accent:var(--app-aurora-tertiary)}.panelHeader{display:flex;justify-content:space-between;padding:16px 18px}.panelHeader,.queueItem{align-items:center;border-bottom:1px solid var(--app-border)}.queueItem{display:grid;grid-template-columns:36px minmax(0,1fr) auto;grid-gap:12px;gap:12px;padding:14px 18px}.queueItem:last-child{border-bottom:0}.queueItem--schedule{grid-template-columns:52px 1fr}.muted{color:var(--mantine-color-dimmed);font-size:13px}.scheduleTime{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;color:var(--hn-dark-primary)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.tableWrap{overflow:auto;border:1px solid var(--app-border);border-radius:6px}.statusDot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:7px}.publicHero{min-height:76vh;display:flex;align-items:flex-end;padding:72px max(6vw,24px);background:linear-gradient(90deg,rgba(4,10,14,.92),rgba(4,10,14,.52)),url(https://images.unsplash.com/photo-1523240795612-9a054b0db644?auto=format&fit=crop&w=1800&q=80) 50%/cover}.heroInner{max-width:720px;color:white;padding-bottom:5vh}.publicNav{position:absolute;top:0;left:0;right:0;z-index:2;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 max(6vw,24px);color:white}.galleryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.swatches{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}.swatch{height:70px;border-radius:6px;display:flex;align-items:flex-end;padding:8px;font-size:11px;color:white}@media (max-width:1000px){.kpiGrid{grid-template-columns:repeat(2,1fr)}.dashboardGrid{grid-template-columns:1fr}.shell{grid-template-columns:76px 1fr}.brand span,.sidebar .navItem span,.sidebar .navLabel,.sidebar .workspace{display:none}.sidebar{align-items:center}.navItem{width:44px;justify-content:center}.brand{padding-left:0}}@media (max-width:700px){.shell{display:block}.sidebar{display:none}.topbar{padding:0 14px;height:58px}.page{padding:20px 14px 36px}.pageHeader{align-items:stretch;flex-direction:column}.kpiGrid{grid-template-columns:1fr 1fr;gap:8px}.kpi{padding:13px}.kpiValue{font-size:21px}.dashboardGrid,.galleryGrid{grid-template-columns:1fr}.publicHero{min-height:88vh}.publicNav .desktopLinks{display:none}.appFooter{padding:12px 14px;align-items:flex-start;flex-direction:column;gap:8px}.appFooter>*{flex-wrap:wrap}}.tableSortButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:600;padding:0;display:inline-flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}.tableSortButton:disabled{cursor:default}.tableSortButton:focus-visible{outline:2px solid var(--mantine-color-cyan-5);outline-offset:4px;border-radius:3px}.tableEmpty{min-height:150px;display:grid;place-content:center;text-align:center;grid-gap:4px;gap:4px}.productBoundary{min-height:100vh}.productBoundary--platform,.productBoundary--public{width:100%}:root[data-mantine-color-scheme=light] .navItem.active{background:var(--app-nav-active);color:var(--app-nav-accent)}.tableSortButton:focus-visible{outline-color:var(--hn-dark-ring)}.publicShell{min-height:100vh;background:var(--mantine-color-body)}.publicHeader{min-height:70px;position:-webkit-sticky;position:sticky;top:0;z-index:20;justify-content:space-between;gap:24px;padding:12px max(6vw,24px);border-bottom:1px solid var(--app-border);background:color-mix(in srgb,var(--mantine-color-body) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.publicBrand,.publicHeader{display:flex;align-items:center}.publicBrand{gap:10px;font-weight:700;white-space:nowrap}.publicDesktopNav{display:flex;align-items:center;gap:28px;margin-left:auto;color:var(--mantine-color-dimmed);font-size:14px}.publicDesktopNav a:hover,.publicFooter a:hover{color:var(--hn-dark-primary)}.publicCta{white-space:nowrap}.publicMenuButton{display:none}.publicMain{min-height:0}.publicFooter{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;grid-gap:28px;gap:28px;padding:44px max(6vw,24px);border-top:1px solid var(--app-border);background:var(--app-panel)}.publicFooter a{color:var(--mantine-color-dimmed);font-size:13px}.publicCopyright{align-self:end;white-space:nowrap}.dashboardOverviewSummary{min-width:min(100%,390px);padding-top:8px}@media (max-width:800px){.publicDesktopNav{display:none}.publicMenuButton{display:inline-flex}.publicFooter{grid-template-columns:1fr 1fr}.publicCopyright{grid-column:1/-1}}@media (max-width:520px){.publicHeader{padding:10px 14px;gap:8px}.publicBrand span:last-child{display:none}.publicHeader .publicCta{display:none!important}.publicFooter{grid-template-columns:1fr;padding:32px 14px;gap:20px}.publicCopyright{grid-column:auto;white-space:normal}}.platformShell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr);background:var(--mantine-color-body)}.platformSidebar{min-height:100vh;position:-webkit-sticky;position:sticky;top:0;padding:18px 12px;border-right:1px solid var(--app-border);background:var(--app-panel);display:flex;flex-direction:column}.platformBrand{display:flex;align-items:center;gap:10px;padding:0 8px 20px;font-weight:700;line-height:1.1}.platformBrand small{color:var(--mantine-color-dimmed);font-size:11px;font-weight:500}.platformWorkspace{border:1px solid var(--app-border);border-radius:6px;padding:11px;margin-bottom:18px}.platformNav{display:grid;grid-gap:3px;gap:3px}.platformNavItem{min-height:38px;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;color:color-mix(in srgb,var(--mantine-color-text) 82%,var(--app-panel));font-size:14px;line-height:1.25;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease}.platformNavItem:focus-visible,.platformNavItem:hover{background:var(--app-nav-hover);color:var(--mantine-color-text);box-shadow:inset 3px 0 0 var(--app-nav-accent)}.platformBottom{margin-top:auto;display:grid;grid-gap:3px;gap:3px}.platformMain{min-width:0;min-height:100vh;display:flex;flex-direction:column}.platformTopbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--app-border);background:color-mix(in srgb,var(--mantine-color-body) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.platformTopActions{display:flex;align-items:center;gap:6px;margin-left:auto}.platformMobileTitle{color:var(--mantine-color-dimmed);font-size:13px}.platformFooter{margin-top:auto;display:flex;justify-content:space-between;gap:16px;padding:14px 28px;border-top:1px solid var(--app-border)}@media (max-width:800px){.platformShell{display:block}.platformSidebar{display:none}.platformTopbar{padding:0 14px}.platformFooter{padding:12px 14px;flex-direction:column;gap:5px}.platformMain>.page{padding:20px 14px 36px}}.lmsNavigation,.navSection{display:grid;grid-gap:2px;gap:2px}.navSection+.navSection{margin-top:12px}.navSectionLabel{margin:8px 10px 4px;color:var(--mantine-color-dimmed)!important;font-family:Inter,Segoe UI,Arial,sans-serif!important;font-size:11px!important;font-weight:700!important;letter-spacing:.08em;line-height:1.2!important;text-transform:uppercase}.navGroup{display:grid}.navChevron{margin-left:auto;transition:transform .18s ease}.navItem.active .navChevron{transform:rotate(180deg)}.navSubmenu{margin:1px 0 4px 28px;border-left:1px solid var(--app-border);padding-left:8px;display:grid;grid-gap:2px;gap:2px}.navSubItem{color:color-mix(in srgb,var(--mantine-color-text) 72%,var(--app-panel));font-size:13px;line-height:1.3;padding:7px 9px;border-radius:5px}.navSubItem.active,.navSubItem:hover{color:var(--mantine-color-text);background:var(--app-nav-hover)}.teacherCommunicationLayout{display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr);grid-gap:14px;gap:14px;min-height:min(680px,calc(100vh - 250px))}.teacherConversationList,.teacherConversationThread{min-width:0}.teacherConversationList{display:flex;flex-direction:column;min-height:560px}.teacherConversationItems{display:grid;grid-gap:4px;gap:4px;margin:12px -4px 0;overflow:auto;padding:0 4px 4px}.teacherConversationRow{width:100%;border:1px solid transparent;border-radius:6px;padding:10px;background:transparent;color:inherit;cursor:pointer;text-align:left}.teacherConversationRow.active,.teacherConversationRow:hover{border-color:var(--app-border);background:color-mix(in srgb,var(--hn-dark-primary) 9%,var(--app-panel))}.teacherConversationRowBody{min-width:0;flex:1 1}.teacherConversationUnread{display:inline-grid;min-width:20px;height:20px;place-items:center;border-radius:999px;background:var(--mantine-primary-color-filled);color:var(--mantine-primary-color-contrast);font-size:11px;font-weight:700}.teacherConversationThread{display:flex;flex-direction:column;min-height:560px}.teacherThreadComposer,.teacherThreadHeader{padding:18px}.teacherThreadMessages{display:grid;align-content:start;grid-gap:14px;gap:14px;flex:1 1;min-height:220px;overflow:auto;padding:20px 22px}.teacherMessage{max-width:min(78%,620px)}.teacherMessageSelf{justify-self:end}.teacherMessageMeta{display:flex;align-items:center;gap:8px;margin:0 4px 4px}.teacherMessageSelf .teacherMessageMeta{justify-content:flex-end}.teacherMessageBubble{border:1px solid var(--app-border);border-radius:8px;padding:10px 12px;background:var(--app-shell);font-size:14px;line-height:1.5}.teacherMessageSelf .teacherMessageBubble{border-color:color-mix(in srgb,var(--hn-dark-primary) 30%,var(--app-border));background:color-mix(in srgb,var(--hn-dark-primary) 12%,var(--app-panel))}.studentMessageBubble{border:1px solid var(--app-message-border);background:var(--app-message-bg)!important;background-color:var(--app-message-bg)!important;border-color:var(--app-message-border)!important;color:var(--app-message-text)!important}.studentMessageBubble .studentMessageMeta{color:var(--app-message-meta)!important}.studentMessageBubbleMine{border-color:var(--app-message-mine-border)!important;background:var(--app-message-mine-bg)!important;background-color:var(--app-message-mine-bg)!important;color:var(--app-message-mine-text)!important}.studentMessageBubbleMine .studentMessageMeta{color:var(--app-message-mine-meta)!important}.studentMessageBubble .studentMessageText{color:inherit!important}.payrollMetric{min-height:112px}.payrollTimeline{display:grid;grid-gap:0;gap:0;margin-top:24px}.payrollTimelineItem{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);grid-gap:10px;gap:10px;min-height:58px}.payrollTimelineItem:not(.last):before{position:absolute;top:25px;left:11px;height:calc(100% - 8px);border-left:1px solid var(--app-border);content:""}.payrollTimelineDot{position:relative;z-index:1;display:grid;width:24px;height:24px;place-items:center;border:1px solid var(--app-border);border-radius:50%;background:var(--app-panel);color:var(--mantine-color-dimmed)}.payrollTimelineItem.active .payrollTimelineDot{border-color:var(--mantine-primary-color-filled);background:var(--mantine-primary-color-filled);color:var(--mantine-primary-color-contrast)}.payslipDocument{max-width:980px}.assessmentModeBanner{margin-bottom:16px;border:1px solid var(--app-border);border-radius:8px;padding:14px 16px;background:color-mix(in srgb,var(--hn-dark-primary) 8%,var(--app-panel))}.assessmentModeIcon{display:grid;width:36px;height:36px;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--hn-dark-primary) 18%,var(--app-panel));color:var(--hn-dark-primary)}@media (max-width:700px){.payrollMetric{min-height:auto}}@media (max-width:900px){.teacherCommunicationLayout{grid-template-columns:1fr;min-height:0}.teacherConversationList{min-height:320px}.teacherConversationThread{min-height:560px}}.workspaceButton{width:100%;text-align:left;color:inherit;font:inherit}.sidebarCollapse{margin-left:auto;transform:rotate(-90deg)}.sidebarCollapsed .brand{justify-content:center;padding-left:0;padding-right:0}.sidebarCollapsed .brand span,.sidebarCollapsed .navChevron,.sidebarCollapsed .navItem span,.sidebarCollapsed .navSectionLabel,.sidebarCollapsed .navSubmenu,.sidebarCollapsed .workspace{display:none}.sidebarCollapsed .sidebarCollapse{display:inline-flex;transform:rotate(90deg)}.sidebarCollapsed .navItem{justify-content:center;width:44px}.mobileNavTrigger{display:none;position:fixed;left:10px;top:12px;z-index:25}@media (max-width:1000px){.navSubmenu,.sidebar .navItem span,.sidebarCollapse{display:none}.sidebar .navItem{justify-content:center;width:44px}.sidebar .brand span,.sidebar .workspace{display:none}.sidebar{align-items:center}.mobileNavTrigger{display:none}}@media (max-width:700px){.mobileNavTrigger{display:inline-flex}.main .topbar{padding-left:58px}.platformShell .mobileNavTrigger,.sidebar{display:none}}.pageFrame{width:100%}:root[data-mantine-color-scheme=dark]{--mantine-color-dimmed:var(--hn-dark-muted);--mantine-color-error:var(--hn-dark-validation)}:root[data-mantine-color-scheme=light]{--mantine-color-dimmed:var(--hn-light-muted);--mantine-color-error:var(--hn-light-validation)}.page,.pageFrame,.tableWrap{width:100%;min-width:0}.tableWrap{max-width:100%;background:var(--app-panel)}.swatch:nth-child(2),.swatch:nth-child(3){color:#071014}@media (max-width:700px){.toolbar{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.toolbar>*{max-width:100%;min-width:0!important}.tableWrap{max-width:calc(100vw - 28px)}.tableWrap table{min-width:760px}}:root[data-mantine-color-scheme=dark]{--mantine-color-body:var(--hn-dark-background)!important;--mantine-color-text:var(--hn-dark-foreground)!important;--mantine-color-dimmed:var(--hn-dark-muted)!important;--mantine-color-default:var(--hn-dark-surface)!important;--mantine-color-default-color:var(--hn-dark-foreground)!important;--mantine-color-default-border:var(--hn-dark-border)!important;--mantine-color-error:var(--hn-dark-validation)!important}:root[data-mantine-color-scheme=light]{--mantine-color-body:var(--hn-light-background)!important;--mantine-color-text:var(--hn-light-foreground)!important;--mantine-color-dimmed:var(--hn-light-muted)!important;--mantine-color-default:var(--hn-light-surface)!important;--mantine-color-default-color:var(--hn-light-foreground)!important;--mantine-color-default-border:var(--hn-light-border)!important;--mantine-color-error:var(--hn-light-validation)!important}:root[data-mantine-color-scheme=dark] .workspaceButton{background:var(--hn-dark-surface);color:var(--hn-dark-foreground)}:root[data-mantine-color-scheme=light] .workspaceButton{background:var(--hn-light-surface);color:var(--hn-light-foreground)}:root[data-mantine-color-scheme=dark] .mantine-Text-root[data-size=sm],:root[data-mantine-color-scheme=dark] .mantine-Text-root[data-size=xs]{color:var(--hn-dark-muted)}:root[data-mantine-color-scheme=light] .mantine-Text-root[data-size=sm],:root[data-mantine-color-scheme=light] .mantine-Text-root[data-size=xs]{color:var(--hn-light-muted)}.swatch{color:#071014;font-weight:650}.tableRow--selected{background:color-mix(in srgb,var(--hn-dark-primary) 12%,var(--app-panel))}.statusIcon--success{color:var(--hn-dark-success)}.statusIcon--warning{color:var(--hn-dark-warning)}.panelHighlight{background:color-mix(in srgb,var(--hn-dark-primary) 16%,var(--app-panel))}.topbarNavToggle{flex-shrink:0}@media (max-width:700px){.topbarBreadcrumb{display:none}}.tableWrap thead{background:var(--mantine-primary-color-filled);color:var(--mantine-primary-color-contrast)}.tableWrap thead th{color:inherit;border-bottom-color:color-mix(in srgb,var(--mantine-primary-color-filled) 70%,var(--app-border))}.tableWrap thead .tableSortButton{color:inherit}.tableWrap table,.tableWrap tbody,.tableWrap tbody td,.tableWrap tbody tr{background:var(--app-panel)}.tableWrap tbody tr:nth-child(2n),.tableWrap tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--app-panel) 88%,var(--mantine-color-body))}.tableWrap tbody tr:hover,.tableWrap tbody tr:hover td{background:color-mix(in srgb,var(--mantine-primary-color-filled) 10%,var(--app-panel))}.tableLinkButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;text-align:left;padding:0;cursor:pointer}.tableLinkButton:focus-visible{outline:2px solid var(--mantine-primary-color-filled);outline-offset:4px;border-radius:4px}.classDetailTabs{display:flex;gap:4px;width:100%;overflow-x:auto;overscroll-behavior-x:contain;border-bottom:1px solid var(--app-border);scrollbar-width:thin;margin-bottom:16px;padding-bottom:2px}.classDetailTab{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-height:42px;padding:0 13px;color:var(--mantine-color-dimmed);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}.classDetailTab:hover{color:var(--mantine-color-text);background:color-mix(in srgb,var(--mantine-primary-color-filled) 8%,transparent)}.classDetailTab.active{color:var(--mantine-primary-color-filled);border-bottom-color:var(--mantine-primary-color-filled);font-weight:650}.classDetailTab:focus-visible{outline:2px solid var(--mantine-primary-color-filled);outline-offset:-2px}.classDetailContent{width:100%}.classInfoCard{border:1px solid var(--app-border);border-left:4px solid var(--class-info-accent,var(--mantine-primary-color-filled));background:var(--app-panel);box-shadow:0 2px 8px rgb(0 0 0/10%)}.classInfoCard--primary{--class-info-accent:var(--mantine-primary-color-filled)}.classInfoCard--success{--class-info-accent:var(--hn-dark-success)}.classInfoCard--info{--class-info-accent:var(--mantine-color-blue-6)}.classInfoCard--warning{--class-info-accent:var(--hn-dark-warning)}.classInfoLabel{display:block;color:var(--mantine-color-dimmed);font-size:var(--mantine-font-size-sm);font-weight:650;letter-spacing:.02em;text-transform:uppercase}.classInfoValue{display:block;margin-top:6px;color:var(--mantine-color-text)}.classInfoMeta{display:block;margin-top:4px;color:var(--mantine-color-dimmed)}.classInfoCallout{border:1px solid color-mix(in srgb,var(--mantine-primary-color-filled) 42%,var(--app-border));border-left:4px solid var(--mantine-primary-color-filled);background:color-mix(in srgb,var(--mantine-primary-color-filled) 10%,var(--app-panel))}.mediaFileField{display:grid;grid-gap:6px;gap:6px;color:var(--mantine-color-text);font-size:var(--mantine-font-size-sm);font-weight:600}.mediaFileField input{width:100%;padding:9px;border:1px dashed var(--app-border);border-radius:6px;background:var(--app-panel);font-weight:400}.mediaFileField small{color:var(--mantine-color-dimmed);font-weight:400}.authBoundary{min-height:100vh;background:var(--app-bg)}.loginPage{min-height:100vh;display:grid;grid-template-columns:minmax(340px,.9fr) minmax(520px,1.1fr)}.loginIntro{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,5vw,72px);background:linear-gradient(145deg,color-mix(in srgb,var(--mantine-primary-color-filled) 22%,var(--app-bg)),var(--app-bg) 68%);border-right:1px solid var(--app-border)}.loginBrand{display:inline-flex;align-items:center;gap:10px;color:var(--mantine-color-text);text-decoration:none;font-weight:750;font-size:18px}.loginIntroContent{max-width:540px;margin:48px 0}.loginIntroContent h1{max-width:520px;margin:18px 0 12px;font-size:clamp(32px,4vw,54px);line-height:1.08;letter-spacing:0}.loginPanel{display:grid;place-items:center;padding:clamp(20px,5vw,72px)}.loginCard{width:min(100%,640px)}.loginDivider{display:flex;align-items:center;gap:10px;margin:24px 0 16px;color:var(--mantine-color-dimmed);font-size:12px}.loginDivider:after,.loginDivider:before{content:"";height:1px;flex:1 1;background:var(--app-border)}.loginDemoButtonText{display:flex;min-width:0;flex-direction:column;align-items:flex-start;line-height:1.25;text-align:left}.loginDemoButtonText small{overflow:hidden;max-width:100%;color:var(--mantine-color-dimmed);font-size:10px;font-weight:400;text-overflow:ellipsis}@media (max-width:900px){.loginPage{grid-template-columns:1fr}.loginIntro{min-height:340px;padding:28px 24px;border-right:0;border-bottom:1px solid var(--app-border)}.loginIntroContent{margin:36px 0 20px}.loginIntroContent h1{font-size:34px}}.payroll-breakdown{grid-column:span 3}.payroll-audit{grid-column:span 2}.payroll-ring{width:112px;height:112px;border-radius:50%;display:grid;place-content:center;border:10px solid var(--mantine-color-teal-6);box-shadow:inset 0 0 0 12px var(--app-panel)}.leave-status,.work-status{grid-column:span 3}.leave-next,.work-next{grid-column:span 2}.leave-balance-summary{min-width:250px;padding:14px 0 0}.admission-overview-summary,.leads-overview-summary{min-width:min(100%,420px);padding-top:8px}.teacher-classes-summary,.teacher-overview-summary{min-width:min(100%,390px);padding-top:8px}.teacher-online-summary{min-width:min(100%,230px);padding-top:5px}.teacherWorkspace .pageHeader{margin-bottom:20px}.teacherWorkspace .panel{border-radius:8px}.teacherWorkspace .toolbar{align-items:flex-end;padding:4px 0}.teacher-module-summary{min-width:min(100%,250px);padding-top:5px}.accountPreference{display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 0;color:var(--mantine-color-text);cursor:pointer}.accountPreference input{width:17px;height:17px;accent-color:var(--mantine-primary-color-filled)}.accountPreference:hover{color:var(--mantine-primary-color-filled)}.adminWorkspace .pageHeader,.parentWorkspace .pageHeader,.studentWorkspace .pageHeader{margin-bottom:20px}.studentOverviewPanel{border-radius:8px;background-color:var(--app-panel)}@media (max-width:767px){.leave-next,.leave-status,.work-next,.work-status{grid-column:auto}.leave-balance-summary{width:100%;min-width:0;padding-top:4px}.leave-balance-summary .mantine-Progress-root{width:100%!important}.admission-overview-summary,.leads-overview-summary,.teacher-classes-summary,.teacher-module-summary,.teacher-online-summary,.teacher-overview-summary{width:100%;min-width:0}.payroll-audit,.payroll-breakdown{grid-column:auto}.payroll-ring{width:96px;height:96px}}@media (max-width:560px){.loginPanel{padding:16px}.loginCard{padding:20px!important}}