:root{--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--font-hand: "Segoe Print", "Bradley Hand", "Comic Neue", "Patrick Hand", cursive;--text-xs: .75rem;--text-sm: .8125rem;--text-md: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.625rem;--text-3xl: 2.25rem;--leading-tight: 1.25;--leading: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 56px;--radius-sm: 4px;--radius: 6px;--radius-lg: 10px;--gray-0: #ffffff;--gray-25: #fafaf9;--gray-50: #f4f4f2;--gray-100: #ebebe8;--gray-200: #dededa;--gray-300: #c9c9c4;--gray-400: #9d9d97;--gray-500: #6e6e68;--gray-600: #55554f;--gray-700: #3b3b37;--gray-800: #262624;--gray-900: #181817;--accent-50: #eef2fc;--accent-100: #dce5f9;--accent-200: #b9caf2;--accent-500: #3b5fc8;--accent-600: #2f4fae;--accent-700: #263f8c;--attention-50: #fdf5e4;--attention-200: #efd7a0;--attention-600: #8a5a00;--danger-50: #fcefee;--danger-200: #f0c4c0;--danger-600: #a8261d;--success-50: #ecf6ef;--success-200: #bfdfc9;--success-600: #1d6e3a;--teacher-50: #f1eefb;--teacher-200: #d4cbf1;--teacher-600: #54399c;--pen: #b3261e;--bg: var(--gray-25);--surface: var(--gray-0);--surface-muted: var(--gray-50);--border: var(--gray-200);--border-strong: var(--gray-300);--text: var(--gray-900);--text-muted: var(--gray-600);--text-subtle: var(--gray-500);--focus: var(--accent-600);--shadow-dialog: 0 12px 32px rgba(24, 24, 23, .18);--shadow-pop: 0 4px 14px rgba(24, 24, 23, .1);--sidebar-width: 232px;--content-max: 1180px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;line-height:var(--leading-tight);font-weight:600;letter-spacing:-.01em}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}p{margin:0}a{color:var(--accent-600);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--accent-700)}button,input,select,textarea{font:inherit;color:inherit}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{background:var(--accent-100)}.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}.skip-link{position:absolute;left:var(--space-4);top:-48px;z-index:100;padding:var(--space-2) var(--space-4);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius)}.skip-link:focus{top:var(--space-3)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh}.shell__sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5) var(--space-3);background:var(--surface);border-right:1px solid var(--border)}.shell__brand{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);font-weight:650;color:var(--text);text-decoration:none}.shell__brand-mark{width:22px;height:22px;border-radius:var(--radius-sm);background:var(--gray-900);color:var(--gray-0);display:grid;place-items:center;font-size:12px}.shell__role{font-size:var(--text-xs);font-weight:500;color:var(--text-subtle)}.nav{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.nav__link{display:flex;align-items:center;gap:var(--space-3);padding:7px var(--space-3);border-radius:var(--radius);color:var(--text-muted);text-decoration:none;font-size:var(--text-md)}.nav__link:hover{background:var(--surface-muted);color:var(--text)}.nav__link[aria-current=page]{background:var(--gray-100);color:var(--text);font-weight:550}.nav__count{margin-left:auto;min-width:20px;padding:0 6px;border-radius:10px;background:var(--attention-50);border:1px solid var(--attention-200);color:var(--attention-600);font-size:var(--text-xs);font-weight:600;text-align:center}.shell__account{margin-top:auto;padding:var(--space-3);border-top:1px solid var(--border);font-size:var(--text-sm)}.shell__account-name{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell__account-email{color:var(--text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell__main{min-width:0;display:flex;flex-direction:column}.shell__topbar{display:none}.content{width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-7) var(--space-7) var(--space-9)}.content--wide{max-width:none;padding:var(--space-5) var(--space-6) var(--space-7)}.content--narrow{max-width:760px}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack--sm{gap:var(--space-2)}.stack--lg{gap:var(--space-7)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.cluster--between{justify-content:space-between}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle);font-size:var(--text-sm)}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.shell__sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:min(280px,86vw);transform:translate(-100%);transition:transform .16s ease;box-shadow:var(--shadow-dialog)}.shell__sidebar[data-open=true]{transform:translate(0)}.shell__scrim{position:fixed;inset:0;z-index:40;background:#18181752}.shell__topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--surface);border-bottom:1px solid var(--border)}.content{padding:var(--space-5) var(--space-4) var(--space-8)}.content--wide{padding:var(--space-4)}.grid-2{grid-template-columns:minmax(0,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius);font-size:var(--text-md);font-weight:550;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.55}.btn--primary{background:var(--gray-900);color:var(--gray-0)}.btn--primary:hover:not(:disabled){background:var(--gray-700);color:var(--gray-0)}.btn--secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn--secondary:hover:not(:disabled){background:var(--surface-muted);color:var(--text)}.btn--ghost{background:transparent;color:var(--text-muted)}.btn--ghost:hover:not(:disabled){background:var(--surface-muted);color:var(--text)}.btn--danger{background:var(--surface);border-color:var(--danger-200);color:var(--danger-600)}.btn--sm{min-height:30px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn--icon{width:36px;padding:0}.btn--icon.btn--sm{width:30px}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:var(--text-sm);font-weight:550;color:var(--text)}.field__optional{font-weight:400;color:var(--text-subtle)}.field__hint{font-size:var(--text-sm);color:var(--text-subtle)}.field__error{display:flex;gap:6px;align-items:flex-start;font-size:var(--text-sm);color:var(--danger-600)}.input,.textarea,.select{width:100%;min-height:38px;padding:7px 10px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);font-size:var(--text-md)}.textarea{min-height:88px;resize:vertical;line-height:var(--leading)}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{outline:2px solid var(--focus);outline-offset:0;border-color:var(--focus)}.input[aria-invalid=true],.textarea[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--danger-600)}.input:disabled,.textarea:disabled,.select:disabled{background:var(--surface-muted);color:var(--text-subtle)}.input--mark{width:88px;text-align:right;font-variant-numeric:tabular-nums}.checkbox{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-md)}.checkbox input{width:16px;height:16px;margin-top:3px;accent-color:var(--gray-900)}.choice-list{display:grid;gap:var(--space-3)}.choice{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer}.choice:has(input:checked){border-color:var(--gray-900);box-shadow:inset 0 0 0 1px var(--gray-900)}.choice:has(input:disabled){cursor:not-allowed;background:var(--surface-muted)}.choice input{margin-top:4px;accent-color:var(--gray-900)}.choice__title{font-weight:550}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.panel__body{padding:var(--space-5)}.panel__body--flush{padding:0}.section-title{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.divider{height:1px;background:var(--border);border:0;margin:0}.page-header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.page-header__row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-header__title{overflow-wrap:anywhere}.page-header__description{color:var(--text-muted);max-width:68ch}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:0;padding:0;list-style:none;font-size:var(--text-sm);color:var(--text-subtle)}.breadcrumbs li+li:before{content:"/";margin-right:var(--space-1);color:var(--gray-300)}.breadcrumbs a{color:var(--text-muted);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.status{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:2px 8px 2px 6px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:var(--text-sm);font-weight:500;line-height:1.4;color:var(--text-muted);white-space:nowrap}.status svg{flex:none;width:14px;height:14px}.status--neutral svg{color:var(--gray-500)}.status--info{color:var(--accent-700);border-color:var(--accent-200);background:var(--accent-50)}.status--attention{color:var(--attention-600);border-color:var(--attention-200);background:var(--attention-50)}.status--danger{color:var(--danger-600);border-color:var(--danger-200);background:var(--danger-50)}.status--success{color:var(--success-600);border-color:var(--success-200);background:var(--success-50)}.status--teacher{color:var(--teacher-600);border-color:var(--teacher-200);background:var(--teacher-50)}.tag{display:inline-flex;align-items:center;gap:4px;padding:0 6px;border-radius:var(--radius-sm);background:var(--surface-muted);border:1px solid var(--border);font-size:var(--text-xs);font-weight:550;color:var(--text-muted);line-height:1.6;white-space:nowrap}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--text-md)}.table caption{text-align:left}.table th{padding:10px var(--space-4);border-bottom:1px solid var(--border);font-size:var(--text-sm);font-weight:550;color:var(--text-subtle);text-align:left;white-space:nowrap;background:var(--surface)}.table td{padding:12px var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr[data-clickable=true]{cursor:pointer}.table tbody tr[data-clickable=true]:hover{background:var(--gray-25)}.table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table__primary{font-weight:550;color:var(--text);text-decoration:none;overflow-wrap:anywhere}.table__primary:hover{text-decoration:underline}.table__secondary{font-size:var(--text-sm);color:var(--text-subtle)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);overflow-x:auto}.tabs__tab{padding:var(--space-2) var(--space-3);border:0;border-bottom:2px solid transparent;background:none;color:var(--text-muted);font-weight:500;cursor:pointer;white-space:nowrap}.tabs__tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--gray-900)}.tabs__count{margin-left:6px;color:var(--text-subtle);font-variant-numeric:tabular-nums}.segmented{display:inline-flex;padding:2px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);flex-wrap:wrap}.segmented__option{padding:5px var(--space-3);border:0;border-radius:var(--radius-sm);background:none;color:var(--text-muted);font-size:var(--text-sm);font-weight:500;cursor:pointer}.segmented__option[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--border)}.search{position:relative;width:min(280px,100%)}.search svg{position:absolute;left:10px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:var(--text-subtle)}.search .input{padding-left:32px}.notice{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);font-size:var(--text-md)}.notice svg{flex:none;width:18px;height:18px;margin-top:2px}.notice__title{font-weight:600}.notice--info{background:var(--accent-50);border-color:var(--accent-200)}.notice--info svg{color:var(--accent-600)}.notice--attention{background:var(--attention-50);border-color:var(--attention-200)}.notice--attention svg{color:var(--attention-600)}.notice--danger{background:var(--danger-50);border-color:var(--danger-200)}.notice--danger svg{color:var(--danger-600)}.notice--success{background:var(--success-50);border-color:var(--success-200)}.notice--success svg{color:var(--success-600)}.notice--boundary{background:var(--surface);border-style:dashed;border-color:var(--border-strong)}.notice--boundary svg{color:var(--text-subtle)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-5);text-align:center}.empty__title{font-size:var(--text-lg);font-weight:600}.empty__body{max-width:46ch;color:var(--text-muted)}.empty__actions{margin-top:var(--space-3)}.loading{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5)}.skeleton{height:14px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--gray-100),var(--gray-50),var(--gray-100));background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow-dialog)}.dialog--wide{width:min(760px,calc(100vw - 32px))}.dialog::backdrop{background:#18181766}.dialog__header{padding:var(--space-5) var(--space-6) 0}.dialog__body{padding:var(--space-4) var(--space-6);overflow-y:auto}.dialog__footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-6) var(--space-5);border-top:1px solid var(--border)}.kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--space-2) var(--space-6);margin:0}.kv dt{color:var(--text-subtle)}.kv dd{margin:0;overflow-wrap:anywhere}.stepper{display:flex;gap:var(--space-2);margin:0 0 var(--space-6);padding:0;list-style:none;counter-reset:step;overflow-x:auto}.stepper__item{display:flex;align-items:center;gap:var(--space-2);padding-right:var(--space-3);color:var(--text-subtle);font-size:var(--text-sm);white-space:nowrap}.stepper__item+.stepper__item:before{content:"";width:24px;height:1px;background:var(--border-strong);margin-right:var(--space-2)}.stepper__index{width:22px;height:22px;border-radius:50%;border:1px solid var(--border-strong);display:grid;place-items:center;font-size:var(--text-xs);font-weight:600}.stepper__item[data-state=current]{color:var(--text);font-weight:550}.stepper__item[data-state=current] .stepper__index{background:var(--gray-900);border-color:var(--gray-900);color:var(--gray-0)}.stepper__item[data-state=done] .stepper__index{background:var(--gray-100);color:var(--text)}.mark{font-variant-numeric:tabular-nums;white-space:nowrap}.mark__value{font-weight:600;color:var(--text)}.mark__of{color:var(--text-subtle)}.mark--large .mark__value{font-size:var(--text-3xl);letter-spacing:-.02em}.mark--large .mark__of{font-size:var(--text-xl)}.mark--none{color:var(--text-muted);font-style:normal}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.stat{display:flex;flex-direction:column;gap:2px;padding:var(--space-4) var(--space-5);border-right:1px solid var(--border);color:inherit;text-decoration:none}.stat:last-child{border-right:0}a.stat:hover{background:var(--gray-25)}.stat__label{font-size:var(--text-sm);color:var(--text-subtle)}.stat__value{font-size:var(--text-2xl);font-weight:600;font-variant-numeric:tabular-nums}.stat[data-attention=true] .stat__value{color:var(--attention-600)}.dev-banner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);padding:6px var(--space-6);background:repeating-linear-gradient(-45deg,var(--attention-50),var(--attention-50) 10px,#fbefd2 10px,#fbefd2 20px);border-bottom:1px solid var(--attention-200);color:var(--attention-600);font-size:var(--text-sm)}.dev-banner strong{font-weight:650}.pager{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-subtle)}@media(max-width:640px){.kv{grid-template-columns:minmax(0,1fr);gap:2px}.kv dd{margin-bottom:var(--space-2)}.stat{border-right:0;border-bottom:1px solid var(--border)}}.ai-chip{display:inline-flex;align-items:center;padding:1px 8px;border:1px solid var(--accent-200);border-radius:999px;background:var(--accent-50);color:var(--accent-700);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;white-space:nowrap}