:root{--bg:#f6f7f9;--bg-elevated:#fff;--text:#1f2328;--text-muted:#64707d;--border:#dde1e6;--accent:#fc6d26;--accent-hover:#e2570f;--accent-contrast:#fff;--danger:#cf222e;--danger-bg:#fdedee;--success:#1a7f37;--success-bg:#e9f8ee;--warning:#9a6700;--warning-bg:#fff8e6;--neutral-bg:#eef0f2;--neutral-text:#57606a;--radius:8px;--radius-sm:6px;--shadow-sm:0 1px 2px #1018280f;--shadow:0 8px 24px #10182814;--sans:system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, "Cascadia Code", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#14161a;--bg-elevated:#1c1f24;--text:#e6e8eb;--text-muted:#9aa4b2;--border:#2c3038;--accent:#fc8a4d;--accent-hover:#ffa268;--accent-contrast:#1c1200;--danger:#ff7b72;--danger-bg:#3a1a1c;--success:#56d364;--success-bg:#12261a;--warning:#e3b341;--warning-bg:#2e2411;--neutral-bg:#23262c;--neutral-text:#9aa4b2;--shadow-sm:0 1px 2px #0000004d;--shadow:0 8px 24px #00000059}}:root[data-theme=dark]{--bg:#14161a;--bg-elevated:#1c1f24;--text:#e6e8eb;--text-muted:#9aa4b2;--border:#2c3038;--accent:#fc8a4d;--accent-hover:#ffa268;--accent-contrast:#1c1200;--danger:#ff7b72;--danger-bg:#3a1a1c;--success:#56d364;--success-bg:#12261a;--warning:#e3b341;--warning-bg:#2e2411;--neutral-bg:#23262c;--neutral-text:#9aa4b2;--shadow-sm:0 1px 2px #0000004d;--shadow:0 8px 24px #00000059}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.55 var(--sans)}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--sans);color:var(--text);font-weight:600;line-height:1.25}h1{margin:0;font-size:22px}h2{margin:0 0 16px;font-size:20px}h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 12px;font-size:15px}p{margin:0 0 8px}small{color:var(--text-muted);font-size:13px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--mono);background:var(--neutral-bg);color:var(--text);border-radius:4px;padding:2px 6px;font-size:.9em}.page{flex:1;width:100%;max-width:880px;margin:0 auto;padding:32px 24px 64px}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:20px 24px}.card-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.dashboard-header-actions{align-items:center;gap:10px;display:flex}.dashboard-term-heading{text-transform:none;letter-spacing:normal;color:var(--text);border-bottom:2px solid var(--border);margin:32px 0 16px;padding-bottom:8px;font-size:22px;font-weight:700}section:first-of-type .dashboard-term-heading{margin-top:0}.classroom-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (width<=640px){.classroom-grid{grid-template-columns:1fr}}.classroom-card-drag{cursor:grab;min-width:0}.classroom-card-drag:active{cursor:grabbing}.classroom-card-dragging{opacity:.4}.classroom-card-drag-over .classroom-card{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.draggable-row{cursor:grab}.draggable-row:active{cursor:grabbing}.draggable-row-dragging{opacity:.4}.draggable-row-drag-over{box-shadow:inset 0 2px 0 var(--accent)}.classroom-card{box-sizing:border-box;width:100%;min-width:0;height:100%;color:var(--text);align-items:flex-start;gap:16px;margin-bottom:0;text-decoration:none;transition:border-color .12s,box-shadow .12s;display:flex}.classroom-card:hover{border-color:var(--accent);box-shadow:var(--shadow);text-decoration:none}.classroom-card-icon{flex-shrink:0;width:72px;height:72px}.classroom-card-body{min-width:0}.classroom-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:2px;font-size:16px;font-weight:600;display:-webkit-box;overflow:hidden}.classroom-card-cgn{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:12px;overflow:hidden}.classroom-card-meta{color:var(--text-muted);flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.classroom-card-instructors{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:13px;display:-webkit-box;overflow:hidden}.classroom-title-row{align-items:center;gap:12px;display:flex}.classroom-name-editor{min-width:0}.classroom-name-button{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;margin:0 -4px;padding:2px 4px;display:block}.classroom-name-button:hover{background:var(--neutral-bg)}.classroom-name-button h2{margin:0}.classroom-name-cgn{color:var(--text-muted);margin:2px 0 0}.classroom-name-editor input[type=text]{font:inherit;padding:2px 4px;font-size:20px;font-weight:600}.classroom-icon-button{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;line-height:0;transition:box-shadow .12s}.classroom-icon-button:hover{box-shadow:0 0 0 2px var(--accent)}.icon-button{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .12s,background .12s;display:inline-flex}.icon-button:hover{background:var(--neutral-bg)}.icon-button-danger:hover{color:var(--danger);background:var(--danger-bg)}.classroom-icon-large{border-radius:50%;width:135px;height:135px;display:block}.icon-picker-grid{grid-template-columns:repeat(3,1fr);gap:12px;max-height:340px;margin:16px 0;display:grid;overflow-y:auto}.icon-picker-option{border-radius:var(--radius-sm);background:var(--bg-elevated);cursor:pointer;border:2px solid #0000;padding:8px}.icon-picker-option img{border-radius:50%;width:100%;height:auto;display:block}.icon-picker-option:hover{border-color:var(--border)}.icon-picker-option-active{border-color:var(--accent)}.stack{flex-direction:column;gap:8px;display:flex}hr{border:none;border-top:1px solid var(--border);width:100%;margin:4px 0}button,.button{font:inherit;cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);padding:8px 16px;font-size:14px;font-weight:600;transition:background-color .12s,border-color .12s,color .12s,opacity .12s}button:hover:not(:disabled),.button:hover{border-color:var(--accent);color:var(--accent)}button:disabled{cursor:not-allowed;opacity:.55}button[type=submit],.button-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}button[type=submit]:hover:not(:disabled),.button-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-contrast)}.button-danger{border-color:var(--danger);color:var(--danger);background:0 0}.button-danger:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:var(--accent-contrast)}form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:14px;font-weight:600}.field-hint{margin-top:2px}.checkbox-field{align-items:center;gap:8px;font-size:14px;display:flex}.checkbox-field label{cursor:pointer;align-items:center;gap:8px;font-weight:400;display:flex}input[type=file],input[type=text],textarea{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);padding:7px 10px;font-size:14px}textarea{resize:vertical;min-height:140px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.link-button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.link-button:hover{color:var(--accent-hover)}.dropzone{border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-muted);text-align:center;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:24px 16px;font-size:14px;transition:border-color .12s;display:flex}.dropzone:hover{border-color:var(--accent)}.dropzone-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.dropzone-filename{color:var(--text);font-weight:600}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}select{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--text);appearance:none;cursor:pointer;padding:6px 28px 6px 10px;font-size:14px;transition:border-color .12s}select:hover:not(:disabled){border-color:var(--accent)}select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}select:disabled{cursor:not-allowed;opacity:.55}details>summary{cursor:pointer;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);align-items:center;gap:8px;font-size:15px;font-weight:600;list-style:none;display:flex}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"▸";transition:transform .12s;display:inline-block}details[open]>summary:before{transform:rotate(90deg)}details>summary:hover{color:var(--accent)}details[open]>summary{margin-bottom:16px}.summary-icon{flex-shrink:0;width:60px;height:60px}.summary-meta{align-items:center;gap:10px;margin-left:auto;font-weight:500;display:flex}.details-body{flex-direction:column;gap:8px;display:flex}.instructor-identity{align-items:center;gap:8px;display:inline-flex}.instructor-identity-text{flex-direction:column;line-height:1.3;display:flex}.instructor-name{font-weight:600}.instructor-username{color:var(--text-muted);font-size:12px}.avatar-sm{object-fit:cover;border-radius:50%;flex-shrink:0;width:22px;height:22px}.autocomplete{flex:1;min-width:0;position:relative}.autocomplete input[type=text]{width:100%}.autocomplete-list{z-index:10;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:220px;box-shadow:var(--shadow);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.autocomplete-option{border-radius:var(--radius-sm);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:baseline;gap:8px;padding:6px 8px;display:flex}.autocomplete-option:hover{background:var(--bg-hover,var(--border))}.autocomplete-username{font-weight:600}.autocomplete-name{color:var(--text-muted);font-size:13px}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tab{background:var(--neutral-bg);color:var(--neutral-text);border:1px solid #0000;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:600}.tab:hover:not(.tab-active){border-color:var(--accent);color:var(--accent)}.tab-active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.tab-active:hover:not(:disabled){color:var(--accent-contrast)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.table-wrap-scroll{max-height:640px;overflow-y:auto}.table-wrap-scroll thead th{z-index:1;position:sticky;top:0}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px}th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--neutral-bg);font-size:12px;font-weight:600}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-th:hover{color:var(--text)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--neutral-bg)}.badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:999px;align-items:center;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-neutral{background:var(--neutral-bg);color:var(--neutral-text)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.stoplight-dot{border-radius:50%;flex:none;width:9px;height:9px;margin-right:6px;display:inline-block}.stoplight-dot-find_it{background:var(--danger)}.stoplight-dot-fork_it{background:var(--warning)}.stoplight-dot-auto_fork{background:var(--success)}[role=alert]{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px}ul{margin:0;padding-left:20px}ul.plain{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.notice{background:var(--success-bg);color:var(--success);border:1px solid var(--success);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px}dialog{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:var(--bg-elevated);color:var(--text);white-space:normal;width:100%;max-width:420px;padding:24px}dialog::backdrop{background:#00000080}dialog h3{text-transform:none;letter-spacing:normal;color:var(--text);margin-bottom:8px;font-size:17px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}dialog.groupify-dialog[open]{flex-direction:column;max-width:720px;max-height:85vh;display:flex}dialog.clone-dialog[open]{flex-direction:column;max-width:640px;max-height:85vh;display:flex}.clone-dialog-scroll,.groupify-dialog-scroll{flex:1;min-height:0;margin-right:-4px;padding-right:4px;overflow-y:auto}.groupify-grid{grid-auto-flow:column;gap:4px 16px;margin-top:12px;display:grid}.groupify-group{border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;display:flex}.groupify-checklist{border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px;margin-top:8px;padding:8px 12px;display:grid}.groupify-present{z-index:1000;background:var(--bg);color:var(--text);flex-direction:column;padding:24px;display:flex;position:fixed;inset:0}.groupify-present-toolbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.groupify-present-title{color:var(--text-muted);font-size:18px;font-weight:700}.groupify-present-grid{flex:1;grid-auto-flow:column;gap:8px 28px;min-height:0;display:grid}.groupify-present-cell{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);white-space:nowrap;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:0;padding:4px 10px;display:flex;overflow:hidden}.groupify-present-name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.groupify-present-group-badge{color:#fff;background:#c2410c;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:1.8em;padding:.15em .6em;font-weight:700;line-height:1.4;display:inline-flex}.roster-search{max-width:260px}.topbar{z-index:10;border-bottom:1px solid var(--border);background:var(--bg-elevated);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:880px;margin:0 auto;padding:16px 24px;display:flex}.topbar-brand{align-items:baseline;gap:10px;display:flex}.topbar-status{color:var(--text-muted);font-size:13px}.topbar-status.status-ok:before{content:"●";color:var(--success);margin-right:5px}.topbar-status.status-error:before{content:"●";color:var(--danger);margin-right:5px}.topbar-status.status-checking:before{content:"●";color:var(--text-muted);margin-right:5px}.topbar-actions{align-items:center;gap:12px;display:flex}.topbar-actions .icon-button{font-size:18px}.topbar-user{align-items:center;gap:10px;display:flex}.topbar-user img{border:1px solid var(--border);border-radius:50%;width:28px;height:28px}.topbar-user span{color:var(--text-muted);font-size:14px}.centered-notice{text-align:center;max-width:880px;color:var(--text-muted);margin:64px auto;padding:0 24px}