.admin-shell {font-family:'DM Sans',system-ui,sans-serif;color:var(--white)}
.admin-shell [hidden] {display:none!important}
.admin-bar {display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:16px max(20px,calc((100vw - 1160px)/2));background:var(--sidebar)}
.admin-bar a:last-child {color:var(--mint)}
.admin-brand {display:flex;align-items:center;gap:10px;font-weight:700}
.admin-shell main {max-width:1200px;margin:auto;padding:26px 20px 64px}
.admin-shell nav,.paging,.controls,.section-head {display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.admin-shell nav {border-bottom:1px solid var(--border)}
.admin-shell nav a {padding:10px 4px;border-bottom:2px solid transparent;color:var(--soft)}
.admin-shell nav [aria-current] {border-color:var(--mint);color:var(--white)}
.admin-shell h1 {font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.045em;margin:28px 0}
.admin-shell h2 {font-size:1.35rem;margin:0 0 16px}
.admin-shell input,.admin-shell select {background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--white);max-width:100%;font:inherit}
.admin-shell label {font-size:.9rem;color:#b7c3d9}
.section-head {justify-content:space-between;margin:32px 0 16px}
.section-head h2 {margin:0}
.course-library {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:12px}
.course-link,.client-link {display:grid;gap:7px;padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--white)}
.course-link small,.client-link small,.muted {color:#b0bdd2}
.course-link small {color:var(--mint)}
.course-link:hover,.client-link:hover,.client-link[aria-current] {border-color:var(--mint)}
.client-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;margin-top:20px}
.client-link {text-align:left;width:100%;margin-bottom:8px;overflow-wrap:anywhere}
.paging {justify-content:space-between;margin-top:16px}
.admin-shell button:disabled {opacity:.45;cursor:default}
.controls {margin:8px 0}
.admin-shell select {width:100%;margin:8px 0}
.admin-shell details {border-bottom:1px solid var(--border);padding:12px 0}
.admin-shell summary {cursor:pointer}
#notice:empty {display:none}
#notice {color:var(--mint)}
#details h2 {overflow-wrap:anywhere}
@media(max-width:720px){.client-layout{grid-template-columns:1fr}.section-head label{width:100%}.section-head input{width:100%;margin-top:6px}}