:root{--background:#f6f7f9;--surface:#ffffff;--surface-muted:#edf1f5;--text:#182033;--muted:#647084;--line:#d8dee8;--primary:#2457c5;--secondary:#0f766e;--warning:#a15c07;--danger:#b42318;--radius:8px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:268px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--line);background:#111827;color:#f8fafc;padding:22px 18px}.brand{display:flex;align-items:center;gap:10px;min-height:40px;margin-bottom:24px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;background:var(--primary);font-weight:700}.brand-mark-logo{background-color:#ffffff;background-position:50%;background-repeat:no-repeat;background-size:contain}.brand-name{font-size:16px;font-weight:700}.nav-list{display:grid;grid-gap:4px;gap:4px}.nav-link{display:flex;align-items:center;gap:10px;min-height:38px;padding:8px 10px;border-radius:6px;color:#cbd5e1;font-size:14px}.nav-link[data-active=true]{background:#233044;color:#ffffff}.nav-link-secondary{margin-top:12px;border-top:1px solid rgb(203 213 225/16%)}.main{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:68px;border-bottom:1px solid var(--line);background:var(--surface);padding:0 28px}.page{padding:28px}.page-title{margin:0;font-size:24px;line-height:1.25}.page-subtitle{margin:6px 0 0;color:var(--muted);font-size:14px}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.button,.toolbar{align-items:center}.button{display:inline-flex;justify-content:center;gap:8px;min-height:36px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);padding:0 12px;cursor:pointer}.button-primary{border-color:var(--primary);background:var(--primary);color:white}.button:disabled{cursor:not-allowed;opacity:.62}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:22px}.metric-card,.table-panel,.work-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.metric-card{padding:16px}.metric-label{margin:0;color:var(--muted);font-size:13px}.metric-value{margin:10px 0 0;font-size:28px;font-weight:700}.content-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);grid-gap:16px;gap:16px;margin-top:16px}.panel-header{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 16px;border-bottom:1px solid var(--line)}.panel-title{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700}.table{width:100%;border-collapse:collapse}.table td,.table th{border-bottom:1px solid var(--line);padding:12px 16px;text-align:left;font-size:14px}.table th{color:var(--muted);font-size:12px;text-transform:uppercase}.status{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:0 9px;background:var(--surface-muted);color:var(--text);font-size:12px}.stack{display:grid;grid-gap:10px;gap:10px;padding:14px}.work-item{display:grid;grid-gap:4px;gap:4px;border-left:3px solid var(--secondary);padding:8px 10px}.work-item strong{font-size:14px}.work-item span{color:var(--muted);font-size:13px}.branding-grid{display:grid;grid-template-columns:minmax(0,.62fr) minmax(300px,.38fr);grid-gap:16px;gap:16px;align-items:start}.branding-form{display:grid;grid-gap:14px;gap:14px;padding:16px}.branding-preview{display:grid;grid-gap:18px;gap:18px;padding:18px}.branding-preview .brand{margin-bottom:0;border:1px solid var(--line);border-radius:7px;background:#111827;color:#ffffff;padding:16px}.branding-preview-swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.branding-preview-swatches span{display:block;min-height:44px;border:1px solid var(--line);border-radius:7px}.feature-flag-list{display:grid;grid-gap:1px;gap:1px;background:var(--line)}.feature-flag-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;grid-gap:16px;gap:16px;align-items:center;background:var(--surface);padding:14px 16px}.feature-flag-row>div{display:grid;grid-gap:4px;gap:4px}.feature-flag-row strong{font-size:14px}.feature-flag-row em,.feature-flag-row span{color:var(--muted);font-size:13px;font-style:normal;line-height:1.4}.switch-row{display:inline-flex;align-items:center;gap:8px;min-width:132px;justify-content:flex-end;color:var(--text);font-size:13px;font-weight:700}.switch-row input{width:18px;height:18px;accent-color:var(--primary)}.feature-flag-message{padding:12px 16px}.workspace-grid{display:grid;grid-template-columns:minmax(300px,.35fr) minmax(0,.65fr);grid-gap:16px;gap:16px}.material-student-shell{display:grid;grid-template-columns:236px minmax(320px,.34fr) minmax(0,.66fr);grid-gap:16px;gap:16px;align-items:start}.material-control-panel{align-self:start}.field{display:grid;grid-gap:6px;gap:6px;min-width:0}.field span{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;min-height:38px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);padding:8px 10px}.field textarea{resize:vertical;line-height:1.5}.field-readonly{align-content:start}.field-readonly strong{display:flex;align-items:center;min-height:38px;color:var(--text);padding:8px 10px;font-size:13px}.field-readonly strong,.segmented{border:1px solid var(--line);border-radius:6px;background:var(--surface-muted)}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-gap:4px;gap:4px;padding:4px}.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;border:0;border-radius:5px;background:transparent;color:var(--muted);cursor:pointer}.segmented button[data-active=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px rgb(17 24 39/10%)}.material-form{display:grid;grid-gap:10px;gap:10px}.file-picker{position:relative;display:flex;align-items:center;gap:8px;min-height:38px;border:1px dashed var(--line);border-radius:6px;background:#fbfcfe;color:var(--muted);padding:0 10px;cursor:pointer}.file-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}.form-message{margin:0;color:var(--muted);font-size:13px}.material-title{display:inline-flex;align-items:center;gap:8px;min-width:0}.material-list{display:grid;grid-gap:10px;gap:10px;padding:14px}.material-picker-field{align-content:start}.material-picker{display:grid;grid-gap:10px;gap:10px;max-height:230px;overflow:auto;border:1px solid var(--line);border-radius:6px;background:#fbfcfe;padding:10px}.material-picker[aria-disabled=true]{background:var(--surface-muted)}.material-picker em,.material-picker p{margin:0;color:var(--muted);font-size:13px}.material-picker-group{display:grid;grid-gap:6px;gap:6px}.material-picker-group strong{font-size:12px;text-transform:uppercase;color:var(--muted)}.material-picker-row{display:grid;grid-template-columns:18px minmax(0,1fr);grid-gap:8px;gap:8px;align-items:start;min-height:30px;color:var(--text);font-size:13px}.material-picker-row input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--primary)}.material-picker-row span{min-width:0;overflow-wrap:anywhere}.material-row{display:grid;grid-template-columns:38px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;min-height:58px;border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:10px}.material-row-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:6px;background:#e9f3f1;color:var(--secondary)}.material-row h3{margin:0;font-size:14px}.material-row p{margin:4px 0 0;color:var(--muted);font-size:13px}.practice-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:12px;gap:12px;align-items:stretch}.teacher-quiz-shell{display:grid;grid-template-columns:minmax(360px,.42fr) minmax(380px,.43fr) minmax(250px,.15fr);grid-gap:16px;gap:16px;align-items:start}.practice-menu{display:grid;grid-template-columns:repeat(5,minmax(132px,1fr));grid-gap:6px;gap:6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:6px}.practice-menu button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:40px;border:0;border-radius:6px;background:transparent;color:var(--muted);padding:0 12px;text-align:center;cursor:pointer}.practice-menu button[data-active=true]{background:#eef4ff;color:var(--primary);font-weight:700}.practice-shell[data-view=result] .practice-menu{display:none}.practice-form-panel,.practice-result-panel{min-width:0}.practice-result-panel-legacy{display:none}.practice-study-panel{width:100%}.practice-study-header{min-height:72px;align-items:center;gap:14px}.panel-kicker{margin:5px 0 0;color:var(--muted);font-size:13px}.practice-form{display:grid;grid-gap:14px;gap:14px;padding:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.form-grid-compact{grid-template-columns:1.4fr .8fr .8fr}.form-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.range-field{min-width:180px}.practice-options-row{display:grid;grid-template-columns:minmax(190px,1fr) max-content;grid-gap:12px;gap:12px;align-items:center}.practice-options-row-wide{min-width:min(460px,100%)}.check-row-compact{min-height:38px;white-space:nowrap}.form-footnote,.status-line{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}.practice-result{display:grid;grid-gap:12px;gap:12px;padding:14px}.practice-result-article{width:100%;min-height:min(720px,calc(100vh - 210px));margin:0;overflow:auto;word-break:break-word;border-radius:7px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff,#fbfcfe);color:var(--text);padding:24px;font-size:15px;line-height:1.72}.learning-markdown{color:var(--text);overflow-wrap:anywhere}.learning-markdown>:first-child{margin-top:0}.learning-markdown>:last-child{margin-bottom:0}.learning-markdown h1,.learning-markdown h2,.learning-markdown h3,.learning-markdown h4{margin:1.15em 0 .45em;color:#172033;line-height:1.25}.learning-markdown h1{font-size:24px}.learning-markdown h2{border-bottom:1px solid #e5edf7;padding-bottom:8px;font-size:20px}.learning-markdown h3{font-size:17px}.learning-markdown h4{font-size:15px}.learning-markdown p{margin:.72em 0}.learning-markdown ol,.learning-markdown ul{margin:.75em 0 .95em;padding-left:1.35rem}.learning-markdown li{margin:.38em 0;padding-left:.12rem}.learning-markdown li::marker{color:var(--primary);font-weight:800}.learning-markdown strong{color:#101828}.learning-markdown blockquote{margin:1em 0;border-left:4px solid #9cc2ff;border-radius:0 7px 7px 0;background:#f4f8ff;color:#344054;padding:10px 14px}.learning-markdown code{border-radius:5px;background:#eef4ff;color:#1d4ed8;padding:2px 5px;font-size:.92em}.learning-markdown pre{margin:1em 0;overflow-x:auto;border-radius:7px;background:#111827;color:#e5e7eb;padding:14px}.learning-markdown pre code{background:transparent;color:inherit;padding:0}.learning-markdown table{display:block;width:100%;margin:1em 0;overflow-x:auto;border-collapse:collapse}.learning-markdown td,.learning-markdown th{border:1px solid #dbe3ee;padding:9px 11px;text-align:left;vertical-align:top}.learning-markdown th{background:#f3f7fb;color:#344054;font-weight:800}.learning-markdown .katex{font-size:1.04em}.learning-markdown .katex-display{overflow-x:auto;overflow-y:hidden;margin:1rem 0;padding:6px 0}.quiz-feedback-markdown{margin-top:4px;color:inherit;font-size:14px;line-height:1.55}.quiz-feedback-markdown ol,.quiz-feedback-markdown p,.quiz-feedback-markdown ul{margin-top:4px;margin-bottom:0}.latex-text{overflow-wrap:anywhere}.latex-text .katex{font-size:1.04em}.latex-text .katex-display{overflow-x:auto;overflow-y:hidden;margin:.75rem 0;padding:4px 0}.quiz-study{display:grid;grid-gap:16px;gap:16px;min-height:min(720px,calc(100vh - 210px))}.quiz-score-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;border:1px solid #cfe0f7;border-radius:7px;background:#f7fbff;padding:16px}.quiz-score-card[data-complete=true]{border-color:#9fd7b4;background:#f2fbf5}.quiz-score-card div:not(.quiz-progress-track){display:grid;grid-gap:4px;gap:4px}.quiz-score-card span{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.quiz-score-card strong{font-size:20px}.quiz-progress-track{grid-column:1/-1;height:8px;overflow:hidden;border-radius:999px;background:#dfe8f4}.quiz-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#0f766e);transition:width .16s ease}.quiz-question-list{display:grid;grid-gap:14px;gap:14px}.quiz-question{border:1px solid var(--line);border-radius:7px;background:#ffffff;padding:16px}.quiz-question-header{display:grid;grid-template-columns:32px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start}.quiz-question-header>span{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#eef4ff;color:var(--primary);font-weight:800}.quiz-question-header h3{margin:2px 0 0;font-size:16px;line-height:1.45}.quiz-options{display:grid;grid-gap:8px;gap:8px;margin-top:14px}.quiz-option{display:grid;grid-template-columns:38px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;min-height:52px;border:1px solid #dbe3ee;border-radius:7px;background:#ffffff;color:var(--text);padding:10px 12px;text-align:left;cursor:pointer}.quiz-option strong{display:grid;width:30px;height:30px;place-items:center;border-radius:6px;background:#edf2f7;color:#344054}.quiz-option span{line-height:1.45}.quiz-option:not(:disabled):hover{border-color:var(--primary);background:#f8fbff}.quiz-option:disabled{cursor:default;opacity:1}.quiz-option[data-state=correct]{border-color:#22c55e;background:#f0fdf4}.quiz-option[data-state=correct] strong{background:#dcfce7;color:#15803d}.quiz-option[data-state=incorrect]{border-color:#ef4444;background:#fff5f5}.quiz-option[data-state=incorrect] strong{background:#fee2e2;color:#b42318}.quiz-option[data-state=disabled]{color:var(--muted)}.quiz-feedback{display:grid;grid-template-columns:20px minmax(0,1fr);grid-gap:10px;gap:10px;margin-top:12px;border:1px solid #f3b6b6;border-radius:7px;background:#fff7f7;color:#9f1f1f;padding:12px}.quiz-feedback[data-correct=true]{border-color:#9fd7b4;background:#f2fbf5;color:#166534}.quiz-feedback p,.quiz-feedback strong{margin:0}.quiz-feedback p{margin-top:3px;color:inherit;line-height:1.5}.quiz-final-score{border:1px solid #cfe0f7;border-radius:7px;background:#eef4ff;color:var(--primary);padding:14px 16px;font-size:16px;font-weight:700}.short-answer-box{display:grid;grid-template-columns:minmax(0,1fr) max-content;grid-gap:10px;gap:10px;align-items:center;margin-top:14px}.short-answer-box input{width:100%;min-height:42px;border:1px solid #dbe3ee;border-radius:7px;background:#ffffff;color:var(--text);padding:9px 11px}.short-answer-box input:disabled{background:#f8fafc;color:var(--muted)}.short-answer-error{margin:10px 0 0;color:#b42318;font-size:13px}.citation-list{display:flex;flex-wrap:wrap;gap:8px}.citation-item{display:inline-flex;align-items:center;gap:6px;min-height:28px;border-radius:999px;background:#e9f3f1;color:#0d5f59;padding:0 10px;font-size:12px}.teacher-editor-panel,.teacher-send-panel{min-width:0}.check-row{display:flex;align-items:center;gap:8px;color:var(--text);font-size:14px}.check-row input{width:16px;height:16px;accent-color:var(--primary)}.student-picker{display:grid;grid-gap:8px;gap:8px;max-height:250px;overflow:auto;border:1px solid var(--line);border-radius:7px;padding:10px}.student-dashboard{display:grid;grid-gap:16px;gap:16px}.student-dashboard-section{overflow:hidden}.student-dashboard-message{margin:14px 16px 0}.student-course-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));grid-gap:12px;gap:12px;padding:16px}.student-course-card{display:grid;grid-template-columns:42px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;min-height:92px;border:1px solid var(--line);border-radius:7px;background:#ffffff;padding:14px}.student-course-card-placeholder{border-style:dashed;background:#fbfcfe}.student-course-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:7px;background:#e9f3f1;color:var(--secondary)}.student-course-card h3,.student-course-card p{margin:0}.student-course-card h3{font-size:15px}.student-course-card p{margin-top:5px;color:var(--muted);font-size:13px;line-height:1.35}.student-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.student-dashboard-card{display:grid;grid-gap:7px;gap:7px;align-content:start;min-height:124px;border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:16px}.student-dashboard-card svg{color:var(--primary)}.student-dashboard-card strong{font-size:15px}.student-dashboard-card span{color:var(--muted);font-size:13px;line-height:1.45}.student-dashboard-card-pending{border-color:#f3b6b6;background:#fff7f7}.student-dashboard-card-pending strong,.student-dashboard-card-pending svg{color:#b42318}.student-assignment-shell,.teacher-task-shell{display:grid;grid-gap:12px;gap:12px}.teacher-task-pending{max-width:none}.assignment-submenu{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));grid-gap:6px;gap:6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:6px}.assignment-submenu button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.assignment-submenu button[data-active=true]{background:#eef4ff;color:var(--primary);font-weight:700}.assignment-panel{display:grid;grid-gap:14px;gap:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:16px}.assignment-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:138px;border:1px solid #f3b6b6;border-radius:7px;background:#fff7f7;padding:18px}.assignment-hero>svg{flex:0 0 auto;color:#b42318}.assignment-hero h2,.assignment-hero p{margin:0}.assignment-hero h2{margin-top:12px;font-size:22px}.assignment-hero p{max-width:780px;margin-top:7px;color:#6b3a3a;line-height:1.5}.assignment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.assignment-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.assignment-work-card{display:grid;grid-gap:8px;gap:8px;align-content:start;min-height:132px;border:1px solid var(--line);border-radius:7px;background:#ffffff;padding:16px}.assignment-work-card svg{color:var(--primary)}.assignment-work-card strong{font-size:15px}.assignment-work-card span{color:var(--muted);font-size:13px;line-height:1.45}.submission-upload-preview{display:grid;grid-template-columns:minmax(240px,.36fr) minmax(0,.64fr);grid-gap:12px;gap:12px}.submission-dropzone{display:grid;place-items:center;grid-gap:8px;gap:8px;min-height:172px;border:1px dashed #aab6c8;border-radius:7px;background:#fbfcfe;color:var(--muted);padding:18px;text-align:center}.submission-dropzone svg{color:var(--primary)}.submission-dropzone strong{color:var(--text);font-size:15px}.submission-dropzone span{font-size:13px}.pending-panel{display:grid;grid-gap:12px;gap:12px;max-width:860px;border:1px solid #f3b6b6;border-radius:var(--radius);background:#fff7f7;padding:22px}.pending-badge{display:inline-flex;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;min-height:30px;border-radius:999px;background:#fee2e2;color:#b42318;padding:0 12px;font-size:12px;font-weight:800;letter-spacing:0}.pending-panel h2{margin:0;font-size:20px}.pending-panel p{margin:0;color:var(--muted);line-height:1.5}.auth-screen{display:grid;min-height:100vh;place-items:center;padding:24px}.auth-panel{display:grid;grid-gap:16px;gap:16px;width:min(100%,430px);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:24px;box-shadow:0 16px 40px rgb(17 24 39/8%)}.auth-brand{margin-bottom:0}.auth-panel h1,.auth-panel p{margin:0}.auth-panel p{color:var(--muted);line-height:1.5}.auth-actions{display:grid;grid-gap:10px;gap:10px}.auth-error{color:var(--danger)}.pending-workflow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:4px}.pending-workflow-item{display:grid;grid-gap:4px;gap:4px;border:1px solid #f3b6b6;border-radius:7px;background:var(--surface);padding:10px}.pending-workflow-item strong{font-size:14px}.pending-workflow-item span{color:var(--muted);font-size:13px}.empty-state{display:grid;grid-gap:5px;gap:5px;padding:18px 0}.empty-state strong{font-size:14px}.empty-state span{color:var(--muted);font-size:13px}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:5}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.assignment-grid,.assignment-grid-compact,.branding-grid,.content-grid,.dashboard-grid,.form-grid,.form-grid-compact,.material-student-shell,.pending-workflow,.practice-options-row,.practice-shell,.student-course-grid,.student-dashboard-grid,.submission-upload-preview,.teacher-quiz-shell,.workspace-grid{grid-template-columns:1fr}.assignment-hero{align-items:flex-start}.form-footer{align-items:stretch;flex-direction:column}.feature-flag-row{grid-template-columns:1fr}.switch-row{justify-content:flex-start}.quiz-score-card{grid-template-columns:1fr}.practice-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.short-answer-box{grid-template-columns:1fr}}