html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}body{background:#1a1b26;font:15px/1.5 system-ui,Segoe UI,Roboto,sans-serif}:root{--bg:#1a1b26;--panel:#24283b;--panel-2:#1f2335;--border:#2f3347;--accent:#7aa2f7;--text:#c0caf5;--muted:#787c99;--err:#f7768e;--ok:#9ece6a;--warn:#e0af68}*{box-sizing:border-box}.app{background:var(--bg);min-height:100vh;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.topbar{z-index:10;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{margin-right:8px;font-weight:700}.topbar button{background:var(--accent);color:#1a1b26;cursor:pointer;border:0;border-radius:7px;padding:7px 12px;font-size:13px;font-weight:600}.topbar button.ghost{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.topbar button:disabled{opacity:.45;cursor:not-allowed}.divider{background:var(--border);width:1px;height:22px;margin:0 4px}.status-area{align-items:center;gap:14px;margin-left:auto;font-size:12px;display:flex}.kernel-status{color:var(--muted)}.kernel-status.ok{color:var(--ok)}.saved{color:var(--muted)}.cells{max-width:980px;margin:0 auto;padding:22px 16px 120px}.cell{gap:10px;margin-bottom:14px;display:flex}.cell-side{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:42px;padding-top:4px;display:flex}.run-dot{border:1px solid var(--border);color:var(--accent);cursor:pointer;background:0 0;border-radius:6px;width:28px;height:28px;font-size:11px}.run-dot:disabled{opacity:.4;cursor:not-allowed}.exec-label{color:var(--muted);font-family:monospace;font-size:11px}.exec-label.md{color:var(--accent)}.cell-main{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;flex:1;min-width:0;overflow:hidden}.cell.running .cell-main{border-color:var(--accent)}.cell-toolbar{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:5px 8px;display:flex}.cell-type{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px}.cell-toolbar .spacer{flex:1}.cell-toolbar button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:2px 6px;font-size:13px}.cell-toolbar button:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.cell-toolbar button:disabled{opacity:.3;cursor:not-allowed}.cm-editor{font-size:13.5px}.output{border-top:1px solid var(--border);padding:8px 12px}.output pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:SFMono-Regular,Consolas,monospace;font-size:12.5px;line-height:1.5}.out-stream{color:var(--text)}.out-result{color:var(--accent)}.out-err{color:var(--err)}.out-muted{color:var(--muted);font-style:italic}.out-img{background:#fff;border-radius:6px;max-width:100%;margin-top:8px}.err-hint{border:1px solid var(--warn);color:var(--text);background:#e0af6814;border-left-width:3px;border-radius:6px;margin-top:8px;padding:8px 12px;font-size:12.5px;line-height:1.55}.err-hint-title{align-items:center;gap:8px;margin-bottom:6px;font-weight:600;display:flex}.err-hint-badge{text-transform:uppercase;letter-spacing:.4px;color:#1a1b26;background:var(--warn);border-radius:10px;padding:1px 7px;font-size:11px;font-weight:600}.err-hint-type{color:var(--muted);margin-left:auto;font-family:monospace;font-size:11px}.err-hint-row{gap:8px;margin-top:3px;display:flex}.err-hint-label{color:var(--warn);flex:0 0 58px;font-weight:500}.instr{background:var(--bg);min-height:100vh;color:var(--text);display:flex}.instr-sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:226px;height:100vh;display:flex;position:sticky;top:0}.instr-brand-row{border-bottom:1px solid var(--border);align-items:center;display:flex}.instr-brand{cursor:pointer;white-space:nowrap;flex:1;align-items:center;gap:8px;padding:16px;font-size:15px;font-weight:700;display:flex;overflow:hidden}.instr-collapse{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:16px}.instr-collapse:hover{color:var(--text)}.instr-sidebar.collapsed{width:58px}.instr-sidebar.collapsed .instr-brand-txt,.instr-sidebar.collapsed .instr-nav-label,.instr-sidebar.collapsed .instr-nav-section{display:none}.instr-sidebar.collapsed .instr-nav-item{justify-content:center;gap:0;padding:10px 0}.instr-sidebar.collapsed .instr-brand{justify-content:center;padding:16px 0}.instr-sidebar.collapsed .instr-brand-row{flex-direction:column}.instr-sidebar.collapsed .instr-user{align-items:center}.instr-sidebar.collapsed .instr-user button{text-align:center}.instr-nav{flex:1;padding:8px 0;overflow-y:auto}.instr-nav-group{margin-bottom:4px}.instr-nav-section{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);padding:10px 16px 3px;font-size:10.5px}.instr-nav-item{color:var(--text);border-left:3px solid #0000;align-items:center;gap:10px;padding:9px 16px;font-size:14px;text-decoration:none;display:flex}.instr-nav-item:hover{background:var(--panel-2)}.instr-nav-item.active{background:var(--panel-2);border-left-color:var(--accent);color:var(--accent);font-weight:600}.instr-nav-ico{text-align:center;flex-shrink:0;width:20px}.instr-user{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding:10px;display:flex}.instr-user-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding:2px 4px 6px;font-size:13px;overflow:hidden}.instr-user button{text-align:left;font-size:13px}.instr-main{flex-direction:column;flex:1;min-width:0;display:flex}.instr-head{border-bottom:1px solid var(--border);background:var(--panel-2);z-index:5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex;position:sticky;top:0}.instr-head-left{align-items:center;gap:10px;min-width:0;display:flex}.instr-back{background:var(--panel);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;flex-shrink:0;width:34px;height:34px;font-size:17px}.instr-back:hover{border-color:var(--accent);color:var(--accent)}.instr-head h1{margin:0;font-size:20px}.subtabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex}.subtab{color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none}.subtab:hover{color:var(--text)}.subtab.active{color:var(--accent);border-bottom-color:var(--accent)}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:20px;padding:5px 12px;font-size:12.5px;font-weight:600}.chip:hover{color:var(--text);border-color:var(--accent)}.chip.active{background:var(--accent);color:#1a1b26;border-color:var(--accent)}.instr-breadcrumb{color:var(--muted);margin-bottom:2px;font-size:12.5px}.instr-breadcrumb a{color:var(--accent);cursor:pointer;text-decoration:none}.instr-breadcrumb a:hover{text-decoration:underline}.instr-head-actions{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.create-menu{position:relative}.create-menu>summary{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--accent);color:#0b1020;white-space:nowrap;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:700;list-style:none}.create-menu>summary::-webkit-details-marker{display:none}.create-menu>summary:hover{filter:brightness(1.08)}.create-menu[open]>summary{filter:brightness(.95)}.create-menu-list{z-index:30;background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;min-width:190px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0006}.create-menu-list button{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:9px 12px;font-size:14px}.create-menu-list button:hover{background:var(--panel-2)}.instr-content{flex:1;padding:20px 24px}@media (width<=760px){.instr{flex-direction:column}.instr-sidebar{width:100%;height:auto;position:static}.instr-nav{flex-wrap:wrap;display:flex}.instr-nav-section{display:none}.instr-user{flex-direction:row;align-items:center}.instr-user-name{flex:1}}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.entity-card{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:14px 16px;text-decoration:none;transition:border-color .15s;display:block}.entity-card:hover{border-color:var(--accent)}.entity-card h3{margin:0 0 6px;font-size:15px}.entity-card .ec-meta{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:12.5px;display:flex}.entity-card .ec-meta b{color:var(--text)}.subject-progress{align-items:center;gap:10px;margin:2px 0 12px;display:flex}.sp-bar{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;flex:0 0 180px;height:8px;overflow:hidden}.sp-fill{background:#9ece6a;border-radius:999px;height:100%;transition:width .3s}.sp-text{color:var(--muted);font-size:12.5px}.sp-text b{color:var(--text)}.my-status{margin-top:4px;font-size:12.5px;font-weight:600}.my-status-sub{color:var(--muted);font-weight:400}.my-status.graded{color:#9ece6a}.my-status.submitted{color:var(--accent)}.my-status.draft{color:var(--warn)}.subject-section{margin-bottom:18px}.subject-head{border-bottom:2px solid var(--accent);color:var(--text);margin:18px 0 6px;padding-bottom:6px;font-size:18px}.conf-warn{color:var(--warn);cursor:help;font-weight:700}.ai-grade-box{border-color:#bb9af7}.ai-grade-box .autograde-head{flex-wrap:wrap}.ai-feedback{background:#bb9af714;border-left:3px solid #bb9af7;border-radius:4px;margin:8px 0;padding:8px 10px;font-size:13.5px;line-height:1.55}.badge-lang-quiz{letter-spacing:.3px;color:#1a1b26;background:#bb9af7;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:600}.quiz-main{max-width:820px}.quiz-intro{white-space:pre-wrap;background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;margin-bottom:14px;padding:10px 14px;line-height:1.55}.quiz-q{background:var(--panel,var(--panel-2));border:1px solid var(--border);border-radius:10px;margin-bottom:12px;padding:12px 14px}.quiz-q-text{margin-bottom:8px;line-height:1.5}.quiz-options{flex-direction:column;gap:6px;display:flex}.quiz-option{border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;display:flex}.quiz-option:hover{border-color:var(--accent)}.quiz-option.chosen{border-color:var(--accent);background:#7aa2f714}.quiz-option.correct{background:#9ece6a1f;border-color:#9ece6a}.quiz-option.wrong{border-color:var(--err);background:#f7768e1a}.quiz-mark{margin-left:auto;font-size:12px;font-weight:600}.quiz-mark.ok{color:#9ece6a}.quiz-mark.bad{color:var(--err)}.quiz-explain{border-left:3px solid var(--warn);background:#e0af6814;border-radius:4px;margin-top:8px;padding:7px 10px;font-size:13px;line-height:1.5}.quiz-submit{margin:8px 0 24px}.quiz-editor{padding:12px 16px}.quiz-intro-edit,.quiz-explain-edit,.quiz-q-text-edit,.quiz-opt-text{background:var(--panel-2);width:100%;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 9px;font-family:inherit;font-size:13.5px}.quiz-q-edit{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;margin-bottom:12px;padding:12px}.quiz-q-edit-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.quiz-q-num{font-weight:600}.quiz-q-text-edit{margin-bottom:8px}.quiz-opts-edit{margin:8px 0;padding-left:4px}.quiz-opt-edit{align-items:center;gap:8px;margin-bottom:6px;display:flex}.badge-lang-cpp{letter-spacing:.3px;color:#1a1b26;background:#7dcfff;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:600}.cpp-desc{color:var(--text);border-bottom:1px solid var(--border);max-height:38vh;padding:10px 16px;font-size:13.5px;line-height:1.6;overflow-y:auto}.cpp-desc-lesson{max-height:62vh}.cpp-desc>:first-child{margin-top:0}.cpp-desc>:last-child{margin-bottom:0}.cpp-desc h1{margin:.7em 0 .4em;font-size:1.35em}.cpp-desc h2{border-bottom:1px solid var(--border);margin:1em 0 .4em;padding-bottom:3px;font-size:1.18em}.cpp-desc h3{margin:.9em 0 .3em;font-size:1.05em}.cpp-desc p,.cpp-desc ul,.cpp-desc ol{margin:.5em 0}.cpp-desc li{margin:.2em 0}.cpp-desc code{background:var(--code-bg,#7f7f7f29);border-radius:4px;padding:1px 5px;font-size:.92em}.cpp-desc pre{background:var(--code-bg,#7f7f7f1f);border:1px solid var(--border);border-radius:6px;margin:.6em 0;padding:9px 12px;overflow-x:auto}.cpp-desc pre code{background:0 0;padding:0}.cpp-desc table{border-collapse:collapse;margin:.6em 0;display:block;overflow-x:auto}.cpp-desc th,.cpp-desc td{border:1px solid var(--border);text-align:left;padding:4px 10px}.cpp-desc th{background:#7f7f7f1a}.cpp-desc blockquote{border-left:3px solid var(--border);color:var(--muted,inherit);margin:.6em 0;padding:4px 12px}.cpp-ide{flex:1;align-items:stretch;gap:10px;min-height:0;padding:12px 16px;display:flex}.cpp-editor{border:1px solid var(--border);border-radius:8px;flex:60%;min-width:0;overflow:hidden}.cpp-editor .cm-editor{height:100%;min-height:420px;font-size:13.5px}.cpp-side{flex-direction:column;flex:40%;min-width:0;display:flex}.cpp-label{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin:0 0 4px;font-size:11px}.cpp-stdin{resize:vertical;background:var(--panel-2);height:90px;color:var(--text);border:1px solid var(--border);border-radius:8px;margin-bottom:12px;padding:8px 10px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.cpp-console{background:var(--panel-2);min-height:220px;color:var(--text);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;border-radius:8px;flex:1;margin:0;padding:8px 10px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.5;overflow:auto}.cpp-console-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.cpp-prefill-toggle{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;margin-bottom:4px;padding:1px 8px;font-size:11px}.cpp-terminal{flex-direction:column;display:flex}.cpp-terminal.waiting{border-color:var(--accent,#7aa2f7);box-shadow:0 0 0 1px var(--accent,#7aa2f7) inset}.cpp-console-out{white-space:pre-wrap;word-break:break-word;font:inherit;margin:0}.cpp-console-hint{color:var(--muted)}.cpp-input-line{align-items:center;gap:6px;display:flex}.cpp-prompt{color:var(--accent,#7aa2f7);font-weight:700}.cpp-input{color:var(--text);font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none;flex:1;padding:2px 0}.md-editor{background:var(--panel-2);width:100%;min-height:90px;color:var(--text);resize:vertical;border:0;outline:none;padding:12px;font-family:monospace;font-size:13.5px}.md-rendered{cursor:text;padding:4px 16px}.md-rendered h1{font-size:24px}.md-rendered h2{font-size:20px}.md-rendered code{background:var(--panel);border-radius:4px;padding:1px 5px;font-size:.9em}.md-rendered pre{background:var(--panel);border-radius:8px;padding:10px;overflow:auto}.md-rendered a{color:var(--accent)}.add-row{gap:8px;margin-left:52px;display:flex}.add-row button{border:1px dashed var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:13px}.add-row button:hover{color:var(--text);border-color:var(--accent)}.centered{min-height:100vh;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.muted{color:var(--muted)}.auth-wrap{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;width:360px;max-width:100%;padding:28px;display:flex}.auth-card h1{margin:0;font-size:22px}.auth-sub{color:var(--muted);margin:0 0 6px;font-size:13px}.auth-card input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;padding:11px 12px;font-size:14px}.auth-card input:focus{border-color:var(--accent)}.auth-card button[type=submit]{background:var(--accent);color:#1a1b26;cursor:pointer;border:0;border-radius:8px;margin-top:4px;padding:11px;font-size:14px;font-weight:600}.auth-card button:disabled{opacity:.6;cursor:not-allowed}.auth-error{border:1px solid var(--err);color:var(--err);background:#f7768e1f;border-radius:8px;padding:9px 12px;font-size:13px}.auth-switch{text-align:center;color:var(--muted);font-size:13px}.auth-switch a{color:var(--accent);cursor:pointer;text-decoration:underline}.list-main{max-width:760px;margin:0 auto;padding:28px 16px}.list-main h2{margin:0 0 16px}.assignment-list{flex-direction:column;gap:12px;display:flex}.assignment-card{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:16px 18px;text-decoration:none;transition:border-color .15s;display:block}.assignment-card:hover{border-color:var(--accent)}.assignment-title{font-size:16px;font-weight:600}.assignment-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.9em;margin-top:4px;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.assignment-due{color:var(--accent);margin-top:6px;font-size:12px}.submit-btn{background:var(--ok)!important;color:#1a1b26!important}.badge-submitted{color:var(--ok);border:1px solid var(--ok);background:#9ece6a29;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600}.row-disabled td{opacity:.5}.row-disabled td .badge-draft{opacity:1}.enroll-chips{flex-wrap:wrap;gap:4px;display:inline-flex}.enroll-chip{color:var(--accent,#7aa2f7);white-space:nowrap;background:#7aa2f724;border:1px solid #7aa2f766;border-radius:12px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}.enroll-chip.ended{color:var(--muted,#888);border-color:var(--border,#333);background:0 0;font-weight:500}.field-label{color:var(--muted,#888);margin:8px 0 4px;font-size:12px}.class-multi{border:1px solid var(--border,#333);border-radius:8px;flex-direction:column;gap:4px;max-height:180px;padding:8px;display:flex;overflow-y:auto}.class-multi .check-field{margin:0}.subject-head-class{color:var(--muted,#888);font-size:.75em;font-weight:500}.chapter-block{margin:6px 0 16px}.chapter-head{border-bottom:2px solid var(--border,#333);margin:10px 0 6px;padding-bottom:4px;font-size:18px}.chapter-head.muted{color:var(--muted,#888);border-color:#0000;font-size:15px}.session-block{border-left:3px solid #7aa2f759;margin:6px 0 10px;padding-left:10px}.session-head{color:var(--accent,#7aa2f7);margin:6px 0;font-size:14px}.curriculum-editor{flex-direction:column;gap:6px;display:flex}.chapter-card{border:1px solid var(--border,#333);border-radius:10px;padding:10px 12px}.chapter-card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.session-card{border-left:3px solid #7aa2f759;margin:6px 0 6px 8px;padding:6px 8px}.session-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.session-items{flex-direction:column;gap:3px;margin:4px 0;padding:0;list-style:none;display:flex}.session-items li{align-items:center;gap:6px;font-size:13px;display:flex}.si-title{flex:1}.add-item-row{align-items:center;gap:6px;margin:4px 0;display:flex}.add-item-row select{border:1px solid var(--border,#333);background:var(--bg-elev,#1a1b26);color:inherit;border-radius:6px;padding:4px 8px}.tc-io{gap:8px;display:flex}.tc-io-field{flex-direction:column;flex:1;gap:2px;display:flex}.tc-io-field span{font-size:11px}@media (width<=640px){.tc-io{flex-direction:column}}.tc-weight{color:var(--accent,#7aa2f7);font-size:11px;font-weight:700}.pg-cell{text-align:center;border-radius:6px;padding:3px 8px;font-size:12px}.pg-full{color:var(--ok,#9ece6a);background:#9ece6a38;font-weight:700}.pg-part{color:var(--warn,#e0af68);background:#e0af6838;font-weight:600}.pg-none{color:var(--muted,#888)}.countdown{font-variant-numeric:tabular-nums;color:var(--accent,#7aa2f7);background:#7aa2f729;border:1px solid #7aa2f766;border-radius:20px;padding:2px 10px;font-size:13px;font-weight:700}.countdown.soon{color:var(--warn,#e0af68);border-color:var(--warn,#e0af68);background:#e0af6833;animation:1s infinite cd-pulse}.countdown.overdue{color:var(--err,#f7768e);border-color:var(--err,#f7768e);background:#f7768e2e}@keyframes cd-pulse{0%,to{opacity:1}50%{opacity:.6}}.stats-row{flex-wrap:wrap;gap:14px;margin-bottom:22px;display:flex}.stat-card{text-align:left;cursor:default;background:var(--bg-elev,#1a1b26);border:1px solid var(--border);min-width:150px;color:inherit;border-radius:12px;flex:1;padding:16px 18px}button.stat-card{cursor:pointer;transition:border-color .15s}button.stat-card:hover{border-color:var(--accent)}.stat-num{font-size:28px;font-weight:700;line-height:1}.stat-sub{color:var(--muted,#9aa5ce);font-size:16px;font-weight:500}.stat-label{color:var(--muted,#9aa5ce);margin-top:8px;font-size:12px}.assignment-audience{color:var(--muted,#9aa5ce);margin-top:4px;font-size:12px}.assignment-card.locked{opacity:.7;cursor:not-allowed}.assignment-card.locked:hover{border-color:var(--border);transform:none}.sub-count{color:var(--muted,#9aa5ce);margin-left:6px;font-size:12px}.proctor-note.warn{color:#f7768e;background:#f7768e24;border:1px solid #f7768e}.cam-on{color:#f7768e;font-weight:600}.input-bar{z-index:30;background:var(--bg-elev,#1a1b26);border:1px solid var(--accent);border-radius:10px;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 16px #00000040}.input-bar-label{white-space:pre-wrap;font-weight:600}.input-bar input{border:1px solid var(--border);background:var(--bg,#1a1b26);color:var(--fg,#c0caf5);border-radius:8px;flex:1;padding:8px 12px;font-size:14px}.input-bar button{background:var(--accent);color:#1a1b26;cursor:pointer;border:0;border-radius:8px;padding:8px 16px;font-weight:600}.conn-badge{border:1px solid;border-radius:14px;padding:2px 10px;font-size:12px;font-weight:600}.conn-badge.good{color:var(--ok,#9ece6a);border-color:var(--ok,#9ece6a)}.conn-badge.weak{color:#e0af68;border-color:#e0af68}.conn-badge.lost{color:#f7768e;border-color:#f7768e}.live-counts{align-items:center;gap:14px;font-size:13px;display:flex}.live-counts .c-lost{color:#f7768e}.live-counts .c-weak{color:#e0af68}.live-counts .c-ok{color:var(--ok,#9ece6a)}.live-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.live-card{border:1px solid var(--border);border-left:4px solid var(--border);border-radius:12px;padding:12px}.live-card.st-lost{background:#f7768e0f;border-left-color:#f7768e}.live-card.st-weak{border-left-color:#e0af68}.live-card.st-good{border-left-color:#9ece6a}.live-card.st-never{opacity:.75;border-left-color:#565f89}.live-photo{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:100%;height:130px;margin-bottom:8px;display:block}.live-photo.none{color:var(--muted,#9aa5ce);background:#ffffff08;justify-content:center;align-items:center;font-size:12px;display:flex}.live-name{font-weight:600}.live-meta{color:var(--muted,#9aa5ce);margin-top:2px;font-size:12px}.live-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:13px;display:flex}.st-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.st-dot.good{background:#9ece6a}.st-dot.weak{background:#e0af68}.st-dot.lost{background:#f7768e}.st-dot.never{background:#565f89}.live-card.warn-unsub{outline:2px solid #e0af68}.unsub-flag{color:#e0af68;background:#e0af682e;border-radius:6px;margin-bottom:6px;padding:3px 8px;font-size:12px;font-weight:600}.live-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.cam-gallery{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.cam-thumb{color:var(--muted,#9aa5ce);flex-direction:column;align-items:center;gap:4px;font-size:11px;text-decoration:none;display:flex}.cam-thumb img{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:140px;height:105px}.cam-ph{border:1px solid var(--border);background:#ffffff0a;border-radius:8px;width:140px;height:105px}.kind-tag{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.kind-tag.exam{color:#f7768e;background:#f7768e29;border:1px solid #f7768e}.kind-tag.exercise{color:#7dcfff;background:#7dcfff24;border:1px solid #7dcfff}.kind-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.kind-label{font-weight:600}.kind-pill{cursor:pointer;border:1px solid var(--border);border-radius:18px;align-items:center;gap:6px;padding:5px 14px;font-size:13px;display:inline-flex}.kind-pill.on{border-color:var(--accent);background:#7aa2f71f}.link-btn-note{color:var(--muted,#9aa5ce);padding:4px 0;font-size:12px}.assignment-card.row-disabled{opacity:.7}.assignment-card.row-disabled td{opacity:1}.audience-box{border:1px solid var(--border);border-radius:10px;margin:4px 0;padding:12px}.audience-label{margin-bottom:8px;font-weight:600}.audience-modes{flex-wrap:wrap;gap:18px;display:flex}.audience-modes label{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.audience-pick{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.audience-pick.scroll{max-height:220px;overflow-y:auto}.pick-chip{cursor:pointer;border:1px solid var(--border);border-radius:18px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.audience-students-head{align-items:center;gap:12px;margin-top:12px;display:flex}.audience-students-head input{border:1px solid var(--border);background:var(--bg-elev,#1a1b26);color:inherit;border-radius:8px;flex:1;padding:6px 10px}.filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bulk-bar{border:1px solid var(--accent);background:#7aa2f71f;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:8px 14px;display:flex}.bulk-bar select{border:1px solid var(--border);background:var(--bg-elev,#1a1b26);color:inherit;border-radius:8px;padding:6px 10px}.modal-backdrop{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elev,#1a1b26);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;width:min(440px,92vw);padding:22px;display:flex}.modal h3{margin:0 0 4px}.modal label{color:var(--muted,#9aa5ce);flex-direction:column;gap:4px;font-size:13px;display:flex}.modal label input,.modal label select{border:1px solid var(--border);background:var(--bg,#1a1b26);color:var(--fg,#c0caf5);border-radius:8px;padding:8px 10px;font-size:14px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.modal.wide{width:min(620px,94vw)}.report-table th{position:sticky;top:0}.report-table .grade-cell{text-align:center}.report-table .avg-row td{border-top:2px solid var(--border);color:var(--muted,#9aa5ce)}.filter-row select,.filter-row input{border:1px solid var(--border);background:var(--bg-elev,#1a1b26);max-width:100%;color:inherit;border-radius:8px;padding:6px 10px;font-size:13px}.list-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.list-head h2{margin:0}.list-head button{background:var(--accent);color:#1a1b26;cursor:pointer;border:0;border-radius:8px;padding:8px 14px;font-weight:600}.assignment-card.static:hover{border-color:var(--border)}.card-actions{gap:10px;margin-top:12px;display:flex}.link-btn{background:var(--panel-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:7px;padding:5px 10px;font-size:12.5px;text-decoration:none}.link-btn:hover{border-color:var(--accent)}.link-btn.danger{color:var(--err)}.link-btn.danger:hover{border-color:var(--err)}.icon-actions{white-space:nowrap}.icon-actions .icon-btn{background:var(--panel-2);border:1px solid var(--border);width:30px;height:30px;color:var(--text);cursor:pointer;vertical-align:middle;border-radius:7px;justify-content:center;align-items:center;margin:0 2px;padding:0;font-size:14px;line-height:1;text-decoration:none;display:inline-flex}.icon-actions .icon-btn:hover{border-color:var(--accent);background:var(--panel)}.icon-actions .icon-btn.primary{background:var(--accent);color:#1a1b26;border-color:var(--accent)}.icon-actions .icon-btn.danger:hover{border-color:var(--err)}th.act-col{text-align:left}.editor-form{flex-direction:column;gap:12px;max-width:980px;margin:0 auto;padding:18px 16px 0;display:flex}.editor-form label{color:var(--muted);flex-direction:column;gap:5px;font-size:13px;display:flex}.editor-form input,.editor-form textarea{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;padding:9px 11px;font-family:inherit;font-size:14px}.editor-form input:focus,.editor-form textarea:focus{border-color:var(--accent)}.editor-form input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:max-content}.editor-hint{color:var(--muted);border-top:1px dashed var(--border);padding-top:10px;font-size:12px}.link-btn.primary{background:var(--accent);color:#1a1b26;border-color:var(--accent)}.sub-of{color:var(--muted);font-size:13px;font-weight:400}.badge-draft{color:var(--muted);border:1px solid var(--muted);background:#787c992e;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600}.ok-text{color:var(--ok)}.grade-table,.assignment-table{border-collapse:collapse;width:100%;font-size:13.5px}.grade-table th,.grade-table td,.assignment-table th,.assignment-table td{text-align:left;border-bottom:1px solid var(--border);padding:9px 12px}.grade-table th,.assignment-table th{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:600}.grade-table tbody tr:hover,.assignment-table tbody tr:hover{background:var(--panel)}.grade-table .muted-cell,.assignment-table .muted-cell{color:var(--muted)}.grade-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;max-width:980px;margin:16px auto 0;padding:16px;display:flex}.grade-row{align-items:flex-end;gap:12px;display:flex}.grade-row label{color:var(--muted);flex-direction:column;gap:5px;font-size:13px;display:flex}.grade-row input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;width:110px;padding:9px 11px;font-size:16px}.grade-row input:focus{border-color:var(--accent)}.fb-label{color:var(--muted);flex-direction:column;gap:5px;font-size:13px;display:flex}.grade-panel textarea{background:var(--panel-2);border:1px solid var(--border);color:var(--text);resize:vertical;border-radius:8px;outline:none;padding:9px 11px;font-family:inherit;font-size:14px}.grade-panel textarea:focus{border-color:var(--accent)}.grade-banner{border:1px solid var(--ok);background:#9ece6a1f;border-radius:12px;max-width:980px;margin:16px auto 0;padding:14px 18px}.grade-score{color:var(--ok);font-size:18px}.grade-fb{color:var(--text);white-space:pre-wrap;margin-top:6px;font-size:14px}.import-box{background:var(--panel);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:18px}.import-box h3{margin:0 0 6px}.import-text{background:var(--panel-2);border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;border-radius:8px;outline:none;margin-top:8px;padding:10px 12px;font-family:monospace;font-size:13px}.import-text:focus{border-color:var(--accent)}.import-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:12px;display:flex}.inline-field{color:var(--muted);flex-direction:column;flex:1;gap:5px;min-width:240px;font-size:12.5px;display:flex}.inline-field input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;padding:9px 11px;font-size:14px}.inline-field input:focus{border-color:var(--accent)}.file-pick{background:var(--panel-2);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:9px 14px;font-size:13px}.import-controls>button{background:var(--accent);color:#1a1b26;cursor:pointer;white-space:nowrap;border:0;border-radius:8px;padding:9px 16px;font-weight:600}.import-controls>button:disabled{opacity:.6;cursor:not-allowed}.import-result{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;margin-top:14px;padding:12px;font-size:13.5px}.import-errors{color:var(--err);margin-top:8px}.import-errors ul{margin:4px 0 0;padding-left:20px}.import-box code{background:var(--panel-2);border-radius:4px;padding:1px 6px;font-size:.9em}.due-chip{color:var(--muted);border:1px solid var(--border);border-radius:20px;padding:3px 10px;font-size:12px}.due-chip.overdue{color:var(--err);border-color:var(--err);font-weight:600}.src-row{border-bottom:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;padding-bottom:12px;display:flex}.tpl-select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;outline:none;padding:8px 11px;font-size:14px}.tpl-select:focus{border-color:var(--accent)}.ghost-btn{background:var(--panel-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:13px}.ghost-btn:hover{border-color:var(--accent)}.check-field{cursor:pointer;align-items:center;font-size:13px;color:var(--text)!important;flex-direction:row!important;gap:8px!important}.check-field input{width:auto}.proctor-note{border:1px solid var(--accent);max-width:980px;color:var(--accent);background:#7aa2f71f;border-radius:10px;margin:12px auto 0;padding:9px 14px;font-size:12.5px}.proctor-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;max-width:980px;margin:14px auto 0;padding:14px 16px}.proctor-panel.warn{border-color:var(--err)}.proctor-head{margin-bottom:10px;font-weight:600}.proctor-panel.warn .proctor-head{color:var(--err)}.proctor-stats{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.proctor-stats b{color:var(--text)}.proctor-timeline{margin-top:12px;font-size:12.5px}.proctor-timeline summary{cursor:pointer;color:var(--accent)}.proctor-timeline ul{max-height:220px;margin:8px 0 0;padding-left:18px;overflow:auto}.proctor-timeline li{margin-bottom:3px}.row-session td{background:#7aa2f712;font-weight:500}.fs-gate{z-index:1000;background:#0f1018f7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.fs-box{text-align:center;background:var(--panel);border:1px solid var(--accent);border-radius:16px;flex-direction:column;gap:12px;max-width:460px;padding:32px;display:flex}.fs-icon{font-size:40px}.fs-box h2{margin:0;font-size:20px}.fs-box p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.fs-btn{background:var(--accent);color:#1a1b26;cursor:pointer;border:0;border-radius:10px;margin-top:8px;padding:12px 18px;font-size:15px;font-weight:700}.fs-back{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:13px}.fs-back:hover{color:var(--text)}.assignment-due.none{color:var(--muted)}.assignment-due.soon{color:#e0af68;font-weight:600}.assignment-due.overdue{color:var(--err);font-weight:600}.due-rel{font-weight:600}.auth-notice{border:1px solid var(--accent);color:var(--accent);background:#7aa2f71f;border-radius:8px;padding:9px 12px;font-size:13px}.log-filter{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.log-filter label{color:var(--muted);flex-direction:column;gap:4px;font-size:12.5px;display:flex}.log-filter input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:8px;outline:none;padding:7px 10px;font-size:13px}.log-filter button{background:var(--accent);color:#1a1b26;cursor:pointer;border:0;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.log-filter button.ghost{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.log-total{margin-left:auto}.pager{justify-content:center;align-items:center;gap:14px;margin-top:16px;display:flex}.pager button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:7px 14px}.pager button:disabled{opacity:.4;cursor:not-allowed}.search-box{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;min-width:200px;padding:6px 10px}.class-section{margin:14px 0}.class-section-head{background:var(--panel);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:9px;align-items:center;gap:10px;padding:10px 14px;display:flex}.class-section-head:hover{border-color:var(--accent)}.class-section-head .caret{color:var(--muted);width:14px}.class-section-title{flex:1;font-size:15px;font-weight:600}.class-section-count{color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:20px;padding:2px 10px;font-size:12px}.class-section-body{border-left:2px solid var(--border);margin-left:6px;padding:6px 0 4px 12px}.kind-group{margin:10px 0}.kind-group-head{color:var(--accent);margin:8px 0 4px;font-size:13px;font-weight:600}.chart-bars{flex-direction:column;gap:6px;margin:8px 0 18px;display:flex}.bar-row{align-items:center;gap:10px;display:flex}.bar-label{width:52px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.bar-track{background:var(--panel-2);border-radius:6px;flex:1;height:18px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:6px;min-width:2px;height:100%}.bar-val{width:130px;color:var(--muted);text-align:right;font-size:12px}.hour-chart{align-items:flex-end;gap:3px;height:110px;margin:8px 0 18px;padding-bottom:16px;display:flex}.hour-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.hour-bar{background:var(--accent);border-radius:3px 3px 0 0;width:70%;min-height:1px}.hour-lbl{color:var(--muted);font-size:10px;position:absolute;bottom:-16px}.data-table{border-collapse:collapse;width:100%;margin:8px 0 20px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:7px 10px;font-size:13px}.data-table th{color:var(--muted);font-weight:600}.mini-bar-wrap{align-items:center;gap:8px;display:flex}.mini-bar{background:var(--accent);border-radius:5px;min-width:2px;max-width:160px;height:10px}.test-case-card{border:1px solid var(--border);background:var(--panel-2);border-radius:8px;margin-bottom:8px;padding:8px}.test-case-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.test-case-head input{border:1px solid var(--border);background:var(--bg);color:inherit;border-radius:7px;padding:6px 9px;font-size:13px}.test-case-head input:focus{border-color:var(--accent);outline:none}.test-case-head .tc-name{flex:1}.test-case-head .tc-points{width:72px}.test-case-code{border:1px solid var(--border);background:var(--bg);width:100%;color:inherit;resize:vertical;border-radius:7px;padding:7px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.test-case-code:focus{border-color:var(--accent);outline:none}.autograde-box{border-top:1px dashed var(--border);margin-top:10px;padding-top:10px}.autograde-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.autograde-score b{color:var(--ok);font-size:15px}.autograde-results{flex-direction:column;gap:3px;margin:8px 0 0;padding:0;list-style:none;display:flex}.autograde-results li{padding-left:4px;font-size:13px}.autograde-results li.pass{color:var(--ok)}.autograde-results li.fail{color:var(--err)}.autograde-results .tc-msg{color:var(--muted)}.data-table td .ts-active{color:var(--ok);font-weight:600}.data-table td .ts-idle{font-weight:600}.data-table td .ts-idle.high{color:var(--warn)}.assignment-table{margin-top:4px}.assignment-table .row-title{font-weight:600}.assignment-table .row-sub{color:var(--muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:46ch;margin-top:2px;font-size:12px;display:-webkit-box;overflow:hidden}.assignment-table .nowrap{white-space:nowrap;font-size:12px}.assignment-table .num-cell{text-align:right}.assignment-table .sub-link{color:var(--accent);font-weight:600;text-decoration:none}.assignment-table .sub-link:hover{text-decoration:underline}.assignment-table tbody td{vertical-align:top}.badge-warn{white-space:nowrap;color:#ffb86c;background:#ffb86c21;border:1px solid #ffb86c73;border-radius:999px;margin-top:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-block}@media (width<=900px){:has(>.grade-table){overflow-x:auto}}.row-meta-narrow{display:none}@media (width<=1100px){.assignment-table th:nth-child(4),.assignment-table td:nth-child(4),.assignment-table .row-sub{display:none}.row-meta-narrow{color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin-top:3px;font-size:12px;display:flex}}@media (width<=820px){.assignment-table th:nth-child(5),.assignment-table td:nth-child(5){display:none}}.row-menu-wrap{display:inline-block;position:relative}.row-menu-backdrop{z-index:19;position:fixed;inset:0}.row-menu{z-index:20;background:var(--panel);border:1px solid var(--border);border-radius:9px;flex-direction:column;min-width:196px;padding:5px;display:flex;position:absolute;top:34px;right:0;box-shadow:0 8px 24px #00000073}.row-menu-item{text-align:left;color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:7px 10px;font-size:13px;text-decoration:none}.row-menu-item:hover{background:var(--panel-2)}.row-menu-item.danger{color:var(--err)}.row-menu-note{color:var(--muted);white-space:nowrap;padding:7px 10px;font-size:12px}.form-section{border:1px solid var(--border);background:var(--panel-2);border-radius:10px}.form-section-head{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:11px 14px;font-size:14px;display:flex}.form-section-head:hover{background:var(--panel);border-radius:10px}.form-section.open .form-section-head{border-bottom:1px solid var(--border);border-radius:10px 10px 0 0}.form-section-title{font-weight:600}.form-section-badge{color:#1a1b26;background:var(--accent);border-radius:10px;padding:1px 7px;font-size:11px;font-weight:600}.form-section-hint{color:var(--muted);margin-left:auto;font-size:12px}.form-section-body{flex-direction:column;gap:12px;padding:14px;display:flex}.form-section-body>.audience-box{background:0 0;border:0;padding:0}