/* A single workspace sidebar with quiet surfaces and a clear hierarchy. */
.sidebar-close,.sidebar-backdrop{display:none}
@media screen{
:root{--navigation-surface:#f7f8fa;--navigation-hover:#eceff3;--navigation-active:#e8edf5;--navigation-text:#475164;--navigation-label:#7c8595}
:root[data-theme=dark]{--navigation-surface:#111720;--navigation-hover:#1c2431;--navigation-active:#252f40;--navigation-text:#b0bbcc;--navigation-label:#8592a6}
body:has(.main-shell){background:var(--theme-surface)}
.sidebar,:root[data-theme=dark] .sidebar{width:256px;height:100dvh;inset:0 auto 0 0;padding:16px 14px 12px;background:var(--navigation-surface);color:var(--navigation-text);border-right:1px solid var(--theme-line);box-shadow:none;display:flex;flex-direction:column;overflow:visible;z-index:20}
.navigation-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:0 6px 18px;flex-shrink:0}
.sidebar .brand-logo,:root[data-theme=dark] .sidebar .brand-logo{width:178px;max-width:100%;margin:0;padding:0;border-radius:0;background:transparent;flex-shrink:1;justify-content:flex-start}
.sidebar .brand-logo img{width:100%;height:auto;display:block}
:root[data-theme=dark] .sidebar .brand-logo{background:#fff;padding:7px 8px;border-radius:8px}
.workspace-card{display:flex;align-items:center;gap:11px;border:1px solid var(--theme-line);border-radius:11px;background:var(--theme-surface);padding:12px;flex-shrink:0}
.workspace-avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid var(--theme-line);border-radius:8px;background:var(--theme-soft);color:var(--theme-accent);font-size:13px;font-weight:600}
.workspace-avatar .icon{width:17px;height:17px}
.workspace-identity{display:flex;flex-direction:column;min-width:0;gap:2px}.workspace-identity small{font-size:10px;color:var(--navigation-label);font-weight:400}.workspace-identity strong{font-size:12px;font-weight:600;line-height:1.4;color:var(--theme-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-identity>span{font-size:10px;line-height:1.4;color:var(--theme-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-back{display:flex;align-items:center;gap:7px;align-self:flex-start;margin:11px 6px 0;font-size:11px;color:var(--theme-muted)}.workspace-back .icon{width:14px;height:14px}.workspace-back:hover{color:var(--theme-accent)}
.navigation-search{display:flex;align-items:center;gap:8px;flex:none;padding:0 10px;margin:17px 0 8px;min-height:35px;border:1px solid var(--theme-line);border-radius:8px;background:transparent;cursor:text}.navigation-search>.icon{width:15px;height:15px;color:var(--navigation-label)}
.navigation-search input,:root[data-theme=dark] .navigation-search input{min-width:0;width:100%;border:0;border-radius:0;padding:8px 0;margin:0;background:transparent;color:var(--theme-ink);font-size:12px;line-height:1.5;box-shadow:none;outline:none;min-height:0}.navigation-search input::placeholder{color:var(--navigation-label)}.navigation-search:focus-within{border-color:var(--theme-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-focus) 10%,transparent)}
.sidebar nav{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;margin:0 -4px 0 0;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--theme-line) transparent}
.nav-group{padding-bottom:9px}.nav-group[hidden],.nav-group>a[hidden],.navigation-empty[hidden]{display:none!important}
.sidebar .nav-label{padding:0;margin:16px 10px 7px;font-size:11px;font-weight:500;letter-spacing:0;color:var(--navigation-label)}
.sidebar .nav-group>a,:root[data-theme=dark] .sidebar .nav-group>a{position:relative;display:flex;align-items:center;gap:11px;min-height:36px;padding:8px 10px;margin:2px 0;border-radius:8px;background:transparent;color:var(--navigation-text);font-size:13px;font-weight:450;line-height:1.5;transition:background .13s,color .13s}
.sidebar .nav-group>a>.icon{width:17px;height:17px;color:var(--navigation-label);stroke-width:1.65}
.sidebar .nav-group>a>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar .nav-group>a:hover,:root[data-theme=dark] .sidebar .nav-group>a:hover{background:var(--navigation-hover);color:var(--theme-ink)}
.sidebar .nav-group>a.selected,:root[data-theme=dark] .sidebar .nav-group>a.selected{background:var(--navigation-active);color:var(--theme-ink);font-weight:600;box-shadow:none;padding-right:25px}
.sidebar .nav-group>a.selected>.icon{color:var(--theme-accent)}.sidebar .nav-group>a.selected::after{content:"";position:absolute;right:12px;top:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:var(--theme-accent)}
.sidebar .nav-group>a:focus-visible,.profile-summary:focus-visible{outline:2px solid var(--theme-focus);outline-offset:-2px}
.navigation-empty{margin:18px 10px;font-size:11px;color:var(--theme-muted)}
.sidebar-bottom{flex-shrink:0;margin-top:auto;padding:10px 0 0;border-top:1px solid var(--theme-line)}
.account-menu{position:relative}.profile-summary{display:flex;align-items:center;gap:10px;list-style:none;padding:9px 8px;border-radius:9px;cursor:pointer;min-height:54px}.profile-summary::-webkit-details-marker{display:none}.profile-summary.profile-current{background:var(--navigation-active)}.profile-summary:hover,.account-menu[open] .profile-summary{background:var(--navigation-hover)}
.profile-summary .avatar{flex:none;width:31px;height:31px;border:1px solid var(--theme-line);border-radius:9px;background:var(--theme-surface);color:var(--theme-ink);font-size:12px;font-weight:500}
.profile-identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.profile-identity strong{font-size:12px;font-weight:600;color:var(--theme-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-identity small{font-size:10px;color:var(--navigation-label)}
.profile-chevron{width:15px;height:15px;fill:none;stroke:var(--navigation-label);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.account-menu[open] .profile-chevron{transform:rotate(180deg)}
.account-popover{position:absolute;bottom:calc(100% + 8px);left:0;right:0;padding:6px;background:var(--theme-surface);border:1px solid var(--theme-line);border-radius:11px;box-shadow:0 10px 35px #00000018;z-index:45}
.account-caption{display:block;color:var(--theme-muted);font-size:10px;padding:8px 10px 7px}
.account-popover>a,.account-popover button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;margin:0;border:0;border-radius:6px;background:transparent;color:var(--theme-ink);text-align:left;font:500 11px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}.account-popover .icon{width:15px;height:15px;color:var(--theme-muted)}.account-popover>a:hover,.account-popover button:hover{background:var(--navigation-hover)}.account-popover>a.selected{background:var(--navigation-active);color:var(--theme-accent)}.account-popover form{border-top:1px solid var(--theme-line);margin:5px 0 0;padding-top:5px}
.main-shell{margin-left:256px;background:var(--theme-surface);min-height:100dvh}.main-content{padding:32px 36px 24px;max-width:1560px}
.topbar,:root[data-theme=dark] .topbar{position:sticky;top:0;z-index:10;display:flex;gap:18px;height:62px;padding:0 36px;background:var(--theme-surface);border-bottom:1px solid var(--theme-line);backdrop-filter:none;box-shadow:none}.breadcrumb{font-size:12px;color:var(--theme-muted);gap:11px}.topbar>.theme-control{margin-left:auto}
.page-heading{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;margin-bottom:28px}.page-heading h1{font-size:28px;font-weight:600;letter-spacing:-.8px}.page-heading .eyebrow{font-size:10px;letter-spacing:.8px;font-weight:500;margin-bottom:9px}.page-heading p{font-size:12px;line-height:1.7}
.main-content .card,.main-content .stat-card,.main-content .school-card{box-shadow:none;border-radius:10px}.main-content .overview-stats{border-radius:10px;box-shadow:none}.main-content .overview-stats .stat-card{border-radius:0;box-shadow:none}.main-content .customer-directory{padding:0}.btn.primary{background:#002071;box-shadow:none}.btn.primary:hover{background:#002da1}.btn:hover{transform:none}.main-content input:not([type=checkbox]):not([type=hidden]),.main-content select,.main-content textarea{border-radius:7px}.main-content .search-input{border-radius:7px}.main-content .stat-card>strong{font-weight:550}.main-content .copy-field code{color:var(--theme-ink)}
:root[data-theme=dark] .main-content .stat-card .icon,:root[data-theme=dark] .mini-stats strong{color:var(--theme-ink)}
}
@media screen and (max-width:1050px){.main-content{padding:28px 24px}.topbar{padding:0 24px}.page-heading{align-items:flex-start;flex-direction:column;gap:15px}}
@media screen and (max-width:700px){.sidebar,:root[data-theme=dark] .sidebar{width:256px;transform:translateX(-100%);z-index:40;transition:transform .18s ease}.sidebar.open,:root[data-theme=dark] .sidebar.open{transform:translateX(0)}.navigation-brand{margin-bottom:17px}.sidebar-close{display:inline-flex;width:30px;height:30px;flex:none;padding:5px;position:static;color:var(--theme-muted)}.sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:35;background:#10182755}.main-shell{margin-left:0}.main-content{padding:25px 18px 20px}.topbar{height:58px;padding:0 16px;gap:10px}.mobile-menu{margin:0;flex:none}.breadcrumb{font-size:11px;gap:7px}.page-heading h1{font-size:26px}.main-content .card{padding:20px}.main-content .customer-directory{padding:0}.main-content .overview-stats{gap:0}.account-popover{bottom:calc(100% + 9px)}}
@media(prefers-reduced-motion:reduce){.sidebar,.sidebar *{animation:none!important;transition:none!important}}
@media print{.sidebar-backdrop{display:none!important}.account-popover{display:none!important}.main-shell{margin:0;min-height:0}.main-content{padding:0;max-width:none}}
