:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f4f6fa;--surface:#fff;--text:#18283c;--muted:#52647a;--border:#d5dee9;--accent:#244fc1;--accent-soft:#eaf0ff;--navigation:#172b49;--navigation-text:#f4f7ff;--navigation-active:#2c4263;--focus:#244fc1}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#111a27;--surface:#192536;--text:#ecf1f8;--muted:#b0bfd1;--border:#3a4b62;--accent:#a3beff;--accent-soft:#293c5c;--navigation:#142033;--focus:#a3beff}@media (prefers-color-scheme:dark){:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#111a27;--surface:#192536;--text:#ecf1f8;--muted:#b0bfd1;--border:#3a4b62;--accent:#a3beff;--accent-soft:#293c5c;--navigation:#142033;--focus:#a3beff}}*{box-sizing:border-box}body{background:var(--background);color:var(--text);margin:0;font-family:system-ui,sans-serif;font-size:1rem;line-height:1.5}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button,input,select{min-height:44px}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sidebar :focus-visible,.mobile-nav :focus-visible{outline-color:#c4d5ff}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:10;background:var(--surface);padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:8px}.sidebar{display:none}.topbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:12px 20px;display:flex}.mobile-brand{letter-spacing:-.04em;font-size:1.25rem;font-weight:750}.context{color:var(--muted);font-size:.875rem;display:none}.secondary{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:6px;padding:8px 14px;font-size:.875rem;font-weight:600}.secondary:hover{background:var(--accent-soft)}main{padding:24px 20px calc(100px + env(safe-area-inset-bottom));max-width:1200px;margin-inline:auto}.preview-notice{color:var(--muted);margin-bottom:28px;font-size:.75rem}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:.75rem;font-weight:700}h1{letter-spacing:-.04em;margin:0 0 12px;font-size:2rem;line-height:1.2}.description{color:var(--muted);max-width:60ch;margin:0}.count{color:var(--muted);font-size:.875rem}.directory{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.filters{flex-wrap:wrap;align-items:end;gap:16px;padding:20px;display:flex}.filters label{gap:8px;min-width:0;font-size:.875rem;font-weight:600;display:grid}.search-field{flex:280px}.section-field{flex:180px}.input-wrap{border:1px solid var(--border);border-radius:6px;align-items:center;gap:8px;padding-left:12px;display:flex}.input-wrap svg{color:var(--muted);flex-shrink:0}.input-wrap input{background:var(--surface);width:100%;min-width:0;color:var(--text);border:0;border-radius:6px;padding:8px}input::placeholder{color:var(--muted)}select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:6px;padding:8px 12px}.clear-filter{flex:120px}.results{color:var(--muted);margin:0;padding:0 20px 16px;font-size:.875rem}table{border-collapse:collapse;width:100%;font-size:.875rem}th,td{text-align:left;border-top:1px solid var(--border);padding:18px 20px}thead{background:var(--background);color:var(--muted)}thead th{font-weight:600}thead th:nth-child(2),.code-column{display:none}tbody th{font-weight:600}.mobile-code{color:var(--muted);margin-top:4px;font-size:.75rem;font-weight:400;display:block}.section-tag{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:4px;padding:4px 8px}.directory-footer{border-top:1px solid var(--border);color:var(--muted);padding:16px 20px;font-size:.75rem}.empty-state{text-align:center;padding:32px 20px}.empty-state h2{font-size:1.125rem}.empty-state p{color:var(--muted)}.mobile-nav{bottom:0;background:var(--navigation);color:var(--navigation-text);padding:8px 20px calc(8px + env(safe-area-inset-bottom));gap:8px;display:flex;position:fixed;inset-inline:0}.mobile-nav a,.mobile-nav button{min-height:52px;color:inherit;background:0 0;border:0;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:.75rem;display:flex}.mobile-nav .active{background:var(--navigation-active)}.settings{background:var(--surface);width:calc(100% - 24px);max-width:420px;max-height:calc(100dvh - 24px);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:24px;overflow-y:auto}.settings::backdrop{background:#050e1c80}.settings-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.settings h2{margin:0;font-size:1.25rem}fieldset{border:0;margin:0;padding:0}legend{font-weight:650}fieldset p{color:var(--muted);margin-top:8px;font-size:.875rem}.theme-option{border-top:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;min-height:52px;display:flex}.theme-option input{accent-color:var(--accent);width:20px;height:20px;min-height:auto;margin:0}.theme-option small{color:var(--muted);margin-left:auto;font-size:.75rem}@media (width<=599px){.settings{margin-bottom:12px}}@media (width>=600px){main{padding-inline:32px}.context{display:inline}.mobile-brand{display:none}thead th:nth-child(2),.code-column{display:table-cell}.mobile-code{display:none}.clear-filter{flex:none}}@media (width>=1000px){.portal-layout{grid-template-columns:240px minmax(0,1fr);display:grid}.portal-layout.compact{grid-template-columns:80px minmax(0,1fr)}.sidebar{background:var(--navigation);height:100dvh;color:var(--navigation-text);flex-direction:column;padding:28px 16px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;margin-bottom:40px;display:flex}.brand-mark{border:1px solid #8499b9;border-radius:8px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:1.25rem;font-weight:750;display:grid}.brand-text{letter-spacing:-.04em;font-size:1.5rem;font-weight:700}.brand-text small{letter-spacing:0;color:#c4d0e4;font-size:.75rem;font-weight:400;display:block}.nav-label{color:#c4d0e4;margin:0 0 16px;padding-inline:12px;font-size:.75rem}.sidebar nav{gap:8px;display:grid}.nav-item{min-height:48px;color:inherit;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;padding:12px;font-size:.875rem;display:flex}.nav-item svg{flex-shrink:0}.nav-item.active,.nav-item:hover{background:var(--navigation-active)}.collapse-control{margin-top:auto}.compact .brand-text,.compact .nav-label,.compact .nav-item .nav-text{display:none}.compact .collapse-control svg{transform:rotate(180deg)}.workspace{min-width:0}.topbar{padding-inline:40px}main{padding:32px 40px 48px}.mobile-nav{display:none}}.tenant-context{color:var(--muted);overflow-wrap:anywhere;margin:0 0 24px;font-size:.75rem}.public-page{max-width:640px;margin-inline:auto;padding-top:64px}.public-page a{border:1px solid var(--border);min-height:44px;color:var(--accent);border-radius:6px;align-items:center;margin:8px 8px 0 0;padding:8px 16px;display:inline-flex}.nav-symbol{place-items:center;min-width:20px;font-size:1.25rem;display:inline-grid!important}.additional-nav{margin-bottom:24px;display:grid}.logout-control{width:100%;margin-top:24px}.student-list{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:0;list-style:none}.student-list li{overflow-wrap:anywhere;padding:16px 20px}.student-list li+li{border-top:1px solid var(--border)}button:disabled{cursor:wait;opacity:.65}