.kflow-landing{--sky: #6ec6ff;--ink: #0c2438;--muted: #59768f;--surface: #ffffff;--card: #e8f4ff;--accent: #0b4b79;--brand-gradient: var(--klasmi-teal);min-height:100vh;color:var(--ink);background:var(--klasmi-paper);font-family:var(--klasmi-font-text)}@font-face{font-family:Kanit;src:url(/brand/fonts/Kanit-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Kanit;src:url(/brand/fonts/Kanit-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Work Sans;src:url(/brand/fonts/WorkSans-Variable.ttf) format("truetype");font-weight:400 600;font-display:swap}.kflow-nav{position:sticky;top:0;z-index:20;padding:14px 0;background:#ffffffb3;backdrop-filter:blur(8px);border-bottom:1px solid rgb(12 58 100 / 12%)}.kflow-nav-inner,.kflow-shell,.kflow-footer{width:100%;max-width:none;margin:0;padding-left:clamp(20px,4vw,44px);padding-right:clamp(20px,4vw,44px)}.kflow-nav-inner{display:flex;gap:18px;align-items:center;justify-content:space-between;position:relative}.kflow-nav-controls{order:3;display:flex;align-items:center;gap:12px}.kflow-language{display:inline-flex;align-items:center;gap:7px}.kflow-language-label{color:var(--muted);font-size:12px;white-space:nowrap}.kflow-language-select{border:1px solid rgb(13 69 112 / 25%);border-radius:10px;padding:9px 10px;background:#fff;color:var(--ink);font-size:12px}.kflow-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.kflow-brand strong{display:block;font-size:20px;letter-spacing:-.2px}.kflow-brand-logo{display:block;width:148px;height:auto;object-fit:contain}.kflow-brand small{display:block;width:148px;margin-top:4px;color:var(--muted);font-size:11px;text-align:center}.kflow-nav-links{order:2;margin-left:auto;display:flex;gap:18px;align-items:center}.kflow-brand{order:1}.kflow-nav a,.kflow-nav button,.kflow-nav-link{color:var(--ink);text-decoration:none;font-weight:500}.kflow-nav a:hover,.kflow-nav a:focus-visible,.kflow-nav button:hover,.kflow-nav button:focus-visible,.kflow-nav-link:hover,.kflow-nav-link:focus-visible{color:var(--accent)}.kflow-nav-link{display:inline-flex;align-items:center;min-height:32px}.kflow-nav-toggle{display:none;border:0;background:#0b4a7d1a;color:var(--ink);width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;cursor:pointer}.kflow-cta{padding:10px 16px;border-radius:999px;background:var(--klasmi-steel);color:#fff!important;box-shadow:0 10px 20px #0a548b4d}.kflow-cta-link{border-radius:999px;padding:10px 16px;background:var(--klasmi-steel);color:#fff!important;box-shadow:0 10px 20px #0a548b4d;justify-content:center}.kflow-shell{display:flex;flex-direction:column;padding-top:58px;padding-bottom:16px}.kflow-hero{order:0;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:stretch;animation:kflow-rise .9s ease both}.kflow-copy h1{margin:10px 0 16px;font-size:clamp(32px,4.2vw,56px);line-height:1.06;letter-spacing:-.7px}.kflow-kicker{color:#0d4f84;text-transform:uppercase;letter-spacing:1.2px;font-size:11px;margin:0;font-weight:650}.kflow-copy>p{color:var(--muted);margin:0;max-width:62ch;font-size:17px;line-height:1.75}.kflow-actions{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}.kflow-button{padding:13px 18px;border-radius:12px;border:1px solid rgb(20 80 126 / 20%);text-decoration:none;color:#fff;display:inline-flex;align-items:center;gap:10px;font-weight:600}.kflow-button-primary{background:var(--klasmi-steel);color:#fff}.kflow-button-ghost{background:#fff;color:var(--accent)}.kflow-kpi-card{background:var(--klasmi-teal);border-radius:16px;color:#fff;padding:clamp(24px,3vw,40px);height:100%;box-sizing:border-box;display:flex;flex-direction:column;box-shadow:0 24px 45px #0b4a7d33;animation:kflow-float 6s ease-in-out infinite}.kflow-hero-logo-wrap{margin:0 0 10px}.kflow-hero-logo{width:clamp(170px,20vw,240px);height:auto;aspect-ratio:1;object-fit:contain;display:block}.kflow-kpi-card p{margin:0 0 clamp(28px,4vw,54px);opacity:.9;font-size:20px;font-weight:650}.kflow-kpi-card ul{margin:0;padding:0;list-style:none;display:grid;gap:16px;flex:1;grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(0,1fr))}.kflow-kpi-card li{min-width:0;overflow-wrap:anywhere;hyphens:auto;display:flex;flex-direction:column;gap:16px;min-height:0;padding:clamp(20px,2.5vw,30px);justify-content:center;border:1px solid rgb(255 255 255 / 22%);border-radius:14px;background:#ffffff1a;line-height:1.65}.kflow-kpi-card span{font-size:clamp(20px,2.2vw,34px);line-height:1.12;font-weight:700;overflow-wrap:anywhere;hyphens:auto}.kflow-section{margin:72px 0 0;scroll-margin-top:100px}#features{order:1}#pakketten{order:2}#voordelen{order:3}#stappen{order:4}#vertrouwen{order:5}#faq{order:6}#cta{order:7}.kflow-title p{margin-bottom:8px}.kflow-title h2,.kflow-section>h2{margin:0;font-size:clamp(25px,2.8vw,36px);letter-spacing:-.4px}.kflow-kicker-subtitle{margin-top:10px;color:var(--muted);font-size:18px;max-width:70ch;line-height:1.7}.kflow-grid{margin-top:24px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.kflow-role-grid{margin-top:24px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.kflow-role-card{padding:24px;background:var(--surface);border:1px solid rgb(11 78 132 / 20%);border-radius:16px;box-shadow:0 15px 28px #0b4a7d1a}.kflow-role-card h3{margin:14px 0 8px;font-size:24px;line-height:1.2}.kflow-role-card>p{margin:0;color:var(--muted);line-height:1.7}.kflow-role-pill{margin:0;display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border-radius:999px;font-weight:650;color:#0d4f84;background:#edf6ff;border:1px solid rgb(11 78 132 / 18%);width:fit-content}.kflow-role-points{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:12px}.kflow-role-points li{padding-left:0;color:var(--muted);line-height:1.7}.kflow-role-points strong{display:block;color:var(--ink)}.kflow-role-points span{display:block}.kflow-feature{padding:20px;background:var(--surface);border:1px solid rgb(11 78 132 / 20%);border-radius:16px;box-shadow:0 15px 28px #0b4a7d1f}.kflow-feature h3{margin:14px 0 8px;font-size:20px}.kflow-feature p{margin:0;color:var(--muted);line-height:1.7}.kflow-pricing{margin-top:24px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.kflow-pricing-card{display:grid;gap:8px}.kflow-pricing-card strong{margin-top:8px;display:inline-block;font-size:18px;color:#0d4f84}.kflow-pricing-card.is-featured{border-color:#0b6ca873;box-shadow:0 20px 36px #0b4a7d2e;transform:translateY(-2px)}.kflow-section-steps,.kflow-section-pricing{padding:clamp(26px,4vw,46px);border-radius:22px;color:#fff;background:var(--klasmi-ink);box-shadow:0 22px 42px #0b4a7d2e}.kflow-section-steps .kflow-kicker,.kflow-section-pricing .kflow-kicker,.kflow-section-steps .kflow-kicker-subtitle,.kflow-section-pricing .kflow-kicker-subtitle{color:#ffffffe0}.kflow-section-steps h2,.kflow-section-pricing h2,.kflow-section-steps h3,.kflow-section-pricing h3,.kflow-section-steps p,.kflow-section-pricing p,.kflow-section-pricing strong,.kflow-section-steps,.kflow-section-steps *,.kflow-section-steps .kflow-steps p{color:#fff}.kflow-section-steps .kflow-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.kflow-section-steps .kflow-steps li,.kflow-section-pricing .kflow-feature{border-color:#ffffff47;background:#ffffff1c;box-shadow:none}.kflow-section-steps .kflow-steps span{background:#ffffff2e;color:#fff;border:1px solid rgb(255 255 255 / 35%)}.kflow-contact{background:var(--klasmi-white);border:1px solid rgb(11 78 132 / 22%);border-radius:16px;padding:28px}.kflow-contact h2,.kflow-contact p{text-align:center}.kflow-contact p{max-width:60ch;margin:10px auto 22px}.kflow-form{margin-top:8px;display:grid;gap:12px}.kflow-form label{display:grid;gap:6px;color:#244c6f;font-weight:600}.kflow-form input,.kflow-form select,.kflow-form textarea{border:1px solid rgb(12 70 110 / 25%);border-radius:12px;padding:11px 12px;font:inherit;color:var(--ink);background:#fff}.kflow-form button{border:0;justify-content:center;width:fit-content}.kflow-testimonial-quote{font-style:italic;color:var(--ink);margin:0 0 10px;line-height:1.65}.kflow-testimonial-author{margin:0;font-size:14px;color:var(--muted)}.kflow-steps{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}.kflow-steps li{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start;padding:18px;background:#fff;border:1px solid rgb(11 78 132 / 20%);border-radius:12px}.kflow-steps span{width:38px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#0b4f80;color:#fff;font-weight:700}.kflow-steps h3{margin:0 0 4px;font-size:20px}.kflow-steps p{margin:0;color:var(--muted);line-height:1.65}.kflow-faq{margin-top:18px;display:grid;gap:10px}.kflow-faq-item{background:#fff;border:1px solid rgb(11 78 132 / 22%);border-radius:12px;padding:16px}.kflow-faq-item summary{cursor:pointer;font-weight:650}.kflow-faq-item p{margin:12px 0 0;color:var(--muted);line-height:1.65}.kflow-footer{margin-top:70px;padding:20px 20px 34px;border-top:1px solid rgb(12 60 90 / 16%);color:var(--muted)}.kflow-footer a{color:var(--accent)}.kflow-footer p{margin:0;color:#0d3453}.kflow-footer small{display:block;margin-top:9px}.kflow-privacy-note{margin-top:18px;max-width:78ch;font-size:14px}.kflow-privacy-note summary{cursor:pointer;color:var(--accent);font-weight:650}.kflow-privacy-note p{margin:10px 0 0;line-height:1.65}@keyframes kflow-rise{0%{transform:translateY(14px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes kflow-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:900px){.kflow-nav-links{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;padding:14px;border:1px solid rgb(11 78 132 / 18%);border-radius:14px;background:#fff;box-shadow:0 16px 32px #0b4a7d2e;z-index:15;flex-direction:column;gap:12px;width:100%}.kflow-nav-links.is-open{display:flex}.kflow-nav-toggle{display:inline-flex}.kflow-nav-links .kflow-nav-link{width:100%;justify-content:center}.kflow-nav-links .kflow-nav-link:not(:last-child){border-bottom:1px solid rgb(11 78 132 / 12%);padding-bottom:2px}.kflow-nav-links .kflow-cta-link{display:inline-flex}.kflow-nav-controls{margin-left:auto}.kflow-language-label{display:none}.kflow-shell{padding:40px 20px 16px}.kflow-kpi-card{padding:22px}.kflow-kpi-card span{font-size:clamp(22px,7vw,30px)}.kflow-section-steps .kflow-steps,.kflow-hero{grid-template-columns:1fr}.kflow-grid{grid-template-columns:1fr 1fr}.kflow-pricing,.kflow-role-grid{grid-template-columns:1fr}.kflow-form button{width:100%}.kflow-section{margin-top:56px}}@media(max-width:680px){.kflow-hero-logo{width:170px}.kflow-kpi-card ul{grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(0,1fr))}.kflow-grid{grid-template-columns:1fr}.kflow-copy h1{font-size:34px}.kflow-copy>p{font-size:16px}.kflow-actions .kflow-button{width:100%;justify-content:center}.kflow-footer{margin-top:56px}.kflow-contact{padding:20px}}.kflow-landing h1,.kflow-landing h2,.kflow-landing h3,.kflow-landing .kflow-brand strong,.kflow-landing .kflow-button{font-family:var(--klasmi-font-display);letter-spacing:-.02em}.kflow-landing h1,.kflow-landing h2,.kflow-landing h3{color:var(--klasmi-ink)}.kflow-landing .kflow-kicker,.kflow-landing .kflow-nav a:hover,.kflow-landing .kflow-nav a:focus-visible{color:var(--klasmi-steel)}.kflow-landing .kflow-nav{background:#f7f4eff0;border-bottom-color:var(--klasmi-line)}.kflow-landing .kflow-nav a,.kflow-landing .kflow-nav button{color:var(--klasmi-ink)}.kflow-landing .kflow-brand{min-width:148px}.kflow-landing .kflow-brand small{color:var(--klasmi-muted)}.kflow-landing .kflow-copy>p,.kflow-landing .kflow-kicker-subtitle,.kflow-landing .kflow-role-card>p,.kflow-landing .kflow-role-points li,.kflow-landing .kflow-feature p,.kflow-landing .kflow-faq-item p{color:var(--klasmi-text)}.kflow-landing .kflow-feature,.kflow-landing .kflow-role-card,.kflow-landing .kflow-faq-item{border-color:var(--klasmi-line);box-shadow:none}.kflow-landing .kflow-role-pill{color:var(--klasmi-steel);background:var(--klasmi-fill-teal);border-color:var(--klasmi-line)}.kflow-landing .kflow-kpi-card{border-radius:var(--klasmi-r-slab);box-shadow:none}.kflow-landing .kflow-section-steps{background:var(--klasmi-teal);box-shadow:none}.kflow-landing .kflow-section-pricing{background:var(--klasmi-ink);box-shadow:none}.kflow-landing .kflow-section-steps .kflow-steps li,.kflow-landing .kflow-section-pricing .kflow-feature{background:transparent;border-color:#f7f4ef70}.kflow-landing .kflow-button-primary,.kflow-landing .kflow-cta,.kflow-landing .kflow-cta-link{background:var(--klasmi-steel);box-shadow:0 1px 0 var(--klasmi-ink)}.kflow-landing .kflow-button-ghost{border-color:var(--klasmi-line);color:var(--klasmi-steel);background:transparent}.kflow-landing .kflow-contact{border-color:var(--klasmi-line)}.kflow-landing .kflow-form label{color:var(--klasmi-ink)}.kflow-landing .kflow-footer{border-top-color:var(--klasmi-line);color:var(--klasmi-muted)}.kflow-landing .kflow-footer p{color:var(--klasmi-text)}.kflow-landing .kflow-footer a,.kflow-landing .kflow-privacy-note summary{color:var(--klasmi-steel)}.kflow-landing .kflow-brand-icon{display:block;width:44px;height:44px;flex:0 0 44px;object-fit:contain}.kflow-landing .kflow-feature>.kflow-brand-icon{margin-bottom:10px}.kflow-landing .kflow-role-pill .kflow-brand-icon{width:24px;height:24px;flex-basis:24px;margin:0}.kflow-landing .kflow-section-steps .kflow-kicker,.kflow-landing .kflow-section-steps h2,.kflow-landing .kflow-section-steps h3,.kflow-landing .kflow-section-steps p,.kflow-landing .kflow-section-pricing .kflow-kicker,.kflow-landing .kflow-section-pricing h2,.kflow-landing .kflow-section-pricing h3,.kflow-landing .kflow-section-pricing p,.kflow-landing .kflow-section-pricing strong{color:var(--klasmi-paper)!important}.kflow-landing .kflow-section-steps .kflow-steps li,.kflow-landing .kflow-section-pricing .kflow-feature{color:var(--klasmi-paper)}.kflow-landing .kflow-section-steps .kflow-steps li p,.kflow-landing .kflow-section-pricing .kflow-feature p{color:#f7f4efdb!important}@media(max-width:900px){.kflow-landing .kflow-nav-links{border-color:var(--klasmi-line);box-shadow:none}}:root{--klasmi-ink: #101E2D;--klasmi-ink-900: #0A121C;--klasmi-teal: #2E8C8C;--klasmi-steel: #1F4E79;--klasmi-clay: #C76A4E;--klasmi-clay-ink: #9E4B31;--klasmi-paper: #F7F4EF;--klasmi-white: #FFFFFF;--klasmi-line: #E3DED3;--klasmi-text: #46535F;--klasmi-muted: #8A8275;--klasmi-mist: #A9C3D6;--klasmi-on-ink-dim: #6F8494;--klasmi-fill-steel: #EDF2F7;--klasmi-fill-teal: #E4F0EE;--klasmi-fill-clay: #F8E5DD;--klasmi-font-display: "Kanit", Tahoma, sans-serif;--klasmi-font-text: "Work Sans", Arial, sans-serif;--klasmi-r-sm: 8px;--klasmi-r-card: 14px;--klasmi-r-slab: 18px;--klasmi-r-pill: 999px;--klasmi-s-1: 8px;--klasmi-s-2: 12px;--klasmi-s-3: 18px;--klasmi-s-4: 24px;--klasmi-s-5: 40px;--klasmi-s-6: 64px;--klasmi-icon-primary: var(--klasmi-ink);--klasmi-icon-secondary: var(--klasmi-teal)}.klasmi-on-ink{--klasmi-ink: #F7F4EF;--klasmi-mist: #6F8494;--klasmi-paper:#101E2D}.klasmi-nav-item[aria-current=false]{--klasmi-ink: #A9C3D6;--klasmi-teal: #6F8494;--klasmi-mist: #6F8494}:root{--klasmi-black:#000000;--klasmi-button-border:#B3C4D2;--klasmi-button-hover:#E08A6C;--klasmi-teal-text:#1B5C5C}.klasmi-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:13px 24px;border:0;border-radius:var(--klasmi-r-pill);cursor:pointer;font-family:var(--klasmi-font-display);font-size:15px;font-weight:500;background:var(--klasmi-steel);color:var(--klasmi-paper);text-decoration:none}.klasmi-btn:hover{background:var(--klasmi-ink)}.klasmi-btn--secondary{background:transparent;color:var(--klasmi-steel);border:1px solid var(--klasmi-button-border)}.klasmi-btn--secondary:hover{background:var(--klasmi-fill-steel)}.klasmi-btn--on-ink{background:var(--klasmi-paper);color:var(--klasmi-ink)}.klasmi-btn--on-ink:hover{background:var(--klasmi-button-hover)}.klasmi-link{color:var(--klasmi-steel);text-decoration:none;border-bottom:1px solid var(--klasmi-mist)}.klasmi-link:hover{border-bottom-color:var(--klasmi-steel)}.klasmi-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--klasmi-r-pill);font-family:var(--klasmi-font-text);font-size:12px;font-weight:500;background:var(--klasmi-fill-steel);color:var(--klasmi-steel)}.klasmi-badge--system{background:var(--klasmi-fill-teal);color:var(--klasmi-teal-text)}.klasmi-badge--attention{background:var(--klasmi-fill-clay);color:var(--klasmi-clay-ink)}.klasmi-card{background:var(--klasmi-white);border:1px solid var(--klasmi-line);border-radius:var(--klasmi-r-card);padding:22px}.klasmi-card--signal{border-left:4px solid var(--klasmi-clay)}.klasmi-card--privacy{background:var(--klasmi-ink);border:0;color:var(--klasmi-mist)}.klasmi-card--privacy h3{color:var(--klasmi-paper)}.klasmi-card__title{font-family:var(--klasmi-font-display);font-size:21px;font-weight:500;line-height:1.3;margin:0 0 6px;color:var(--klasmi-ink)}.klasmi-card__body{font-size:14px;line-height:1.65;margin:0;color:var(--klasmi-text)}.klasmi-spread{display:flex;gap:5px;border-radius:var(--klasmi-r-slab);overflow:hidden}.klasmi-spread__left{flex:0 0 38%;background:var(--klasmi-teal);padding:28px;color:var(--klasmi-white)}.klasmi-spread__right{flex:1 1 auto;background:var(--klasmi-ink);padding:28px;color:var(--klasmi-mist)}@media(max-width:720px){.klasmi-spread{flex-direction:column}.klasmi-spread__left{flex:0 0 auto}}.klasmi-core{position:relative}.klasmi-core:after{content:"";position:absolute;left:50%;top:50%;width:2.2em;height:2.2em;border-radius:50%;background:var(--klasmi-paper);transform:translate(-50%,-50%)}.klasmi-ribbon{position:relative}.klasmi-ribbon:before{content:"";position:absolute;left:1.2em;top:0;width:.6em;height:2.6em;background:var(--klasmi-clay);border-radius:0 0 .3em .3em}.klasmi-icon{width:44px;height:44px;display:block;flex:0 0 auto}.klasmi-icon--sm{width:24px;height:24px}:root{font-family:var(--klasmi-font-text);color:var(--klasmi-steel);background:var(--klasmi-paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:calc(13px * var(--text-scale, 1.3));--bg:var(--klasmi-paper);--surface:var(--klasmi-white);--text:var(--klasmi-steel);--muted:var(--klasmi-steel);--border:var(--klasmi-fill-teal);--primary:var(--klasmi-steel);--primary-soft:var(--klasmi-fill-steel);--sidebar:var(--klasmi-white);color-scheme:light;--shadow:0 3px 12px color-mix(in srgb, var(--klasmi-steel) 1.18%, transparent)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;transition:background .16s,box-shadow .16s,transform .16s}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid var(--klasmi-steel);outline-offset:3px}button{border:0;background:none}input,textarea,select{background:var(--surface);border:1px solid var(--klasmi-fill-teal);border-radius:7px;padding:10px 12px;color:var(--text);outline:none;min-width:0}input:focus,textarea:focus,select:focus{border-color:var(--klasmi-steel);box-shadow:0 0 0 3px color-mix(in srgb,var(--klasmi-steel) 6.27%,transparent)}input::placeholder,textarea::placeholder{color:var(--klasmi-steel)}input[type=checkbox],input[type=radio]{width:15px;height:15px;padding:0;accent-color:var(--primary);flex-shrink:0}input[type=color]{width:42px;min-width:42px;height:36px;padding:4px}textarea{width:100%;resize:vertical;line-height:1.7;min-height:85px}h1,h2,h3,p{margin:0}h1{font-size:calc(30px * var(--text-scale, 1.3));letter-spacing:-1.05px;font-weight:650;line-height:1.28}h2{font-size:calc(15px * var(--text-scale, 1.3));letter-spacing:-.25px;font-weight:650}h3{font-size:calc(14px * var(--text-scale, 1.3));font-weight:600}p{line-height:1.7}a{color:inherit;text-decoration:none}small{font-size:calc(11px * var(--text-scale, 1.3))}svg{flex-shrink:0;stroke-width:1.65}.app{display:flex;min-height:100vh}.sidebar{width:228px;position:fixed;inset:0 auto 0 0;background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:32px 18px 0;z-index:30}.brand{display:flex;align-items:center;gap:11px;margin:0 12px 30px}.brand-mark{width:37px;height:39px;display:flex;align-items:center;justify-content:center;background:var(--klasmi-steel);border-radius:10px;color:var(--klasmi-white);box-shadow:inset 0 1px color-mix(in srgb,var(--klasmi-white) 13.33%,transparent)}.brand>span{font-size:calc(24px * var(--text-scale, 1.3));letter-spacing:-1.1px;font-weight:720}.brand-light{font-weight:430}.brand small{font-size:calc(7px * var(--text-scale, 1.3));letter-spacing:1.35px;display:block;font-weight:650;color:var(--klasmi-steel);margin-top:4px}.workspace-switch{display:flex;align-items:center;text-align:left;width:100%;border:1px solid var(--border);border-radius:8px;padding:12px 10px;gap:10px;margin-bottom:30px}.workspace-icon{width:31px;height:33px;border-radius:6px;display:grid;place-items:center;background:var(--klasmi-paper);color:var(--klasmi-clay);font-size:calc(11px * var(--text-scale, 1.3));font-weight:650}.workspace-switch>span:nth-child(2){flex:1;font-size:calc(12px * var(--text-scale, 1.3));font-weight:600}.workspace-switch small{display:block;color:var(--muted);font-weight:400;margin-top:4px}.workspace-switch>svg{color:var(--klasmi-steel)}.nav-label{font-size:calc(9px * var(--text-scale, 1.3));letter-spacing:1.3px;color:var(--klasmi-steel);font-weight:600;padding:0 14px;margin-bottom:13px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 13px;width:100%;text-align:left;border-radius:7px;font-size:calc(12px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin-bottom:3px;min-height:41px}.nav-item svg{color:var(--klasmi-steel)}.nav-item.active{color:var(--klasmi-steel);background:var(--klasmi-fill-steel);font-weight:650}.nav-item.active svg{color:var(--klasmi-steel)}.nav-item b{font-size:calc(10px * var(--text-scale, 1.3));padding:3px 6px;background:var(--klasmi-fill-clay);color:var(--klasmi-clay);border-radius:4px;margin-left:auto}.nav-dot{width:5px;height:5px;background:var(--klasmi-clay);border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:32px}.offline-card{border:1px solid var(--klasmi-fill-teal);background:var(--klasmi-white);border-radius:7px;margin:22px 0 20px;padding:11px 9px;display:flex;align-items:center;gap:8px}.online-dot,.orange-dot,.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--klasmi-steel);display:inline-block;flex-shrink:0}.offline-card div{flex:1;font-size:calc(10px * var(--text-scale, 1.3));font-weight:600}.offline-card small{display:block;color:var(--klasmi-steel);font-size:calc(8.5px * var(--text-scale, 1.3));margin-top:4px;font-weight:400}.offline-card>svg{color:var(--klasmi-steel)}.user-profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--border);padding:18px 7px}.user-avatar{width:31px;height:31px;border-radius:50%;background:var(--klasmi-fill-teal);color:var(--klasmi-steel);display:grid;place-items:center;font-size:calc(11px * var(--text-scale, 1.3))}.user-profile>div{font-size:calc(10px * var(--text-scale, 1.3));font-weight:600}.user-profile small{display:block;color:var(--muted);margin-top:4px;font-weight:400;font-size:calc(9px * var(--text-scale, 1.3))}.main-shell{margin-left:228px;flex:1;min-width:0}.topbar{height:77px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 34px;gap:17px;background:var(--surface);position:relative;z-index:25}.icon-button{width:30px;height:30px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--klasmi-steel);flex-shrink:0}.icon-button:hover{background:var(--primary-soft);color:var(--primary)}.breadcrumb{display:flex;align-items:center;gap:15px;font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel);white-space:nowrap}.breadcrumb strong{font-weight:500;color:var(--klasmi-steel)}.breadcrumb span{color:var(--klasmi-mist)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:18px}.global-search{position:relative;display:flex;align-items:center;gap:8px;color:var(--klasmi-steel);width:265px}.global-search input{border:0;padding:8px 0;background:transparent;flex:1;font-size:calc(10px * var(--text-scale, 1.3));width:200px;box-shadow:none}.global-search kbd{font-size:calc(9px * var(--text-scale, 1.3));padding:3px 4px;border:1px solid var(--klasmi-fill-teal);border-radius:4px;white-space:nowrap;color:var(--klasmi-steel)}.save-status{display:flex;align-items:center;gap:5px;color:var(--klasmi-steel);font-size:calc(9px * var(--text-scale, 1.3));white-space:nowrap}.primary,.secondary,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;min-height:36px;padding:9px 14px;font-size:calc(11px * var(--text-scale, 1.3));font-weight:550;white-space:nowrap}.primary{background:var(--primary);border:1px solid var(--primary);color:#fff;box-shadow:0 2px 3px color-mix(in srgb,var(--klasmi-steel) 3.92%,transparent)}.primary:hover{background:var(--klasmi-steel);box-shadow:0 3px 8px color-mix(in srgb,var(--klasmi-steel) 9.41%,transparent)}.secondary{background:var(--surface);border:1px solid var(--klasmi-fill-teal);color:var(--klasmi-steel);box-shadow:0 1px 2px color-mix(in srgb,var(--klasmi-steel) 1.18%,transparent)}.secondary:hover{background:var(--primary-soft);border-color:var(--klasmi-line)}.quick-add{min-height:34px;font-size:calc(10px * var(--text-scale, 1.3));gap:6px;padding:8px 11px}.danger-button{background:var(--klasmi-clay);color:#fff;border:1px solid var(--klasmi-clay)}.danger{color:var(--klasmi-clay)!important}.text-button{display:inline-flex;align-items:center;gap:5px;font-size:calc(11px * var(--text-scale, 1.3));color:var(--primary);padding:5px 0}.link-button{display:inline-flex;align-items:center;gap:5px;color:var(--klasmi-steel);font-size:calc(10px * var(--text-scale, 1.3));padding:3px 0}.link-button:hover{color:var(--primary)}main{max-width:1600px;margin:auto;padding:35px 35px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;color:var(--klasmi-steel);font-size:calc(9px * var(--text-scale, 1.3));font-weight:550;margin-bottom:12px}.page-heading p{color:var(--klasmi-steel);font-size:calc(11px * var(--text-scale, 1.3));margin-top:9px}.heading-actions{display:flex;gap:9px;align-items:center;padding-top:11px}.date-button{display:flex;gap:8px;align-items:center;padding:10px 11px;font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.date-button svg:last-child{margin-left:10px}.day-progress{display:flex;align-items:center;padding:14px 19px;background:var(--klasmi-fill-steel);border:1px solid var(--klasmi-fill-teal);border-radius:9px;margin-bottom:22px;gap:13px}.progress-symbol{color:var(--klasmi-steel);display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--klasmi-fill-teal)}.day-progress-copy strong{display:block;font-size:calc(11px * var(--text-scale, 1.3));font-weight:600;color:var(--klasmi-steel)}.day-progress-copy span{display:block;font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin-top:5px}.day-progress-bar{margin-left:auto;display:flex;align-items:center;gap:16px;width:36%}.day-progress-bar .progress{flex:1;background:var(--klasmi-fill-teal);height:5px}.day-progress-bar .progress span{background:var(--klasmi-steel)}.day-progress-bar>span{font-size:calc(9px * var(--text-scale, 1.3));color:var(--klasmi-steel);white-space:nowrap}.day-progress>b{font-size:calc(12px * var(--text-scale, 1.3));color:var(--klasmi-steel);font-weight:550;margin-left:6px}.tiny-spark{color:var(--klasmi-steel);margin-left:18px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}.metric{text-align:left;border:1px solid var(--border);border-radius:9px;background:var(--surface);padding:17px 19px 16px;box-shadow:var(--shadow)}.metric:hover{border-color:var(--klasmi-line);transform:translateY(-2px)}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.metric-top>span:first-child{font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel);font-weight:500}.metric-icon{height:30px;width:30px;display:grid;place-items:center;border-radius:7px;background:var(--klasmi-fill-steel);color:var(--klasmi-steel)}.metric-icon.purple{background:var(--klasmi-fill-steel);color:var(--klasmi-steel)}.metric-icon.orange{background:var(--klasmi-paper);color:var(--klasmi-clay)}.metric-icon.blue{background:var(--klasmi-fill-steel);color:var(--klasmi-steel)}.metric-number{display:flex;align-items:center;justify-content:space-between;font-size:calc(31px * var(--text-scale, 1.3));line-height:1.2;font-weight:550;margin-top:6px;letter-spacing:-1px}.metric-number svg{color:var(--klasmi-steel);width:14px;margin-right:2px;margin-top:14px}.metric p{font-size:calc(9px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin-top:7px}.next-lesson{border:1px solid var(--klasmi-fill-teal);background:var(--surface);border-radius:10px;margin-bottom:26px;padding:23px 26px;position:relative;overflow:hidden;display:flex;align-items:center;gap:25px;min-height:193px}.lesson-main{position:relative;z-index:1;flex:1}.lesson-eyebrow{font-size:calc(8px * var(--text-scale, 1.3));letter-spacing:1.2px;color:var(--klasmi-steel);display:flex;align-items:center;gap:7px;margin-bottom:14px;font-weight:600}.lesson-eyebrow>span:last-child:not(.pulse-dot){letter-spacing:0;font-size:calc(10px * var(--text-scale, 1.3));font-weight:450;padding-left:12px;border-left:1px solid var(--klasmi-line);margin-left:7px;color:var(--klasmi-steel)}.pulse-dot{width:5px;height:5px;background:var(--klasmi-steel);box-shadow:0 0 0 3px var(--klasmi-fill-teal)}.next-lesson h2{font-size:calc(23px * var(--text-scale, 1.3));font-weight:550;letter-spacing:-.7px;color:var(--klasmi-steel);display:flex;align-items:center;gap:14px}.next-lesson h2>span{font-size:calc(10px * var(--text-scale, 1.3));font-weight:500;letter-spacing:0;padding:4px 8px;background:var(--klasmi-fill-teal);color:var(--klasmi-steel);border-radius:4px}.lesson-meta{display:flex;align-items:center;gap:7px;margin-top:12px;color:var(--klasmi-steel);font-size:calc(10px * var(--text-scale, 1.3))}.lesson-meta>span{padding:0 5px;color:var(--klasmi-steel)}.next-lesson p{font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin-top:14px;max-width:540px}.lesson-tags{display:flex;gap:16px;margin-top:17px;flex-wrap:wrap}.lesson-tags>span{display:flex;gap:6px;align-items:center;font-size:calc(9px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.orange-dot{background:var(--klasmi-clay);width:5px;height:5px}.lesson-cta{position:relative;z-index:1;text-align:center;margin-right:12px;flex-shrink:0}.lesson-cta>button{background:var(--klasmi-steel);color:#fff;padding:13px 24px;min-width:150px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:24px;font-size:calc(12px * var(--text-scale, 1.3));box-shadow:0 3px 7px color-mix(in srgb,var(--klasmi-steel) 6.67%,transparent)}.lesson-cta>button:hover{background:var(--klasmi-steel)}.lesson-cta>span{display:block;margin-top:10px;color:var(--klasmi-steel);font-size:calc(8px * var(--text-scale, 1.3))}.lesson-decoration{position:absolute;inset:0 0 0 auto;width:300px;opacity:.3;overflow:hidden}.lesson-decoration div{width:330px;height:330px;border:1px solid var(--klasmi-line);border-radius:50%;position:absolute;top:80px;left:30px}.lesson-decoration div:nth-child(2){top:40px;left:70px}.lesson-decoration div:nth-child(3){top:0;left:110px}.quiet{min-height:154px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.card{background:var(--surface);border:1px solid var(--border);border-radius:9px;box-shadow:var(--shadow);overflow:hidden}.card-heading{display:flex;align-items:center;justify-content:space-between;padding:19px 21px 18px;gap:10px}.card-heading h2{display:flex;align-items:center;gap:9px;font-size:calc(12px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.card-heading h2 svg{color:var(--klasmi-steel);width:16px}.card-tools{display:flex;align-items:center;gap:8px}.card-description{padding:0 21px 13px;color:var(--klasmi-steel);font-size:calc(10px * var(--text-scale, 1.3))}.agenda-mini{padding:0 21px}.agenda-mini-row{display:flex;align-items:center;gap:14px;margin:0 0 17px;min-height:40px}.event-time{font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel);min-width:31px;font-weight:500}.event-time small{display:block;font-size:calc(9px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin-top:5px;font-weight:400}.event-line{width:3px;min-height:38px;background:var(--klasmi-steel);border-radius:3px;opacity:.65}.event-info{flex:1;text-align:left;padding:1px 0}.event-info strong{font-size:calc(11px * var(--text-scale, 1.3));display:block;color:var(--klasmi-steel);font-weight:550}.event-info span{font-size:calc(9px * var(--text-scale, 1.3));color:var(--klasmi-steel);display:block;margin-top:6px}.event-info i{font-style:normal;margin:0 6px;color:var(--klasmi-mist)}.round-link{height:26px;width:26px;display:grid;place-items:center;border:1px solid var(--klasmi-fill-teal);border-radius:50%;color:var(--klasmi-steel)}.round-link:hover{background:var(--primary-soft)}.card-add{border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;width:100%;font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel);background:var(--klasmi-white)}.card-add:hover{background:var(--primary-soft);color:var(--primary)}.task-list{padding:0 21px}.task-row{display:flex;align-items:center;gap:11px;padding:0 0 15px;min-height:51px}.task-check{border:1px solid var(--klasmi-line);width:16px;height:16px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;background:var(--surface);color:var(--klasmi-steel)}.done .task-check{background:var(--klasmi-fill-teal);border-color:var(--klasmi-line)}.task-copy{flex:1;text-align:left;padding:0}.task-copy strong{display:block;font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel);font-weight:500}.task-copy>span{display:block;font-size:calc(8px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin-top:5px}.done .task-copy strong,.done .action-detail-copy strong{text-decoration:line-through;color:var(--klasmi-steel)}.priority-dot{width:5px;height:5px;border-radius:50%;background:var(--klasmi-line);margin-left:auto}.priority-dot.hoog,.priority-dot.urgent{background:var(--klasmi-clay)}.priority-dot.laag{background:var(--klasmi-steel)}.attention-row{display:flex;align-items:center;gap:11px;margin:0 21px;padding:11px 0;border-bottom:1px solid var(--klasmi-fill-steel)}.attention-row:last-of-type{border-bottom:0}.avatar{height:35px;width:35px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:calc(11px * var(--text-scale, 1.3));font-weight:500;flex-shrink:0;background:var(--klasmi-fill-clay);color:var(--klasmi-clay)}.avatar.small{height:29px;width:29px;font-size:calc(9px * var(--text-scale, 1.3))}.av-0{background:var(--klasmi-fill-steel);color:var(--klasmi-on-ink-dim)}.av-1{background:var(--klasmi-fill-teal);color:var(--klasmi-steel)}.av-2{background:var(--klasmi-fill-clay);color:var(--klasmi-clay)}.av-3{background:var(--klasmi-fill-steel);color:var(--klasmi-on-ink-dim)}.av-4{background:var(--klasmi-fill-clay);color:var(--klasmi-muted)}.student-link{text-align:left;padding:0;flex:1}.student-link strong{font-size:calc(10px * var(--text-scale, 1.3));display:block;font-weight:550;color:var(--klasmi-steel)}.student-link>span{font-size:calc(9px * var(--text-scale, 1.3));display:block;color:var(--klasmi-steel);margin-top:5px;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speak-button{border:1px solid var(--klasmi-fill-teal);border-radius:5px;display:flex;gap:6px;align-items:center;padding:6px 8px;font-size:calc(8px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.speak-button:hover{background:var(--klasmi-fill-steel)}.card-bottom-note{display:flex;align-items:center;gap:6px;padding:13px 21px;background:var(--klasmi-white);font-size:calc(8px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin-top:10px;border-top:1px solid var(--klasmi-paper)}.deadlines-list{padding:0 21px 10px}.deadline-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 0;border-bottom:1px solid var(--klasmi-fill-steel)}.deadline-row:last-child{border-bottom:0}.deadline-date{background:var(--klasmi-fill-steel);border:1px solid var(--klasmi-fill-teal);border-radius:6px;width:39px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--klasmi-steel);flex-shrink:0}.deadline-date strong{font-size:calc(14px * var(--text-scale, 1.3));font-weight:500}.deadline-date span{font-size:calc(8px * var(--text-scale, 1.3));margin-top:2px}.deadline-date.due-today{background:var(--klasmi-paper);border-color:var(--klasmi-fill-clay);color:var(--klasmi-clay)}.deadline-row>div:nth-child(2){flex:1}.deadline-row>div:nth-child(2)>strong{font-size:calc(10px * var(--text-scale, 1.3));font-weight:550;display:block;color:var(--klasmi-steel)}.deadline-row>div:nth-child(2)>span{display:block;font-size:calc(8px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin-top:6px}.deadline-row>svg{color:var(--klasmi-steel)}.badge{display:inline-flex;align-items:center;gap:5px;line-height:1.3;padding:4px 7px;font-size:calc(9px * var(--text-scale, 1.3));background:var(--klasmi-fill-steel);color:var(--klasmi-steel);border-radius:4px;white-space:nowrap;font-weight:450}.badge.green{background:var(--klasmi-fill-steel);color:var(--klasmi-steel)}.badge.orange{background:var(--klasmi-fill-clay);color:var(--klasmi-clay)}.badge.purple{background:var(--klasmi-fill-steel);color:var(--klasmi-on-ink-dim)}.widget-classes{grid-column:1/-1}.class-summaries{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 21px 20px}.class-summary{text-align:left;border:1px solid var(--klasmi-fill-teal);border-radius:7px;padding:15px 15px 17px}.class-summary:hover{background:var(--klasmi-white)}.class-summary-top{display:flex;gap:10px;align-items:center}.class-square{width:33px;height:34px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center}.class-summary h3{font-size:calc(12px * var(--text-scale, 1.3));color:var(--klasmi-steel);font-weight:600}.class-summary h3 small{display:block;color:var(--klasmi-steel);font-size:calc(8px * var(--text-scale, 1.3));margin-top:4px;font-weight:400}.class-summary-top>svg{margin-left:auto;color:var(--klasmi-steel)}.class-health{display:flex;align-items:baseline;gap:5px;margin:16px 0 8px}.class-health strong{font-size:calc(17px * var(--text-scale, 1.3));color:var(--klasmi-steel);font-weight:550}.class-health>span{font-size:calc(8px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.class-health>span:last-child{margin-left:auto}.progress{height:5px;border-radius:10px;background:var(--klasmi-fill-teal);overflow:hidden}.progress>span{display:block;height:100%;background:var(--klasmi-steel);border-radius:10px;transition:width .25s}.page-footer{display:flex;align-items:center;gap:6px;padding:24px 1px 20px;color:var(--klasmi-steel);font-size:calc(8px * var(--text-scale, 1.3))}.page-footer>span:last-child{margin-left:auto;font-size:calc(8px * var(--text-scale, 1.3))}.search-results,.notifications{position:absolute;top:39px;right:0;background:var(--surface);box-shadow:0 8px 40px color-mix(in srgb,var(--klasmi-steel) 12.55%,transparent);border:1px solid var(--border);border-radius:10px;width:430px;padding:7px;z-index:80}.search-results>button{display:flex;align-items:center;text-align:left;gap:13px;width:100%;padding:12px;border-radius:6px}.search-results>button:hover{background:var(--primary-soft)}.search-results>button>span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:calc(12px * var(--text-scale, 1.3))}.search-results small{display:block;color:var(--muted);font-size:calc(10px * var(--text-scale, 1.3));margin-top:4px}.search-results p{padding:15px}.notifications-wrap{position:relative}.notifications{width:320px;padding:20px}.notifications h3{margin-bottom:15px}.notifications>button{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);width:100%;font-size:calc(11px * var(--text-scale, 1.3))}.notifications p{font-size:calc(10px * var(--text-scale, 1.3));color:var(--muted);margin-top:12px}.modal{border:1px solid var(--border);border-radius:14px;padding:0;color:var(--text);background:var(--surface);box-shadow:0 18px 80px color-mix(in srgb,var(--klasmi-steel) 14.9%,transparent);width:min(560px,calc(100vw - 40px));max-height:88vh;overflow:auto}.modal.wide{width:min(850px,calc(100vw - 40px))}.modal::backdrop{background:color-mix(in srgb,var(--klasmi-steel) 33.33%,transparent);backdrop-filter:blur(3px)}.modal-header{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border);padding:23px 25px;position:sticky;top:0;background:var(--surface);z-index:5}.modal-header h2{font-size:calc(20px * var(--text-scale, 1.3));font-weight:600}.modal-header p{font-size:calc(11px * var(--text-scale, 1.3));color:var(--muted);margin-top:6px}.modal-content{padding:23px 25px}.modal-content>p{color:var(--klasmi-steel);font-size:calc(12px * var(--text-scale, 1.3));margin-bottom:18px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:22px;margin-top:20px;border-top:1px solid var(--border);align-items:center;flex-wrap:wrap}.modal-footer>.danger:first-child{margin-right:auto}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;min-width:0}.field>span{font-size:calc(11px * var(--text-scale, 1.3));color:var(--klasmi-steel);font-weight:500}.field>input,.field>select{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.check-label{display:flex;align-items:center;gap:8px;font-size:calc(11px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin:13px 0}.check-options{display:flex;flex-wrap:wrap;gap:9px 20px;padding:8px 0}.check-options label{display:flex;align-items:center;gap:7px;font-size:calc(11px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.scroll-options{max-height:220px;overflow:auto}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-grid>button{border:1px solid var(--border);border-radius:8px;padding:17px 8px;display:flex;align-items:center;flex-direction:column;gap:12px;color:var(--klasmi-steel);font-size:calc(11px * var(--text-scale, 1.3))}.quick-grid>button:hover{background:var(--primary-soft)}.quick-parser{margin-top:27px;padding-top:24px;border-top:1px solid var(--border)}.quick-parser h3{margin-bottom:12px}.quick-parser input{width:100%}.quick-parser p{font-size:calc(10px * var(--text-scale, 1.3));color:var(--muted);margin:10px 0 16px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);padding:12px 15px;display:flex;align-items:center;gap:12px;background:var(--klasmi-steel);color:#fff;box-shadow:0 7px 25px color-mix(in srgb,var(--klasmi-steel) 14.9%,transparent);border-radius:9px;z-index:100;font-size:calc(12px * var(--text-scale, 1.3));max-width:95vw}.toast>button{display:flex;align-items:center;gap:6px;border-left:1px solid color-mix(in srgb,var(--klasmi-white) 14.51%,transparent);color:var(--klasmi-line);font-size:calc(10px * var(--text-scale, 1.3));padding-left:13px;white-space:nowrap}.persistent-error{position:fixed;bottom:0;left:0;right:0;padding:9px;background:var(--klasmi-clay);color:#fff;z-index:101;text-align:center;font-size:calc(12px * var(--text-scale, 1.3))}.error-box{background:var(--klasmi-paper);border:1px solid var(--klasmi-line);color:var(--klasmi-clay);padding:13px;border-radius:7px;margin:12px 0;font-size:calc(12px * var(--text-scale, 1.3))}.info-box{display:flex;gap:12px;background:var(--primary-soft);padding:20px;border:1px solid var(--klasmi-fill-teal);border-radius:9px;color:var(--klasmi-steel);font-size:calc(12px * var(--text-scale, 1.3));margin:22px 0}.info-box p{color:var(--klasmi-steel);margin-top:5px;font-size:calc(11px * var(--text-scale, 1.3))}.empty{padding:45px 20px;text-align:center;color:var(--klasmi-steel)}.empty>svg{margin-bottom:14px;opacity:.7}.empty h3{font-weight:500;color:var(--klasmi-steel)}.empty p{font-size:calc(11px * var(--text-scale, 1.3));max-width:350px;margin:8px auto 18px}.toolbar{display:flex;align-items:center;gap:12px;margin:0 0 22px;flex-wrap:wrap}.toolbar .field{margin:0;flex-direction:row;align-items:center;gap:12px}.toolbar select{font-size:calc(11px * var(--text-scale, 1.3))}.input-search{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:0 12px;color:var(--klasmi-steel);min-width:265px}.input-search input{border:none;background:none;box-shadow:none;padding-left:0;font-size:calc(11px * var(--text-scale, 1.3));flex:1;width:100%}.result-count{margin-left:auto;color:var(--klasmi-steel);font-size:calc(11px * var(--text-scale, 1.3))}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:9px;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel);font-weight:500;background:var(--klasmi-white);padding:15px 18px;border-bottom:1px solid var(--border)}td{padding:16px 18px;border-bottom:1px solid var(--klasmi-fill-steel);font-size:calc(11px * var(--text-scale, 1.3));color:var(--klasmi-steel)}tbody tr:last-child td{border-bottom:0}td small,th small{display:block;font-size:calc(9px * var(--text-scale, 1.3));font-weight:400;margin-top:4px;color:var(--klasmi-steel)}tbody tr:hover{background:var(--klasmi-white)}td select{font-size:calc(10px * var(--text-scale, 1.3));padding:7px 10px;max-width:140px}.student-cell{display:flex;align-items:center;gap:11px;text-align:left;padding:0}.student-cell strong{font-size:calc(11px * var(--text-scale, 1.3));color:var(--klasmi-steel);font-weight:550}.student-cell small{font-size:calc(9px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin-top:4px;display:block}.table-progress{display:flex;gap:10px;align-items:center;font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.table-progress .progress{width:80px;height:4px}.text-green{color:var(--klasmi-steel)}.text-orange{color:var(--klasmi-clay)}.muted{font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.bulk-bar{display:flex;gap:20px;align-items:center;padding:15px 20px;background:var(--primary-soft);border:1px solid var(--klasmi-fill-teal);border-radius:8px;margin-bottom:15px;font-size:calc(11px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.bulk-bar>button{text-decoration:underline}.context-backdrop{position:fixed;inset:0;z-index:79}.context-menu{position:fixed;padding:6px;border-radius:8px;border:1px solid var(--border);box-shadow:0 8px 35px color-mix(in srgb,var(--klasmi-steel) 14.9%,transparent);background:var(--surface);z-index:80;width:215px}.context-menu>button{padding:11px;text-align:left;width:100%;border-radius:5px;font-size:calc(11px * var(--text-scale, 1.3))}.context-menu>button:hover{background:var(--primary-soft)}.classes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.class-card{padding:23px}.class-card-heading{display:flex;justify-content:space-between;margin-bottom:18px}.class-card .class-square{width:45px;height:46px}.class-card>h2{font-size:calc(23px * var(--text-scale, 1.3));font-weight:550}.class-card>p{font-size:calc(11px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin:7px 0 24px}.class-card .class-health strong{font-size:calc(26px * var(--text-scale, 1.3))}.class-card .class-health span{font-size:calc(11px * var(--text-scale, 1.3));margin:0 0 0 3px}.class-stats{display:flex;justify-content:space-between;margin:17px 0 25px;color:var(--klasmi-steel);font-size:calc(10px * var(--text-scale, 1.3))}.class-stats button{font-size:calc(10px * var(--text-scale, 1.3));display:flex;gap:5px;align-items:center;padding:0}.full-width{width:100%}.new-class{min-height:300px;border:1px dashed var(--klasmi-line);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:var(--klasmi-steel);background:var(--klasmi-fill-steel)}.new-class strong{font-size:calc(13px * var(--text-scale, 1.3));font-weight:500}.new-class span{font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.back-button{display:flex;align-items:center;gap:7px;font-size:calc(11px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin:0 0 23px;padding:0}.profile-heading{display:flex;align-items:center;gap:18px;margin-bottom:26px}.profile-heading>.avatar{width:64px;height:64px;font-size:calc(22px * var(--text-scale, 1.3))}.profile-heading>div{flex:1}.profile-heading h1{font-size:calc(28px * var(--text-scale, 1.3))}.profile-heading p{font-size:calc(11px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin-top:8px}.profile-heading p>span{margin:0 8px}.pinned-note{display:flex;align-items:center;gap:10px;padding:11px 17px;border:1px solid var(--klasmi-fill-clay);background:var(--klasmi-paper);border-radius:8px;color:var(--klasmi-clay);margin-bottom:25px}.pinned-note input{border:0;background:none;flex:1;box-shadow:none;color:var(--klasmi-clay);font-size:calc(12px * var(--text-scale, 1.3));padding:5px}.pinned-note small{font-size:calc(9px * var(--text-scale, 1.3));color:var(--klasmi-clay)}.profile-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);background:var(--surface);border-radius:9px;margin-bottom:27px;padding:23px 0}.profile-metrics>div{padding:0 24px;border-right:1px solid var(--border)}.profile-metrics>div:last-child{border:0}.profile-metrics>div>span{display:block;font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.profile-metrics strong{font-size:calc(28px * var(--text-scale, 1.3));font-weight:500;display:block;margin:10px 0;color:var(--klasmi-steel)}.profile-metrics small{color:var(--klasmi-steel);font-size:calc(10px * var(--text-scale, 1.3))}.tag-list{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.profile-metrics .tag-list{margin:15px 0 10px}.tabs{display:flex;align-items:center;gap:23px;border-bottom:1px solid var(--klasmi-fill-teal);margin-bottom:25px}.tabs>button{padding:0 0 13px;position:relative;font-size:calc(12px * var(--text-scale, 1.3));color:var(--klasmi-steel);display:flex;gap:7px;align-items:center}.tabs>button.selected{color:var(--klasmi-steel);font-weight:550}.tabs>button.selected:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--klasmi-steel);bottom:-1px}.tabs.compact{margin-bottom:0;border-bottom:0;gap:7px}.tabs.compact>button{padding:9px 14px;border-radius:6px}.tabs.compact>button.selected{background:var(--klasmi-fill-teal)}.tabs.compact>button.selected:after{display:none}.assignment-profile-list{padding:0 20px 8px}.assignment-profile-row{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--klasmi-fill-teal)}.assignment-profile-row:last-child{border-bottom:0}.assignment-profile-row>div{flex:1}.assignment-profile-row strong{display:block;font-weight:550;font-size:calc(12px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.assignment-profile-row span{display:block;font-size:calc(10px * var(--text-scale, 1.3));margin-top:5px;color:var(--klasmi-steel)}.assignment-profile-row select{font-size:calc(10px * var(--text-scale, 1.3));min-width:125px}.grade-pill{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:var(--klasmi-fill-steel);min-width:40px;border-radius:5px;padding:7px;color:var(--klasmi-steel);font-size:calc(12px * var(--text-scale, 1.3));font-weight:550}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin:23px 0}.subject-bars{padding:10px 22px 25px}.subject-bars>button{display:flex;align-items:center;gap:14px;padding:10px 0;width:100%;text-align:left;font-size:calc(11px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.subject-bars>button>span{width:83px}.subject-bars>button>div{flex:1;background:var(--klasmi-fill-steel);height:10px;border-radius:3px;overflow:hidden}.subject-bars i{display:block;height:100%;border-radius:3px;opacity:.6;transition:width .3s}.subject-bars strong{width:27px;text-align:right;font-size:calc(12px * var(--text-scale, 1.3));font-weight:500}.feedback-note{padding:15px 22px 20px;border-bottom:1px solid var(--border)}.feedback-note>span{font-size:calc(9px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.feedback-note p{font-size:calc(12px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin-top:10px}.card-padded{padding:22px}.card-padded>.primary{margin-top:15px}.timeline-row{padding:15px 25px;display:flex;gap:15px}.timeline-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--klasmi-steel)}.timeline-row small{color:var(--klasmi-steel)}.timeline-row p{color:var(--klasmi-steel);margin-top:5px;font-size:calc(12px * var(--text-scale, 1.3))}.assignment-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.assignment-card{padding:21px}.assignment-top{display:flex;align-items:center;gap:9px;margin-bottom:18px}.assignment-top>.badge{margin-left:auto}.assignment-icon{width:37px;height:38px;border-radius:7px;background:var(--klasmi-fill-steel);color:var(--klasmi-steel);display:grid;place-items:center}.assignment-title{text-align:left;padding:0}.assignment-title h2{font-size:calc(16px * var(--text-scale, 1.3));color:var(--klasmi-steel);font-weight:550}.assignment-title p{font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin-top:7px}.assignment-description{font-size:calc(11px * var(--text-scale, 1.3));color:var(--klasmi-steel);line-height:1.8;margin:19px 0 20px;min-height:57px}.assignment-card .tag-list{font-size:calc(9px * var(--text-scale, 1.3))}.assignment-progress-label{display:flex;align-items:center;justify-content:space-between;font-size:calc(9px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin:22px 0 10px}.assignment-progress-label strong{font-weight:500}.assignment-footer{border-top:1px solid var(--klasmi-fill-teal);display:flex;align-items:center;gap:10px;padding-top:15px;margin-top:20px}.assignment-footer>.link-button{margin-right:auto}.assignment-footer>.badge{margin-right:auto}.parts-editor{margin-top:20px}.parts-editor h3{margin-bottom:12px}.part-edit{display:flex;align-items:center;gap:7px;margin-bottom:10px}.part-edit>input:first-child{flex:1;min-width:0}.part-edit label{display:flex;align-items:center;gap:4px;font-size:calc(10px * var(--text-scale, 1.3))}.part-edit>input[type=number]{width:60px}.lesson-note{background:var(--klasmi-fill-steel);border:1px solid var(--klasmi-fill-teal);border-radius:8px;padding:18px 22px;margin-bottom:24px;color:var(--klasmi-steel)}.lesson-note>div{display:flex;gap:9px;align-items:center;font-size:calc(11px * var(--text-scale, 1.3))}.lesson-note p{font-size:calc(12px * var(--text-scale, 1.3));margin:10px 0 16px;color:var(--klasmi-steel)}.lesson-note input{width:100%;font-size:calc(11px * var(--text-scale, 1.3));background:var(--klasmi-fill-steel);border-color:var(--klasmi-fill-teal)}.button-row{display:flex;align-items:center;gap:9px}.small-button{min-height:28px;padding:6px 10px;font-size:calc(10px * var(--text-scale, 1.3))}.round-class{max-width:740px;margin:auto;padding:27px 38px;text-align:center}.round-top{display:flex;align-items:center;gap:30px;margin-bottom:35px}.round-top>span{font-size:calc(9px * var(--text-scale, 1.3));letter-spacing:1px;color:var(--klasmi-steel);white-space:nowrap}.round-top>.progress{flex:1}.round-class>.avatar{width:85px;height:85px;font-size:calc(28px * var(--text-scale, 1.3))}.round-class>h2{font-size:calc(27px * var(--text-scale, 1.3));color:var(--klasmi-steel);font-weight:500;margin-top:18px}.round-class>p{color:var(--klasmi-steel);font-size:calc(11px * var(--text-scale, 1.3));margin-top:7px}.round-attention{display:inline-flex;align-items:center;gap:7px;background:var(--klasmi-fill-clay);color:var(--klasmi-clay);padding:10px 16px;border-radius:6px;margin-top:20px;font-size:calc(12px * var(--text-scale, 1.3))}.round-stats{display:flex;justify-content:center;gap:55px;margin:27px 0}.round-stats b{display:block;color:var(--klasmi-steel);font-weight:500;font-size:calc(23px * var(--text-scale, 1.3))}.round-stats span{display:block;font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin-top:6px}.round-assignment{display:flex;align-items:center;justify-content:space-between;padding:18px;background:var(--klasmi-fill-steel);border-radius:7px;color:var(--klasmi-steel);font-size:calc(12px * var(--text-scale, 1.3));margin-bottom:18px}.round-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:17px 0}.round-navigation{border-top:1px solid var(--border);padding-top:25px;margin-top:25px;display:flex;justify-content:space-between}.round-navigation kbd{font-size:calc(10px * var(--text-scale, 1.3));margin-left:3px;opacity:.6}.part-checklist{text-align:left;border:1px solid var(--klasmi-fill-teal);border-radius:7px;padding:17px 19px;margin:20px 0}.part-checklist h3{font-size:calc(12px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin-bottom:15px}.part-checklist>div{display:flex;align-items:center;gap:15px;margin:9px 0}.part-checklist label{display:flex;align-items:center;gap:9px;flex:1;font-size:calc(11px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.part-checklist label small{color:var(--klasmi-steel);margin-left:auto;font-size:calc(9px * var(--text-scale, 1.3))}.part-checklist input[type=number]{width:76px;font-size:calc(11px * var(--text-scale, 1.3));padding:7px}.review-layout{display:grid;grid-template-columns:250px 1fr;gap:22px;align-items:start}.review-queue .card-heading{border-bottom:1px solid var(--border)}.review-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:15px 17px;border-bottom:1px solid var(--klasmi-fill-steel)}.review-item.selected{background:var(--klasmi-fill-steel);border-left:3px solid var(--klasmi-steel);padding-left:14px}.review-item>span:nth-child(2){flex:1;min-width:0}.review-item strong{display:block;font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel);font-weight:550}.review-item small{display:block;margin-top:5px;font-size:calc(9px * var(--text-scale, 1.3));color:var(--klasmi-steel);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-item>svg{color:var(--klasmi-steel)}.review-main{padding:25px}.review-student{display:flex;align-items:center;gap:13px;padding-bottom:23px;border-bottom:1px solid var(--border)}.review-student>.avatar{width:44px;height:44px;font-size:calc(15px * var(--text-scale, 1.3))}.review-student h2{font-size:calc(17px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.review-student span{display:block;font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin-top:5px}.review-student>.text-button{margin-left:auto}.review-assignment{padding:24px 0;border-bottom:1px solid var(--border)}.review-assignment h2{font-size:calc(22px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin-top:13px}.review-assignment p{font-size:calc(11px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin:10px 0}.review-assignment>span:last-child{font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.review-section{padding:23px 0;border-bottom:1px solid var(--border)}.review-section h3{color:var(--klasmi-steel);font-size:calc(13px * var(--text-scale, 1.3))}.review-section p{color:var(--klasmi-steel);font-size:calc(10px * var(--text-scale, 1.3));margin-top:6px}.rubric-check{display:flex;align-items:center;gap:9px;font-size:calc(11px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin-top:13px}.grade-entry{display:flex;align-items:center;gap:17px;margin-top:18px;flex-wrap:wrap}.grade-entry>input{height:70px;width:90px;font-size:calc(29px * var(--text-scale, 1.3));text-align:center;background:var(--klasmi-fill-steel);color:var(--klasmi-steel)}.grade-entry strong{font-size:calc(12px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.grade-entry>.secondary{margin-left:auto;font-size:calc(9px * var(--text-scale, 1.3))}.grade-entry .check-label{font-size:calc(10px * var(--text-scale, 1.3));margin:8px 0 0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.feedback-chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.feedback-chips>button{display:flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid var(--klasmi-fill-teal);background:var(--klasmi-white);border-radius:20px;color:var(--klasmi-steel);font-size:calc(9px * var(--text-scale, 1.3))}.feedback-chips>button.selected{background:var(--klasmi-fill-teal);border-color:var(--klasmi-mist);color:var(--klasmi-steel)}.review-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:24px}.review-bottom>span{display:flex;gap:6px;align-items:center;font-size:calc(9px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.review-complete{text-align:center;padding:70px 30px;color:var(--klasmi-steel)}.review-complete h2{font-size:calc(26px * var(--text-scale, 1.3));margin:23px 0 10px;font-weight:500}.review-complete p{color:var(--klasmi-steel);margin-bottom:25px;font-size:calc(12px * var(--text-scale, 1.3))}.grade-table th{max-width:180px;white-space:normal;min-width:130px}.grade-table th:first-child{min-width:220px}.feedback-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.feedback-card{padding:22px}.feedback-card>p{font-size:calc(12px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin:22px 0}.feedback-card>span{font-size:calc(9px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.criterion{display:flex;gap:8px;align-items:center;color:var(--klasmi-steel);font-size:calc(11px * var(--text-scale, 1.3));margin-top:16px}.action-board{padding:5px 23px}.action-detail-row{display:flex;align-items:flex-start;gap:15px;padding:23px 0;border-bottom:1px solid var(--border)}.action-detail-row:last-child{border:0}.action-detail-row>.task-check{margin-top:4px}.action-detail-copy{flex:1}.action-detail-copy>button{padding:0;text-align:left}.action-detail-copy strong{font-size:calc(12px * var(--text-scale, 1.3));color:var(--klasmi-steel);font-weight:500}.action-meta{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.action-meta>button{display:flex;align-items:center;gap:5px;font-size:calc(10px * var(--text-scale, 1.3));padding:0}.action-detail-copy>p{font-size:calc(11px * var(--text-scale, 1.3));margin-top:12px;color:var(--klasmi-steel)}.dropzone{width:100%;border:1px dashed var(--klasmi-mist);border-radius:9px;display:flex;align-items:center;flex-direction:column;background:var(--klasmi-fill-steel);padding:30px;color:var(--klasmi-steel)}.upload-icon{width:53px;height:54px;border-radius:11px;background:var(--klasmi-fill-teal);display:grid;place-items:center;margin-bottom:15px}.dropzone>strong{font-size:calc(14px * var(--text-scale, 1.3));font-weight:550}.dropzone>span:last-child{font-size:calc(11px * var(--text-scale, 1.3));margin-top:8px;color:var(--klasmi-steel)}.import-summary{display:flex;justify-content:space-around;margin:25px 0;padding:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.import-summary>div{text-align:center}.import-summary strong{display:block;font-size:calc(25px * var(--text-scale, 1.3));font-weight:500;color:var(--klasmi-steel)}.import-summary span{display:block;font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin-top:7px}.import-mode{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.import-mode>label{border:1px solid var(--border);border-radius:8px;padding:16px;display:flex;align-items:flex-start;gap:10px}.import-mode>label.selected{background:var(--klasmi-fill-steel);border-color:var(--klasmi-mist)}.import-mode strong{font-size:calc(12px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.import-mode p{font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin-top:6px}.import-preview-table{max-height:350px;overflow:auto;border:1px solid var(--border);border-radius:7px}.import-preview-table td{white-space:normal}.import-confirm{margin-top:21px}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;margin:8px 0 22px;gap:20px}.calendar-toolbar>div:first-child{display:flex;align-items:center;gap:9px}.calendar-toolbar h2{font-size:calc(18px * var(--text-scale, 1.3));text-transform:capitalize;color:var(--klasmi-steel);font-weight:500;margin-left:10px}.segmented{display:flex;padding:4px;background:var(--klasmi-fill-steel);border:1px solid var(--klasmi-fill-teal);border-radius:7px;gap:3px}.segmented>button{padding:7px 11px;border-radius:5px;font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.segmented>button.selected{background:var(--surface);box-shadow:0 1px 4px color-mix(in srgb,var(--klasmi-steel) 7.06%,transparent);color:var(--klasmi-steel)}.calendar-categories{display:flex;align-items:center;gap:20px;margin-bottom:18px}.calendar-categories>span{display:flex;gap:7px;align-items:center;font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.calendar-categories i{width:6px;height:6px;border-radius:50%;opacity:.6}.calendar-categories>input{margin-left:auto;font-size:calc(10px * var(--text-scale, 1.3));padding:8px 11px;width:190px}.calendar-grid{display:grid;overflow:auto}.calendar-corner{font-size:calc(8px * var(--text-scale, 1.3));color:var(--klasmi-steel);padding:22px 8px;border-bottom:1px solid var(--border)}.calendar-day-head{padding:16px;text-align:center;border-left:1px solid var(--border);border-bottom:1px solid var(--border)}.calendar-day-head>span{font-size:calc(9px * var(--text-scale, 1.3));color:var(--klasmi-steel);text-transform:uppercase;display:block;margin-bottom:7px}.calendar-day-head b{display:inline-grid;place-items:center;width:29px;height:29px;font-size:calc(18px * var(--text-scale, 1.3));font-weight:450;color:var(--klasmi-steel)}.calendar-day-head.is-today b{background:var(--klasmi-steel);color:#fff;border-radius:50%}.time-gutter{height:720px;position:relative}.time-gutter span{position:absolute;width:100%;font-size:calc(9px * var(--text-scale, 1.3));padding:7px 9px;text-align:right;color:var(--klasmi-steel)}.calendar-day{height:720px;position:relative;border-left:1px solid var(--border)}.hour-slot{height:72px;border-bottom:1px solid var(--border);display:block;width:100%;border-radius:0}.hour-slot:hover{background:var(--klasmi-fill-steel)}.calendar-event{display:block;text-align:left;border-left:3px solid;padding:7px 8px;border-radius:4px;margin:4px 0;overflow:hidden}.calendar-event.positioned{position:absolute;left:4px;right:4px;width:calc(100% - 8px);margin:0}.calendar-event strong{display:block;font-size:calc(10px * var(--text-scale, 1.3));font-weight:550;line-height:1.4}.calendar-event>span:not(.resize-handle){display:block;font-size:calc(9px * var(--text-scale, 1.3));margin-top:5px;opacity:.8}.calendar-event small{display:block;font-size:calc(8px * var(--text-scale, 1.3));margin-top:8px;opacity:.8}.resize-handle{position:absolute;bottom:0;left:0;right:0;height:8px;cursor:ns-resize}.resize-handle:after{content:"";position:absolute;width:20px;height:2px;background:currentColor;opacity:.25;left:calc(50% - 10px);bottom:3px}.calendar-month{display:grid;grid-template-columns:repeat(7,1fr)}.month-label{text-align:center;padding:14px;text-transform:uppercase;font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.month-cell{min-height:115px;border:1px solid var(--border);border-left:0;border-bottom:0;padding:6px;min-width:0}.month-cell.other-month{background:var(--klasmi-white);opacity:.6}.month-day{font-size:calc(11px * var(--text-scale, 1.3));color:var(--klasmi-steel);border-radius:50%;width:26px;height:26px}.month-day.is-today{background:var(--klasmi-steel);color:#fff}.month-cell .calendar-event{width:100%;padding:5px;font-size:calc(8px * var(--text-scale, 1.3))}.month-cell .calendar-event strong{font-size:calc(8px * var(--text-scale, 1.3));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-cell .calendar-event>span{font-size:calc(7px * var(--text-scale, 1.3))}.agenda-list-day{padding:23px}.agenda-list-day h3{color:var(--klasmi-steel);margin-bottom:16px;font-size:calc(12px * var(--text-scale, 1.3))}.agenda-list-day>button{display:flex;align-items:center;gap:25px;padding:16px 0;border-bottom:1px solid var(--border);width:100%;text-align:left;color:var(--klasmi-steel);font-size:calc(11px * var(--text-scale, 1.3))}.agenda-list-day strong{flex:1;font-weight:500;color:var(--klasmi-steel)}.event-detail p{display:flex;align-items:center;gap:7px;margin:17px 0;color:var(--klasmi-steel);font-size:calc(12px * var(--text-scale, 1.3))}.settings-layout{display:grid;grid-template-columns:190px 1fr;gap:30px}.settings-nav{display:flex;flex-direction:column;align-items:stretch;gap:6px}.settings-nav>button{text-align:left;padding:12px 15px;border-radius:7px;color:var(--klasmi-steel);font-size:calc(12px * var(--text-scale, 1.3))}.settings-nav>button.selected{background:var(--klasmi-fill-teal);color:var(--klasmi-steel);font-weight:550}.settings-content>.card{margin-bottom:23px}.settings-row{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:0}.settings-row h3{font-size:calc(12px * var(--text-scale, 1.3));color:var(--klasmi-steel)}.settings-row p{font-size:calc(11px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin-top:6px}.settings-row>select{font-size:calc(11px * var(--text-scale, 1.3));min-width:155px}.settings-row>input[type=number]{max-width:85px}.settings-row>span{color:var(--klasmi-steel);font-size:calc(11px * var(--text-scale, 1.3))}.storage-path{padding:23px;border-bottom:1px solid var(--border)}.storage-path>span{display:block;font-size:calc(9px * var(--text-scale, 1.3));color:var(--klasmi-steel);letter-spacing:1px}.storage-path>strong{display:block;font-size:calc(12px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin:12px 0;overflow-wrap:anywhere}.storage-path>p{font-size:calc(11px * var(--text-scale, 1.3));color:var(--klasmi-steel);max-width:650px}.storage-path>.secondary{margin-top:17px}.action-tile{border:1px solid var(--border);border-radius:9px;padding:25px;background:var(--surface);text-align:left;color:var(--klasmi-steel)}.action-tile:hover{background:var(--klasmi-fill-steel);border-color:var(--klasmi-mist)}.action-tile h3{margin:18px 0 8px;color:var(--klasmi-steel);font-size:calc(13px * var(--text-scale, 1.3))}.action-tile p{color:var(--klasmi-steel);font-size:calc(11px * var(--text-scale, 1.3))}.settings-list{padding:0 22px 22px}.settings-list>div,.settings-list>form{display:flex;gap:12px;align-items:center;margin-top:10px}.settings-list>form{margin-top:22px}.settings-list input:not([type=color]){flex:1;font-size:calc(12px * var(--text-scale, 1.3))}.report-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.report-overview>button{padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:9px;text-align:left}.report-overview span{font-size:calc(11px * var(--text-scale, 1.3));color:var(--klasmi-steel);display:block}.report-overview strong{display:block;font-size:calc(31px * var(--text-scale, 1.3));font-weight:500;color:var(--klasmi-steel);margin-top:13px}.report-overview small{display:flex;align-items:center;gap:6px;color:var(--klasmi-steel);font-size:calc(9px * var(--text-scale, 1.3));margin-top:12px}.class-chart{display:flex;height:253px;padding:18px 30px 25px;gap:28px}.class-chart>button{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.class-chart>button>span{font-size:calc(11px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin-bottom:12px}.chart-column{height:150px;width:100%;max-width:95px;position:relative;background:var(--klasmi-fill-steel);border-radius:5px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.chart-column i{position:absolute;bottom:0;left:0;right:0;opacity:.5}.chart-column strong{position:absolute;top:12px;font-size:calc(12px * var(--text-scale, 1.3));color:var(--klasmi-steel);z-index:1}.class-chart small{font-size:calc(9px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin-top:12px}.report-config{display:grid;grid-template-columns:1fr 220px;gap:35px;padding:12px 23px 26px}.report-config h3{font-size:calc(12px * var(--text-scale, 1.3));color:var(--klasmi-steel);margin-bottom:15px}.report-config .check-options{gap:17px 24px}.privacy-note{font-size:calc(10px * var(--text-scale, 1.3));color:var(--klasmi-steel);display:flex;align-items:center;gap:7px;margin-top:20px}.widget-setting{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);color:var(--klasmi-steel)}.widget-setting label{display:flex;align-items:center;gap:10px;flex:1;font-size:calc(12px * var(--text-scale, 1.3))}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.loading>.brand-mark{width:55px;height:57px}.loading>p{max-width:600px;text-align:center;color:var(--klasmi-steel);padding:0 30px}.welcome-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.sidebar-collapsed .sidebar{display:none}.sidebar-collapsed .main-shell{margin-left:0}main :is(.class-card,.profile-heading,.profile-metrics,.assignment-card,.round-class,.review-main,.feedback-card,.action-board,.settings-content,.report-config,.report-overview,.class-chart,.round-stats,.review-queue,.timeline-row,.subject-bars,.assignment-profile-row,.calendar-toolbar,.settings-nav,.import-summary,.import-mode) :is(h1,h2,h3,strong,b){color:var(--text)}main :is(.class-card,.profile-heading,.profile-metrics,.assignment-card,.round-class,.review-main,.feedback-card,.action-board,.settings-content,.report-config,.report-overview,.class-chart,.round-stats,.review-queue,.timeline-row,.subject-bars,.assignment-profile-row,.calendar-toolbar,.settings-nav) :is(p,small){color:var(--muted)}.subject-bars>button,.settings-row h3,.action-detail-copy strong,.review-item strong,.calendar-toolbar h2,.assignment-title h2,.class-card>h2,.feedback-note p,.timeline-row p,.student-cell strong{color:var(--klasmi-steel)}.round-class h2,.profile-metrics strong,.report-overview strong{color:var(--klasmi-steel)}.settings-row p,.settings-row>span,.review-section p,.review-student span,.feedback-note>span,.timeline-row small,.class-card>p,.assignment-description,.assignment-title p,.report-overview small,.class-chart small,.action-meta,.storage-path p,.action-tile p,.settings-nav>button,.report-config .privacy-note{color:var(--klasmi-steel)}.calendar-toolbar h2,.calendar-day-head b,.month-day{color:var(--klasmi-steel)}.calendar-day-head.is-today b,.month-day.is-today{background:var(--klasmi-steel);color:var(--klasmi-white)}.segmented>button{color:var(--klasmi-steel)}.segmented>button.selected{color:var(--klasmi-steel)}.calendar-categories>span,.time-gutter span{color:var(--klasmi-steel)}.calendar-categories{flex-wrap:wrap}.settings-nav>button.selected{background:var(--klasmi-fill-steel);color:var(--klasmi-steel)}.part-checklist label,.rubric-check,.grade-entry strong,.review-bottom>span,.feedback-chips>button{color:var(--klasmi-steel)}.subject-bars strong{color:var(--klasmi-steel)}.subject-bars>button>div{background:var(--klasmi-fill-steel)}.review-item.selected{background:var(--klasmi-fill-steel);border-left-color:var(--klasmi-steel)}.primary *{color:inherit!important}[data-theme=dark]{--bg:var(--klasmi-black);--surface:var(--klasmi-ink-900);--text:var(--klasmi-line);--muted:var(--klasmi-steel);--border:var(--klasmi-steel);--primary:var(--klasmi-steel);--primary-soft:var(--klasmi-steel);--sidebar:var(--klasmi-ink-900);color-scheme:dark;background:var(--bg);color:var(--text)}[data-theme=dark] .next-lesson{background:var(--klasmi-steel);border-color:var(--klasmi-steel)}[data-theme=dark] .next-lesson h2,[data-theme=dark] .next-lesson p,[data-theme=dark] .lesson-meta{color:var(--klasmi-steel)}[data-theme=dark] :is(.day-progress,.offline-card,.workspace-icon,.nav-item.active,.settings-nav>button.selected,.segmented,.pinned-note,.lesson-note,.round-assignment,.info-box,.card-add,.card-bottom-note,.dropzone,.import-mode>label.selected){background:var(--klasmi-steel);border-color:var(--klasmi-steel)}[data-theme=dark] :is(th,tbody tr:hover,.month-cell.other-month,.hour-slot:hover,.class-summary:hover,.new-class,.action-tile:hover){background:var(--klasmi-steel)}[data-theme=dark] :is(input,textarea,select,.secondary){border-color:var(--klasmi-steel)}[data-theme=dark] :is(.class-summary,.class-stats,.assignment-footer,.assignment-profile-row,.agenda-mini-row,.task-row,.deadline-row,.attention-row,.class-card,.part-checklist,.review-section,.review-student,.action-detail-row,.timeline-row,.calendar-day-head,.settings-list,.import-mode>label){border-color:var(--border)}[data-theme=dark] :is(.card-heading h2,.event-info strong,.task-copy strong,.student-link strong,.deadline-row>div:nth-child(2)>strong,.class-summary h3,.student-cell strong,.assignment-profile-row strong,.feedback-note p,.subject-bars>button,.timeline-row p,.action-detail-copy strong,.rubric-check,.part-checklist label){color:var(--klasmi-steel)}[data-theme=dark] :is(.badge,.grade-pill,.feedback-chips>button,.review-item.selected,.metric-icon,.progress,.chart-column,.subject-bars>button>div){background:var(--klasmi-steel)}[data-theme=dark] .badge.orange{background:var(--klasmi-clay);color:var(--klasmi-clay)}[data-theme=dark] .avatar{filter:brightness(.8)}[data-theme=dark] .search-results,[data-theme=dark] .notifications{background:var(--surface)}@media(min-width:1500px){:root{font-size:calc(14px * var(--text-scale, 1.3))}.sidebar{width:248px;padding-left:22px;padding-right:22px}.main-shell{margin-left:248px}main{padding:40px 44px 0}.topbar{padding:0 44px}.page-heading{margin-bottom:30px}.metrics-grid{gap:22px}.metric{padding:21px 23px}.metric p{font-size:calc(10px * var(--text-scale, 1.3))}.metric-top>span:first-child{font-size:calc(11px * var(--text-scale, 1.3))}.metric-number{font-size:calc(35px * var(--text-scale, 1.3))}.dashboard-grid{gap:25px}.card-heading{padding:23px 25px}.agenda-mini-row{margin-bottom:22px;min-height:43px}.task-row{min-height:59px}.event-info strong,.task-copy strong{font-size:calc(12px * var(--text-scale, 1.3))}.attention-row{padding:15px 0}.student-link strong,.deadline-row>div:nth-child(2)>strong{font-size:calc(12px * var(--text-scale, 1.3))}.student-link>span,.deadline-row>div:nth-child(2)>span{font-size:calc(10px * var(--text-scale, 1.3))}.deadline-row{padding:16px 0}.next-lesson{padding:28px;min-height:210px}.next-lesson p{font-size:calc(11px * var(--text-scale, 1.3))}.class-summary{padding:19px}.brand{margin-bottom:34px}.nav-item{min-height:43px;font-size:calc(13px * var(--text-scale, 1.3))}.topbar-right{gap:24px}}@media(max-width:1200px){.sidebar{width:205px;padding-left:12px;padding-right:12px}.main-shell{margin-left:205px}.topbar{padding:0 23px;gap:12px}.topbar-right{gap:12px}.global-search{width:215px}.global-search input{width:155px}.save-status{display:none}main{padding:28px 24px 0}.breadcrumb{font-size:calc(9px * var(--text-scale, 1.3));gap:8px}.metrics-grid{gap:12px}.metric{padding:15px}.metric p{font-size:calc(8px * var(--text-scale, 1.3))}.page-heading h1{font-size:calc(27px * var(--text-scale, 1.3))}.heading-actions{gap:3px}.date-button{display:none}.next-lesson h2{font-size:calc(21px * var(--text-scale, 1.3))}.lesson-cta{margin-right:0}.next-lesson p{max-width:410px}.student-link>span{max-width:165px}.card-heading{padding:18px}.assignment-cards,.classes-grid{grid-template-columns:repeat(2,1fr)}.review-layout{grid-template-columns:210px 1fr}.review-main{padding:20px}.review-bottom{flex-wrap:wrap}.calendar-categories>input{width:150px}.calendar-toolbar{flex-wrap:wrap}}@media(max-width:980px){.sidebar{width:180px;padding:25px 10px 0}.main-shell{margin-left:180px}.brand{margin-left:7px;margin-right:7px;gap:8px}.brand>span{font-size:calc(22px * var(--text-scale, 1.3))}.brand-mark{width:33px;height:35px}.brand small{font-size:calc(5.8px * var(--text-scale, 1.3))}.workspace-switch{padding:10px 7px}.nav-item{font-size:calc(11px * var(--text-scale, 1.3));gap:9px;padding-left:10px}.global-search{width:200px}.breadcrumb{display:none}.topbar-right,.global-search{flex:1}.day-progress-bar{width:32%}.dashboard-grid{gap:17px}.card-heading .link-button{font-size:calc(8px * var(--text-scale, 1.3))}.card-heading h2{font-size:calc(11px * var(--text-scale, 1.3))}.card-heading{padding:17px 16px}.event-info strong{font-size:calc(10px * var(--text-scale, 1.3))}.agenda-mini,.task-list{padding:0 16px}.task-copy strong{font-size:calc(9px * var(--text-scale, 1.3))}.attention-row{margin:0 16px;gap:8px}.speak-button{font-size:calc(7px * var(--text-scale, 1.3));padding:5px}.student-link>span{max-width:140px;font-size:calc(8px * var(--text-scale, 1.3))}.deadlines-list{padding:0 16px 10px}.deadline-row{gap:8px}.deadline-row>div:nth-child(2)>strong{font-size:calc(9px * var(--text-scale, 1.3))}.deadline-row>.badge{font-size:calc(7px * var(--text-scale, 1.3))}.lesson-tags{gap:10px}.lesson-tags>span{font-size:calc(8px * var(--text-scale, 1.3))}.next-lesson{padding:21px}.lesson-cta>button{min-width:120px;padding:12px 17px;gap:14px}.next-lesson h2{font-size:calc(19px * var(--text-scale, 1.3))}.metric-top>span:first-child{font-size:calc(9px * var(--text-scale, 1.3))}.metric-icon{width:25px;height:26px}.metric-number{font-size:calc(28px * var(--text-scale, 1.3))}.class-summaries{gap:10px;padding:0 16px 16px}.class-summary{padding:11px}.class-health>span{font-size:calc(7px * var(--text-scale, 1.3))}.heading-actions>.secondary{font-size:calc(9px * var(--text-scale, 1.3));padding:8px 10px}.review-layout{display:block}.review-queue{margin-bottom:20px;display:flex;overflow:auto}.review-queue .card-heading{min-width:120px}.review-item{min-width:185px}.settings-layout{grid-template-columns:160px 1fr;gap:20px}.profile-heading{flex-wrap:wrap}.profile-heading>.primary{margin-left:82px}.profile-metrics{grid-template-columns:repeat(2,1fr);gap:25px}.profile-metrics>div:nth-child(2){border:0}.calendar-grid{min-width:680px}.calendar-grid.card{overflow:visible}.calendar-categories{gap:12px}.report-config{grid-template-columns:1fr}.class-chart{gap:15px;padding:18px}.report-overview{gap:10px}.report-overview>button{padding:16px}.report-overview small{font-size:calc(8px * var(--text-scale, 1.3))}}@media(max-width:760px){.sidebar{display:none}.main-shell{margin-left:0}.topbar{height:65px;padding:0 16px}.topbar>.icon-button{display:none}.global-search{width:170px}.global-search kbd{display:none}.global-search input{width:100px;font-size:calc(10px * var(--text-scale, 1.3))}.quick-add{font-size:calc(9px * var(--text-scale, 1.3));padding:8px}.topbar-right{gap:10px}main{padding:25px 18px 0;overflow:hidden}.page-heading{align-items:flex-start;flex-direction:column;gap:12px}.heading-actions{padding:0;flex-wrap:wrap}.page-heading h1{font-size:calc(27px * var(--text-scale, 1.3))}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:12px}.metric p{font-size:calc(9px * var(--text-scale, 1.3))}.metric-top>span:first-child{font-size:calc(10px * var(--text-scale, 1.3))}.day-progress{padding:13px;gap:9px}.day-progress-copy strong{font-size:calc(10px * var(--text-scale, 1.3))}.day-progress-copy span{font-size:calc(8px * var(--text-scale, 1.3))}.day-progress-bar{width:24%}.day-progress-bar>span{display:none}.tiny-spark{display:none}.day-progress>b{font-size:calc(10px * var(--text-scale, 1.3))}.next-lesson{flex-direction:column;align-items:stretch;gap:20px}.lesson-cta{text-align:left;display:flex;align-items:center;gap:15px}.lesson-cta>span{margin:0;font-size:calc(9px * var(--text-scale, 1.3))}.lesson-main h2{font-size:calc(21px * var(--text-scale, 1.3));flex-wrap:wrap}.lesson-main p{max-width:none}.lesson-tags>span{font-size:calc(9px * var(--text-scale, 1.3))}.dashboard-grid{grid-template-columns:1fr}.widget-classes{grid-column:auto}.card-heading{padding:20px}.card-heading h2{font-size:calc(13px * var(--text-scale, 1.3))}.card-heading .link-button{font-size:calc(10px * var(--text-scale, 1.3))}.agenda-mini{padding:0 20px}.event-info strong{font-size:calc(12px * var(--text-scale, 1.3))}.event-info span{font-size:calc(10px * var(--text-scale, 1.3))}.task-list{padding:0 20px}.task-copy strong{font-size:calc(11px * var(--text-scale, 1.3))}.task-copy>span{font-size:calc(9px * var(--text-scale, 1.3))}.task-row{min-height:55px}.attention-row{margin:0 20px;padding:14px 0}.student-link strong{font-size:calc(12px * var(--text-scale, 1.3))}.student-link>span{font-size:calc(10px * var(--text-scale, 1.3));max-width:200px}.speak-button{font-size:calc(9px * var(--text-scale, 1.3))}.deadlines-list{padding:0 20px 10px}.deadline-row>div:nth-child(2)>strong{font-size:calc(11px * var(--text-scale, 1.3))}.deadline-row>div:nth-child(2)>span{font-size:calc(9px * var(--text-scale, 1.3))}.deadline-row>.badge{font-size:calc(9px * var(--text-scale, 1.3))}.class-summaries{grid-template-columns:1fr;padding:0 20px 20px}.class-summary{padding:15px}.class-summary h3{font-size:calc(13px * var(--text-scale, 1.3))}.class-summary h3 small{font-size:calc(10px * var(--text-scale, 1.3))}.class-health>span{font-size:calc(10px * var(--text-scale, 1.3))}.class-health strong{font-size:calc(22px * var(--text-scale, 1.3))}.page-footer{font-size:calc(7px * var(--text-scale, 1.3))}.page-footer>span:last-child{display:none}.classes-grid,.assignment-cards,.two-columns,.feedback-grid,.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow:auto;gap:6px}.settings-nav>button{white-space:nowrap;font-size:calc(10px * var(--text-scale, 1.3));padding:10px}.settings-row{padding:19px;gap:15px;flex-wrap:wrap}.settings-row>div{flex:1;min-width:160px}.calendar-grid{overflow:auto;min-width:660px}.calendar-toolbar{gap:15px}.calendar-toolbar h2{font-size:calc(16px * var(--text-scale, 1.3))}.segmented>button{padding:7px 9px}.calendar-categories>input{width:100%;margin-left:0}.calendar-month{min-width:620px}.profile-heading>.secondary{margin-left:82px}.profile-heading>.primary{margin-left:0}.profile-heading h1{font-size:calc(24px * var(--text-scale, 1.3))}.pinned-note small{display:none}.profile-metrics>div{padding:0 18px}.tabs{overflow:auto;gap:20px}.tabs>button{white-space:nowrap;font-size:calc(11px * var(--text-scale, 1.3))}.assignment-profile-row{gap:9px;flex-wrap:wrap}.assignment-profile-row>div{min-width:160px}.assignment-profile-row select{min-width:110px;max-width:125px}.round-class{padding:25px 18px}.round-stats{gap:25px}.round-stats span{font-size:calc(9px * var(--text-scale, 1.3))}.round-navigation{gap:12px}.round-navigation>button{font-size:calc(9px * var(--text-scale, 1.3));padding:9px}.review-main{padding:20px 16px}.review-bottom>.primary{width:100%;font-size:calc(10px * var(--text-scale, 1.3))}.report-overview{grid-template-columns:repeat(2,1fr)}.report-overview small{font-size:calc(9px * var(--text-scale, 1.3))}.toolbar{gap:9px}.toolbar .input-search{width:100%;min-width:0}.result-count{width:100%;margin:3px 0 0}.quick-grid{grid-template-columns:repeat(4,1fr);gap:6px}.quick-grid>button{font-size:calc(9px * var(--text-scale, 1.3))}.search-results{right:-115px;width:min(94vw,420px)}.toast{font-size:calc(10px * var(--text-scale, 1.3));padding:10px;min-width:290px}.toast>button{font-size:calc(8px * var(--text-scale, 1.3))}.import-mode{grid-template-columns:1fr}.import-summary strong{font-size:calc(21px * var(--text-scale, 1.3))}.import-summary span{font-size:calc(8px * var(--text-scale, 1.3))}.modal-content,.modal-header{padding:20px}.form-grid{gap:0 10px}.part-edit{flex-wrap:wrap}.part-edit>input:first-child{min-width:120px}.new-class{min-height:170px}}@media print{.sidebar,.topbar,.page-footer,.heading-actions,.toolbar,.tabs,.toast,button{display:none!important}.main-shell{margin:0}main{padding:0}.card{break-inside:avoid}.app{display:block}}.sidebar{overflow-y:auto;scrollbar-width:thin}.sidebar-bottom{padding-top:20px}.nav-item{font-size:calc(12px * var(--text-scale, 1.3))}.brand small{white-space:nowrap;font-size:calc(6px * var(--text-scale, 1.3));letter-spacing:1.1px}.event-info strong,.task-copy strong,.student-link strong,.deadline-row>div:nth-child(2)>strong{font-size:calc(12px * var(--text-scale, 1.3))}.metric p,.card-description,.lesson-tags>span,.card-bottom-note{font-size:calc(10px * var(--text-scale, 1.3))}.event-info span,.task-copy>span,.student-link>span,.deadline-row>div:nth-child(2)>span{font-size:calc(10px * var(--text-scale, 1.3))}.metric-top>span:first-child{font-size:calc(11px * var(--text-scale, 1.3))}.card-heading h2{font-size:calc(13px * var(--text-scale, 1.3))}.task-copy strong,.event-info strong,.student-link strong,.deadline-row>div:nth-child(2)>strong{color:var(--klasmi-steel)}.card-description,.event-info span,.student-link>span,.task-copy>span,.deadline-row>div:nth-child(2)>span,.metric p,.page-heading p,.next-lesson p,.lesson-tags>span{color:var(--klasmi-steel)}.card-bottom-note{color:var(--klasmi-steel)}.card-add{font-size:calc(11px * var(--text-scale, 1.3))}.class-summary h3{font-size:calc(13px * var(--text-scale, 1.3))}.class-summary h3 small{font-size:calc(10px * var(--text-scale, 1.3))}.class-health>span{font-size:calc(9px * var(--text-scale, 1.3))}.class-summary h3,.class-health strong{color:var(--klasmi-steel)}.offline-card{margin-top:15px}.topbar .global-search input{font-size:calc(11px * var(--text-scale, 1.3))}.review-assignment h2{color:var(--text)}.pinned-note{color:var(--klasmi-clay)}.check-options label,.check-label{color:var(--klasmi-steel)}.settings-row input,.settings-row select{color:var(--text)}@media(max-height:820px)and (min-width:761px){.sidebar{padding-top:22px}.brand{margin-bottom:23px}.workspace-switch{margin-bottom:22px}.nav-item{min-height:36px;padding-top:9px;padding-bottom:9px;margin-bottom:2px}.sidebar-bottom{padding-top:12px}.offline-card{margin:12px 0}.user-profile{padding-top:12px;padding-bottom:12px}}@media(max-width:760px){.sidebar{display:flex;transform:translate(-100%);width:228px;box-shadow:8px 0 35px color-mix(in srgb,var(--klasmi-steel) 12.16%,transparent)}.sidebar-collapsed .sidebar{display:flex;transform:translate(0)}.topbar>.icon-button{display:flex}.topbar .global-search input{font-size:calc(10px * var(--text-scale, 1.3))}.global-search{width:140px}.main-shell{margin-left:0!important}.sidebar-collapsed .main-shell:after{content:"";position:fixed;inset:65px 0 0 228px;background:color-mix(in srgb,var(--klasmi-steel) 13.33%,transparent);z-index:29}.task-copy strong,.event-info strong{font-size:calc(12px * var(--text-scale, 1.3))}}.recovery{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:650px}.recovery>p{padding:0 25px;text-align:center;color:var(--muted)}.calendar-grid{align-items:start}.calendar-day{height:auto;min-height:720px}.calendar-event:hover{filter:brightness(.98);box-shadow:0 2px 8px color-mix(in srgb,var(--klasmi-steel) 6.27%,transparent)}:root{--brand-blue: var(--klasmi-steel);--brand-cyan: var(--klasmi-steel);--brand-navy: var(--klasmi-steel);--brand-green: var(--klasmi-teal);--brand-yellow: var(--klasmi-clay);--primary: var(--klasmi-steel);--primary-soft: var(--klasmi-fill-steel);--text: var(--klasmi-steel);--muted: var(--klasmi-on-ink-dim);--border: var(--klasmi-fill-teal);--bg: var(--klasmi-fill-steel);--shadow: 0 3px 14px color-mix(in srgb, var(--klasmi-steel) 1.96%, transparent);color:var(--text);background:var(--bg)}body{background:var(--bg)}.brand{display:flex;justify-content:center;margin:-14px 0 16px}.brand-logo{display:block;width:146px;height:146px;object-fit:contain;border-radius:10px}.loading-logo{width:210px;height:210px;object-fit:contain;border-radius:16px}.nav-item.active{background:var(--primary-soft);color:var(--klasmi-steel);box-shadow:inset 3px 0 0 var(--brand-blue)}.nav-item.active svg{color:var(--brand-blue)}.nav-item b{background:var(--klasmi-fill-steel);color:var(--klasmi-steel)}.nav-dot{background:var(--brand-yellow)}.workspace-icon,.user-avatar{background:var(--klasmi-fill-steel);color:var(--klasmi-steel)}.primary,.lesson-cta>button{background:var(--surface);border-color:var(--klasmi-steel);color:#fff;box-shadow:0 3px 9px color-mix(in srgb,var(--klasmi-steel) 10.98%,transparent)}.primary:hover,.lesson-cta>button:hover{background:var(--klasmi-steel)}.next-lesson{background:var(--surface);border-color:var(--klasmi-fill-teal)}.next-lesson h2{color:var(--brand-navy)}.next-lesson h2>span{background:var(--klasmi-fill-teal);color:var(--klasmi-steel)}.lesson-eyebrow{color:var(--klasmi-steel)}.lesson-eyebrow>span:last-child:not(.pulse-dot){color:var(--klasmi-steel);border-color:var(--klasmi-mist)}.lesson-decoration div{border-color:var(--klasmi-mist)}.pulse-dot{background:var(--brand-blue);box-shadow:0 0 0 3px var(--klasmi-fill-teal)}.metric-icon,.metric-icon.blue,.metric-icon.purple{background:var(--klasmi-fill-steel);color:var(--klasmi-steel)}.metric-icon.orange{background:var(--klasmi-fill-clay);color:var(--klasmi-clay)}.metric:first-child .metric-icon{background:var(--klasmi-fill-teal);color:var(--klasmi-teal)}.day-progress{background:var(--klasmi-fill-steel);border-color:var(--klasmi-fill-teal)}.progress-symbol{background:var(--klasmi-fill-teal);color:var(--klasmi-teal)}.day-progress-copy strong{color:var(--klasmi-teal)}.day-progress-copy span,.day-progress-bar>span{color:var(--klasmi-on-ink-dim)}.day-progress-bar .progress{background:var(--klasmi-fill-teal)}.day-progress-bar .progress span{background:var(--brand-green)}.day-progress>b,.tiny-spark{color:var(--klasmi-teal)}.progress{background:var(--klasmi-fill-steel)}.progress>span{background:var(--surface)}.task-check{border-color:var(--klasmi-mist)}.done .task-check{background:var(--klasmi-fill-teal);border-color:var(--klasmi-line);color:var(--klasmi-teal)}.badge.green{background:var(--klasmi-fill-teal);color:var(--klasmi-teal)}.badge.blue{background:var(--klasmi-fill-steel);color:var(--klasmi-steel)}.badge.orange,.deadline-date.due-today{background:var(--klasmi-fill-clay);border-color:var(--klasmi-line);color:var(--klasmi-clay)}.orange-dot,.priority-dot.hoog,.priority-dot.urgent{background:var(--brand-yellow)}.rolled{color:var(--klasmi-clay)!important}.online-dot{background:var(--brand-green)}.offline-card{background:var(--klasmi-fill-steel);border-color:var(--klasmi-fill-teal)}.offline-card div{color:var(--klasmi-teal)}.offline-card small{color:var(--klasmi-on-ink-dim)}.grade-pill{background:var(--klasmi-fill-steel);color:var(--klasmi-steel)}.grade-pill.low{background:var(--klasmi-fill-clay);color:var(--klasmi-clay)}.tabs>button.selected,.text-button,.link-button:hover{color:var(--klasmi-steel)}.tabs>button.selected:after{background:var(--brand-blue)}.review-item.selected{background:var(--klasmi-fill-steel);border-left-color:var(--brand-blue)}.calendar-day-head.is-today b,.month-day.is-today{background:var(--brand-blue)}.calendar-toolbar h2,.class-health strong,.class-summary h3{color:var(--brand-navy)}.pinned-note{background:var(--klasmi-paper);border-color:var(--klasmi-line);color:var(--klasmi-clay)}.pinned-note input{color:var(--klasmi-clay)}.toast{background:var(--brand-navy)}input:focus,textarea:focus,select:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--klasmi-steel) 9.41%,transparent)}button:focus-visible,a:focus-visible{outline-color:var(--brand-cyan)}[data-theme=dark]{--bg:var(--klasmi-black);--surface:var(--klasmi-ink-900);--sidebar:var(--klasmi-ink-900);--text:var(--klasmi-fill-steel);--muted:var(--klasmi-mist);--border:var(--klasmi-ink);--primary:var(--klasmi-steel);--primary-soft:var(--klasmi-steel);color:var(--text);background:var(--bg)}[data-theme=dark] .brand-logo{background:transparent}[data-theme=dark] .nav-item.active{background:var(--klasmi-steel);color:var(--klasmi-steel)}[data-theme=dark] .next-lesson{background:var(--surface);border-color:var(--klasmi-steel)}[data-theme=dark] .next-lesson h2,[data-theme=dark] .class-health strong,[data-theme=dark] .class-summary h3{color:var(--klasmi-fill-teal)}[data-theme=dark] .next-lesson h2>span{background:var(--klasmi-steel);color:var(--klasmi-mist)}[data-theme=dark] .day-progress,[data-theme=dark] .offline-card{background:var(--klasmi-teal);border-color:var(--klasmi-teal)}[data-theme=dark] .day-progress-copy strong,[data-theme=dark] .offline-card div{color:var(--klasmi-mist)}[data-theme=dark] .day-progress-copy span,[data-theme=dark] .offline-card small{color:var(--klasmi-on-ink-dim)}[data-theme=dark] .day-progress-bar .progress{background:var(--klasmi-teal)}[data-theme=dark] .progress-symbol{background:var(--klasmi-teal);color:var(--klasmi-teal)}[data-theme=dark] .badge.green{background:var(--klasmi-teal);color:var(--klasmi-mist)}[data-theme=dark] .badge.blue,[data-theme=dark] .grade-pill{background:var(--klasmi-steel);color:var(--klasmi-mist)}[data-theme=dark] .badge.orange,[data-theme=dark] .grade-pill.low,[data-theme=dark] .deadline-date.due-today{background:var(--klasmi-clay);color:var(--klasmi-line);border-color:var(--klasmi-clay)}[data-theme=dark] .pinned-note{background:var(--klasmi-clay);border-color:var(--klasmi-clay)}[data-theme=dark] .pinned-note input{color:var(--klasmi-clay)}[data-theme=dark] .review-item.selected{background:var(--klasmi-steel);border-left-color:var(--brand-blue)}@media(max-height:820px)and (min-width:761px){.brand{margin:-8px 0 12px}.brand-logo{width:120px;height:120px}.workspace-switch{margin-bottom:16px}}@media(max-width:760px){.brand{margin:0 0 16px}.brand-logo{width:140px;height:140px}}html[data-theme=dark] .app .day-progress,html[data-theme=dark] .app .offline-card{background:var(--klasmi-teal);border-color:var(--klasmi-teal)}html[data-theme=dark] .app .progress-symbol{background:var(--klasmi-teal);color:var(--klasmi-teal)}html[data-theme=dark] .app .day-progress-bar .progress{background:var(--klasmi-teal)}html[data-theme=dark] .app .day-progress-bar>span,html[data-theme=dark] .app .day-progress>b,html[data-theme=dark] .app .tiny-spark{color:var(--klasmi-teal)}html[data-theme=dark] .app .metric-icon,html[data-theme=dark] .app .metric-icon.purple{background:var(--klasmi-steel);color:var(--klasmi-mist)}html[data-theme=dark] .app .metric-icon.orange{background:var(--klasmi-clay);color:var(--klasmi-clay)}html[data-theme=dark] .app .metric:first-child .metric-icon{background:var(--klasmi-teal);color:var(--klasmi-teal)}html[data-theme=dark] .app .nav-item.active{background:var(--klasmi-steel);color:var(--klasmi-mist)}html[data-theme=dark] .app .lesson-eyebrow,html[data-theme=dark] .app .lesson-eyebrow>span:last-child:not(.pulse-dot){color:var(--klasmi-mist)}html:not([data-theme=dark]){--bg:var(--klasmi-white)}html:not([data-theme=dark]),html:not([data-theme=dark]) body,html:not([data-theme=dark]) .app,html:not([data-theme=dark]) .main-shell,html:not([data-theme=dark]) main{background:var(--klasmi-white)}html:not([data-theme=dark]) .next-lesson{background:var(--klasmi-white);border-color:var(--klasmi-fill-teal)}html:not([data-theme=dark]) .lesson-decoration{opacity:.12}html:not([data-theme=dark]) .day-progress{background:var(--klasmi-white);border-color:var(--klasmi-fill-teal)}.workspace-context{display:flex;align-items:center;gap:12px;padding:12px 36px;border-bottom:1px solid var(--border);background:var(--surface,var(--klasmi-white));flex-wrap:wrap}.workspace-context select{max-width:240px}.workspace-context>span{font-size:calc(12px * var(--text-scale, 1.3));color:var(--muted)}.subject-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid;border-radius:8px;padding:5px 10px;font-size:calc(12px * var(--text-scale, 1.3));color:var(--text);background:var(--surface,var(--klasmi-white))}.subject-badge>span{width:8px;height:8px;border-radius:50%}.subject-card{padding:24px;border-top:4px solid}.subject-card h2{margin:18px 0 10px}.subject-card>p{line-height:1.7;color:var(--muted)}.subject-card .full-width{margin-top:18px}.subject-tabs{flex-wrap:wrap;gap:4px}.subject-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.subject-metric{text-align:left;padding:22px;display:flex;flex-direction:column;gap:12px}.subject-metric strong{font-size:calc(32px * var(--text-scale, 1.3));color:var(--text)}.subject-metric small{color:var(--muted)}.subject-metric.span-2{grid-column:span 2}.subject-attention{display:flex;align-items:center;gap:18px;padding:18px 22px;border-bottom:1px solid var(--border);width:100%;text-align:left}.subject-attention span{flex:1;font-size:calc(13px * var(--text-scale, 1.3));line-height:1.6}.library-row{display:flex;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.library-row>div{flex:1;min-width:160px}.library-row p{margin:6px 0;color:var(--muted);white-space:pre-line}.subject-result-editor{background:var(--surface,var(--klasmi-white));padding:20px;border:1px solid var(--border);border-radius:12px;margin:20px 0}.subject-result-editor p{line-height:1.6;margin:10px 0}.subject-assignment-detail{border:1px solid var(--border);border-radius:10px;padding:16px;margin:12px 0}details>summary{cursor:pointer;padding:12px 0;line-height:1.7}details .toolbar{margin:12px 0}.evidence-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:14px 0}.evidence-row>span{min-width:140px}.evidence-row input{max-width:250px}.subject-chart{display:grid;gap:12px;max-height:560px;overflow:auto;padding:14px 0}.subject-chart>button{display:grid;grid-template-columns:minmax(130px,1fr) 2fr 55px;gap:16px;align-items:center;text-align:left;min-height:34px}.subject-chart>button>div{height:12px;background:var(--border);border-radius:8px;overflow:hidden}.subject-chart i{display:block;height:100%;border-radius:8px;min-width:0}.subject-chart>button:focus-visible{outline:2px solid var(--klasmi-steel)}.subject-chart strong{text-align:right}.part-edit{flex-wrap:wrap}.part-edit select{max-width:150px}.subject-result-editor+.toolbar{flex-wrap:wrap}@media(max-width:1050px){.subject-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-context{padding:12px 20px}}@media(max-width:650px){.subject-metrics{grid-template-columns:1fr}.subject-metric.span-2{grid-column:span 1}.subject-attention{align-items:flex-start;flex-direction:column}.subject-chart>button{grid-template-columns:1fr 1fr 40px}}.subject-tabs{gap:8px;border-bottom:0;margin:20px 0 24px;overflow:visible}.subject-tabs>button{padding:9px 13px;border:1px solid var(--border);border-radius:8px;background:var(--surface);line-height:1.3;white-space:nowrap}.subject-tabs>button.selected{background:var(--primary-soft);border-color:var(--klasmi-steel);color:var(--klasmi-steel);font-weight:650}.subject-tabs>button.selected:after{display:none}.subject-tabs>button:hover{border-color:var(--klasmi-steel);color:var(--klasmi-steel)}html:not([data-theme=dark]){color-scheme:light;--bg:var(--klasmi-white);--surface:var(--klasmi-white);--sidebar:var(--klasmi-white)}html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] :is(body,.app,.main-shell,main){background:var(--bg)}html[data-theme=dark] :is(.modal,.modal-header,.card,.workspace-context,.topbar,.search-results,.notifications){background:var(--surface);color:var(--text)}html[data-theme=dark] :is(input,textarea,select,.secondary){background:var(--surface);border-color:var(--border);color:var(--text)}html[data-theme=dark] :is(.subject-tabs>button.selected,.subject-tabs>button:hover,.settings-nav>button.selected,.segmented>button.selected){color:var(--klasmi-mist)}html[data-theme=dark] .modal::backdrop{background:color-mix(in srgb,var(--klasmi-black) 66.67%,transparent)}.theme-logo-dark,html[data-theme=dark] .theme-logo-light{display:none}html[data-theme=dark] .theme-logo-dark{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-help{margin-left:auto;white-space:nowrap}.help-center{max-width:1040px;margin:0 auto}.help-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.help-heading p:not(.eyebrow){margin-top:12px;color:var(--muted);font-size:calc(14px * var(--text-scale, 1.3))}.help-version{font-size:calc(11px * var(--text-scale, 1.3));color:var(--muted);white-space:nowrap;line-height:1.8}.help-search{display:flex;align-items:center;gap:12px;padding:8px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);margin:22px 0}.help-search input{flex:1;border:0;font-size:calc(14px * var(--text-scale, 1.3));min-width:0;box-shadow:none}.help-search:focus-within{outline:2px solid var(--brand-blue);outline-offset:2px}.help-welcome{display:flex;gap:20px;align-items:center;background:var(--primary-soft);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:24px}.help-welcome>div{flex:1}.help-welcome p{margin-top:8px;color:var(--text);font-size:calc(13px * var(--text-scale, 1.3))}.help-categories{display:flex;flex-wrap:wrap;gap:8px}.help-categories button{border:1px solid var(--border);border-radius:20px;padding:10px 14px;background:var(--surface);font-size:calc(12px * var(--text-scale, 1.3))}.help-categories button.selected{background:var(--primary-soft);border-color:var(--brand-blue)}.help-result-count{margin:20px 0;color:var(--muted)}.help-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.help-topic{text-align:left;padding:24px;display:flex;flex-direction:column;gap:13px}.help-topic:hover,.help-next:hover{border-color:var(--brand-blue)}.help-topic small,.help-topic p{color:var(--muted)}.help-topic h2{font-size:calc(18px * var(--text-scale, 1.3));line-height:1.4}.help-topic span{display:flex;align-items:center;gap:8px;color:var(--primary);margin-top:auto}.help-article{max-width:790px}.help-article>.eyebrow{margin:24px 0 10px}.help-article>h2{font-size:calc(26px * var(--text-scale, 1.3));line-height:1.35;margin-bottom:22px}.help-article>h2:focus{outline:none}.help-before{padding:18px 20px;background:var(--primary-soft);border-radius:10px;margin-bottom:28px;line-height:1.8}.help-step-count{font-size:calc(13px * var(--text-scale, 1.3));font-weight:600;color:var(--muted)}.help-step-picker{list-style:none;padding:0;display:flex;gap:10px;margin:12px 0 22px;flex-wrap:wrap}.help-step-picker button{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--surface)}.help-step-picker button[aria-current=step]{background:var(--primary);color:var(--klasmi-white);border-color:var(--primary)}.help-step{padding:26px;border:1px solid var(--border);border-left:4px solid var(--brand-blue);border-radius:10px;background:var(--surface);min-height:150px}.help-step h3{font-size:calc(21px * var(--text-scale, 1.3));line-height:1.5}.help-step p{font-size:calc(16px * var(--text-scale, 1.3));line-height:1.9;margin-top:14px;color:var(--text)}.help-step-actions{display:flex;justify-content:space-between;gap:14px;margin:18px 0 28px}.help-step-actions button{min-height:42px;font-size:calc(13px * var(--text-scale, 1.3))}.help-last{display:flex;align-items:center;gap:8px;color:var(--muted)}.help-result{border-left:4px solid var(--brand-green);padding:18px 20px;background:var(--surface);margin:22px 0;line-height:1.8}.help-details{border-top:1px solid var(--border);padding:8px 0;font-size:calc(14px * var(--text-scale, 1.3))}.help-details summary{font-weight:600}.help-details li{padding:10px 0}.help-details p{margin:8px 0 14px;line-height:1.9}.help-launch{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px 0;border-top:1px solid var(--border);margin-top:18px}.help-launch p{color:var(--muted);font-size:calc(12px * var(--text-scale, 1.3));max-width:380px}.help-next{display:flex;width:100%;align-items:center;justify-content:space-between;text-align:left;padding:20px;margin-top:20px}.help-next strong{display:block;margin-top:7px;font-size:calc(16px * var(--text-scale, 1.3))}.help-route{padding:22px 0}.help-route ol{padding-left:24px}.help-route li{padding:8px}.help-route button{display:inline-flex;align-items:center;gap:10px;text-align:left;line-height:1.7;color:var(--primary)}.help-footer{padding:24px 0;color:var(--muted);font-size:calc(11px * var(--text-scale, 1.3))}.help-empty{padding:35px 0}.help-empty p{margin:12px 0 20px}.help-context .help-heading h1{font-size:calc(23px * var(--text-scale, 1.3))}.help-context .help-heading,.help-context .help-launch{flex-wrap:wrap}.sidebar{overflow-y:auto}html[data-theme=dark] .help-topic span,html[data-theme=dark] .help-route button,html[data-theme=dark] .screen-help{color:var(--klasmi-mist)}@media(max-width:760px){.help-list{grid-template-columns:1fr}.help-heading,.help-welcome{flex-wrap:wrap}.help-version{white-space:normal}.help-launch{align-items:flex-start;flex-direction:column}.help-step{padding:18px}.help-step h3{font-size:calc(19px * var(--text-scale, 1.3))}.help-search{flex-wrap:wrap}.help-search input{font-size:calc(13px * var(--text-scale, 1.3))}.help-categories button{font-size:calc(11px * var(--text-scale, 1.3))}.screen-help{margin-left:0}.help-step-actions{flex-wrap:wrap}}.import-mapping{padding:18px;background:var(--primary-soft);border-radius:10px;margin:18px 0}.calendar-all-day{margin-bottom:12px;padding:14px;display:flex;gap:12px;flex-wrap:wrap}.calendar-all-day>div{flex:1;min-width:100px}.calendar-all-day .calendar-event{display:block;width:100%;margin:6px 0}.walkthrough{position:fixed;z-index:1000;right:18px;bottom:18px;width:min(360px,calc(100vw - 36px));max-height:70vh;overflow:auto;background:var(--surface);color:var(--text);border:2px solid var(--brand-blue);box-shadow:0 10px 40px color-mix(in srgb,var(--klasmi-black) 26.67%,transparent);border-radius:14px;padding:20px}.walkthrough header,.walkthrough footer{display:flex;gap:10px;align-items:center;justify-content:space-between}.walkthrough header{margin-bottom:14px}.walkthrough header button{font-size:calc(11px * var(--text-scale, 1.3))}.walkthrough h2{font-size:calc(19px * var(--text-scale, 1.3));line-height:1.5;margin:12px 0}.walkthrough p{font-size:calc(14px * var(--text-scale, 1.3));line-height:1.8}.walkthrough-hint,.walkthrough small{color:var(--muted);font-size:calc(11px * var(--text-scale, 1.3))!important}.walkthrough footer{margin:15px 0}.walkthrough.compact{padding:12px}.walkthrough.compact header{margin:0}.walkthrough-target{outline:3px solid var(--brand-blue)!important;outline-offset:4px;box-shadow:0 0 0 7px color-mix(in srgb,var(--klasmi-steel) 14.9%,transparent)!important}.help-article>.primary{margin-bottom:16px}.update-panel{padding:24px}.update-panel p{margin:14px 0;line-height:1.8}.update-panel li{padding:8px 0;line-height:1.8}.update-panel [role=status]{overflow-wrap:anywhere}.avatar,.user-avatar{overflow:hidden;flex-shrink:0}.avatar img,.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.image-picker{display:grid;gap:12px;margin:18px 0;min-width:0}.image-picker>label{font-weight:600}.image-picker input{max-width:100%;width:100%}.image-picker .secondary{justify-self:start}.image-preview{width:140px;height:140px;object-fit:cover;border-radius:16px;border:1px solid var(--border)}.image-picker p{margin:0}.teacher-profile-form{padding:20px;display:grid;gap:16px}.subject-cover{width:100%;height:150px;object-fit:cover;border-radius:12px;margin-bottom:16px}.subject-banner{width:100%;max-height:220px;object-fit:cover;border-radius:16px;margin:12px 0 20px}.user-profile>div{min-width:0;overflow-wrap:anywhere}#klasflow-control-tip{position:fixed;z-index:100000;max-width:min(320px,calc(100vw - 16px));padding:12px 14px;border:1px solid var(--klasmi-steel);border-radius:10px;background:var(--klasmi-steel);color:var(--klasmi-white);box-shadow:0 6px 22px color-mix(in srgb,var(--klasmi-black) 26.67%,transparent);font-size:calc(13px * var(--text-scale, 1.3));line-height:1.5;white-space:normal;overflow-wrap:anywhere;pointer-events:auto}kbd[data-help]{cursor:help}.setup-steps{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 24px}.setup-steps li{padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:calc(12px * var(--text-scale, 1.3))}.setup-steps li.current{background:var(--klasmi-steel);color:#fff;font-weight:600}.topbar,.topbar-right,.settings-row,.workspace-context{flex-wrap:wrap}.topbar{height:auto;min-height:70px}.settings-row{gap:16px}button{white-space:normal}.nav-item{height:auto;min-height:40px}.student-selection{display:flex;gap:10px;flex-wrap:wrap;padding:12px;align-items:center}.selection-check{min-width:20px;min-height:20px}.table-card{overflow:auto}.history-controls{display:flex;gap:8px;flex-wrap:wrap;padding:8px 20px}.history-controls button:disabled{opacity:.45}.review-select-row{display:flex;gap:8px;align-items:center;padding-left:12px}.review-select-row .review-item{flex:1;min-width:0}.class-picker{border:1px solid var(--border);border-radius:8px;padding:16px;margin:16px 0}.class-picker legend{font-weight:600}input[type=checkbox]{width:calc(16px * var(--text-scale,1));height:calc(16px * var(--text-scale,1));flex-shrink:0}html[data-theme=dark] .settings-nav button.selected,html[data-theme=dark] .nav-item.active{background:var(--klasmi-steel);color:var(--klasmi-fill-teal)}.attitude-input{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.attitude-input select{min-width:180px}.lesson-table{min-width:1080px}.lesson-table td{vertical-align:top}.lesson-feedback{max-width:240px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9em}.report-presets{border:1px solid var(--border);border-radius:12px;padding:16px;margin:16px 0}.export-checklist{border:1px solid var(--border);border-radius:12px;padding:16px;margin:16px 0;min-width:0}.export-checklist legend{font-weight:600;padding:0 8px}.export-checklist .check-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:12px 0}.student-lesson-note{min-width:230px}.student-lesson-note textarea{width:100%;box-sizing:border-box}.student-lesson-note small{display:block;line-height:1.6;margin-bottom:8px}.lesson-observation{padding:16px 0;border-bottom:1px solid var(--border)}.lesson-observation p{white-space:pre-wrap;overflow-wrap:anywhere}.start-lesson{padding:20px;margin-bottom:20px;display:flex;align-items:center;flex-wrap:wrap;gap:16px;justify-content:space-between}.start-lesson details{flex-basis:100%}.lesson-steps{display:flex;gap:16px;padding:0;list-style:none;flex-wrap:wrap}.lesson-steps [aria-current=step]{font-weight:700;color:var(--primary)}.lesson-display,.lesson-display .check-options{margin:12px 0}.lesson-table{min-width:760px}.lesson-table-expanded{min-width:1080px}.preference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;padding:8px 0}.app-lock{min-height:100vh;display:grid;place-items:center;background:var(--bg,var(--klasmi-white));padding:24px}.app-lock>.card{width:min(100%,460px)}.openable-card{position:relative;isolation:isolate;transition:box-shadow .16s,border-color .16s}.openable-card .card-open{position:static}.openable-card .card-open:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;cursor:pointer}.openable-card :is(button,a,input,select,textarea):not(.card-open){position:relative;z-index:2}.openable-card:has(.card-open:focus-visible){outline:3px solid var(--brand-blue);outline-offset:3px}.openable-card .card-open:focus-visible{outline:none}@media(hover:hover){.openable-card:has(.card-open:hover),button:is(.metric,.subject-metric,.class-summary):hover{box-shadow:0 0 0 2px var(--brand-blue)}}@media(prefers-reduced-motion:reduce){.openable-card{transition:none}}.student-panel{position:fixed;inset:0 0 0 auto;margin:0;width:min(940px,96vw);max-width:96vw;height:100dvh;max-height:100dvh;border-radius:16px 0 0 16px}.student-panel .modal-content{overflow:auto}.student-panel .profile-heading{flex-wrap:wrap}.student-quick-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:170px}.student-quick-actions details[open]{padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.student-quick-actions details button{display:block;padding:8px}.more-options{padding:12px;border:1px solid var(--border);border-radius:8px}.more-options summary{cursor:pointer;font-weight:600;margin-bottom:8px}.next-step{margin-bottom:16px}html[data-color-profile] .app .primary{background:var(--personal-accent);border-color:var(--personal-accent);color:var(--personal-on-accent)}html[data-color-profile] .app :is(.nav-item.active,.settings-nav>button.selected,.subject-tabs>button.selected,.segmented>button.selected){background:var(--personal-soft);color:var(--personal-link);border-color:var(--personal-link)}html[data-color-profile] .app :is(.text-button:not(.danger),.back-button){color:var(--personal-link)}html[data-color-profile] .app :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--personal-link);outline-offset:3px}html[data-color-profile] .app input:is([type=checkbox],[type=radio]){accent-color:var(--personal-link)}html[data-color-profile] .app .review-item.selected{border-left-color:var(--personal-link)}html[data-color-profile] .app .secondary[aria-pressed=true]{border-color:var(--personal-link);background:var(--personal-soft);color:var(--personal-link)}.settings-copyright{display:flex;align-items:center;gap:16px;margin-top:24px;padding:16px 0;border-top:1px solid var(--border);color:var(--muted);font-size:calc(10px * var(--text-scale, 1.3));line-height:1.5}.settings-copyright strong{color:inherit;font-weight:500}.settings-copyright p{margin:4px 0}.copyright-logo{flex:0 0 64px}.copyright-copy{min-width:0;overflow-wrap:anywhere}.copyright-logo img{width:64px;height:64px;object-fit:contain}.settings-copyright a{color:inherit;text-decoration:underline}.menu-order-list{list-style:decimal;padding-left:28px;max-width:640px}.menu-order-list li{padding:6px 0;border-bottom:1px solid var(--border)}.menu-order-list li>span{display:inline-block;width:calc(100% - 110px);vertical-align:middle}.menu-order-list li>div{display:inline-flex;gap:6px}.settings-nav .settings-group-title{font-size:calc(11px * var(--text-scale,1));color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:20px 10px 6px}.settings-nav .settings-group-title:first-child{margin-top:0}.settings-advanced{margin-top:24px;border-top:1px solid var(--border);padding-top:14px}.settings-advanced summary{cursor:pointer;padding:8px 10px;color:var(--muted)}.settings-advanced button{width:100%;text-align:left;padding:10px;background:transparent;color:var(--text);border:0;border-radius:8px}.settings-advanced button.selected{background:var(--primary-soft)}.attitude-choices{display:flex;flex-direction:column;gap:8px;width:100%}.attitude-rating-buttons,.attitude-exclusion-buttons{display:flex;gap:6px;flex-wrap:wrap}.attitude-choice{min-height:40px;white-space:normal}.attitude-choice[aria-pressed=true]{outline:2px solid var(--primary);outline-offset:1px;font-weight:700}.attitude-choice:focus-visible{outline:3px solid currentColor;outline-offset:3px}.toast{flex-wrap:wrap;width:max-content;max-height:50vh;overflow:auto}.toast-message{flex:1 1 240px;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap;user-select:text}.toast>button{min-height:36px}.page-preferences-fields{border:1px solid var(--border);border-radius:10px;padding:18px;margin:18px 0}.page-preferences-fields legend{font-weight:600;padding:0 8px}.help-task-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.help-shortcuts{margin:28px 0}.help-shortcuts h2{margin-bottom:14px}.help-browse{margin:24px 0}.help-browse summary{font-weight:600}.help-reading-mode{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.help-reading-mode [aria-pressed=true]{background:var(--primary-soft);box-shadow:inset 0 0 0 2px var(--primary)}.help-all-steps{padding-left:2rem;line-height:1.85}.help-all-steps>li{padding:16px 18px;margin-bottom:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.help-all-steps>li::marker{font-weight:700;color:var(--primary)}.help-all-steps p{margin-top:10px}.help-all-steps h3{line-height:1.5}.help-shortcuts .button-row,.help-welcome{flex-wrap:wrap}@media(max-width:850px){.help-task-groups,.help-list{grid-template-columns:1fr}.help-heading{flex-wrap:wrap}.help-version{white-space:normal}}.page-visibility-notice{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;margin-bottom:18px;background:var(--primary-soft);border:1px solid var(--border);border-radius:8px;color:var(--text)}.import-steps{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:14px 0 24px}.import-steps li{padding:10px 14px;border:1px solid var(--border);border-radius:8px}.import-steps [aria-current=step]{background:var(--primary-soft);border-color:var(--primary);font-weight:700}.import-preview-table input{min-width:150px;max-width:260px}.import-steps+h2,.modal-content>h2{margin:16px 0}.modal-content>p{line-height:1.8;margin:12px 0}.import-preview-table{max-height:450px;overflow:auto}.sort-controls{border:1px solid var(--border);border-radius:10px;padding:12px 16px;margin:14px 0 20px;background:var(--surface)}.sort-summary{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.sort-summary>span{line-height:1.7;color:var(--text)}.sort-shortcuts{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.sort-menu-button{margin-left:auto}.sort-chip{padding:7px 12px;border:1px solid var(--border);border-radius:7px}.sort-chip[aria-pressed=true]{color:var(--primary);background:var(--primary-soft);border-color:var(--primary)}.sort-options{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.sort-options p{line-height:1.8;margin-bottom:12px}.sort-options>.toolbar,.sort-options label{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sort-heading{display:inline-flex;align-items:center;gap:6px;font-weight:700;white-space:normal;text-align:left;padding:7px 4px;min-height:36px;border-radius:5px;color:inherit}.sort-heading:hover{background:var(--primary-soft);color:var(--primary)}.sort-controls .toolbar select{max-width:100%}.sort-options>.text-button{margin:12px}.sort-controls p{color:var(--text)}.event-time-slot{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);display:grid;gap:12px}.event-time-slot h3,.event-time-slot p{margin:0}.event-time-slot p{font-size:.9em;color:var(--muted)}.slot-duration-options{display:flex;flex-wrap:wrap;gap:8px}.slot-duration-options button[aria-pressed=true]{background:var(--primary);color:#fff;border-color:var(--primary)}.event-time-slot summary{cursor:pointer}.event-time-slot details .field{margin-top:12px}.workspace-context{gap:8px;padding:10px 24px}.workspace-context>select{width:clamp(130px,16vw,220px);min-width:0;text-overflow:ellipsis}.workspace-tools{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}.workspace-tools button:disabled{opacity:.45}.workspace-tools .screen-help{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}.workspace-tools .screen-help svg{flex-shrink:0}.sort-target{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sort-target-hint{font-size:.9em}.team-sync-status{display:flex;flex-direction:column;align-items:flex-start;gap:3px;max-width:360px;text-align:left;white-space:normal}.team-sync-status small{font-size:.78em;line-height:1.4}.report-wizard{min-width:0}.report-wizard-steps{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.report-wizard-steps button{padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.report-wizard-steps button[aria-current=step]{border-color:var(--primary);font-weight:700;text-decoration:underline;text-underline-offset:4px}.report-wizard-steps button:disabled{opacity:.5}.report-wizard-content{min-width:0}.report-wizard-content h4{margin:16px 0}.report-wizard-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px;flex-wrap:wrap}.report-export-summary{display:grid;grid-template-columns:minmax(90px,auto) minmax(0,1fr);gap:8px 18px}.report-export-summary dt{font-weight:600}.report-export-summary dd{margin:0;overflow-wrap:anywhere}.report-preview-table{overflow:auto;max-height:340px;margin:12px 0}.report-preview-table table{min-width:600px}.report-preview-table td{color:var(--text);font-size:1rem;max-width:320px;white-space:normal;overflow-wrap:anywhere}.report-wizard-content>details{margin:14px 0}.work-context-line{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 12px;font-size:.95rem}.work-context-line small{color:var(--muted)}.return-to-view{margin-bottom:16px}.average-info-button{display:inline-flex;align-items:center;gap:7px;padding:6px 8px;border-radius:6px;font-weight:600;color:var(--text)}.average-info-button svg{color:var(--primary)}.average-info-button:hover,.average-info-button:focus-visible{background:var(--primary-soft);text-decoration:underline;text-underline-offset:3px}.field>input:not([type=checkbox]):not([type=radio]):not([type=color]),.field>select,.field>textarea,.lesson-table input:not([type=checkbox]),.lesson-table select,.lesson-table textarea{border-color:color-mix(in srgb,var(--text) 35%,var(--border));background:var(--surface);box-shadow:inset 0 1px 2px color-mix(in srgb,var(--klasmi-black) 3.14%,transparent)}input[readonly],textarea[readonly]{background:var(--bg);border-style:dashed;box-shadow:none}input:disabled,select:disabled,textarea:disabled{background:var(--bg);opacity:.7;cursor:not-allowed}.grade-table .grade-pill{border:1px solid color-mix(in srgb,var(--text) 30%,var(--border));border-radius:6px;min-width:54px;padding:7px 10px}.grade-table .grade-pill:hover{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.table-card{max-height:min(72vh,850px);position:relative;isolation:isolate}.table-card table{border-collapse:separate;border-spacing:0}.table-card thead th{position:sticky;top:0;z-index:3;background:var(--surface);box-shadow:0 1px 0 var(--border);color:var(--text)}.table-card tbody td{color:var(--text)}.table-card tbody tr{--table-row-background:var(--surface)}.table-card tbody tr:hover,.table-card tbody tr:focus-within{--table-row-background:var(--primary-soft);background:var(--primary-soft)}.table-card:has(thead th:first-child input[type=checkbox]) tr>:first-child{position:sticky;left:0;min-width:48px;width:48px;max-width:48px;box-sizing:border-box;background:var(--table-row-background,var(--surface));z-index:2}.table-card:has(thead th:first-child input[type=checkbox]) tr>:nth-child(2){position:sticky;left:48px;min-width:190px;max-width:260px;background:var(--table-row-background,var(--surface));z-index:2;box-shadow:1px 0 0 var(--border)}.table-card:has(thead th:first-child input[type=checkbox]) thead tr>:first-child,.table-card:has(thead th:first-child input[type=checkbox]) thead tr>:nth-child(2){z-index:4;background:var(--surface)}@media(max-width:1100px){.table-card{max-height:65vh}}.table-card:has(thead th:first-child input[type=checkbox]) tr>:first-child{padding-left:12px;padding-right:12px}.table-card td{border-bottom-color:var(--border)}[data-theme=dark] .secondary{background:var(--surface);color:var(--text);border-color:var(--border)}[data-theme=dark] .secondary:hover{background:var(--primary-soft)}[data-theme=dark] .grade-table .grade-pill{background:var(--surface);color:var(--text)}[data-theme=dark] .grade-table .grade-pill.low{color:var(--klasmi-line);border-color:var(--klasmi-clay)}[data-theme=dark] .table-card thead th{background:var(--surface);color:var(--text)}[data-theme=dark] .table-card tbody tr:hover,[data-theme=dark] .table-card tbody tr:focus-within{background:var(--primary-soft)}[hidden]{display:none!important}.nav-more{margin:8px 0}.nav-more>summary{padding:12px 16px;cursor:pointer;font-weight:600}.nav-more[open]{border:1px solid var(--border);border-radius:12px}.today-next-actions,.lesson-mode{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 22px}.lesson-mode button[aria-pressed=true]{border:2px solid var(--primary);font-weight:700}.work-context-line{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.work-context-line>div:first-child{flex:1;min-width:240px}.work-context-line small{display:block}.classes-grid .main-class-card{grid-column:1/-1}.classes-grid .subgroup-card{margin-left:28px;border-left:3px solid var(--primary)}.more-options{margin:12px 0}.more-options>summary{cursor:pointer;padding:10px 0;font-weight:600}.report-launcher{margin:18px 0}.list-tools{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;margin:0 0 20px;border-bottom:1px solid var(--border);padding-bottom:14px}.list-tools>.toolbar{flex:1;min-width:240px;margin:0;flex-wrap:wrap}.list-tools-sort{margin-left:auto;max-width:100%}.list-tools-sort>div{margin-top:0;margin-bottom:0}.page-heading{gap:20px;align-items:flex-start}.heading-actions{flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.empty-help{max-width:480px;margin:18px auto 0;text-align:left;color:var(--text)}.empty-help summary{cursor:pointer;text-align:center;padding:8px;font-weight:600}.empty-help>div{padding:12px;line-height:1.65}.student-panel{width:min(760px,94vw);display:flex;flex-direction:column;overflow:hidden}.student-panel .modal-header{flex-shrink:0;border-bottom:1px solid var(--border)}.student-panel .modal-content{min-height:0;overscroll-behavior:contain}.student-panel .profile-heading h1{font-size:calc(23px * var(--text-scale,1.15))}.student-panel .profile-heading{gap:12px}.student-panel .profile-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.student-panel .profile-metrics>div{min-width:0}.student-panel .two-columns{grid-template-columns:1fr}.student-panel .tabs{overflow-x:auto;white-space:nowrap;gap:16px}.student-panel .assignment-profile-row{flex-wrap:wrap}.student-panel::backdrop{background:#00000029}@media(max-width:700px){.list-tools{flex-direction:column}.list-tools>.toolbar{min-width:0;width:100%}.heading-actions{justify-content:flex-start}.student-panel{width:100vw;max-width:100vw;border-radius:0}}.grade-selection{display:flex;gap:16px;align-items:end;padding:0 0 20px;margin-bottom:8px;border-bottom:1px solid var(--border)}.grade-selection>.field{flex:1;max-width:340px;margin:0}.grade-selection select{width:100%}.grade-display{position:relative;align-self:center}.grade-display>summary{cursor:pointer;list-style:none;padding:10px 12px;border-radius:7px}.grade-display>summary:hover{background:var(--primary-soft)}.grade-display-options{position:absolute;z-index:12;right:0;top:100%;width:min(540px,85vw);padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px color-mix(in srgb,var(--klasmi-black) 13.33%,transparent)}.grade-display-options>.check-label{margin-bottom:12px}.calm-grade-table{max-height:calc(100dvh - 310px);overflow:auto;isolation:isolate}.calm-grade-table .grade-pill{background:transparent;color:var(--text);border-color:transparent;box-shadow:none}.calm-grade-table .grade-pill.low{color:var(--klasmi-clay);background:color-mix(in srgb,var(--klasmi-clay) 8%,var(--surface));border-color:transparent}[data-theme=dark] .calm-grade-table .grade-pill.low{color:var(--klasmi-line);border-color:transparent}.grade-assignment-title{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-weight:600;padding:5px 0}.grade-assignment-title:hover{text-decoration:underline}.grade-history{margin:20px 0;border-top:1px solid var(--border);padding-top:16px;overflow:auto}.grade-history summary{cursor:pointer;font-weight:600;padding:8px 0}.grade-history article{padding:12px 0;border-bottom:1px solid var(--border)}@media(max-width:700px){.grade-selection{flex-wrap:wrap;gap:10px}.grade-selection>.field{min-width:140px}.calm-grade-table{max-height:65dvh}.grade-display-options{right:-90px}}.students-filters{gap:12px;align-items:center;border-bottom:1px solid var(--border);padding-bottom:18px}.students-filters .input-search{flex:1;min-width:210px}.student-more-filters{position:relative}.student-more-filters>summary{cursor:pointer;padding:10px 12px;white-space:nowrap}.student-more-filters>div{position:absolute;top:100%;right:0;z-index:10;min-width:290px;max-width:85vw;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px color-mix(in srgb,var(--klasmi-black) 13.33%,transparent)}.student-more-filters .toolbar{align-items:stretch;flex-direction:column}.calm-students-table .student-cell strong{color:var(--text)}.calm-students-table .student-cell:hover strong{color:var(--primary)}.calm-students-table td:last-child{white-space:nowrap;text-align:right}@media(max-width:700px){.students-filters>.input-search{width:100%}.student-more-filters>div{right:auto;left:0}.students-workspace .heading-actions{gap:8px}}.calm-assignments-table td{vertical-align:middle}.assignment-list-title{display:block;text-align:left;font-weight:600;color:var(--text);max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 0}.assignment-list-title:hover{color:var(--primary);text-decoration:underline}.assignment-list-description{max-width:360px;white-space:normal;color:var(--muted);line-height:1.6;margin-top:5px}.assignment-list-actions{white-space:nowrap;text-align:right}.assignment-list-actions .text-button{margin-left:8px}.calm-assignments-table td>small{display:block;color:var(--muted)}.subject-list-image{width:32px;height:32px;object-fit:cover;border-radius:6px;margin-right:10px;vertical-align:middle}.calm-subjects-table td{vertical-align:middle}.calm-subjects-table td>small{display:block;color:var(--muted);margin-top:4px}.calm-subjects-table td:nth-child(2){max-width:300px;white-space:normal}.presentation-choices{border:0;border-bottom:1px solid var(--border);padding:0 0 16px;margin:0 0 16px;min-width:0}.presentation-choices legend{font-weight:600;margin-bottom:10px}.presentation-choices>div{display:flex;gap:6px;flex-wrap:wrap}.presentation-choices button{padding:8px 12px;border:1px solid var(--border);border-radius:7px}.presentation-choices button[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary);color:var(--text)}.presentation-setting{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--border)}.presentation-setting select{width:180px}.presentation-surface[data-presentation=Lijst] td{padding-top:10px;padding-bottom:10px;border-right:0}.presentation-surface[data-presentation=Tabel] td{border-right:1px solid var(--border)}.presentation-surface[data-presentation=Kaarten]{max-height:none;overflow:visible;border:0;background:transparent}.presentation-surface[data-presentation=Kaarten]>table{display:block;min-width:0;width:100%}.presentation-surface[data-presentation=Kaarten]>table>thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.presentation-surface[data-presentation=Kaarten]>table>tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:16px}.presentation-surface[data-presentation=Kaarten]>table>tbody>tr{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;padding:18px;background:var(--surface);min-width:0;position:relative}.presentation-surface[data-presentation=Kaarten]>table>tbody>tr>td{position:static!important;display:block;min-width:0!important;width:auto!important;max-width:none!important;border:0;box-shadow:none!important;padding:6px 0;white-space:normal;text-align:left;background:transparent!important}.presentation-surface[data-presentation=Kaarten] td[data-column]:not([data-column=""]):before{content:attr(data-column);display:block;font-size:.8em;color:var(--muted);margin-bottom:3px}.presentation-surface[data-presentation=Kaarten] td .assignment-list-title{max-width:100%;white-space:normal}.presentation-surface[data-presentation=Kaarten] .assignment-list-actions{margin-top:auto}.presentation-surface[data-presentation=Kaarten] .assignment-list-actions .text-button{margin:4px 12px 0 0}.presentation-surface .subgroup-row>td:first-child{padding-left:28px}.presentation-surface[data-presentation=Kaarten] .subgroup-row{border-left:4px solid var(--primary)}.collection-presentation[data-presentation=Lijst]{display:flex;flex-direction:column;gap:12px}.collection-presentation[data-presentation=Lijst]>.card{width:100%;grid-column:auto}.action-board.collection-presentation[data-presentation=Kaarten]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:16px;padding:0;border:0;background:transparent}.action-board.collection-presentation[data-presentation=Kaarten]>.action-detail-row{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:18px;margin:0;align-items:flex-start;flex-wrap:wrap}@media(prefers-reduced-motion:no-preference){.presentation-surface tbody tr{transition:background .15s}}.presentation-surface[data-presentation=Kaarten]>table>thead{display:none}.presentation-bulk{margin-bottom:14px}.archive-presentation[data-presentation=Kaarten]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(310px,100%),1fr));gap:16px;border:0;background:transparent}.archive-presentation[data-presentation=Kaarten]>.settings-row{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:18px;flex-wrap:wrap;align-items:flex-start}.archive-presentation[data-presentation=Kaarten]>.student-selection{grid-column:1/-1}.workspace-context>.work-context-line{flex:1 1 100%;min-width:0;margin:0;font-size:calc(11px * var(--text-scale, 1.3));gap:12px 20px}.workspace-context>.work-context-line>div:first-child{flex:1 1 280px;min-width:0;overflow-wrap:anywhere}.workspace-context>.work-context-line strong{font-weight:500}.workspace-context>.work-context-line small{line-height:1.5}.work-context-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:100%;margin-left:auto}.work-context-controls>select{width:clamp(130px,15vw,220px);min-width:0;text-overflow:ellipsis}.work-context-controls>.button-row{margin-left:auto;gap:8px}.workspace-context>.work-context-line .button-row button{white-space:nowrap;font-size:inherit}@media(max-width:1000px){.workspace-context>.work-context-line>div:first-child{flex-basis:100%}.work-context-controls{width:100%;justify-content:flex-start}}.calendar-more{position:relative}.calendar-more>summary{list-style:none;cursor:pointer;padding:9px 12px;color:var(--muted);border-radius:8px}.calendar-more>summary::-webkit-details-marker{display:none}.calendar-more>summary:hover{background:var(--border);color:var(--text)}.calendar-more>summary:focus-visible{outline:2px solid var(--primary,var(--klasmi-steel));outline-offset:2px}.calendar-more-actions{position:absolute;right:0;top:100%;z-index:30;display:grid;min-width:240px;max-width:calc(100vw - 40px);padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px color-mix(in srgb,var(--klasmi-black) 13.33%,transparent)}.calendar-more-actions>button{display:flex;align-items:center;gap:8px;text-align:left;padding:12px;border-radius:6px}.calendar-more-actions>button:hover{background:var(--border)}.error-notice{border:1px solid var(--border);border-left:3px solid var(--klasmi-clay);border-radius:8px;padding:12px 14px;margin:10px 0;min-width:0;text-align:left;overflow-wrap:anywhere}.error-notice p{margin:6px 0;line-height:1.6}.error-notice textarea{display:block;width:100%;font:inherit;font-size:.85em;white-space:pre-wrap;user-select:text}.error-notice small{display:block;line-height:1.5}.toast .error-notice{margin:0;border:0;padding:0;flex:1 1 300px}.toast .error-notice textarea{color:var(--text);background:var(--surface)}.persistent-error .error-notice{background:var(--surface);color:var(--text)}@font-face{font-family:Kanit;src:url(/brand/fonts/Kanit-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Kanit;src:url(/brand/fonts/Kanit-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Work Sans;src:url(/brand/fonts/WorkSans-Variable.ttf) format("truetype");font-weight:100 900;font-display:swap}:root,html[data-theme=light]{--bg:var(--klasmi-white);--surface:var(--klasmi-white);--sidebar:var(--klasmi-white);--text:var(--klasmi-ink);--muted:var(--klasmi-text);--border:var(--klasmi-line);--primary:var(--klasmi-steel);--primary-soft:var(--klasmi-fill-steel);--shadow:none;--brand-blue:var(--klasmi-steel);--brand-cyan:var(--klasmi-teal);--brand-navy:var(--klasmi-ink);--brand-green:var(--klasmi-teal);--brand-yellow:var(--klasmi-clay);font-family:var(--klasmi-font-text);color:var(--text);background:var(--bg)}html[data-theme=dark]{--bg:var(--klasmi-black);--surface:var(--klasmi-ink-900);--sidebar:var(--klasmi-black);--text:var(--klasmi-paper);--muted:var(--klasmi-mist);--border:var(--klasmi-text);--primary:var(--klasmi-mist);--primary-soft:var(--klasmi-ink);--shadow:none;color:var(--text)}body,main,.main-shell{background:var(--bg);color:var(--text)}h1,h2,h3,h4,h5,button,summary{font-family:var(--klasmi-font-display);font-weight:500}h1{font-weight:600;letter-spacing:-.02em}p,input,textarea,select,table{font-family:var(--klasmi-font-text)}a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}a:hover{color:var(--text)}:is(.primary,.secondary,.danger-button){border-radius:var(--klasmi-r-pill);min-height:44px;box-shadow:none;background-image:none}.primary,.lesson-cta>button{background:var(--klasmi-steel);border-color:var(--klasmi-steel);color:var(--klasmi-white);box-shadow:none}.primary:hover,.lesson-cta>button:hover{background:var(--klasmi-ink);box-shadow:none}.secondary{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:none}.secondary:hover{background:var(--primary-soft)}.danger-button{background:var(--klasmi-clay-ink);border-color:var(--klasmi-clay-ink);color:var(--klasmi-white)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--primary);outline-offset:3px}input,select,textarea{color:var(--text);border-color:var(--border);background:var(--surface)}input::placeholder,textarea::placeholder{color:var(--muted)}.card,.metric,.next-lesson,.start-lesson,.help-topic,.subject-card,.assignment-card{box-shadow:none;background-image:none;border-color:var(--border)}.page-heading h1,.card h2,.metric-number{color:var(--text)}.nav-item,.nav-item svg,.workspace-switch small,.save-status,.breadcrumb,.page-heading p{color:var(--muted)}.nav-item.active{background:var(--primary-soft);color:var(--primary);box-shadow:inset 3px 0 0 var(--primary)}.nav-item.active svg{color:inherit}.nav-item:hover{background:var(--primary-soft)}.metric-icon,.brand-mark,.progress-symbol{background:none;border:0;border-radius:0;box-shadow:none}.brand{margin:0 0 20px;padding:8px 0;text-decoration:none;min-height:144px}.brand-logo{width:144px;height:144px;object-fit:contain;border-radius:0}.loading-logo{width:210px;height:210px;border-radius:0}.copyright-logo img{width:120px;height:120px;object-fit:contain;border-radius:0}.sidebar-collapsed .brand{min-height:44px}.sidebar-collapsed .brand-logo{width:40px;height:40px;content:url(/brand/logo/klasmi-mark.svg)}html[data-theme=dark] .sidebar-collapsed .brand-logo{content:url(/brand/logo/klasmi-mark.svg)}.klasmi-icon{stroke:none;display:inline-block;vertical-align:middle;flex-shrink:0}html[data-theme=dark] .klasmi-icon{--klasmi-icon-primary:var(--klasmi-paper);--klasmi-icon-secondary:var(--klasmi-mist)}.klasmi-icon :is(path,rect,circle,polygon){stroke:none}:is(.table-card,.calm-grade-table) th{color:var(--text)}html[data-theme=dark] :is(.secondary,.card,.modal,.modal-header,.topbar,.workspace-context){background:var(--surface);color:var(--text)}html[data-theme=dark] :is(.text-button,.link-button,.help-topic>span,.help-search,.help-categories button){color:var(--primary)}html[data-theme=dark] :is(.primary,.lesson-cta>button){background:var(--klasmi-steel);color:var(--klasmi-white)}html[data-theme=dark] :is(.info-box,.help-before,.help-step,.help-all-steps li){background:var(--surface);color:var(--text);border-color:var(--border)}html[data-color-profile=custom] .primary{background:var(--personal-accent);border-color:var(--personal-accent);color:var(--personal-on-accent)}html[data-color-profile=custom] .nav-item.active{color:var(--personal-link);background:var(--personal-soft);box-shadow:inset 3px 0 0 var(--personal-accent)}@media(max-width:720px){.page-heading,.heading-actions,.toolbar{flex-wrap:wrap}.heading-actions{gap:8px}main{padding:18px 14px 0}.help-heading{flex-wrap:wrap}}.copyright-logo{flex:0 0 120px}.nav-item{min-height:44px}.brand-logo{width:190px;height:190px}.brand{min-height:190px;margin-bottom:12px}html[data-theme=dark] .klasmi-icon{--klasmi-icon-primary:var(--klasmi-white);--klasmi-icon-secondary:var(--klasmi-mist);--klasmi-paper:var(--klasmi-ink-900)}html[data-theme=dark] :is(.nav-label,.workspace-icon,.app-footer,.app-footer span,.breadcrumb strong,.global-search,.workspace-context small,.presentation-table small){color:var(--muted)}html[data-theme=dark] :is(.nav-item.active,.settings-nav>button.selected,.subject-tabs>button.selected,.segmented>button.selected){background:var(--primary-soft);color:var(--text)}html[data-theme=dark] :is(.table-card,.presentation-table,.calm-grade-table) thead th{background:var(--surface);color:var(--muted)}html[data-theme=dark] :is(.table-card,.presentation-table) td small{color:var(--muted)}.copyright-logo{flex:0 0 48px}.copyright-logo img{width:48px;height:48px;content:url(/brand/logo/klasmi-mark.svg)}html[data-theme=dark] .app :is(.field>span,.student-cell,.table-card td .text-button,.pinned-note input,.workspace-switch>svg,.global-search svg,.topbar .icon-button){color:var(--muted)}html[data-theme=dark] .app :is(.offline-card,.pinned-note,.day-progress){background:var(--surface);color:var(--text);border-color:var(--border)}html[data-theme=dark] .app :is(.offline-card div,.offline-card small){color:var(--muted)}html[data-theme=dark] .app .nav-item.active{background:var(--primary-soft);color:var(--text)}html[data-theme=dark] .app .metric-icon{background:none;color:var(--muted)}html[data-theme=dark] .app :is(h1,h2,h3,h4){color:var(--text)}html[data-theme=dark] .app .settings-nav button:not(.selected){color:var(--muted)}html[data-theme=dark] .app :is(.info-box,.page-footer){background:var(--surface);color:var(--muted);border-color:var(--border)}html[data-theme=dark] .app .page-footer{background:var(--bg)}html[data-theme=dark] .app .page-footer :is(span,svg,small){color:var(--muted)}.app .metric .metric-icon,.app .metric:first-child .metric-icon,.app .class-card .class-icon{background:none;border-radius:0;box-shadow:none}