/* Reference-matched school management theme. Scoped to manager only. */
body.manager-ui {
 --primary:#006df6;--primary-hover:#0756c5;--primary-soft:#e1eeff;
 --ink:#101d51;--ink-2:#34436d;--muted:#52658c;--line:#d3e5fb;--line-strong:#b2d2f6;--bg:#e6f2ff;
 --teal-800:#073c90;--teal-700:#006df6;--teal-600:#167bf6;--teal-100:#deedff;--teal-50:#f0f7ff;
 --sidebar:208px;--shadow:0 5px 12px #70aff433,inset 0 1px 1px #fff;
 color:var(--ink);background:linear-gradient(135deg,#eff8ff,#d5eaff) fixed;
}
.manager-ui .app {max-width:1800px;gap:14px;padding:12px;grid-template-columns:var(--sidebar) minmax(0,1fr)}
.manager-ui .sidebar {top:12px;height:calc(100dvh - 24px);padding:16px 10px;border-radius:30px;border:1px solid #fff;background:linear-gradient(155deg,#073d8f,#002250);color:#fff;box-shadow:0 8px 20px #163e7520}
.manager-ui .sidebar .brand {display:none}
.mp-profile {display:flex;align-items:center;flex-direction:column;text-align:center;gap:7px;padding:0 6px 18px}
.mp-profile b{font-size:18px}.mp-profile strong{font-size:13px}.mp-profile small{color:#c1dfff}
.mp-profile>a{display:grid;place-items:center;width:84px;height:84px;border:3px solid #fff;border-radius:50%;background:#e5f0ff;margin:5px 0}
.mp-profile .avatar{width:74px;height:74px;font-size:28px;color:#154a99}
.mp-crown{display:flex;justify-content:center}
.manager-ui .nav-item {color:#fff;font-size:12px;min-height:40px;border-radius:14px;gap:8px;margin-bottom:3px;padding:8px}
.manager-ui .nav-item:hover:not(.on){background:#ffffff1c}
.manager-ui .nav-item.on{background:linear-gradient(#199dff,#0068f4);border:1px solid #7cd8ff;box-shadow:0 0 12px #008dff60}
.manager-ui .sidebar .foot{border-color:#ffffff30}.manager-ui .sidebar .foot .icon-btn{color:#fff}
.manager-ui .sidebar .ni .manager-icon{width:25px!important;height:25px!important}
.manager-icon {display:inline-block;flex:none;vertical-align:middle;background-image:url('/img/manager/icons.webp');background-repeat:no-repeat;background-size:400% 400%}
.manager-ui .main{padding:0 0 28px;min-width:0}
.manager-ui .topbar{display:flex;flex-wrap:wrap;gap:12px;min-height:80px;border:1px solid #fff;background:#edf7ffdc;border-radius:22px;box-shadow:var(--shadow);padding:12px 16px;margin-bottom:14px}
.mp-brand{display:flex;align-items:center;gap:10px;flex:1 1 300px;color:var(--ink);font-size:14px}
.mp-brand>span{display:block;width:45px;height:45px}.mp-brand img,.mp-brand svg{width:100%;height:100%;object-fit:contain}
.manager-ui .topbar .title{flex:1 1 220px}.manager-ui .topbar .title h1{font-size:17px}.manager-ui .topbar .title .sub{font-size:11px}
.manager-ui .topbar .me-chip{display:none}
.manager-ui .card,.manager-ui .qa{border:1px solid #fff;border-radius:22px;background:linear-gradient(145deg,#ffffffef,#e4f2ffdd);box-shadow:0 5px 9px #4a9fe630,inset 0 1px 1px #fff}
.manager-ui .card-title{color:var(--ink);font-size:14px}
.manager-ui .ib{background:transparent;box-shadow:none}.manager-ui .ib .manager-icon{width:36px!important;height:36px!important}
.manager-ui .kpi-card:nth-child(4n+1){background:linear-gradient(#f5fbff,#dcefff)}
.manager-ui .kpi-card:nth-child(4n+2){background:linear-gradient(#f8fff9,#e1f7ec)}
.manager-ui .kpi-card:nth-child(4n+3){background:linear-gradient(#fffaf2,#fff0dd)}
.manager-ui .kpi-card:nth-child(4n+4){background:linear-gradient(#fff8ff,#f0e6ff)}
.manager-ui .kpi .val{color:#122356;font-size:27px}
.manager-ui .btn{background:linear-gradient(#179bff,#0066f4);color:#fff;border:1px solid #85caff;border-radius:18px;box-shadow:0 3px 6px #2373da20}
.manager-ui .btn.ghost,.manager-ui .btn.soft{color:#14357c;background:linear-gradient(#f9fdff,#d8edff);border-color:#c3dfff}
.manager-ui .btn.green{background:#08784a;border-color:#20a968}.manager-ui .btn.red{background:#c53447;border-color:#d65d6b}
.manager-ui .btn.accent{background:linear-gradient(#ffe977,#ffcd18);border-color:#f9dc54;color:#182449}
.manager-ui .input,.manager-ui select,.manager-ui textarea{border-radius:15px;background:#f5faff;border:1px solid #c6ddf8;color:var(--ink)}
.manager-ui .chip{border:1px solid #cadff6;background:#edf7ff;color:#16386c}.manager-ui .chip.on{background:#006df6;color:#fff;border-color:#006df6}
.manager-ui .table-wrap{max-width:100%;overflow:auto;border-radius:18px;border:1px solid #d9eaff}
.manager-ui table{background:#f6fbff;min-width:560px}.manager-ui th{background:#e0efff;color:#16315b}.manager-ui td{border-color:#dceafa}
.manager-ui .list-item{border-color:#d5e6f8}
.manager-ui .badge.green{background:#d7f3dc;color:#096e32}.manager-ui .badge.red{background:#ffe3e7;color:#a92236}
.mp-intro{margin-bottom:18px}
.mp-hero{min-height:175px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:24px 30px;border-radius:24px;border:2px solid #fff;background:#dff2ff url('/img/manager/campus.webp') center/cover no-repeat;overflow:hidden;box-shadow:var(--shadow)}
.mp-hero h2,.mp-hero p,.mp-hero>span{background:#f6fcffde;padding:3px 12px;border-radius:10px;max-width:65%;margin:3px 0}
.mp-hero h2{font-size:27px}.mp-hero p{font-size:14px}.mp-hero>span{font-size:11px;color:#34557a}
.mp-launcher{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px}
.mp-launcher a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:104px;padding:12px 7px;background:linear-gradient(#ffffffed,#e3f1ff);border:1px solid #fff;border-radius:20px;box-shadow:0 4px 7px #62a4e52b;color:#112154}
.mp-launcher a:nth-child(4n+2){background:linear-gradient(#fff,#f1e8ff)}.mp-launcher a:nth-child(4n+3){background:linear-gradient(#fff,#e2f7ee)}
.mp-launcher b{font-size:12px;line-height:1.7}.mp-launcher a:hover{outline:2px solid #77b6ff;outline-offset:1px}
.manager-ui :is(a,button,input,select,textarea):focus-visible{outline:3px solid #145fed;outline-offset:3px}
@media(min-width:981px){.manager-ui .bottom-nav{display:none}.manager-ui .mobile-head{display:none}}
@media(max-width:1200px){.mp-launcher{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px){
 .manager-ui .app{display:block;padding:0}.manager-ui .main{padding:12px 12px 110px}
 .manager-ui .mobile-head{display:flex;background:#eff8ff;border-bottom:1px solid #c6e1fa}
 .manager-ui .mobile-head #menuBtn{color:#073d8f;min-width:38px;min-height:38px}
 .manager-ui .sidebar{position:fixed;top:0;bottom:0;right:0;left:auto;height:100dvh;max-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:26px 0 0 26px;width:min(280px,86vw);z-index:100;transform:translateX(110%);transition:transform var(--dur-3) var(--ease);box-shadow:var(--shadow-lg)}
 .manager-ui .sidebar.open{transform:none!important}
 .manager-ui .bottom-nav{background:linear-gradient(#fff,#e2f0ff);border:1px solid #fff;box-shadow:0 -4px 15px #83b4e940;border-radius:24px 24px 0 0;color:#172653}
 .manager-ui .bottom-nav a.on{border-radius:18px;background:linear-gradient(#14a4ff,#0064fb);color:#fff;box-shadow:0 3px 9px #0075fb40}
 .manager-ui .topbar{padding:12px}.mp-brand{display:none}
 .mp-launcher{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
 .mp-hero{min-height:155px;padding:16px}.mp-hero h2{font-size:22px}
 .mp-hero h2,.mp-hero p,.mp-hero>span{max-width:85%}
 .mp-launcher b{font-size:11px}.mp-launcher a{min-height:100px}
}
@media(max-width:400px){.mp-launcher{gap:7px}.mp-launcher b{font-size:11px}.mp-hero h2{font-size:19px}.manager-ui .grid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.manager-ui *{scroll-behavior:auto;transition:none!important;animation:none!important}}
@media print{body.manager-ui{background:#fff}.manager-ui .mp-intro,.manager-ui .mp-profile,.manager-ui .mp-brand{display:none}.manager-ui .card{box-shadow:none;background:#fff;color:#000}}

.manager-ui #view,.manager-ui .grid>* {min-width:0}
.manager-ui #view .row>*{min-width:0}
.manager-ui #view :is(input,select,textarea){max-width:100%;min-width:0}
.manager-ui #view .badge{white-space:normal;overflow-wrap:anywhere}
.manager-ui .mp-crown{background:#eaf5ff;border-radius:50%;width:48px;height:48px;align-items:center}
.manager-ui .manager-icon{border-radius:8px}
.mp-more-sections{margin-top:12px}.mp-more-sections summary{cursor:pointer;color:#173c82;background:#e1efff;border:1px solid #fff;border-radius:16px;padding:12px;text-align:center;font-weight:800}
@media(min-width:981px){.mp-intro>.mp-launcher,.mp-more-sections{display:none}}