[data-directory-category=students],[data-category=students]{--category:#2464c7;--category-ink:#174c9d}[data-directory-category=classes],[data-category=classes]{--category:#873bcc;--category-ink:#7530b6}:root[data-theme=dark] [data-directory-category=students],:root[data-theme=dark] [data-category=students]{--category:#65a5ff;--category-ink:#a1c9ff}:root[data-theme=dark] [data-directory-category=classes],:root[data-theme=dark] [data-category=classes]{--category:#b783ff;--category-ink:#d5b5ff}[data-directory-category] .page-heading{border-bottom:1px solid color-mix(in srgb,var(--category) 45%,var(--border));justify-content:flex-start;gap:16px;padding-bottom:20px}[data-directory-category] .page-heading>div{flex:1;min-width:0}[data-directory-category] .page-context{display:none}.directory-page-icon{width:52px;height:52px;color:var(--category-ink);background:color-mix(in srgb,var(--category) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--category) 45%,var(--border));border-radius:16px;flex-shrink:0;place-items:center;display:grid}section.directory-v2{border:1px solid color-mix(in srgb,var(--category) 60%,var(--border));border-top:3px solid var(--category);background:var(--surface);border-radius:14px;min-width:0;padding:20px}.directory-v2>.card-heading{gap:12px;margin-bottom:18px}.directory-v2>.card-heading h2{margin:0;font-size:20px}.directory-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 20px;display:grid}.directory-summary>.directory-metric{background:linear-gradient(125deg,color-mix(in srgb,var(--category) 5%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--category) 20%,var(--border));min-height:112px;color:var(--ink);text-align:left;border-radius:12px;place-content:flex-start;align-items:center;gap:14px;margin:0;padding:18px 16px;display:flex;box-shadow:0 4px 14px #0b183008}.directory-metric-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.directory-metric-copy>span{color:var(--ink);font-size:14px;font-weight:500;line-height:1.35}.directory-summary small{color:var(--muted);font-size:12px;line-height:1.4}.directory-metric-icon{width:50px;height:50px;color:var(--metric-ink);background:color-mix(in srgb,var(--metric-ink) 12%,var(--surface));border-radius:14px;flex-shrink:0;place-items:center;display:grid}.directory-tone-category{--metric-ink:var(--category-ink)}.directory-tone-amber{--metric-ink:#a85b00}.directory-tone-rose{--metric-ink:#c13b57}.directory-tone-slate{--metric-ink:#526984}.directory-tone-teal{--metric-ink:#087c6a}:root[data-theme=dark] .directory-tone-amber{--metric-ink:#ffc15a}:root[data-theme=dark] .directory-tone-rose{--metric-ink:#ff90a9}:root[data-theme=dark] .directory-tone-slate{--metric-ink:#aebfd8}:root[data-theme=dark] .directory-tone-teal{--metric-ink:#66d8bd}.directory-metric-arrow{color:var(--category-ink);flex-shrink:0}.directory-summary strong{color:var(--ink);font-size:26px;line-height:1.3}.directory-summary>button:not(:disabled):hover{border-color:var(--category);background:color-mix(in srgb,var(--category) 7%,var(--surface))}.directory-v2>.list-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.directory-v2>.list-toolbar .search-field{flex:1;min-width:200px;max-width:520px}.directory-v2>.list-toolbar>label{align-items:center;gap:8px;font-size:14px;display:flex}.directory-v2 .workflow-tabs{flex-wrap:wrap;gap:6px;margin:12px 0}.directory-v2 .workflow-tabs button{min-height:36px;padding:6px 12px;font-size:14px}.directory-v2>.searchable-table table{width:100%;margin:0;font-size:14px}.directory-v2>.searchable-table th{background:var(--surface-soft);white-space:nowrap;padding:10px 12px;font-size:13px;font-weight:600}.directory-v2>.searchable-table td{height:56px;color:var(--ink);vertical-align:middle;padding:8px 12px;font-size:14px;line-height:1.35}.directory-v2>.searchable-table tbody tr:hover,.directory-v2>.searchable-table tbody tr:focus-within{background:color-mix(in srgb,var(--category) 7%,var(--surface))}.directory-v2>.searchable-table td button,.directory-row-actions>summary{min-height:36px;margin:0;padding:6px 10px;font-size:14px}.directory-v2>.searchable-table .person-cell{gap:10px;min-width:170px}.directory-v2>.searchable-table .link-button{white-space:nowrap}main .directory-v2>.searchable-table td .link-button{min-height:36px;padding:0;background:0 0!important;font-size:14px!important}.directory-v2>.searchable-table .person-cell .link-button{text-overflow:ellipsis;max-width:220px;overflow:hidden}.directory-v2>.searchable-table .profile-photo{width:32px;min-width:32px;height:32px;font-size:12px}.directory-v2>.searchable-table .profile-photo-control{display:inline-flex}.directory-v2 .directory-nowrap{white-space:nowrap}.directory-email{text-overflow:ellipsis;white-space:nowrap;max-width:170px;display:block;overflow:hidden}.directory-rank{border:1px solid var(--border);background:var(--surface-soft);max-width:160px;color:var(--ink);border-radius:5px;padding:2px 7px;font-size:13px;font-weight:600;line-height:1.2;display:inline-block}.directory-program{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.2;display:block}.directory-v2>.searchable-table .badge{white-space:nowrap;padding:3px 8px;font-size:12px}.directory-actions{white-space:nowrap;align-items:center;gap:6px;min-width:146px;display:flex}.directory-actions>button,.directory-actions>details{white-space:nowrap;flex-shrink:0}.directory-row-actions{background:0 0;border:0;margin:0;padding:0}.directory-row-actions>summary{cursor:pointer;border:1px solid var(--border);background:var(--surface-soft);color:var(--ink);border-radius:6px;align-items:center;gap:6px;list-style:none;display:flex}.directory-row-actions>summary::-webkit-details-marker{display:none}.directory-row-actions[open]{white-space:normal;min-width:200px}.directory-action-panel{flex-direction:column;align-items:flex-start;gap:8px;max-width:280px;padding:12px 0 4px;display:flex}.directory-action-panel select{max-width:100%;font-size:14px}.directory-action-panel small{white-space:normal;font-size:13px;line-height:1.4}.directory-action-panel .safe-delete{flex-direction:column;gap:6px;display:flex}.directory-pagination{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:14px;display:flex}.directory-pagination>div{align-items:center;gap:12px;display:flex}.directory-pagination button{min-height:36px;padding:6px 12px;font-size:14px}.directory-v2 :is(button,input,select,summary):focus-visible,[data-directory-category] .nav-item:focus-visible{outline:3px solid var(--category);outline-offset:3px}[data-directory-category=students],[data-category=students]{--category-solid:#1255cd}[data-directory-category=classes],[data-category=classes]{--category-solid:#7925c5}[data-directory-category] .workspace main{padding:20px 28px}[data-directory-category] .sidebar .nav-item.active,[data-directory-category] .sidebar .nav-item.active:hover{background:var(--category-solid);color:#fff;box-shadow:inset 4px 0 color-mix(in srgb,var(--category-solid) 40%,white),0 4px 14px #0002}[data-directory-category] .page-heading{background:var(--surface);border:2px solid var(--category);border-bottom:0;border-radius:16px 16px 0 0;align-items:center;gap:18px;margin:0;padding:22px 20px 16px}[data-directory-category] .page-heading .directory-page-icon{color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--category-solid) 82%,white),var(--category-solid));width:68px;height:68px;box-shadow:0 6px 18px color-mix(in srgb,var(--category) 18%,transparent);border:0;border-radius:50%}[data-directory-category] .page-heading .directory-page-icon svg{stroke-width:2px;width:34px;height:34px}[data-directory-category] .page-heading>.directory-header-action{flex:none;align-items:center;display:flex}[data-directory-category] .page-heading>.directory-header-action:empty{display:none}.directory-header-action>button,.directory-toolbar-actions>button{white-space:nowrap;gap:9px;min-height:46px;margin:0;padding:10px 20px;box-shadow:0 3px 8px #0001}[data-directory-category] section.directory-v2{border:2px solid var(--category);border-top:0;border-radius:0 0 16px 16px;margin:0 0 22px;padding:8px 20px 18px}.directory-toolbar-actions{justify-content:flex-end;margin-bottom:14px;display:flex}.directory-v2 .directory-summary{gap:14px;margin-bottom:18px}.directory-v2>.list-toolbar{gap:16px;margin-bottom:10px}.directory-v2 .search-field{border-radius:9px;box-shadow:0 2px 5px #00000006}.directory-v2 .search-field>svg{color:var(--category-ink)}.directory-v2>.list-toolbar>label{white-space:nowrap;flex-direction:row;flex-shrink:0;gap:10px}.directory-v2 .workflow-tabs button{border-radius:7px}.directory-v2>.searchable-table th{background:color-mix(in srgb,var(--category) 8%,var(--surface));color:var(--ink);letter-spacing:0;padding:12px;font-weight:650}.directory-v2>.searchable-table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--category) 3%,var(--surface))}.classes-directory tr[id^=class-definition-]>td:first-child{box-shadow:inset 3px 0 color-mix(in srgb,var(--category) 60%,var(--border));font-weight:650}.classes-directory>.searchable-table table{min-width:880px}.classes-directory tr[id^=class-definition-]>td:nth-child(3),.classes-directory tr[id^=class-definition-]>td:nth-child(4){white-space:nowrap}.directory-v2 .directory-rank{border-color:color-mix(in srgb,var(--category) 35%,var(--border));background:color-mix(in srgb,var(--category) 7%,var(--surface));letter-spacing:.015em;border-radius:6px;padding:3px 8px}.directory-v2 .directory-program{background:var(--surface-soft);color:var(--muted);border-radius:4px;padding:0 5px;font-size:11px;line-height:1.1;display:table}.directory-v2 [data-directory-status] .badge{border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:6px;font-weight:650;line-height:1.4}.directory-v2 [data-directory-status=ACTIVE] .badge{color:#065f46;background:#d1fae5}.directory-v2 [data-directory-status=TRIAL] .badge{color:#16469c;background:#dbeafe}.directory-v2 [data-directory-status=INACTIVE] .badge{color:#854d0e;background:#fef3c7}.directory-v2 [data-directory-status=ARCHIVED] .badge{color:#334155;background:#e2e8f0}:root[data-theme=dark] .directory-v2 [data-directory-status=ACTIVE] .badge{color:#9cf2cc;background:#123e33}:root[data-theme=dark] .directory-v2 [data-directory-status=TRIAL] .badge{color:#b6d5ff;background:#15376a}:root[data-theme=dark] .directory-v2 [data-directory-status=INACTIVE] .badge{color:#ffe0a0;background:#4c3515}:root[data-theme=dark] .directory-v2 [data-directory-status=ARCHIVED] .badge{color:#d5e0ef;background:#303d52}.directory-v2 .directory-pagination{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.directory-v2 .directory-pagination button{border-radius:7px}.directory-v2 .directory-pagination>div>span{color:var(--category-ink);font-weight:600}@media (width<=1100px){.directory-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-summary>.directory-metric{min-height:102px}.classes-directory .directory-summary>.directory-metric:last-child{grid-column:1/-1}}@media (width<=700px){[data-directory-category] .workspace main{padding:12px 16px}[data-directory-category] .page-heading{flex-wrap:wrap;align-items:flex-start;gap:12px;padding:16px 12px 12px}[data-directory-category] .page-heading>div:not(.directory-header-action){flex:1;min-width:0}[data-directory-category] .page-heading .directory-page-icon{width:46px;height:46px}[data-directory-category] .page-heading .directory-page-icon svg{width:26px;height:26px}[data-directory-category] .page-heading>.directory-header-action{flex-basis:100%;justify-content:flex-end}[data-directory-category] section.directory-v2{padding:8px 12px 14px}.directory-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.directory-v2 .directory-summary{gap:8px}.directory-summary>.directory-metric{flex-wrap:wrap;gap:8px;min-height:142px;padding:12px}.directory-metric-icon{border-radius:11px;width:38px;height:38px}.directory-metric-icon svg{width:26px;height:26px}.directory-metric-copy{flex-basis:100%}.directory-metric-copy>span{font-size:13px}.directory-metric-arrow{display:none}.directory-pagination>div{gap:8px}.directory-v2>.list-toolbar .search-field{flex-basis:100%;width:100%;min-width:0}}[data-directory-category]{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;letter-spacing:normal;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-weight:400}[data-directory-category] :is(button,input,select,textarea){font-family:inherit}.directory-summary>.directory-metric{gap:16px;min-height:118px;font-weight:400;box-shadow:0 4px 14px #08162e0d}.directory-metric-copy>span{letter-spacing:0;font-weight:500;line-height:1.4}.directory-summary .directory-metric-copy>strong{font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.035em;color:var(--ink);font-size:32px;font-weight:700;line-height:1.2}.directory-summary .directory-metric-copy>small{letter-spacing:0;color:var(--muted);font-size:12px;font-weight:400;line-height:1.45}.directory-metric-icon{background:var(--metric-fill);width:58px;height:58px;color:var(--metric-foreground,#fff);border-radius:17px;box-shadow:inset 0 1px #ffffff30,0 4px 10px #00000012}.directory-metric-icon svg{stroke-width:2.15px;width:36px;height:36px}.directory-tone-category{--metric-fill:var(--category-solid);--metric-foreground:#fff}.directory-tone-green{--metric-fill:#09964b;--metric-foreground:#fff}.directory-tone-orange{--metric-fill:#ff9c12;--metric-foreground:#3f2100}.directory-tone-red{--metric-fill:#e8334d;--metric-foreground:#fff}.directory-v2>.searchable-table td{font-variant-numeric:tabular-nums;font-weight:400;line-height:1.4}.directory-v2>.searchable-table th{letter-spacing:.005em;font-weight:600;line-height:1.4}main .directory-v2>.searchable-table td .link-button,.classes-directory tr[id^=class-definition-]>td:first-child{font-weight:600}.directory-v2 .workflow-tabs button,.directory-v2 .directory-row-actions>summary{font-weight:500}.directory-v2 .directory-rank{background:var(--surface-soft);color:var(--ink);border-color:var(--border);font-variant-numeric:tabular-nums;letter-spacing:.015em;text-align:center;border-radius:6px;min-width:58px;font-size:13px;font-weight:600;line-height:1.2}.directory-v2 .directory-rank-colored{border-color:#00000026;box-shadow:inset 0 1px #ffffff35,0 1px 3px #00000012}.directory-v2>.searchable-table .profile-photo{background:var(--surface-soft);color:var(--muted);border:1px solid var(--border);font-size:11px;font-weight:600}.directory-v2 .directory-pagination{font-variant-numeric:tabular-nums;font-weight:400}@media (width<=1100px){.directory-summary>.directory-metric{gap:12px}.directory-metric-icon{width:50px;height:50px}.directory-metric-icon svg{width:32px;height:32px}}@media (width<=700px){.directory-summary>.directory-metric{gap:10px;min-height:154px}.directory-metric-icon{border-radius:13px;width:44px;height:44px}.directory-metric-icon svg{width:28px;height:28px}.directory-summary .directory-metric-copy>strong{font-size:30px}}@media print{.directory-pagination,.directory-row-actions{display:none}.directory-v2>.searchable-table table{min-width:0}}[data-directory-category=families],[data-category=families]{--category:#0d9488;--category-solid:#0d9488;--category-ink:#0f766e}:root[data-theme=dark] [data-directory-category=families],:root[data-theme=dark] [data-category=families]{--category:#0d9488;--category-ink:#5eead4}[data-directory-category=families] .directory-page-frame{border:2px solid var(--category);background:var(--surface);border-radius:16px;margin-bottom:22px;overflow:clip}[data-directory-category=families] .directory-page-frame>.page-heading{border:0;border-radius:0}[data-directory-category=families] .directory-page-frame section.directory-v2{border:0;border-radius:0;margin:0}[data-directory-category=families] .directory-header-action>button{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}[data-directory-category=families] .directory-page-icon{background:var(--category-solid);color:var(--category-icon-ink,#fff)}[data-directory-category=families]{--category-icon-ink:#001b18}[data-directory-category=families] .sidebar .nav-item.active,[data-directory-category=families] .sidebar .nav-item.active:hover{color:#001b18}[data-directory-category=families] .page-heading .directory-page-icon{background:var(--category-solid);color:var(--category-icon-ink)}[data-directory-category=families] .directory-v2 .workflow-tabs [aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}[data-directory-category=families] .directory-page-frame :is(button,input,select,summary):focus-visible{outline:3px solid var(--category-ink);outline-offset:3px}
