.kflow-landing{--sky: #6ec6ff;--ink: #0c2438;--muted: #59768f;--surface: #ffffff;--card: #e8f4ff;--accent: #0b4b79;--brand-gradient: linear-gradient(135deg, #257865 0%, #0b6da8 100%);min-height:100vh;color:var(--ink);background:radial-gradient(circle at 12% 12%,#dff2ff 0%,transparent 30%),radial-gradient(circle at 85% -8%,#f0e9ff 0%,transparent 28%),linear-gradient(130deg,#f6fbff,#f9f8ff 35%,#eef9ff)}.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{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 small{display:block;color:var(--muted);font-size:11px}.kflow-nav-links{display:flex;gap:18px;align-items:center}.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:linear-gradient(140deg,var(--accent),#0b6da8);color:#fff!important;box-shadow:0 10px 20px #0a548b4d}.kflow-cta-link{border-radius:999px;padding:10px 16px;background:linear-gradient(140deg,var(--accent),#0b6da8);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:linear-gradient(140deg,#0f5a8f,#0b6da8);color:#fff}.kflow-button-ghost{background:#fff;color:var(--accent)}.kflow-kpi-card{background:var(--brand-gradient);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-gradient{background:var(--brand-gradient);border-color:#ffffff4d;color:#fff}.kflow-role-card-gradient h3,.kflow-role-card-gradient>p,.kflow-role-card-gradient .kflow-role-points,.kflow-role-card-gradient .kflow-role-points li,.kflow-role-card-gradient .kflow-role-points strong,.kflow-role-card-gradient .kflow-role-points span{color:#fff}.kflow-role-card-gradient .kflow-role-pill{color:#fff;background:#ffffff24;border-color:#ffffff52}.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(--brand-gradient);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 *{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:linear-gradient(150deg,#e9f6ff,#f4f0ff);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}}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1a354b;background:#f7f8fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:calc(13px * var(--text-scale, 1.15));--bg:#f7f8fa;--surface:#fff;--text:#1a354b;--muted:#7492ab;--border:#e5ecf1;--primary:#255378;--primary-soft:#edf1f5;--sidebar:#fff;color-scheme:light;--shadow:0 3px 12px #19324703}*{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 #7798b3;outline-offset:3px}button{border:0;background:none}input,textarea,select{background:var(--surface);border:1px solid #dbe3ea;border-radius:7px;padding:10px 12px;color:var(--text);outline:none;min-width:0}input:focus,textarea:focus,select:focus{border-color:#6f8fa9;box-shadow:0 0 0 3px #25537810}input::placeholder,textarea::placeholder{color:#8fa8bc}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.15));letter-spacing:-1.05px;font-weight:650;line-height:1.28}h2{font-size:calc(15px * var(--text-scale, 1.15));letter-spacing:-.25px;font-weight:650}h3{font-size:calc(14px * var(--text-scale, 1.15));font-weight:600}p{line-height:1.7}a{color:inherit;text-decoration:none}small{font-size:calc(11px * var(--text-scale, 1.15))}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:#244f73;border-radius:10px;color:#fff;box-shadow:inset 0 1px #fff2}.brand>span{font-size:calc(24px * var(--text-scale, 1.15));letter-spacing:-1.1px;font-weight:720}.brand-light{font-weight:430}.brand small{font-size:calc(7px * var(--text-scale, 1.15));letter-spacing:1.35px;display:block;font-weight:650;color:#7f9bb2;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:#f3f0e9;color:#988058;font-size:calc(11px * var(--text-scale, 1.15));font-weight:650}.workspace-switch>span:nth-child(2){flex:1;font-size:calc(12px * var(--text-scale, 1.15));font-weight:600}.workspace-switch small{display:block;color:var(--muted);font-weight:400;margin-top:4px}.workspace-switch>svg{color:#7c99b0}.nav-label{font-size:calc(9px * var(--text-scale, 1.15));letter-spacing:1.3px;color:#92aabd;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.15));color:#5b7d98;margin-bottom:3px;min-height:41px}.nav-item svg{color:#7896ae}.nav-item:hover{background:var(--primary-soft)}.nav-item.active{color:#244d6e;background:#eaeff3;font-weight:650}.nav-item.active svg{color:#2c597e}.nav-item b{font-size:calc(10px * var(--text-scale, 1.15));padding:3px 6px;background:#f0ebe0;color:#a78959;border-radius:4px;margin-left:auto}.nav-dot{width:5px;height:5px;background:#c7a66a;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:32px}.offline-card{border:1px solid #dfe7ed;background:#f7f9fa;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:#6486a2;display:inline-block;flex-shrink:0}.offline-card div{flex:1;font-size:calc(10px * var(--text-scale, 1.15));font-weight:600}.offline-card small{display:block;color:#86a1b7;font-size:calc(8.5px * var(--text-scale, 1.15));margin-top:4px;font-weight:400}.offline-card>svg{color:#87a1b7}.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:#dfe7ed;color:#5a7a95;display:grid;place-items:center;font-size:calc(11px * var(--text-scale, 1.15))}.user-profile>div{font-size:calc(10px * var(--text-scale, 1.15));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.15))}.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:#7594ac;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.15));color:#86a0b6;white-space:nowrap}.breadcrumb strong{font-weight:500;color:#4f6c84}.breadcrumb span{color:#b7c7d4}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:18px}.global-search{position:relative;display:flex;align-items:center;gap:8px;color:#8aa3b8;width:265px}.global-search input{border:0;padding:8px 0;background:transparent;flex:1;font-size:calc(10px * var(--text-scale, 1.15));width:200px;box-shadow:none}.global-search kbd{font-size:calc(9px * var(--text-scale, 1.15));padding:3px 4px;border:1px solid #e4ebf0;border-radius:4px;white-space:nowrap;color:#85a0b6}.save-status{display:flex;align-items:center;gap:5px;color:#849fb6;font-size:calc(9px * var(--text-scale, 1.15));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.15));font-weight:550;white-space:nowrap}.primary{background:var(--primary);border:1px solid var(--primary);color:#fff;box-shadow:0 2px 3px #1632490a}.primary:hover{background:#1e4768;box-shadow:0 3px 8px #162d3f18}.secondary{background:var(--surface);border:1px solid #dce5ec;color:#577791;box-shadow:0 1px 2px #162b3d03}.secondary:hover{background:var(--primary-soft);border-color:#ced9e2}.quick-add{min-height:34px;font-size:calc(10px * var(--text-scale, 1.15));gap:6px;padding:8px 11px}.danger-button{background:#ac5147;color:#fff;border:1px solid #ac5147}.danger{color:#b66659!important}.text-button{display:inline-flex;align-items:center;gap:5px;font-size:calc(11px * var(--text-scale, 1.15));color:var(--primary);padding:5px 0}.link-button{display:inline-flex;align-items:center;gap:5px;color:#6b8ba6;font-size:calc(10px * var(--text-scale, 1.15));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:#6b8ca6;font-size:calc(9px * var(--text-scale, 1.15));font-weight:550;margin-bottom:12px}.page-heading p{color:#7c99b1;font-size:calc(11px * var(--text-scale, 1.15));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.15));color:#6e8ea8}.date-button svg:last-child{margin-left:10px}.day-progress{display:flex;align-items:center;padding:14px 19px;background:#eef2f6;border:1px solid #dde5ec;border-radius:9px;margin-bottom:22px;gap:13px}.progress-symbol{color:#5f829e;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#dfe7ee}.day-progress-copy strong{display:block;font-size:calc(11px * var(--text-scale, 1.15));font-weight:600;color:#4f6c84}.day-progress-copy span{display:block;font-size:calc(10px * var(--text-scale, 1.15));color:#7492ab;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:#d7e1e9;height:5px}.day-progress-bar .progress span{background:#6f8ea8}.day-progress-bar>span{font-size:calc(9px * var(--text-scale, 1.15));color:#809cb3;white-space:nowrap}.day-progress>b{font-size:calc(12px * var(--text-scale, 1.15));color:#6285a1;font-weight:550;margin-left:6px}.tiny-spark{color:#a1b5c6;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:#cbd7e0;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.15));color:#5f829f;font-weight:500}.metric-icon{height:30px;width:30px;display:grid;place-items:center;border-radius:7px;background:#edf1f5;color:#597a95}.metric-icon.purple{background:#f1edf8;color:#a08abc}.metric-icon.orange{background:#fbf1e7;color:#c99c6f}.metric-icon.blue{background:#eef3f8;color:#81a0ba}.metric-number{display:flex;align-items:center;justify-content:space-between;font-size:calc(31px * var(--text-scale, 1.15));line-height:1.2;font-weight:550;margin-top:6px;letter-spacing:-1px}.metric-number svg{color:#99b0c2;width:14px;margin-right:2px;margin-top:14px}.metric p{font-size:calc(9px * var(--text-scale, 1.15));color:#8ea7bb;margin-top:7px}.next-lesson{border:1px solid #dbe3ea;background:linear-gradient(112deg,#f0f4f7,#f3f6f8 60%,#eaeff3);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.15));letter-spacing:1.2px;color:#5e819d;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.15));font-weight:450;padding-left:12px;border-left:1px solid #d0dbe4;margin-left:7px;color:#6f8fa9}.pulse-dot{width:5px;height:5px;background:#5b7d98;box-shadow:0 0 0 3px #e3eaf0}.next-lesson h2{font-size:calc(23px * var(--text-scale, 1.15));font-weight:550;letter-spacing:-.7px;color:#244967;display:flex;align-items:center;gap:14px}.next-lesson h2>span{font-size:calc(10px * var(--text-scale, 1.15));font-weight:500;letter-spacing:0;padding:4px 8px;background:#dee6ec;color:#54738c;border-radius:4px}.lesson-meta{display:flex;align-items:center;gap:7px;margin-top:12px;color:#7291ab;font-size:calc(10px * var(--text-scale, 1.15))}.lesson-meta>span{padding:0 5px;color:#aabdcc}.next-lesson p{font-size:calc(10px * var(--text-scale, 1.15));color:#7392ab;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.15));color:#6889a4}.orange-dot{background:#cda76e;width:5px;height:5px}.lesson-cta{position:relative;z-index:1;text-align:center;margin-right:12px;flex-shrink:0}.lesson-cta>button{background:#285275;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.15));box-shadow:0 3px 7px #254b6b11}.lesson-cta>button:hover{background:#1e4666}.lesson-cta>span{display:block;margin-top:10px;color:#7a98b0;font-size:calc(8px * var(--text-scale, 1.15))}.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 #cbd7e0;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.15));color:#31628a}.card-heading h2 svg{color:#829eb4;width:16px}.card-tools{display:flex;align-items:center;gap:8px}.card-description{padding:0 21px 13px;color:#8ba4b9;font-size:calc(10px * var(--text-scale, 1.15))}.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.15));color:#5a7b96;min-width:31px;font-weight:500}.event-time small{display:block;font-size:calc(9px * var(--text-scale, 1.15));color:#9eb3c4;margin-top:5px;font-weight:400}.event-line{width:3px;min-height:38px;background:#6e8ea8;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.15));display:block;color:#31638c;font-weight:550}.event-info span{font-size:calc(9px * var(--text-scale, 1.15));color:#8aa4b9;display:block;margin-top:6px}.event-info i{font-style:normal;margin:0 6px;color:#b3c4d1}.round-link{height:26px;width:26px;display:grid;place-items:center;border:1px solid #e1e8ee;border-radius:50%;color:#90a9bd}.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.15));color:#87a1b7;background:#fdfefe}.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 #d0dce5;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:#6f8ea8}.done .task-check{background:#e6ecf1;border-color:#d3dee7}.task-copy{flex:1;text-align:left;padding:0}.task-copy strong{display:block;font-size:calc(10px * var(--text-scale, 1.15));color:#577690;font-weight:500}.task-copy>span{display:block;font-size:calc(8px * var(--text-scale, 1.15));color:#93abbe;margin-top:5px}.done .task-copy strong,.done .action-detail-copy strong{text-decoration:line-through;color:#96adc0}.rolled{color:#b7a172!important}.priority-dot{width:5px;height:5px;border-radius:50%;background:#e2d6b9;margin-left:auto}.priority-dot.hoog,.priority-dot.urgent{background:#ccab7d}.priority-dot.laag{background:#93abbe}.attention-row{display:flex;align-items:center;gap:11px;margin:0 21px;padding:11px 0;border-bottom:1px solid #ecf1f5}.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.15));font-weight:500;flex-shrink:0;background:#f3e8de;color:#a58568}.avatar.small{height:29px;width:29px;font-size:calc(9px * var(--text-scale, 1.15))}.av-0{background:#eee9f3;color:#9b88ab}.av-1{background:#e5ebf0;color:#7090aa}.av-2{background:#f4e9db;color:#b19775}.av-3{background:#e7edf5;color:#8a9caf}.av-4{background:#f1e6e4;color:#ad8b84}.student-link{text-align:left;padding:0;flex:1}.student-link strong{font-size:calc(10px * var(--text-scale, 1.15));display:block;font-weight:550;color:#506e86}.student-link>span{font-size:calc(9px * var(--text-scale, 1.15));display:block;color:#90a8bc;margin-top:5px;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speak-button{border:1px solid #dde5ec;border-radius:5px;display:flex;gap:6px;align-items:center;padding:6px 8px;font-size:calc(8px * var(--text-scale, 1.15));color:#7694ad}.speak-button:hover{background:#eaf0f5}.card-bottom-note{display:flex;align-items:center;gap:6px;padding:13px 21px;background:#fafcfd;font-size:calc(8px * var(--text-scale, 1.15));color:#8ea7bb;margin-top:10px;border-top:1px solid #f2f1e9}.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 #ebf0f4}.deadline-row:last-child{border-bottom:0}.deadline-date{background:#eef2f6;border:1px solid #e1e8ee;border-radius:6px;width:39px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#86a0b6;flex-shrink:0}.deadline-date strong{font-size:calc(14px * var(--text-scale, 1.15));font-weight:500}.deadline-date span{font-size:calc(8px * var(--text-scale, 1.15));margin-top:2px}.deadline-date.due-today{background:#fcf3e4;border-color:#f3e7cc;color:#c6aa70}.deadline-row>div:nth-child(2){flex:1}.deadline-row>div:nth-child(2)>strong{font-size:calc(10px * var(--text-scale, 1.15));font-weight:550;display:block;color:#55758e}.deadline-row>div:nth-child(2)>span{display:block;font-size:calc(8px * var(--text-scale, 1.15));color:#8ea7bb;margin-top:6px}.deadline-row>svg{color:#9fb4c6}.badge{display:inline-flex;align-items:center;gap:5px;line-height:1.3;padding:4px 7px;font-size:calc(9px * var(--text-scale, 1.15));background:#eef2f5;color:#6587a3;border-radius:4px;white-space:nowrap;font-weight:450}.badge.green{background:#eaf0f4;color:#587892}.badge.orange{background:#faf0df;color:#bd9a5c}.badge.blue{background:#eaf1f7;color:#6e97b1}.badge.purple{background:#f1edf8;color:#9382ab}.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 #e3eaef;border-radius:7px;padding:15px 15px 17px}.class-summary:hover{background:#f8fafc}.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.15));color:#54738c;font-weight:600}.class-summary h3 small{display:block;color:#92aabd;font-size:calc(8px * var(--text-scale, 1.15));margin-top:4px;font-weight:400}.class-summary-top>svg{margin-left:auto;color:#92aabe}.class-health{display:flex;align-items:baseline;gap:5px;margin:16px 0 8px}.class-health strong{font-size:calc(17px * var(--text-scale, 1.15));color:#5a7c97;font-weight:550}.class-health>span{font-size:calc(8px * var(--text-scale, 1.15));color:#8da6bb}.class-health>span:last-child{margin-left:auto}.progress{height:5px;border-radius:10px;background:#e7edf2;overflow:hidden}.progress>span{display:block;height:100%;background:#85a1b8;border-radius:10px;transition:width .25s}.page-footer{display:flex;align-items:center;gap:6px;padding:24px 1px 20px;color:#99afc2;font-size:calc(8px * var(--text-scale, 1.15))}.page-footer>span:last-child{margin-left:auto;font-size:calc(8px * var(--text-scale, 1.15))}.search-results,.notifications{position:absolute;top:39px;right:0;background:var(--surface);box-shadow:0 8px 40px #14283820;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.15))}.search-results small{display:block;color:var(--muted);font-size:calc(10px * var(--text-scale, 1.15));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.15))}.notifications p{font-size:calc(10px * var(--text-scale, 1.15));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 #14293a26;width:min(560px,calc(100vw - 40px));max-height:88vh;overflow:auto}.modal.wide{width:min(850px,calc(100vw - 40px))}.modal::backdrop{background:#162b3d55;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.15));font-weight:600}.modal-header p{font-size:calc(11px * var(--text-scale, 1.15));color:var(--muted);margin-top:6px}.modal-content{padding:23px 25px}.modal-content>p{color:#6c8ca7;font-size:calc(12px * var(--text-scale, 1.15));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.15));color:#5e819e;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.15));color:#6889a4;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.15));color:#6587a3}.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:#5c7e99;font-size:calc(11px * var(--text-scale, 1.15))}.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.15));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:#21435f;color:#fff;box-shadow:0 7px 25px #152c3e26;border-radius:9px;z-index:100;font-size:calc(12px * var(--text-scale, 1.15));max-width:95vw}.toast>button{display:flex;align-items:center;gap:6px;border-left:1px solid #ffffff25;color:#c9d5de;font-size:calc(10px * var(--text-scale, 1.15));padding-left:13px;white-space:nowrap}.persistent-error{position:fixed;bottom:0;left:0;right:0;padding:9px;background:#a64132;color:#fff;z-index:101;text-align:center;font-size:calc(12px * var(--text-scale, 1.15))}.error-box{background:#fff0ec;border:1px solid #eed3c8;color:#ad6755;padding:13px;border-radius:7px;margin:12px 0;font-size:calc(12px * var(--text-scale, 1.15))}.info-box{display:flex;gap:12px;background:var(--primary-soft);padding:20px;border:1px solid #dee6ec;border-radius:9px;color:#5d7f9b;font-size:calc(12px * var(--text-scale, 1.15));margin:22px 0}.info-box p{color:#7896ae;margin-top:5px;font-size:calc(11px * var(--text-scale, 1.15))}.empty{padding:45px 20px;text-align:center;color:#8ca5ba}.empty>svg{margin-bottom:14px;opacity:.7}.empty h3{font-weight:500;color:#6688a4}.empty p{font-size:calc(11px * var(--text-scale, 1.15));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.15))}.input-search{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:0 12px;color:#8ba5ba;min-width:265px}.input-search input{border:none;background:none;box-shadow:none;padding-left:0;font-size:calc(11px * var(--text-scale, 1.15));flex:1;width:100%}.result-count{margin-left:auto;color:#88a2b7;font-size:calc(11px * var(--text-scale, 1.15))}.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.15));color:#829eb4;font-weight:500;background:#f9fbfc;padding:15px 18px;border-bottom:1px solid var(--border)}td{padding:16px 18px;border-bottom:1px solid #e9eef3;font-size:calc(11px * var(--text-scale, 1.15));color:#6688a3}tbody tr:last-child td{border-bottom:0}td small,th small{display:block;font-size:calc(9px * var(--text-scale, 1.15));font-weight:400;margin-top:4px;color:#92aabd}tbody tr:hover{background:#fbfcfd}td select{font-size:calc(10px * var(--text-scale, 1.15));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.15));color:#516e86;font-weight:550}.student-cell small{font-size:calc(9px * var(--text-scale, 1.15));color:#92aabe;margin-top:4px;display:block}.table-progress{display:flex;gap:10px;align-items:center;font-size:calc(10px * var(--text-scale, 1.15));color:#89a3b8}.table-progress .progress{width:80px;height:4px}.text-green{color:#6688a4}.text-orange{color:#c29a62}.muted{font-size:calc(10px * var(--text-scale, 1.15));color:#92aabd}.bulk-bar{display:flex;gap:20px;align-items:center;padding:15px 20px;background:var(--primary-soft);border:1px solid #dbe4eb;border-radius:8px;margin-bottom:15px;font-size:calc(11px * var(--text-scale, 1.15));color:#5c7e99}.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 #162b3d26;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.15))}.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.15));font-weight:550}.class-card>p{font-size:calc(11px * var(--text-scale, 1.15));color:#88a2b8;margin:7px 0 24px}.class-card .class-health strong{font-size:calc(26px * var(--text-scale, 1.15))}.class-card .class-health span{font-size:calc(11px * var(--text-scale, 1.15));margin:0 0 0 3px}.class-stats{display:flex;justify-content:space-between;margin:17px 0 25px;color:#839eb4;font-size:calc(10px * var(--text-scale, 1.15))}.class-stats button{font-size:calc(10px * var(--text-scale, 1.15));display:flex;gap:5px;align-items:center;padding:0}.full-width{width:100%}.new-class{min-height:300px;border:1px dashed #cbd7e0;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#86a0b6;background:#f5f8fb}.new-class strong{font-size:calc(13px * var(--text-scale, 1.15));font-weight:500}.new-class span{font-size:calc(10px * var(--text-scale, 1.15));color:#99b0c2}.back-button{display:flex;align-items:center;gap:7px;font-size:calc(11px * var(--text-scale, 1.15));color:#6e8ea8;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.15))}.profile-heading>div{flex:1}.profile-heading h1{font-size:calc(28px * var(--text-scale, 1.15))}.profile-heading p{font-size:calc(11px * var(--text-scale, 1.15));color:#87a1b7;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 #eee7d4;background:#fcf8ec;border-radius:8px;color:#b9a369;margin-bottom:25px}.pinned-note input{border:0;background:none;flex:1;box-shadow:none;color:#a49569;font-size:calc(12px * var(--text-scale, 1.15));padding:5px}.pinned-note small{font-size:calc(9px * var(--text-scale, 1.15));color:#c3b99a}.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.15));color:#829eb4}.profile-metrics strong{font-size:calc(28px * var(--text-scale, 1.15));font-weight:500;display:block;margin:10px 0;color:#577690}.profile-metrics small{color:#9eb3c4;font-size:calc(10px * var(--text-scale, 1.15))}.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 #dbe3ea;margin-bottom:25px}.tabs>button{padding:0 0 13px;position:relative;font-size:calc(12px * var(--text-scale, 1.15));color:#819db4;display:flex;gap:7px;align-items:center}.tabs>button.selected{color:#587892;font-weight:550}.tabs>button.selected:after{content:"";position:absolute;left:0;right:0;height:2px;background:#688aa5;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:#e7eef4}.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 #e7edf2}.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.15));color:#577791}.assignment-profile-row span{display:block;font-size:calc(10px * var(--text-scale, 1.15));margin-top:5px;color:#8ea7bb}.assignment-profile-row select{font-size:calc(10px * var(--text-scale, 1.15));min-width:125px}.grade-pill{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#e9f0f5;min-width:40px;border-radius:5px;padding:7px;color:#6789a4;font-size:calc(12px * var(--text-scale, 1.15));font-weight:550}.grade-pill.low{background:#faf0df;color:#bc9d64}.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.15));color:#7493ac}.subject-bars>button>span{width:83px}.subject-bars>button>div{flex:1;background:#e9f0f5;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.15));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.15));color:#9cb1c3}.feedback-note p{font-size:calc(12px * var(--text-scale, 1.15));color:#6b8ca6;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:#9ebad0}.timeline-row small{color:#96aec1}.timeline-row p{color:#6789a4;margin-top:5px;font-size:calc(12px * var(--text-scale, 1.15))}.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:#e8eff4;color:#7b98b0;display:grid;place-items:center}.assignment-title{text-align:left;padding:0}.assignment-title h2{font-size:calc(16px * var(--text-scale, 1.15));color:#55748d;font-weight:550}.assignment-title p{font-size:calc(10px * var(--text-scale, 1.15));color:#85a0b6;margin-top:7px}.assignment-description{font-size:calc(11px * var(--text-scale, 1.15));color:#88a2b8;line-height:1.8;margin:19px 0 20px;min-height:57px}.assignment-card .tag-list{font-size:calc(9px * var(--text-scale, 1.15))}.assignment-progress-label{display:flex;align-items:center;justify-content:space-between;font-size:calc(9px * var(--text-scale, 1.15));color:#849fb6;margin:22px 0 10px}.assignment-progress-label strong{font-weight:500}.assignment-footer{border-top:1px solid #dfe8f0;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.15))}.part-edit>input[type=number]{width:60px}.lesson-note{background:#e9f0f6;border:1px solid #cfdfec;border-radius:8px;padding:18px 22px;margin-bottom:24px;color:#6889a4}.lesson-note>div{display:flex;gap:9px;align-items:center;font-size:calc(11px * var(--text-scale, 1.15))}.lesson-note p{font-size:calc(12px * var(--text-scale, 1.15));margin:10px 0 16px;color:#7b9ab3}.lesson-note input{width:100%;font-size:calc(11px * var(--text-scale, 1.15));background:#f5f9fc;border-color:#d3e0eb}.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.15))}.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.15));letter-spacing:1px;color:#85a0b6;white-space:nowrap}.round-top>.progress{flex:1}.round-class>.avatar{width:85px;height:85px;font-size:calc(28px * var(--text-scale, 1.15))}.round-class>h2{font-size:calc(27px * var(--text-scale, 1.15));color:#5b7d98;font-weight:500;margin-top:18px}.round-class>p{color:#91adc4;font-size:calc(11px * var(--text-scale, 1.15));margin-top:7px}.round-attention{display:inline-flex;align-items:center;gap:7px;background:#faf5df;color:#baa76b;padding:10px 16px;border-radius:6px;margin-top:20px;font-size:calc(12px * var(--text-scale, 1.15))}.round-stats{display:flex;justify-content:center;gap:55px;margin:27px 0}.round-stats b{display:block;color:#5f829e;font-weight:500;font-size:calc(23px * var(--text-scale, 1.15))}.round-stats span{display:block;font-size:calc(10px * var(--text-scale, 1.15));color:#91aec5;margin-top:6px}.round-assignment{display:flex;align-items:center;justify-content:space-between;padding:18px;background:#eff5fa;border-radius:7px;color:#6e91ad;font-size:calc(12px * var(--text-scale, 1.15));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.15));margin-left:3px;opacity:.6}.part-checklist{text-align:left;border:1px solid #dce5ed;border-radius:7px;padding:17px 19px;margin:20px 0}.part-checklist h3{font-size:calc(12px * var(--text-scale, 1.15));color:#6b8ba6;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.15));color:#809db5}.part-checklist label small{color:#a5bacb;margin-left:auto;font-size:calc(9px * var(--text-scale, 1.15))}.part-checklist input[type=number]{width:76px;font-size:calc(11px * var(--text-scale, 1.15));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 #ebf0f4}.review-item.selected{background:#e8f0f6;border-left:3px solid #7193ae;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.15));color:#60839f;font-weight:550}.review-item small{display:block;margin-top:5px;font-size:calc(9px * var(--text-scale, 1.15));color:#90a8bc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-item>svg{color:#87a3ba}.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.15))}.review-student h2{font-size:calc(17px * var(--text-scale, 1.15));color:#5e819d}.review-student span{display:block;font-size:calc(10px * var(--text-scale, 1.15));color:#91aabe;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.15));color:#5b7d99;margin-top:13px}.review-assignment p{font-size:calc(11px * var(--text-scale, 1.15));color:#86a4bc;margin:10px 0}.review-assignment>span:last-child{font-size:calc(10px * var(--text-scale, 1.15));color:#99b3c8}.review-section{padding:23px 0;border-bottom:1px solid var(--border)}.review-section h3{color:#6c8ca7;font-size:calc(13px * var(--text-scale, 1.15))}.review-section p{color:#92aec5;font-size:calc(10px * var(--text-scale, 1.15));margin-top:6px}.rubric-check{display:flex;align-items:center;gap:9px;font-size:calc(11px * var(--text-scale, 1.15));color:#7f9fba;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.15));text-align:center;background:#f3f7fb;color:#6e91ae}.grade-entry strong{font-size:calc(12px * var(--text-scale, 1.15));color:#7697b2}.grade-entry>.secondary{margin-left:auto;font-size:calc(9px * var(--text-scale, 1.15))}.grade-entry .check-label{font-size:calc(10px * var(--text-scale, 1.15));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 #cfdfec;background:#f8fbfd;border-radius:20px;color:#84a3bc;font-size:calc(9px * var(--text-scale, 1.15))}.feedback-chips>button.selected{background:#dfebf4;border-color:#b2cbdf;color:#6085a4}.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.15));color:#9bb3c6}.review-complete{text-align:center;padding:70px 30px;color:#658dad}.review-complete h2{font-size:calc(26px * var(--text-scale, 1.15));margin:23px 0 10px;font-weight:500}.review-complete p{color:#91adc4;margin-bottom:25px;font-size:calc(12px * var(--text-scale, 1.15))}.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.15));color:#819fb7;margin:22px 0}.feedback-card>span{font-size:calc(9px * var(--text-scale, 1.15));color:#9cb5c9}.criterion{display:flex;gap:8px;align-items:center;color:#83a1b9;font-size:calc(11px * var(--text-scale, 1.15));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.15));color:#6587a2;font-weight:500}.action-meta{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:calc(10px * var(--text-scale, 1.15));color:#8eabc3}.action-meta>button{display:flex;align-items:center;gap:5px;font-size:calc(10px * var(--text-scale, 1.15));padding:0}.action-detail-copy>p{font-size:calc(11px * var(--text-scale, 1.15));margin-top:12px;color:#8eabc3}.dropzone{width:100%;border:1px dashed #b1c4d4;border-radius:9px;display:flex;align-items:center;flex-direction:column;background:#f2f6fa;padding:30px;color:#708fa9}.upload-icon{width:53px;height:54px;border-radius:11px;background:#e3ecf4;display:grid;place-items:center;margin-bottom:15px}.dropzone>strong{font-size:calc(14px * var(--text-scale, 1.15));font-weight:550}.dropzone>span:last-child{font-size:calc(11px * var(--text-scale, 1.15));margin-top:8px;color:#8ea7bb}.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.15));font-weight:500;color:#6b8eaa}.import-summary span{display:block;font-size:calc(10px * var(--text-scale, 1.15));color:#99b2c7;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:#ebf2f8;border-color:#b6cee1}.import-mode strong{font-size:calc(12px * var(--text-scale, 1.15));color:#789ab5}.import-mode p{font-size:calc(10px * var(--text-scale, 1.15));color:#99b3c8;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.15));text-transform:capitalize;color:#5d7f9b;font-weight:500;margin-left:10px}.segmented{display:flex;padding:4px;background:#e8eff4;border:1px solid #d9e4ed;border-radius:7px;gap:3px}.segmented>button{padding:7px 11px;border-radius:5px;font-size:calc(10px * var(--text-scale, 1.15));color:#849fb6}.segmented>button.selected{background:var(--surface);box-shadow:0 1px 4px #2a557812;color:#577b99}.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.15));color:#8ba6bd}.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.15));padding:8px 11px;width:190px}.calendar-grid{display:grid;overflow:auto}.calendar-corner{font-size:calc(8px * var(--text-scale, 1.15));color:#a1b8cb;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.15));color:#8ba5bb;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.15));font-weight:450;color:#7193af}.calendar-day-head.is-today b{background:#6990af;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.15));padding:7px 9px;text-align:right;color:#9ab2c5}.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:#ecf3f9}.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.15));font-weight:550;line-height:1.4}.calendar-event>span:not(.resize-handle){display:block;font-size:calc(9px * var(--text-scale, 1.15));margin-top:5px;opacity:.8}.calendar-event small{display:block;font-size:calc(8px * var(--text-scale, 1.15));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.15));color:#98b2c7}.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:#f7fafc;opacity:.6}.month-day{font-size:calc(11px * var(--text-scale, 1.15));color:#86a5bf;border-radius:50%;width:26px;height:26px}.month-day.is-today{background:#769cbb;color:#fff}.month-cell .calendar-event{width:100%;padding:5px;font-size:calc(8px * var(--text-scale, 1.15))}.month-cell .calendar-event strong{font-size:calc(8px * var(--text-scale, 1.15));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-cell .calendar-event>span{font-size:calc(7px * var(--text-scale, 1.15))}.agenda-list-day{padding:23px}.agenda-list-day h3{color:#81a0b9;margin-bottom:16px;font-size:calc(12px * var(--text-scale, 1.15))}.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:#8aa7bf;font-size:calc(11px * var(--text-scale, 1.15))}.agenda-list-day strong{flex:1;font-weight:500;color:#6e91ad}.event-detail p{display:flex;align-items:center;gap:7px;margin:17px 0;color:#86a3bb;font-size:calc(12px * var(--text-scale, 1.15))}.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:#86a1b7;font-size:calc(12px * var(--text-scale, 1.15))}.settings-nav>button.selected{background:#e3ecf4;color:#5f829f;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.15));color:#6f8faa}.settings-row p{font-size:calc(11px * var(--text-scale, 1.15));color:#9ab2c5;margin-top:6px}.settings-row>select{font-size:calc(11px * var(--text-scale, 1.15));min-width:155px}.settings-row>input[type=number]{max-width:85px}.settings-row>span{color:#94afc5;font-size:calc(11px * var(--text-scale, 1.15))}.storage-path{padding:23px;border-bottom:1px solid var(--border)}.storage-path>span{display:block;font-size:calc(9px * var(--text-scale, 1.15));color:#9ab2c6;letter-spacing:1px}.storage-path>strong{display:block;font-size:calc(12px * var(--text-scale, 1.15));color:#6b8fac;margin:12px 0;overflow-wrap:anywhere}.storage-path>p{font-size:calc(11px * var(--text-scale, 1.15));color:#97b1c6;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:#7a9cb8}.action-tile:hover{background:#f4f8fc;border-color:#c3d7e7}.action-tile h3{margin:18px 0 8px;color:#789ab6;font-size:calc(13px * var(--text-scale, 1.15))}.action-tile p{color:#99b3c9;font-size:calc(11px * var(--text-scale, 1.15))}.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.15))}.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.15));color:#86a4bd;display:block}.report-overview strong{display:block;font-size:calc(31px * var(--text-scale, 1.15));font-weight:500;color:#6187a6;margin-top:13px}.report-overview small{display:flex;align-items:center;gap:6px;color:#97b2c9;font-size:calc(9px * var(--text-scale, 1.15));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.15));color:#87a6c0;margin-bottom:12px}.chart-column{height:150px;width:100%;max-width:95px;position:relative;background:#ecf3f8;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.15));color:#6a8da9;z-index:1}.class-chart small{font-size:calc(9px * var(--text-scale, 1.15));color:#a0b8cb;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.15));color:#84a4be;margin-bottom:15px}.report-config .check-options{gap:17px 24px}.privacy-note{font-size:calc(10px * var(--text-scale, 1.15));color:#a0b9cd;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:#84a4bf}.widget-setting label{display:flex;align-items:center;gap:10px;flex:1;font-size:calc(12px * var(--text-scale, 1.15))}.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:#6e8ea8;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:#31648d}.round-class h2,.profile-metrics strong,.report-overview strong{color:#2e5d83}.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:#809cb2}.calendar-toolbar h2{color:#336791}.calendar-day-head b,.month-day{color:#5a7a95}.calendar-day-head.is-today b,.month-day.is-today{background:#32648d;color:#fff}.segmented>button{color:#7795ae}.segmented>button.selected{color:#2e5d84}.calendar-categories>span,.time-gutter span{color:#849fb6}.calendar-categories{flex-wrap:wrap}.settings-nav>button.selected{background:#eaeff3;color:#2f5e85}.part-checklist label,.rubric-check,.grade-entry strong,.review-bottom>span,.feedback-chips>button{color:#6e8ea8}.subject-bars strong{color:#5e819e}.subject-bars>button>div{background:#ecf1f5}.review-item.selected{background:#edf1f5;border-left-color:#6e8ea8}.primary *{color:inherit!important}[data-theme=dark]{--bg:#000;--surface:#171717;--text:#d0dbe4;--muted:#7c99b1;--border:#1e3c55;--primary:#336690;--primary-soft:#1b364c;--sidebar:#111;color-scheme:dark;background:var(--bg);color:var(--text)}[data-theme=dark] .next-lesson{background:#193349;border-color:#244865}[data-theme=dark] .next-lesson h2,[data-theme=dark] .next-lesson p,[data-theme=dark] .lesson-meta{color:#abbdcc}[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:#193348;border-color:#21435e}[data-theme=dark] :is(th,tbody tr:hover,.month-cell.other-month,.hour-slot:hover,.class-summary:hover,.new-class,.action-tile:hover){background:#162d40}[data-theme=dark] :is(input,textarea,select,.secondary){border-color:#234764}[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:#aec0cf}[data-theme=dark] :is(.badge,.grade-pill,.feedback-chips>button,.review-item.selected,.metric-icon,.progress,.chart-column,.subject-bars>button>div){background:#1e3d56}[data-theme=dark] .badge.orange{background:#443c28;color:#d5b883}[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.15))}.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.15))}.metric-top>span:first-child{font-size:calc(11px * var(--text-scale, 1.15))}.metric-number{font-size:calc(35px * var(--text-scale, 1.15))}.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.15))}.attention-row{padding:15px 0}.student-link strong,.deadline-row>div:nth-child(2)>strong{font-size:calc(12px * var(--text-scale, 1.15))}.student-link>span,.deadline-row>div:nth-child(2)>span{font-size:calc(10px * var(--text-scale, 1.15))}.deadline-row{padding:16px 0}.next-lesson{padding:28px;min-height:210px}.next-lesson p{font-size:calc(11px * var(--text-scale, 1.15))}.class-summary{padding:19px}.brand{margin-bottom:34px}.nav-item{min-height:43px;font-size:calc(13px * var(--text-scale, 1.15))}.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.15));gap:8px}.metrics-grid{gap:12px}.metric{padding:15px}.metric p{font-size:calc(8px * var(--text-scale, 1.15))}.page-heading h1{font-size:calc(27px * var(--text-scale, 1.15))}.heading-actions{gap:3px}.date-button{display:none}.next-lesson h2{font-size:calc(21px * var(--text-scale, 1.15))}.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.15))}.brand-mark{width:33px;height:35px}.brand small{font-size:calc(5.8px * var(--text-scale, 1.15))}.workspace-switch{padding:10px 7px}.nav-item{font-size:calc(11px * var(--text-scale, 1.15));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.15))}.card-heading h2{font-size:calc(11px * var(--text-scale, 1.15))}.card-heading{padding:17px 16px}.event-info strong{font-size:calc(10px * var(--text-scale, 1.15))}.agenda-mini,.task-list{padding:0 16px}.task-copy strong{font-size:calc(9px * var(--text-scale, 1.15))}.attention-row{margin:0 16px;gap:8px}.speak-button{font-size:calc(7px * var(--text-scale, 1.15));padding:5px}.student-link>span{max-width:140px;font-size:calc(8px * var(--text-scale, 1.15))}.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.15))}.deadline-row>.badge{font-size:calc(7px * var(--text-scale, 1.15))}.lesson-tags{gap:10px}.lesson-tags>span{font-size:calc(8px * var(--text-scale, 1.15))}.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.15))}.metric-top>span:first-child{font-size:calc(9px * var(--text-scale, 1.15))}.metric-icon{width:25px;height:26px}.metric-number{font-size:calc(28px * var(--text-scale, 1.15))}.class-summaries{gap:10px;padding:0 16px 16px}.class-summary{padding:11px}.class-health>span{font-size:calc(7px * var(--text-scale, 1.15))}.heading-actions>.secondary{font-size:calc(9px * var(--text-scale, 1.15));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.15))}}@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.15))}.quick-add{font-size:calc(9px * var(--text-scale, 1.15));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.15))}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:12px}.metric p{font-size:calc(9px * var(--text-scale, 1.15))}.metric-top>span:first-child{font-size:calc(10px * var(--text-scale, 1.15))}.day-progress{padding:13px;gap:9px}.day-progress-copy strong{font-size:calc(10px * var(--text-scale, 1.15))}.day-progress-copy span{font-size:calc(8px * var(--text-scale, 1.15))}.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.15))}.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.15))}.lesson-main h2{font-size:calc(21px * var(--text-scale, 1.15));flex-wrap:wrap}.lesson-main p{max-width:none}.lesson-tags>span{font-size:calc(9px * var(--text-scale, 1.15))}.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.15))}.card-heading .link-button{font-size:calc(10px * var(--text-scale, 1.15))}.agenda-mini{padding:0 20px}.event-info strong{font-size:calc(12px * var(--text-scale, 1.15))}.event-info span{font-size:calc(10px * var(--text-scale, 1.15))}.task-list{padding:0 20px}.task-copy strong{font-size:calc(11px * var(--text-scale, 1.15))}.task-copy>span{font-size:calc(9px * var(--text-scale, 1.15))}.task-row{min-height:55px}.attention-row{margin:0 20px;padding:14px 0}.student-link strong{font-size:calc(12px * var(--text-scale, 1.15))}.student-link>span{font-size:calc(10px * var(--text-scale, 1.15));max-width:200px}.speak-button{font-size:calc(9px * var(--text-scale, 1.15))}.deadlines-list{padding:0 20px 10px}.deadline-row>div:nth-child(2)>strong{font-size:calc(11px * var(--text-scale, 1.15))}.deadline-row>div:nth-child(2)>span{font-size:calc(9px * var(--text-scale, 1.15))}.deadline-row>.badge{font-size:calc(9px * var(--text-scale, 1.15))}.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.15))}.class-summary h3 small{font-size:calc(10px * var(--text-scale, 1.15))}.class-health>span{font-size:calc(10px * var(--text-scale, 1.15))}.class-health strong{font-size:calc(22px * var(--text-scale, 1.15))}.page-footer{font-size:calc(7px * var(--text-scale, 1.15))}.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.15));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.15))}.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.15))}.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.15))}.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.15))}.round-navigation{gap:12px}.round-navigation>button{font-size:calc(9px * var(--text-scale, 1.15));padding:9px}.review-main{padding:20px 16px}.review-bottom>.primary{width:100%;font-size:calc(10px * var(--text-scale, 1.15))}.report-overview{grid-template-columns:repeat(2,1fr)}.report-overview small{font-size:calc(9px * var(--text-scale, 1.15))}.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.15))}.search-results{right:-115px;width:min(94vw,420px)}.toast{font-size:calc(10px * var(--text-scale, 1.15));padding:10px;min-width:290px}.toast>button{font-size:calc(8px * var(--text-scale, 1.15))}.import-mode{grid-template-columns:1fr}.import-summary strong{font-size:calc(21px * var(--text-scale, 1.15))}.import-summary span{font-size:calc(8px * var(--text-scale, 1.15))}.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.15))}.brand small{white-space:nowrap;font-size:calc(6px * var(--text-scale, 1.15));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.15))}.metric p,.card-description,.lesson-tags>span,.card-bottom-note{font-size:calc(10px * var(--text-scale, 1.15))}.event-info span,.task-copy>span,.student-link>span,.deadline-row>div:nth-child(2)>span{font-size:calc(10px * var(--text-scale, 1.15))}.metric-top>span:first-child{font-size:calc(11px * var(--text-scale, 1.15))}.card-heading h2{font-size:calc(13px * var(--text-scale, 1.15))}.task-copy strong,.event-info strong,.student-link strong,.deadline-row>div:nth-child(2)>strong{color:#31638b}.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:#6b8ca6}.card-bottom-note{color:#6f8ea8}.card-add{font-size:calc(11px * var(--text-scale, 1.15))}.class-summary h3{font-size:calc(13px * var(--text-scale, 1.15))}.class-summary h3 small{font-size:calc(10px * var(--text-scale, 1.15))}.class-health>span{font-size:calc(9px * var(--text-scale, 1.15))}.class-summary h3{color:#4e6b82}.class-health strong{color:#5e819d}.offline-card{margin-top:15px}.topbar .global-search input{font-size:calc(11px * var(--text-scale, 1.15))}.review-assignment h2{color:var(--text)}.pinned-note{color:#a78b51}.check-options label,.check-label{color:#5f829e}.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 #1830441f}.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.15))}.global-search{width:140px}.main-shell{margin-left:0!important}.sidebar-collapsed .main-shell:after{content:"";position:fixed;inset:65px 0 0 228px;background:#18304322;z-index:29}.task-copy strong,.event-info strong{font-size:calc(12px * var(--text-scale, 1.15))}}.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 #1a354b10}:root{--brand-blue: #008de5;--brand-cyan: #08afe8;--brand-navy: #10314b;--brand-green: #12b875;--brand-yellow: #ffbb2d;--primary: #0077c8;--primary-soft: #eaf5fd;--text: #17364e;--muted: #71869a;--border: #e1eaf2;--bg: #f5f8fc;--shadow: 0 3px 14px #10314b05;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:#006fbd;box-shadow:inset 3px 0 0 var(--brand-blue)}.nav-item.active svg{color:var(--brand-blue)}.nav-item b{background:#e0f2ff;color:#0074c2}.nav-dot{background:var(--brand-yellow)}.workspace-icon,.user-avatar{background:#e9f4fc;color:#0077bf}.primary,.lesson-cta>button{background:linear-gradient(115deg,#008de5,#0077c8);border-color:#007acb;color:#fff;box-shadow:0 3px 9px #008de51c}.primary:hover,.lesson-cta>button:hover{background:#006db9}.next-lesson{background:linear-gradient(115deg,#edf8ff,#e8f3fc 65%,#def1fc);border-color:#cde5f5}.next-lesson h2{color:var(--brand-navy)}.next-lesson h2>span{background:#d6edfc;color:#0072bc}.lesson-eyebrow{color:#0078bf}.lesson-eyebrow>span:last-child:not(.pulse-dot){color:#547e9d;border-color:#bedbec}.lesson-decoration div{border-color:#9ed4f1}.pulse-dot{background:var(--brand-blue);box-shadow:0 0 0 3px #d9effc}.metric-icon,.metric-icon.blue{background:#e4f3ff;color:#008bdb}.metric-icon.purple{background:#e7eef7;color:#164d80}.metric-icon.orange{background:#fff4d9;color:#ba830a}.metric:first-child .metric-icon{background:#e6f8ef;color:#129363}.day-progress{background:#eefaf4;border-color:#d3eedf}.progress-symbol{background:#dcf5e8;color:#118957}.day-progress-copy strong{color:#21654a}.day-progress-copy span,.day-progress-bar>span{color:#54816c}.day-progress-bar .progress{background:#d7efdf}.day-progress-bar .progress span{background:var(--brand-green)}.day-progress>b,.tiny-spark{color:#168b5e}.progress{background:#e4f0fa}.progress>span{background:linear-gradient(90deg,var(--brand-cyan),var(--brand-blue))}.task-check{border-color:#c1d8e8}.done .task-check{background:#e3f8ed;border-color:#bfe8d2;color:#158358}.badge.green{background:#e6f7ee;color:#187948}.badge.blue{background:#e4f2ff;color:#006bab}.badge.orange,.deadline-date.due-today{background:#fff3d5;border-color:#ffe2a0;color:#936200}.orange-dot,.priority-dot.hoog,.priority-dot.urgent{background:var(--brand-yellow)}.rolled{color:#996d1d!important}.online-dot{background:var(--brand-green)}.offline-card{background:#f2fbf6;border-color:#dceee4}.offline-card div{color:#386a51}.offline-card small{color:#688575}.grade-pill{background:#eaf5ff;color:#0774b5}.grade-pill.low{background:#fff3d7;color:#956c11}.tabs>button.selected,.text-button,.link-button:hover{color:#0077c8}.tabs>button.selected:after{background:var(--brand-blue)}.review-item.selected{background:#eaf5ff;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:#fff8e7;border-color:#ffe5b0;color:#8e6c20}.pinned-note input{color:#806322}.toast{background:var(--brand-navy)}input:focus,textarea:focus,select:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #008de518}button:focus-visible,a:focus-visible{outline-color:var(--brand-cyan)}[data-theme=dark]{--bg:#000;--surface:#171717;--sidebar:#111;--text:#edf2f7;--muted:#a5b2bf;--border:#353535;--primary:#008de5;--primary-soft:#1c3a55;color:var(--text);background:var(--bg)}[data-theme=dark] .brand-logo{background:#000}[data-theme=dark] .nav-item.active{background:#1b3c59;color:#72c7ff}[data-theme=dark] .next-lesson{background:linear-gradient(120deg,#193c58,#15304a);border-color:#2c5878}[data-theme=dark] .next-lesson h2,[data-theme=dark] .class-health strong,[data-theme=dark] .class-summary h3{color:#dbeefd}[data-theme=dark] .next-lesson h2>span{background:#204b6e;color:#9edaff}[data-theme=dark] .day-progress,[data-theme=dark] .offline-card{background:#183d32;border-color:#285546}[data-theme=dark] .day-progress-copy strong,[data-theme=dark] .offline-card div{color:#b2ebd2}[data-theme=dark] .day-progress-copy span,[data-theme=dark] .offline-card small{color:#88b5a2}[data-theme=dark] .day-progress-bar .progress{background:#29503d}[data-theme=dark] .progress-symbol{background:#28583e;color:#90dfb9}[data-theme=dark] .badge.green{background:#214b39;color:#a3e1bf}[data-theme=dark] .badge.blue,[data-theme=dark] .grade-pill{background:#203f5c;color:#9ad5ff}[data-theme=dark] .badge.orange,[data-theme=dark] .grade-pill.low,[data-theme=dark] .deadline-date.due-today{background:#4b3d20;color:#ffda80;border-color:#665027}[data-theme=dark] .pinned-note{background:#3a3322;border-color:#5b4e2d}[data-theme=dark] .pinned-note input{color:#edcf91}[data-theme=dark] .review-item.selected{background:#1b3c59;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:#183d32;border-color:#285546}html[data-theme=dark] .app .progress-symbol{background:#28583e;color:#90dfb9}html[data-theme=dark] .app .day-progress-bar .progress{background:#29503d}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:#91d8b4}html[data-theme=dark] .app .metric-icon{background:#204568;color:#83cbff}html[data-theme=dark] .app .metric-icon.purple{background:#243e5d;color:#a3c7f0}html[data-theme=dark] .app .metric-icon.orange{background:#4b3d20;color:#ffd06e}html[data-theme=dark] .app .metric:first-child .metric-icon{background:#214b39;color:#8edbb7}html[data-theme=dark] .app .nav-item.active{background:#1b3c59;color:#85ceff}html[data-theme=dark] .app .lesson-eyebrow,html[data-theme=dark] .app .lesson-eyebrow>span:last-child:not(.pulse-dot){color:#9dcced}html:not([data-theme=dark]){--bg:#ffffff}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:#fff}html:not([data-theme=dark]) .next-lesson{background:#fff;border-color:#d8e7f2}html:not([data-theme=dark]) .lesson-decoration{opacity:.12}html:not([data-theme=dark]) .day-progress{background:#fff;border-color:#deebe4}.workspace-context{display:flex;align-items:center;gap:12px;padding:12px 36px;border-bottom:1px solid var(--border);background:var(--surface,#fff);flex-wrap:wrap}.workspace-context select{max-width:240px}.workspace-context>span{font-size:calc(12px * var(--text-scale, 1.15));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.15));color:var(--text);background:var(--surface,#fff)}.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.15));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.15));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,#fff);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 #008de5}.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:#8ec8ee;color:#006db5;font-weight:650}.subject-tabs>button.selected:after{display:none}.subject-tabs>button:hover{border-color:#8ec8ee;color:#006db5}html:not([data-theme=dark]){color-scheme:light;--bg:#fff;--surface:#fff;--sidebar:#fff}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:#8fd2ff}html[data-theme=dark] .modal::backdrop{background:#000a}.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.15))}.help-version{font-size:calc(11px * var(--text-scale, 1.15));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.15));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.15))}.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.15))}.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.15));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.15));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.15));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:#fff;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.15));line-height:1.5}.help-step p{font-size:calc(16px * var(--text-scale, 1.15));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.15))}.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.15))}.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.15));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.15))}.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.15))}.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.15))}.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:#8fd2ff}@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.15))}.help-search{flex-wrap:wrap}.help-search input{font-size:calc(13px * var(--text-scale, 1.15))}.help-categories button{font-size:calc(11px * var(--text-scale, 1.15))}.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 #0004;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.15))}.walkthrough h2{font-size:calc(19px * var(--text-scale, 1.15));line-height:1.5;margin:12px 0}.walkthrough p{font-size:calc(14px * var(--text-scale, 1.15));line-height:1.8}.walkthrough-hint,.walkthrough small{color:var(--muted);font-size:calc(11px * var(--text-scale, 1.15))!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 #008de526!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 #50758c;border-radius:10px;background:#112e43;color:#fff;box-shadow:0 6px 22px #0004;font-size:calc(13px * var(--text-scale, 1.15));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.15))}.setup-steps li.current{background:#164d80;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:#12384f;color:#b8e4ff}.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,#fff);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.15));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}