:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8fafc;--surface:#fff;--border:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--primary:#1e40af;--secondary:#0f766e;--tertiary:#1e3a8a;--cta:#0e7490;--cta-label:#fff;--success:#059669;--warning:#d97706;--danger:#dc2626;--danger-label:#fff;--info:#0284c7;--font-display:"Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--text-display:3.815rem;--text-h1:3.052rem;--text-h2:2.441rem;--text-h3:1.953rem;--text-h4:1.563rem;--text-body-lg:1.25rem;--text-body:1rem;--text-body-sm:.875rem;--text-caption:.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000f, 0 1px 1px #0000000a;--shadow-md:0 4px 8px #00000014, 0 2px 4px #0000000d;--shadow-lg:0 12px 24px #0000001a, 0 6px 12px #0000000f;--motion-fast:.12s;--motion-normal:.22s;--motion-slow:.36s;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--measure:66ch;--page-max:72rem;--desktop:1024px;--focus-ring:2px solid var(--primary);--focus-offset:2px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1220;--surface:#111a2c;--border:#1f2a44;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#60a5fa;--secondary:#2dd4bf;--tertiary:#93c5fd;--cta:#0e7490;--cta-label:#fff;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--danger-label:#16181c;--info:#38bdf8}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-normal:0s;--motion-slow:0s}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100vh;font-family:var(--font-body);font-size:var(--text-body);color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-weight:400;line-height:1.6}#root{min-height:100vh}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--primary);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{color:var(--tertiary)}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}h1,h2,h3,h4{font-family:var(--font-display);margin:0 0 var(--space-3);color:var(--text-primary);line-height:1.15}h1{font-size:clamp(2rem, 4vw, var(--text-h1));font-weight:800;line-height:1.1}h2{font-size:clamp(1.75rem, 3vw, var(--text-h2));font-weight:700}h3{font-size:clamp(1.4rem, 2.5vw, var(--text-h3));font-weight:700}h4{font-size:var(--text-h4);font-weight:700}p{margin:0 0 var(--space-4);max-width:var(--measure);line-height:1.6}p:last-child{margin-bottom:0}.measure{max-width:var(--measure)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tabular{font-variant-numeric:tabular-nums}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-body);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-default), border-color var(--motion-fast) var(--ease-default), color var(--motion-fast) var(--ease-default), opacity var(--motion-fast) var(--ease-default);border:2px solid #0000;line-height:1.2;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--cta);color:var(--cta-label)}.btn--primary:hover:not(:disabled),.btn--primary:focus-visible,.btn--primary:active:not(:disabled){color:var(--cta-label)}.btn--primary:hover:not(:disabled){background:color-mix(in srgb, var(--cta) 92%, #000)}.btn--primary:active:not(:disabled){background:color-mix(in srgb, var(--cta) 88%, #000)}.btn--secondary{color:var(--primary);border-color:var(--primary);background:0 0}.btn--secondary:hover:not(:disabled),.btn--secondary:focus-visible,.btn--secondary:active:not(:disabled){color:var(--primary)}.btn--secondary:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 8%, transparent)}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--surface);color:var(--text-primary)}.btn--danger{background:var(--danger);color:var(--danger-label);font-weight:700}.btn--danger:hover:not(:disabled),.btn--danger:focus-visible,.btn--danger:active:not(:disabled){color:var(--danger-label)}.btn--danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 92%, #000)}.btn--danger:active:not(:disabled){background:color-mix(in srgb, var(--danger) 88%, #000)}.btn--busy{position:relative}.field{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.field__label{font-size:var(--text-body-sm);color:var(--text-primary);font-weight:500}.field__hint{font-size:var(--text-body-sm);color:var(--text-secondary);max-width:none;margin:0}.field__error{font-size:var(--text-body-sm);color:var(--danger);max-width:none;margin:0}.input,.textarea{width:100%;min-height:44px;padding:var(--space-3);border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);transition:border-color var(--motion-fast) var(--ease-default)}.input::placeholder,.textarea::placeholder{color:var(--text-muted);opacity:1}.textarea{resize:vertical;min-height:6rem}.input:focus,.textarea:focus{border-color:var(--primary);outline:none}.input:focus-visible,.textarea:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.input--error,.textarea--error{border-color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.chip{align-items:center;gap:var(--space-1);min-height:28px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-caption);letter-spacing:.02em;text-transform:uppercase;font-weight:600;display:inline-flex}.chip--tag{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}.chip--sample{background:color-mix(in srgb, var(--info) 15%, transparent);color:var(--info);border:none}.chip--status{background:color-mix(in srgb, var(--secondary) 15%, transparent);color:var(--secondary)}.eyebrow{align-items:center;gap:var(--space-2);min-height:28px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);font-size:var(--text-caption);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-weight:600;display:inline-flex}.eyebrow__dot{border-radius:var(--radius-full);background:var(--tertiary);width:6px;height:6px}.toast{z-index:50;right:var(--space-4);bottom:var(--space-4);max-width:22rem;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:toast-in var(--motion-normal) var(--ease-default);border-left-width:4px;position:fixed}.toast--success{border-left-color:var(--success)}.toast--danger{border-left-color:var(--danger)}.toast--info{border-left-color:var(--info)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=767px){.toast{left:var(--space-4);right:var(--space-4);bottom:calc(var(--space-4) + 4rem);max-width:none}}.empty-state{align-items:flex-start;gap:var(--space-4);padding:var(--space-6);border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.empty-state__icon{color:var(--text-muted);flex-shrink:0}.empty-state--warm{border-style:solid;border-color:color-mix(in srgb, var(--warning) 40%, var(--border));border-left:3px solid var(--warning);background:color-mix(in srgb, var(--warning) 10%, var(--surface));box-shadow:0 8px 24px color-mix(in srgb, var(--warning) 12%, transparent)}.empty-state--warm .empty-state__icon{color:var(--warning)}.mascot{filter:drop-shadow(0 1px 2px #0f172a2e);flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex}.mascot img{object-fit:contain;width:100%;height:100%;display:block}.mascot--nav{width:2rem;height:2rem}.mascot--sm{width:4.5rem;height:4.5rem}.mascot--hero{width:clamp(5.5rem,18vw,7.5rem);height:clamp(5.5rem,18vw,7.5rem)}[data-theme=dark] .mascot{filter:drop-shadow(0 1px 3px #00000073)}.icon{color:currentColor;vertical-align:middle;flex-shrink:0;display:inline-block}.icon--sm{width:16px;height:16px}.icon--md{width:20px;height:20px}.icon--lg{width:24px;height:24px}.icon--xl{width:32px;height:32px}.nav-link-with-icon{gap:var(--space-2)}.mobile-nav a .icon{margin-bottom:1px}.input-with-action{align-items:center;display:flex;position:relative}.input-with-action .input{width:100%;padding-right:3rem}.input-with-action .tooltip-wrap,.input-with-action>.icon-btn{position:absolute;top:50%;right:2px;transform:translateY(-50%)}.input-with-action .icon-btn{background:0 0;border:none;width:40px;height:40px}.section-heading-with-icon{align-items:center;gap:var(--space-2);display:inline-flex}.choice-row{gap:var(--space-2);flex-direction:column;display:flex}.choice{align-items:flex-start;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-default);display:flex}.choice:has(input:checked){border-color:var(--tertiary)}.choice input{width:18px;height:18px;accent-color:var(--primary);margin-top:2px}.choice__body{flex-direction:column;gap:2px;display:flex}.choice__label{font-weight:500}.choice__desc{font-size:var(--text-body-sm);color:var(--text-muted)}.tooltip-wrap{display:inline-flex;position:relative}.tooltip{z-index:20;width:max-content;max-width:16rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--text-primary);color:var(--bg);font-size:var(--text-body-sm);opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-default);line-height:1.4;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip-wrap:hover .tooltip,.tooltip-wrap:focus-within .tooltip{opacity:1}.class-tabs{gap:var(--space-2);margin-top:var(--space-5);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.class-tabs__tab{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;font-weight:600;display:inline-flex}.class-tabs__tab:hover{color:var(--text-primary);background:var(--surface)}.class-tabs__tab.is-active{color:var(--text-primary);border-color:var(--border);background:var(--surface)}.stat-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=1024px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.stat-tile{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg) 60%, var(--surface))}.stat-tile__label{font-size:var(--text-body-sm);color:var(--text-secondary);margin:0}.stat-tile__value{margin:var(--space-2) 0 0;font-size:var(--text-h3);font-weight:700}.stat-tile__hint{margin:var(--space-1) 0 0;font-size:var(--text-caption);color:var(--text-muted)}.stat-tile__label-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.stat-tile__label-row .stat-tile__label{margin:0}.overview-analytics{gap:var(--space-5);display:grid}.overview-analytics__intro{gap:var(--space-2);display:grid}.overview-analytics__empty{padding:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg) 70%, var(--surface))}.overview-charts{gap:var(--space-4);display:grid}@media (width>=1024px){.overview-charts{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:stretch}}.overview-chart-card{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg) 60%, var(--surface));flex-direction:column;min-width:0;display:flex}.overview-chart-card__head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.overview-chart-card__head h3{font-size:var(--text-body);margin:0;font-weight:600}.overview-chart-card__summary{color:var(--text-secondary);font-size:var(--text-body-sm);max-width:var(--measure);margin:0;line-height:1.5}.overview-chart-card__empty{color:var(--text-muted);font-size:var(--text-body-sm);margin:0}.overview-chart-card__plot{width:100%;min-width:0}.overview-chart-card__plot--status{height:4.5rem}.overview-chart-card__plot--trend{height:16rem}.overview-metric-tip__btn{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text-muted)}.overview-metric-tip__btn:hover,.overview-metric-tip__btn:focus-visible{color:var(--text-primary)}.overview-legend{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.overview-legend li{gap:var(--space-2);font-size:var(--text-body-sm);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.overview-legend__swatch{border-radius:2px;flex-shrink:0;width:.75rem;height:.75rem}.overview-legend__label{color:var(--text-secondary)}.overview-legend__value{color:var(--text-primary);font-weight:500}.overview-needs{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg) 60%, var(--surface));display:grid}.overview-needs__list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.overview-needs__item{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);display:flex}.overview-needs__title{margin:0;font-weight:500}.overview-needs__meta{margin:var(--space-1) 0 0;font-size:var(--text-caption);color:var(--text-muted)}.insights-page{gap:var(--space-6);display:grid}.insights-hero{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);display:grid}.insights-hero__copy{gap:var(--space-2);min-width:0;display:grid}.insights-hero__copy h1{margin:0}.insights-hero__copy p{color:var(--text-secondary);max-width:var(--measure);margin:0;line-height:1.55}.insights-hero__actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}@media (width>=1024px){.insights-hero{align-items:end;gap:var(--space-6);padding:var(--space-6);grid-template-columns:minmax(0,1.4fr) auto}.insights-hero__actions{justify-content:flex-end}}.insights-body{gap:var(--space-6);display:grid}.insights-kpi-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.insights-kpi-grid--compact{margin-bottom:var(--space-4)}@media (width>=1024px){.insights-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.insights-kpi-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}}.insights-kpi{gap:var(--space-1);min-height:6.5rem;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg) 55%, var(--surface));color:inherit;flex-direction:column;text-decoration:none;display:flex}.insights-kpi--link{transition:border-color .16s,background-color .16s}.insights-kpi--link:hover,.insights-kpi--link:focus-visible{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, var(--surface))}.insights-kpi--accent{border-color:color-mix(in srgb, var(--warning) 45%, var(--border));background:color-mix(in srgb, var(--warning) 10%, var(--surface))}.insights-kpi__label{font-size:var(--text-body-sm);color:var(--text-secondary);margin:0}.insights-kpi__value{font-family:var(--font-display);font-size:var(--text-h3);color:var(--text-primary);margin:0;font-weight:700;line-height:1.15}.insights-kpi__hint{font-size:var(--text-caption);color:var(--text-muted);margin:auto 0 0}.insights-takeaways{gap:var(--space-4);display:grid}@media (width>=1024px){.insights-takeaways{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}}.insights-takeaway-card{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--success) 8%, var(--surface))}.insights-takeaway-card--watch{background:color-mix(in srgb, var(--warning) 10%, var(--surface))}.insights-takeaway-card h2{margin:0 0 var(--space-3);font-size:var(--text-body);font-weight:600}.insights-takeaway-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.insights-takeaway-list li{gap:var(--space-2);display:grid}.insights-takeaway-list p{color:var(--text-secondary);font-size:var(--text-body-sm);max-width:var(--measure);margin:0;line-height:1.5}.insights-takeaway-link{align-items:center;gap:var(--space-1);width:fit-content;min-height:44px;padding:0 var(--space-1);font-size:var(--text-body-sm);color:var(--primary);font-weight:600;text-decoration:none;display:inline-flex}.insights-takeaway-link:hover,.insights-takeaway-link:focus-visible{text-decoration:underline}.insights-section-head{gap:var(--space-2);margin-bottom:var(--space-4);display:grid}.insights-section-head h2{font-size:var(--text-h4);margin:0}.insights-section-head p{color:var(--text-secondary);max-width:var(--measure);margin:0;line-height:1.5}.insights-charts-section,.insights-classes-section,.insights-secondary{min-width:0}.insights-charts-empty{gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-5);border:1px dashed var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg) 70%, var(--surface));display:grid}@media (width>=1024px){.insights-charts-empty{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}}.insights-charts-empty__title{margin:0 0 var(--space-1);color:var(--text-primary);font-weight:600}.insights-charts-empty p{color:var(--text-secondary);max-width:var(--measure);margin:0;line-height:1.5}.insights-class-grid{gap:var(--space-4);display:grid}@media (width>=768px){.insights-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.insights-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.insights-class-card{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;display:grid}.insights-class-card__top{justify-content:space-between;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;display:flex}.insights-class-card__titles{flex:1;min-width:0}.insights-class-card__name{font-size:var(--text-body);max-width:none;margin:0;font-weight:600}.insights-class-card__meta{margin:var(--space-1) 0 0;font-size:var(--text-body-sm);color:var(--text-secondary);max-width:none}.insights-status-bar{border-radius:var(--radius-full);background:var(--border);width:100%;height:.5rem;display:flex;overflow:hidden}.insights-status-bar span{min-width:0;height:100%;display:block}.insights-status-bar--empty span{background:color-mix(in srgb, var(--border) 70%, var(--surface));flex:1}.insights-class-card__stats{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.insights-class-card__stats div{min-width:0}.insights-class-card__stats dt{font-size:var(--text-caption);color:var(--text-muted);margin:0}.insights-class-card__stats dd{margin:var(--space-1) 0 0;font-size:var(--text-body-sm);color:var(--text-primary);font-weight:600}.insights-class-card__actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.notification-bell{position:relative}.notification-bell__dot{border-radius:var(--radius-full);background:var(--danger);width:8px;height:8px;position:absolute;top:10px;right:10px}.notification-panel{z-index:45;width:min(22rem,100vw - 2rem);max-height:22rem;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 12px 32px color-mix(in srgb, var(--text-primary) 12%, transparent);position:absolute;top:calc(100% + 8px);right:0;overflow:auto}.notification-panel__list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.notification-panel__item{padding:var(--space-3);border-radius:var(--radius-md);color:var(--text-primary);background:0 0;gap:2px;text-decoration:none;display:grid}.notification-panel__item:hover{background:color-mix(in srgb, var(--bg) 70%, var(--surface))}.notification-panel__item.is-unread{background:color-mix(in srgb, var(--info) 10%, transparent)}.notification-panel__title{font-weight:600;font-size:var(--text-body-sm)}.notification-panel__body{font-size:var(--text-body-sm);color:var(--text-secondary)}.chip--needs{background:color-mix(in srgb, var(--warning) 18%, transparent);color:var(--warning);border:none}.chip--ok{background:color-mix(in srgb, var(--success,var(--secondary)) 18%, transparent);color:var(--success,var(--secondary));border:none}.chip--warn{background:color-mix(in srgb, var(--danger) 15%, transparent);color:var(--danger);border:none}.chip--filter-active{background:color-mix(in srgb, var(--tertiary) 20%, transparent);color:var(--text-primary);border:1px solid var(--tertiary)}.roster-filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.roster-filters .chip{cursor:pointer;min-height:44px;font:inherit}.ops-account-clusters{gap:var(--space-4);display:grid}.ops-account-cluster__title{align-items:baseline;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--text-body);color:var(--text-primary);flex-wrap:wrap;font-weight:700;display:flex}.ops-account-badges{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.ops-account-classes{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.ops-account-classes li{font-size:var(--text-body-sm);color:var(--text-secondary);flex-wrap:wrap;align-items:center;max-width:75ch;display:flex}.ops-account-classes a{color:var(--primary);text-decoration:none}.ops-account-classes a:hover,.ops-account-classes a:focus-visible{text-decoration:underline}.gradebook-matrix-wrap{-webkit-overflow-scrolling:touch;margin:0 calc(var(--space-4) * -1);padding:0 var(--space-4);overflow-x:auto}.gradebook-matrix{border-collapse:separate;border-spacing:0;width:100%;min-width:32rem}.gradebook-matrix th,.gradebook-matrix td{padding:var(--space-2);text-align:left;vertical-align:middle;border-bottom:1px solid var(--border);white-space:nowrap}.gradebook-matrix thead th{font-size:var(--text-caption);color:var(--text-secondary);background:var(--surface);z-index:1;font-weight:600;position:sticky;top:0}.gradebook-matrix tbody th{background:var(--surface);z-index:1;white-space:normal;max-width:10rem;font-weight:600;position:sticky;left:0}.gradebook-matrix__asgn{text-overflow:ellipsis;white-space:nowrap;max-width:8rem;color:var(--text-primary);font-weight:600;display:block;overflow:hidden}.gradebook-matrix__cell{all:unset;cursor:pointer;border-radius:var(--radius-sm);align-items:center;min-width:44px;min-height:44px;display:inline-flex}.gradebook-matrix__cell:focus-visible{outline:2px solid var(--tertiary);outline-offset:2px}.homework-text-preview{padding:var(--space-4);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word;max-height:min(70vh,36rem);font-family:var(--font-mono);font-size:var(--text-body-sm);max-width:75ch;margin:0;line-height:1.5;overflow:auto}.dropzone{border:2px dashed var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface-2) 70%, transparent);min-height:9rem;padding:var(--space-4);transition:border-color .15s,background .15s}.dropzone--active{border-color:var(--cta);background:color-mix(in srgb, var(--cta) 12%, var(--surface))}.dropzone--filled{border-style:solid}.dropzone__prompt{gap:var(--space-2);width:100%;min-height:7rem;padding:var(--space-4);color:var(--text-secondary);cursor:pointer;font:inherit;text-align:center;background:0 0;border:0;place-items:center;display:grid}.dropzone__prompt:hover,.dropzone__prompt:focus-visible{color:var(--text)}.dropzone__preview{gap:var(--space-3);display:grid}.dropzone__preview img{border-radius:var(--radius-sm);object-fit:contain;max-width:100%;max-height:16rem;margin:0 auto;display:block}.dropzone__preview-actions{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:40;justify-content:space-between;align-items:center;gap:var(--space-4);min-height:64px;padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--bg) 92%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;position:sticky;top:0}.topbar__brand{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:800;font-size:var(--text-body-lg);color:var(--text-primary);text-decoration:none;display:inline-flex}.topbar__brand:hover{color:var(--text-primary)}.topbar__nav{align-items:center;gap:var(--space-1);display:none}.topbar__link{min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.topbar__link:hover,.topbar__link[aria-current=page]{color:var(--text-primary);background:var(--surface)}.topbar__actions{align-items:center;gap:var(--space-2);display:flex}.icon-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--text-primary)}.page{width:100%;max-width:var(--page-max);padding:var(--space-5) var(--space-4) var(--space-10);margin:0 auto}.page--wide{max-width:none;padding-left:0;padding-right:0}.section{padding:var(--space-8) var(--space-4)}.section--surface{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section--tint{background:color-mix(in srgb, var(--primary) 7%, var(--bg));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section--cta-wrap{background:color-mix(in srgb, var(--secondary) 6%, var(--bg));border-top:1px solid var(--border)}.section__inner{width:100%;max-width:var(--page-max);margin:0 auto}.section__kicker{color:var(--text-secondary);margin-bottom:var(--space-5)}.landing{background:color-mix(in srgb, var(--info) 4%, var(--bg))}.landing .hero h1,.landing .section h2,.landing .cta-band__copy h2{letter-spacing:-.03em;font-weight:800}.landing .hero h1{font-size:clamp(2.25rem, 5vw, var(--text-display));max-width:18ch;line-height:1.05}.landing .section h2,.landing .cta-band__copy h2{font-size:clamp(1.95rem, 3.5vw, var(--text-h2));line-height:1.1}.hero{gap:var(--space-6);padding:var(--space-8) var(--space-4) var(--space-6);max-width:var(--page-max);margin:0 auto;display:grid}.hero__copy{align-items:flex-start;gap:var(--space-4);flex-direction:column;display:flex}.hero__brand{align-items:center;gap:var(--space-4);display:flex}.hero__brand-name{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,4vw,2.441rem);font-weight:800;line-height:1.1}.hero__sub{color:var(--text-secondary);font-size:var(--text-body-lg);max-width:var(--measure);margin:0;line-height:1.55}.grid-stats{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.stat-tile{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--surface)}.stat-tile__value{font-family:var(--font-display);font-size:var(--text-h3);margin:0 0 var(--space-1);font-weight:700;line-height:1.2}.stat-tile__label{font-size:var(--text-body-sm);color:var(--text-secondary);max-width:none;margin:0}.mock-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.mock-panel__chrome{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);display:flex}.mock-panel__dots{gap:6px;display:flex}.mock-panel__dot{border-radius:var(--radius-full);background:var(--text-muted);opacity:.4;width:8px;height:8px}.mock-panel__chrome-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;display:flex}.mock-panel__title{font-size:var(--text-caption);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-weight:500}.mock-panel__body{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.mock-panel__shot{background:var(--bg);line-height:0}.mock-panel__caption{gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--border);flex-direction:column;display:flex}.mock-panel__shot img,.shot-card__frame img{width:100%;height:auto;display:block}.shot-gallery{gap:var(--space-5);margin-top:var(--space-5);grid-template-columns:1fr;display:grid}.shot-gallery__stack,.shot-gallery__feature{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.shot-card{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.shot-card__frame{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);line-height:0;overflow:hidden}.shot-card__caption{font-family:var(--font-display);font-size:var(--text-h4);color:var(--text-primary);margin:0;font-weight:700;line-height:1.2}.shot-card__detail{max-width:var(--measure);color:var(--text-secondary);font-size:var(--text-body);margin:0;line-height:1.5}.accent-cols{gap:var(--space-4);grid-template-columns:1fr;display:grid}.accent-col{padding-left:var(--space-4);border-left:3px solid var(--primary)}.accent-col:nth-child(2){border-left-color:var(--secondary)}.accent-col:nth-child(3){border-left-color:var(--tertiary)}.accent-col__label{font-size:var(--text-body-sm);margin:0 0 var(--space-1);font-weight:700}.accent-col__caption{color:var(--text-secondary);max-width:none;margin:0}.step-cols{gap:var(--space-5);grid-template-columns:1fr;display:grid}.step-card{gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.step-card__art{margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:color-mix(in srgb, var(--primary) 8%, var(--surface));border-bottom:3px solid var(--primary);line-height:0;overflow:hidden}.step-card:nth-child(2) .step-card__art{background:color-mix(in srgb, var(--secondary) 10%, var(--surface));border-bottom-color:var(--secondary)}.step-card:nth-child(3) .step-card__art{background:color-mix(in srgb, var(--tertiary) 10%, var(--surface));border-bottom-color:var(--tertiary)}.step-card__art img{aspect-ratio:4/3;object-fit:cover;object-position:center;width:100%;height:auto;display:block}.step-card__label{font-family:var(--font-display);font-size:var(--text-h4);letter-spacing:-.02em;color:var(--text-primary);margin:0;font-weight:800}.step-card__caption{color:var(--text-secondary);max-width:none;margin:0}.cta-band{gap:var(--space-4);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;align-items:flex-start;display:flex}.cta-band__visual{border-radius:var(--radius-lg);border:1px solid var(--border);background:color-mix(in srgb, var(--cta) 8%, var(--surface));width:100%;max-width:22rem;line-height:0;overflow:hidden}.cta-band__visual img{width:100%;height:auto;display:block}.cta-band__copy h2{margin-bottom:var(--space-2)}.cta-band__copy p{color:var(--text-secondary);margin:0}.dashboard-layout{gap:var(--space-5);display:grid}.dashboard-header{gap:var(--space-3);flex-direction:column;display:flex}.dashboard-header__meta{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.list-stack{gap:var(--space-3);flex-direction:column;display:flex}.list-stack--compact{gap:var(--space-2)}.list-item{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.list-item--compact{gap:var(--space-1);padding:var(--space-3)}.list-item__row{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.list-item__title{max-width:none;margin:0;font-weight:600}.list-item__meta{font-size:var(--text-body-sm);color:var(--text-secondary);max-width:none;margin:0}.form-panel{gap:var(--space-4);display:grid}.form-cluster{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);display:grid}.form-cluster__title{margin:0 0 var(--space-1);font-size:var(--text-h4);color:var(--text-primary);font-weight:700}.form-cluster fieldset.form-cluster,.card>form>fieldset{gap:var(--space-3)}.form-cluster .form-actions,.card form .form-actions,form .form-actions{margin-top:var(--space-1)}.form-fields-compact{gap:var(--space-3);display:grid}@media (width>=1024px){.form-fields-compact{grid-template-columns:1fr 1fr;align-items:start}.form-fields-compact>.field--full{grid-column:1/-1}}select.input{appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 1.25rem) calc(50% - .2rem),calc(100% - .9rem) calc(50% - .2rem);background-repeat:no-repeat;background-size:.35rem .35rem,.35rem .35rem;padding-right:2.5rem}.form-actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.draft-note{font-size:var(--text-body-sm);color:var(--text-secondary);max-width:none;margin:0}.mobile-nav{z-index:40;gap:var(--space-1);padding:var(--space-2);background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{min-height:44px;padding:var(--space-2);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-caption);letter-spacing:.02em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:600;text-decoration:none;display:flex}.mobile-nav a[aria-current=page]{color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent)}.app-shell--with-mobile-nav .page{padding-bottom:calc(var(--space-10) + 4rem)}@media (width>=768px){.topbar{padding-left:var(--space-6);padding-right:var(--space-6)}.topbar__nav{display:flex}.mobile-nav{display:none}.app-shell--with-mobile-nav .page{padding-bottom:var(--space-10)}.accent-cols{grid-template-columns:repeat(3,1fr)}.step-cols{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.shot-gallery{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.cta-band{align-items:center;gap:var(--space-5);grid-template-columns:minmax(10rem,14rem) minmax(0,1fr) auto;display:grid}.cta-band__visual{max-width:none}}@media (width>=1024px){.hero{padding-top:var(--space-10);align-items:center;gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.shot-gallery{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.dashboard-layout{grid-template-columns:minmax(0,1.4fr) minmax(16rem,.8fr);align-items:start}.form-panel{grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr);align-items:start}.page{padding-left:var(--space-6);padding-right:var(--space-6)}.grade-workspace__layout{grid-template-columns:minmax(0,1.4fr) minmax(18rem,.7fr)}}.icon-btn--active{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--surface))}.viewer{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.viewer__toolbar{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-wrap:wrap;display:flex}.viewer__group{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.viewer__zoom{text-align:center;min-width:3.5rem;font-size:var(--text-body-sm);font-weight:600}.viewer__hint{font-size:var(--text-body-sm);color:var(--text-secondary);max-width:none;margin:0}.viewer__stage{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);min-height:20rem;max-height:70vh;padding:var(--space-4);overflow:auto}.viewer__canvas-wrap{transform-origin:0 0;width:max-content;max-width:100%}.viewer__image-stack{max-width:100%;display:inline-block;position:relative}.viewer__image{border-radius:var(--radius-md);max-width:min(100%,52rem);height:auto}.viewer__overlay{width:100%;height:100%;position:absolute;inset:0}.viewer__pdf{background:var(--surface);border:0;width:min(100vw - 3rem,52rem);height:65vh}.viewer__pdf-stack{background:var(--surface);border-radius:var(--radius-md);min-width:12rem;min-height:16rem}.viewer__pdf-page{border-radius:var(--radius-md);max-width:min(100%,52rem);height:auto;display:block}.viewer__pdf-loading{background:color-mix(in srgb, var(--surface) 80%, transparent);place-items:center;margin:0;display:grid;position:absolute;inset:0}.viewer__text-fallback{padding:var(--space-5);background:var(--surface);border-radius:var(--radius-md)}.grade-workspace{gap:var(--space-4);width:100%;max-width:var(--page-max);flex-direction:column;margin:0 auto;display:flex}.grade-workspace__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.grade-workspace__layout{gap:var(--space-5);display:grid}.grade-workspace__form{gap:var(--space-4);align-content:start;display:grid}.site-footer{gap:var(--space-3);padding:var(--space-4) var(--space-4) calc(var(--space-4) + 4.5rem);border-top:1px solid var(--border);color:var(--text-secondary);font-size:var(--text-small);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}@media (width>=1024px){.site-footer{padding-bottom:var(--space-5)}}.site-footer__link{min-height:44px;color:inherit;border-radius:var(--radius-sm);align-items:center;gap:.4rem;padding:.35rem .6rem;text-decoration:none;display:inline-flex}.site-footer__link:hover,.site-footer__link:focus-visible{color:var(--text);background:color-mix(in srgb, var(--surface-2) 80%, transparent)}