:root{--blue:#5166d6;--blue-strong:#4054dc;--blue-hero:#3b53d9;--blue-ink:#3b4cc0;--blue-deep:#2e3ea8;--periwinkle:#7b8ce7;--navy:#201f56;--lavender:#d7ddff;--lavender-soft:#eef0ff;--teal:#44cab2;--teal-soft:#ddf5f0;--teal-ink:#17695a;--bg:#f4f5fc;--surface:#fff;--text:#202525;--text-body:#333;--text-muted:#5a5f6b;--border:#e7e7e7;--border-soft:#eee;--border-input:#c4c4c4;--skeleton:#e9ecf8;--danger:#b42318;--danger-soft:#fdecea;--amber-soft:#fff6db;--amber-ink:#8a5a00;--grey-soft:#f1f2f5;--gold:#e0a82e;--silver:#9aa1ad;--bronze:#c27c48;--r-tile:8px;--r-row:12px;--r-card:20px;--r-pill:999px;--card-pad-y:24px;--card-pad-x:28px;--gutter:24px;--font:"Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--shadow-menu:0 10px 30px #201f562e;--shadow-dialog:0 24px 60px #201f564d;--scrim:#201f5673;--ease-out:cubic-bezier(.2, .8, .2, 1);--dur-fast:.16s;--dur:.22s;--header-h:66px;--phone-bp:960px}@media (width<=640px){:root{--card-pad-y:20px;--card-pad-x:20px;--gutter:16px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,h4{color:var(--text);margin:0;font-weight:600}h1{letter-spacing:-.02em;font-size:2rem;line-height:1.1}h2{font-size:1.25rem;line-height:1.3}h3{font-size:1.125rem;line-height:1.35}p{margin:0}a{color:var(--blue-strong)}a:hover{color:var(--blue-deep)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--blue-strong);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:1px}img{max-width:100%}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{max-width:1240px;padding:28px var(--gutter) 64px;flex-direction:column;gap:24px;margin:0 auto;display:flex}.page--wide{max-width:1400px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.boot{background:var(--bg);min-height:100vh}.toasts{z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{color:#fff;border-radius:var(--r-pill);box-shadow:var(--shadow-menu);animation:toastIn var(--dur) var(--ease-out);padding:12px 20px;font-size:14px;font-weight:600}.toast--success{background:var(--teal-ink)}.toast--error{background:var(--danger)}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}}.shell{background:var(--bg);min-height:100vh}.hdr{z-index:30;background:var(--blue);position:sticky;top:0}.hdr__bar{justify-content:space-between;align-items:center;gap:16px;padding:16px 5%;display:flex}.brand{color:#fff;align-items:center;gap:10px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.brand:hover{color:#fff}.topnav{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.topnav__link{color:#fff;border-radius:var(--r-pill);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.topnav__link:hover{color:#fff;background:#ffffff1f}.topnav__link.is-active,.dd.is-active>.topnav__link{color:var(--blue);background:#fff;padding:8px 18px}.dd{position:relative}.dd__menu{z-index:20;border-radius:var(--r-card);min-width:200px;box-shadow:var(--shadow-menu);transform-origin:top;background:#fff;flex-direction:column;gap:2px;padding:8px;display:none;position:absolute;top:100%;left:0}.dd:hover .dd__menu,.dd:focus-within .dd__menu{animation:ddIn var(--dur-fast) ease-out;display:flex}.dd .chev{transition:transform var(--dur-fast) ease-out}.dd:hover .chev,.dd:focus-within .chev{transform:rotate(180deg)}.dd__item{color:var(--text);border-radius:var(--r-row);white-space:nowrap;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;display:block}.dd__item:hover,.dd__item.is-active{background:var(--lavender-soft);color:var(--text)}@keyframes ddIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}.acct{color:#fff;border-radius:var(--r-pill);border:2px solid #fff;align-items:center;gap:8px;min-height:44px;margin-left:8px;padding:6px 14px 6px 6px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.acct:hover{color:#fff;background:#ffffff1f}.avatar{border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar--student{background:var(--lavender);color:var(--blue-ink)}.avatar--instructor{background:var(--teal-soft);color:var(--teal-ink)}.avatar--admin{color:var(--blue);background:#fff}.menubtn{border-radius:var(--r-row);color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;display:none}.menubtn.is-open{background:#ffffff38}.pmenu{border-radius:0 0 var(--r-card) var(--r-card);animation:pmIn var(--dur) var(--ease-out);background:#fff;flex-direction:column;gap:2px;max-height:calc(100vh - 64px);padding:8px 12px 16px;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 16px 32px #201f5638}.pmenu__link{min-height:48px;color:var(--text);border-radius:var(--r-row);align-items:center;padding:12px 16px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.pmenu__link--sub{color:var(--blue-ink);padding-left:28px;font-size:14px}.pmenu__link.is-active{background:var(--blue);color:#fff}.pmenu__label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding:14px 16px 4px;font-size:12px;font-weight:600;display:block}.pmenu__acct{min-height:52px;color:var(--text);background:var(--bg);border-radius:var(--r-row);align-items:center;gap:10px;margin-top:10px;padding:10px 14px;font-size:15px;font-weight:600;text-decoration:none;display:flex}@keyframes pmIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media (width<=960px){.hdr__bar{padding:10px 16px}.brand{font-size:17px}.brand img{width:32px;height:32px}.topnav{display:none}.menubtn{display:flex}}.page.admin{flex-flow:wrap;align-items:flex-start}.admin__side{background:var(--surface);border-radius:var(--r-card);flex:220px;max-width:260px;padding:16px 12px}.admin__eyebrow,.admin__ddeyebrow{letter-spacing:.04em;color:var(--text-muted);margin:4px 14px 10px;font-size:12px;font-weight:600}.admin__nav{flex-direction:column;gap:2px;display:flex}.admin__link{border-radius:var(--r-row);color:var(--blue-ink);padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;display:block}.admin__link:hover{background:var(--lavender-soft);color:var(--blue-ink)}.admin__link.is-active{background:var(--blue);color:#fff}.admin__main{flex-direction:column;flex:999 640px;gap:24px;min-width:0;display:flex}.admin__dd{flex:100%;display:none}.admin__ddbtn{text-align:left;background:var(--surface);border:1.5px solid var(--lavender);border-radius:var(--r-row);cursor:pointer;width:100%;min-height:52px;color:var(--blue-ink);justify-content:space-between;align-items:center;gap:10px;padding:8px 16px;display:flex}.admin__ddtext{flex-direction:column;display:flex}.admin__ddeyebrow{margin:0;font-size:11px}.admin__ddcur{color:var(--text);font-size:15px;font-weight:600}.admin__ddmenu{top:calc(100% + 6px);right:0}@media (width<=960px){.admin__side{display:none}.admin__dd{display:block}}.btn{font-family:var(--font);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;transition:transform .12s var(--ease-out), background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--md{min-height:44px;padding:10px 20px;font-size:14px}.btn--sm{min-height:34px;padding:6px 14px;font-size:13px}.btn--lg{min-height:52px;padding:15px 24px;font-size:17px}.btn--block{width:100%}.btn--primary{background:var(--blue);color:#fff}.btn--primary:hover:not(:disabled){background:var(--blue-strong);color:#fff}.btn--secondary{background:var(--lavender);color:var(--blue-ink)}.btn--secondary:hover:not(:disabled){color:var(--blue-ink);background:#c9d1ff}.btn--outline{color:var(--blue-ink);border-color:var(--lavender);background:0 0}.btn--outline:hover:not(:disabled){background:var(--lavender-soft);color:var(--blue-ink)}.btn--accent{background:var(--teal-soft);color:var(--teal-ink);border-color:var(--teal)}.btn--accent:hover:not(:disabled){color:var(--teal-ink);background:#c9efe7}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover:not(:disabled){color:#fff;background:#8e1b13}.card{background:var(--surface);border-radius:var(--r-card);padding:var(--card-pad-y) var(--card-pad-x);flex-direction:column;gap:16px;min-width:0;display:flex}.card__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.card__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field__label{color:var(--text);font-size:14px;font-weight:600}.field__hint{color:var(--text-muted);font-size:13px;line-height:1.45}.field__error{color:var(--danger);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.input{width:100%;font-family:var(--font);color:var(--text);background:var(--surface);border:1.5px solid var(--border-input);border-radius:var(--r-row);min-height:48px;transition:border-color var(--dur-fast);padding:12px 16px;font-size:16px}.input:focus{border-color:var(--blue-strong)}.input.is-invalid{border-color:var(--danger)}.input--area{resize:vertical;min-height:120px;line-height:1.5}.input--search{background:var(--bg);border-color:var(--border);border-radius:var(--r-pill);width:280px;max-width:100%;min-height:42px;padding:9px 16px;font-size:14px}.pill{border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.pill--blue{background:var(--lavender);color:var(--blue-ink)}.pill--green{background:var(--teal-soft);color:var(--teal-ink)}.pill--amber{background:var(--amber-soft);color:var(--amber-ink)}.pill--grey{background:var(--grey-soft);color:var(--text-muted)}.pill--red{background:var(--danger-soft);color:var(--danger)}.pill--solid{background:var(--blue);color:#fff}.tabs{background:var(--surface);border-radius:var(--r-pill);isolation:isolate;flex-wrap:wrap;align-self:flex-start;gap:6px;padding:5px;display:inline-flex;position:relative}.tabs__tab{z-index:1;color:var(--blue-ink);border-radius:var(--r-pill);cursor:pointer;min-height:40px;transition:color var(--dur) var(--ease-out);background:0 0;border:none;padding:9px 18px;font-size:14px;font-weight:600;position:relative}.tabs__tab[aria-selected=true]{color:#fff}.tabs__thumb{z-index:0;background:var(--blue);border-radius:var(--r-pill);transition:transform var(--dur) var(--ease-out), width var(--dur) var(--ease-out);position:absolute;top:0;left:0}.tabs:not(.is-measured) .tabs__tab[aria-selected=true]{background:var(--blue)}.switch{border-radius:var(--r-pill);cursor:pointer;background:var(--border-input);width:44px;height:26px;transition:background var(--dur) var(--ease-out);border:none;flex:none;padding:0;position:relative}.switch[aria-checked=true]{background:var(--teal)}.switch__knob{width:20px;height:20px;transition:transform var(--dur) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch[aria-checked=true] .switch__knob{transform:translate(18px)}.empty{background:var(--surface);border-radius:var(--r-card);padding:40px var(--card-pad-x);text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.empty__icon{background:var(--lavender);width:56px;height:56px;color:var(--blue);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty__title{color:var(--text);font-size:16px;font-weight:600}.empty__body{color:var(--text-muted);font-size:14px}.sk{background:var(--skeleton);border-radius:var(--r-tile);animation:1.4s ease-in-out infinite sk;display:block}@keyframes sk{0%,to{opacity:.55}50%{opacity:1}}.saved{align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.saved--saved{color:var(--teal-ink)}.saved--saving{color:var(--text-muted)}.saved--error{color:var(--danger)}.tablewrap{border:1px solid var(--border);border-radius:var(--r-row);overflow:auto}.tablewrap table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px}.tablewrap th{text-align:left;color:var(--blue-ink);background:var(--lavender-soft);box-shadow:inset 0 -2px 0 var(--lavender);padding:12px 14px;font-size:12px;font-weight:600}.tablewrap td{color:var(--text);border-top:1px solid var(--border-soft);padding:10px 14px}.tablewrap tbody tr:first-child td{border-top:none}.tablewrap--sticky thead th{z-index:2;position:sticky;top:0}.tablewrap--sticky .col-pin{z-index:1;background:inherit;position:sticky}.tablewrap--sticky thead .col-pin{z-index:3;background:var(--lavender-soft)}.tablewrap--sticky tbody tr{background:var(--surface)}.banner{background:var(--blue-hero);position:relative;overflow:hidden}.banner__c1{background:var(--navy);opacity:.1;border-radius:50%;width:520px;height:520px;position:absolute;top:-260px;right:-120px}.banner__c2{background:var(--periwinkle);border-radius:50%;width:160px;height:160px;position:absolute;bottom:-70px;right:22%}.banner__inner{max-width:1240px;padding:36px var(--gutter) 40px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 auto;display:flex;position:relative}.banner__text{flex-direction:column;gap:8px;display:flex}.banner__eyebrow{color:var(--lavender);font-size:14px;font-weight:600}.banner h1{color:#fff;font-size:36px;font-weight:700}@media (width<=640px){.banner h1{font-size:28px}}.auth{background:var(--blue);min-height:100vh;position:relative}.auth__hdr{justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;position:absolute;top:0;left:0;right:0}.auth__brand{color:#fff;align-items:center;gap:10px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.auth__brand:hover{color:#fff}.auth__site{color:#fff;background:var(--teal-ink);border-radius:var(--r-pill);padding:9px 20px;font-size:15px;font-weight:600;text-decoration:none}.auth__site:hover{color:#fff;background:#12554a}.auth__main{justify-content:center;align-items:center;min-height:100vh;padding:96px 16px;display:flex}.auth__card{background:var(--surface);border-radius:var(--r-card);flex-direction:column;gap:22px;width:100%;max-width:440px;padding:44px 40px;display:flex}.auth__card--wide{gap:20px;max-width:560px;padding:36px 40px}@media (width<=520px){.auth__card,.auth__card--wide{padding:28px 20px}}.auth__intro{flex-direction:column;gap:8px;display:flex}.auth__intro h1{color:var(--blue);font-size:32px}.auth__intro p{color:var(--text-muted);font-size:15px;line-height:1.5}.auth__labelrow{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.auth__small{font-size:13px;font-weight:600}.auth__divider{background:var(--border);height:1px}.auth__center{align-self:center}.auth__formerror{color:var(--danger);background:var(--danger-soft);border-radius:var(--r-row);align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.su__section{border-bottom:1px solid var(--border);flex-direction:column;gap:14px;padding-bottom:20px;display:flex}.su__section--last{border-bottom:none;padding-bottom:0}.su__section--top{border-bottom:none;border-top:1px solid var(--border);padding-top:20px;padding-bottom:0}.su__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--blue-ink);font-size:13px;font-weight:600}.su__eyebrow small{text-transform:none;letter-spacing:0;color:var(--text-muted);font-size:13px;font-weight:500}.su__row{flex-wrap:wrap;gap:16px;display:flex}.su__row>*{flex:180px}.su__code{letter-spacing:.08em}.su__photo{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.su__photoCircle{background:var(--lavender);width:72px;height:72px;color:var(--blue);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.su__photoCircle img{object-fit:cover;width:100%;height:100%}.su__photoSide{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.dlg{border-radius:var(--r-card);background:var(--surface);width:calc(100% - 32px);box-shadow:var(--shadow-dialog);color:var(--text-body);border:none;padding:0}.dlg[open]{animation:dlgIn var(--dur) var(--ease-out)}.dlg::backdrop{background:var(--scrim);animation:scrimIn var(--dur) ease-out}.dlg__panel{padding:var(--card-pad-y) var(--card-pad-x);flex-direction:column;gap:16px;display:flex}.dlg__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dlg__head h2{font-size:20px;line-height:1.3}.dlg__close{border-radius:var(--r-pill);width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin:-10px -12px 0 0;display:flex}.dlg__close:hover{background:var(--bg)}.dlg__foot{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:4px;display:flex}@keyframes dlgIn{0%{opacity:0;transform:var(--from,translateY(8px) scale(.97))}to{opacity:1;transform:none}}@keyframes scrimIn{0%{opacity:0}}