:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scroll-behavior:smooth}body{background:#f4f7fb;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{border:0}#root{min-height:100vh}*{box-sizing:border-box}.app-shell{min-height:100vh}.topbar{z-index:20;background:#fff;border-bottom:1px solid #e5eaf2;justify-content:space-between;align-items:center;height:76px;padding:0 5%;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-logo{color:#fff;background:linear-gradient(145deg,#0b6b3a,#15995a);border-radius:13px;place-items:center;width:44px;height:44px;font-size:22px;font-weight:900;display:grid;box-shadow:0 7px 18px #0b6b3a33}.brand strong{color:#0b6b3a;letter-spacing:.2px;font-size:17px;display:block}.brand span{color:#7c879b;margin-top:2px;font-size:12px;display:block}.iepp-badge{color:#0b6b3a;background:#eef8f2;border-radius:12px;align-items:center;gap:8px;padding:9px 13px;display:flex}.iepp-badge span{font-size:11px;font-weight:700}.iepp-badge strong{font-size:13px}.main-content{width:min(1450px,92%);margin:0 auto;padding:34px 0 55px}.welcome-section{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px;display:flex}.welcome-section h1,.school-hero h1{color:#162136;letter-spacing:-1px;margin:7px 0;font-size:clamp(25px,3vw,38px)}.welcome-section p,.school-hero p{color:#738096;max-width:760px;margin:0;line-height:1.6}.school-year{background:#fff;border:1px solid #e5eaf2;border-radius:14px;min-width:150px;padding:13px 18px;box-shadow:0 4px 14px #1d2d480a}.school-year span{color:#8b96a8;font-size:11px;display:block}.school-year strong{color:#0b6b3a;margin-top:3px;display:block}.stats-grid,.detail-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin-bottom:25px;display:grid}.stat-card{background:#fff;border:1px solid #e7ebf2;border-radius:17px;align-items:center;gap:13px;padding:19px;display:flex;box-shadow:0 5px 18px #202f490a}.stat-icon{background:#eef8f2;border-radius:12px;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.stat-card strong{color:#162136;font-size:24px;line-height:1;display:block}.stat-card span{color:#8792a5;margin-top:6px;font-size:12px;display:block}.content-card{background:#fff;border:1px solid #e6eaf1;border-radius:20px;margin-bottom:24px;padding:25px;box-shadow:0 7px 24px #202f490a}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.section-heading h2{color:#1b263b;margin:5px 0 0;font-size:21px}.section-heading p{color:#8a95a7;margin:7px 0 0;font-size:13px}.schools-heading{align-items:flex-end}.search-box{background:#f6f8fb;border:1px solid #e2e7ef;border-radius:13px;align-items:center;gap:8px;width:min(360px,100%);padding:0 13px;display:flex}.search-box span{color:#8c97aa;font-size:23px}.search-box input{color:#26334a;background:0 0;border:0;outline:0;width:100%;height:45px}.results-info{color:#8a95a7;margin-bottom:14px;font-size:12px}.schools-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.school-card{text-align:left;color:inherit;cursor:pointer;background:#fff;border:1px solid #e4e9f0;border-radius:17px;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s}.school-card:disabled{cursor:wait}.school-card-top{justify-content:space-between;align-items:center;display:flex}.school-icon{background:#eaf7f0;border-radius:12px;place-items:center;width:42px;height:42px;font-size:19px;display:grid}.school-icon.nursery{background:#fff3df}.school-card h3{color:#1b273c;min-height:38px;margin:15px 0 7px;font-size:15px}.school-type{color:#778397;background:#f2f5f8;border-radius:7px;padding:4px 7px;font-size:10px;font-weight:700;display:inline-block}.school-card-stats{border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;grid-template-columns:repeat(3,1fr);margin-top:15px;padding:13px 0;display:grid}.school-card-stats div{text-align:center;border-right:1px solid #edf0f4}.school-card-stats div:last-child{border-right:0}.school-card-stats strong{color:#1d2b42;font-size:16px;display:block}.school-alert{color:#a46a0b;background:#fff6e7;border-radius:8px;margin-top:11px;padding:7px 9px;font-size:10px;font-weight:700}.view-school{color:#0b7b43;justify-content:space-between;align-items:center;margin-top:14px;font-size:12px;font-weight:800;display:flex}.loading-state,.empty-state{color:#8490a3;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.spinner{border:3px solid #e0e8e4;border-top-color:#0f8b4c;border-radius:50%;width:35px;height:35px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#a93939;background:#fff0f0;border:1px solid #ffd3d3;border-radius:12px;margin-bottom:18px;padding:13px 16px}.back-button{color:#0b7b43;cursor:pointer;background:0 0;margin-bottom:20px;padding:0;font-weight:800}.school-hero{color:#fff;background:linear-gradient(130deg,#0a6337,#159657);border-radius:22px;justify-content:space-between;align-items:center;gap:25px;margin-bottom:20px;padding:28px 30px;display:flex}.school-hero h1,.school-hero p{color:#fff}.school-hero p{opacity:.8}.school-code{background:#ffffff24;border:1px solid #fff3;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:800;display:inline-block}.status-badge{white-space:nowrap;background:#ffffff24;border:1px solid #fff3;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:700;display:flex}.status-dot{background:#a9ffc9;border-radius:50%;width:8px;height:8px}.count-badge{color:#0b7b43;background:#eef8f2;border-radius:10px;place-items:center;min-width:31px;height:31px;font-size:12px;font-weight:800;display:grid}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.person-card{background:#fbfcfd;border:1px solid #e6eaf1;border-radius:15px;gap:13px;padding:16px;display:flex}.director-card{background:#f4fbf7;border-color:#cfe9d9}.person-avatar{color:#0b7540;background:#e8f5ee;border-radius:12px;flex:0 0 43px;place-items:center;width:43px;height:43px;font-size:13px;font-weight:900;display:grid}.person-info{flex:1;min-width:0}.person-name{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.person-name strong{color:#1e2b40;font-size:13px}.director-label{color:#fff;background:#0c7d44;border-radius:7px;padding:4px 7px;font-size:9px;font-weight:800}.person-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 15px;margin-top:10px;display:grid}.person-details span{color:#778397;overflow-wrap:anywhere;font-size:11px}.person-details b{color:#59667a}.warning-card{color:#8d6319;background:#fff8ea;border:1px solid #f3dcae;border-radius:15px;flex-direction:column;gap:5px;margin-bottom:22px;padding:16px 18px;display:flex}.warning-card span{font-size:12px}.table-wrapper{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th{text-align:left;color:#7d899b;text-transform:uppercase;letter-spacing:.6px;background:#f6f8fa;padding:12px;font-size:10px}td{color:#697589;border-bottom:1px solid #edf0f4;padding:13px 12px;font-size:12px}td strong{color:#253249}footer{text-align:center;color:#98a2b2;padding:24px;font-size:11px}@media (width<=1100px){.schools-grid,.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.topbar{padding:0 4%}.brand span{display:none}.welcome-section,.schools-heading,.school-hero{flex-direction:column;align-items:stretch}.school-year{width:fit-content}.schools-grid,.stats-grid,.detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.people-grid{grid-template-columns:1fr}.search-box{width:100%}}@media (width<=520px){.topbar{height:68px}.brand-logo{width:38px;height:38px}.brand strong{font-size:14px}.iepp-badge span{display:none}.main-content{width:94%;padding-top:24px}.schools-grid{grid-template-columns:1fr}.stats-grid,.detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card{padding:18px}.person-details{grid-template-columns:1fr}.school-hero{padding:23px 20px}.welcome-section h1,.school-hero h1{font-size:25px}}.auth-page{background:linear-gradient(135deg,#07512bfa,#0e874af0);place-items:center;min-height:100vh;padding:25px;display:grid;position:relative;overflow:hidden}.auth-page:before{content:"";background:radial-gradient(circle at 15% 20%,#ffffff1a,#0000 30%),radial-gradient(circle at 85% 80%,#ffffff14,#0000 30%);position:absolute;inset:0}.auth-decoration{border:1px solid #ffffff1f;border-radius:50%;position:absolute}.auth-decoration-one{width:430px;height:430px;top:-170px;right:-100px}.auth-decoration-two{width:330px;height:330px;bottom:-140px;left:-80px}.login-card{z-index:2;background:#fff;border-radius:25px;width:min(440px,100%);padding:34px;position:relative;box-shadow:0 30px 80px #00231247}.login-brand{text-align:center}.login-logo{color:#fff;background:linear-gradient(145deg,#086338,#13a15b);border-radius:18px;place-items:center;width:62px;height:62px;margin:0 auto 14px;font-size:30px;font-weight:900;display:grid;box-shadow:0 10px 25px #0b6b3a38}.login-brand>span{color:#0b7b43;letter-spacing:1.7px;font-size:10px;font-weight:900}.login-brand h1{color:#18243a;margin:7px 0 4px;font-size:25px}.login-brand p{color:#8792a4;margin:0;font-size:12px}.login-divider{background:#edf0f4;height:1px;margin:25px 0}.login-heading h2{color:#1c293e;margin:0;font-size:20px}.login-heading p{color:#8994a6;margin:5px 0 20px;font-size:12px}.login-form label{margin-bottom:15px;display:block}.login-form label>span{color:#59667a;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.login-form input{color:#26334a;background:#fafbfd;border:1px solid #dfe5ec;border-radius:11px;outline:none;width:100%;height:48px;padding:0 14px;transition:border-color .15s,box-shadow .15s}.login-form input:focus{background:#fff;border-color:#19a25d;box-shadow:0 0 0 3px #19a25d1a}.login-button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#09683a,#119a56);border-radius:11px;width:100%;height:49px;margin-top:5px;font-weight:800;box-shadow:0 8px 18px #0b6b3a2e}.login-button:disabled{opacity:.65;cursor:wait}.login-error{color:#aa3838;background:#fff1f1;border:1px solid #ffd2d2;border-radius:9px;margin-bottom:15px;padding:10px 12px;font-size:11px}.login-footer{text-align:center;color:#9aa4b3;margin-top:24px;font-size:9px}.auth-loading{z-index:2;color:#fff;flex-direction:column;align-items:center;gap:9px;display:flex;position:relative}.auth-loading .spinner{border-color:#fff #ffffff40 #ffffff40;margin-bottom:8px}.auth-loading strong{font-size:18px}.auth-loading span{opacity:.75;font-size:11px}.header-account{align-items:center;gap:12px;display:flex}.account-info{text-align:right}.account-info span{color:#8a95a6;font-size:9px;display:block}.account-info strong{color:#26334a;margin-top:2px;font-size:12px;display:block}.logout-button{color:#0b7540;cursor:pointer;background:#f2f7f4;border-radius:9px;padding:9px 11px;font-size:10px;font-weight:800}.logout-button:hover{background:#e4f3ea}@media (width<=520px){.login-card{border-radius:20px;padding:27px 21px}.account-info{display:none}.logout-button{padding:8px;font-size:9px}}.login-logo{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:92px;height:92px;margin:0 auto 15px;padding:4px;display:flex;box-shadow:0 8px 24px #00502829}.login-logo img{object-fit:contain;border-radius:50%;width:100%;height:100%}.brand-logo{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:2px;display:flex;overflow:hidden;box-shadow:0 3px 12px #0050281f}.brand-logo img{object-fit:contain;border-radius:50%;width:100%;height:100%}.school-detail-logo{background:#fff;border-radius:50%;flex:0 0 82px;justify-content:center;align-items:center;width:82px;height:82px;margin-bottom:15px;padding:4px;display:flex;box-shadow:0 6px 18px #00000024}.school-detail-logo img{object-fit:contain;border-radius:50%;width:100%;height:100%}@media (width<=600px){.login-logo{width:78px;height:78px}.brand-logo{width:44px;height:44px}.school-detail-logo{flex-basis:68px;width:68px;height:68px}}:root{--sige-ink:#182f2b;--sige-green:#15654b;--sige-line:#e2e9e5}.app-shell{background:#f3f6f3;padding-left:248px}.admin-sidebar{color:#fff;z-index:30;background:#133c31;flex-direction:column;width:248px;padding:32px 22px 22px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{align-items:center;gap:13px;margin-bottom:47px;display:flex}.sidebar-brand img{object-fit:contain;background:#fff;border-radius:50%;width:48px;height:48px}.sidebar-brand strong{letter-spacing:2px;font-size:25px;display:block}.sidebar-brand span{letter-spacing:2.8px;color:#b9d4c9;font-size:10px}.sidebar-label{color:#95b5a7;letter-spacing:1.8px;margin:0 10px 16px;font-size:10px}.admin-sidebar nav{gap:8px;display:grid}.admin-sidebar nav button,.admin-sidebar nav a{color:#d6e5de;text-align:left;cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:12px;padding:14px 12px;font-size:13px;text-decoration:none;display:flex}.admin-sidebar nav a:hover{background:#204d3e}.admin-sidebar nav span{font-size:21px}.sidebar-note{background:#1d483b;border-radius:12px;margin-top:auto;margin-bottom:22px;padding:18px}.sidebar-note>span{color:#a4c2b5;letter-spacing:1.3px;font-size:9px}.sidebar-note strong{margin-top:8px;font-size:19px;display:block}.sidebar-note p{color:#bed2c7;margin-bottom:0;font-size:11px;line-height:1.7}.sidebar-account{border-top:1px solid #355a4b;align-items:center;gap:12px;padding-top:22px;display:flex}.sidebar-account strong,.sidebar-account div span{font-size:12px;display:block}.sidebar-account div span{color:#a8c1b4;margin-top:4px;font-size:10px}.account-avatar{color:#274539;background:#dce9bf;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.topbar{border-color:var(--sige-line);background:#fff;height:82px;padding:0 36px}.brand strong{color:var(--sige-ink);font-size:14px}.brand span{color:#6d8077;font-size:11px}.brand-logo{width:40px;height:40px;box-shadow:none}.account-info span{font-size:11px}.account-info strong{font-size:13px}.logout-button{border:1px solid var(--sige-line);background:#fff;padding:11px 14px;font-size:12px}.main-content{width:100%;max-width:1520px;padding:38px 36px 48px}.welcome-section{margin-bottom:30px}.welcome-section h1{color:var(--sige-ink);letter-spacing:-1.2px;font-size:clamp(25px,2.8vw,36px);font-weight:750}.welcome-section p{max-width:660px;font-size:13px}.eyebrow,.section-kicker{color:var(--sige-green);letter-spacing:1.8px;font-size:10px}.school-year{box-shadow:none;border-color:var(--sige-line);border-radius:10px}.stats-grid{gap:12px;margin-bottom:32px}.stat-card{box-shadow:none;border-color:var(--sige-line);border-radius:12px;align-items:flex-start;padding:20px 15px}.stat-icon{background:#edf4ec;border-radius:9px;flex-shrink:0;width:34px;height:34px;font-size:17px}.stat-card strong{color:var(--sige-ink);font-size:28px;font-weight:750}.stat-card span{color:#62766b;font-size:11px}.content-card{border-color:var(--sige-line);border-radius:14px;padding:25px;box-shadow:0 6px 22px #173a2710}.section-heading h2{color:var(--sige-ink);letter-spacing:-.5px;font-size:22px}.section-heading p{color:#657a6e;line-height:1.6}.search-box{background:#fff;border-color:#cfdcd2;border-radius:9px}.search-box:focus-within{border-color:var(--sige-green);box-shadow:0 0 0 3px #15654b19}.directory-toolbar{border-bottom:1px solid var(--sige-line);justify-content:space-between;align-items:center;gap:12px;margin:0 0 20px;padding-bottom:17px;display:flex}.filter-tabs{flex-wrap:wrap;gap:6px;display:flex}.filter-tabs button,.refresh-button{color:#52695c;cursor:pointer;background:0 0;border-radius:8px;padding:10px 12px;font-size:12px}.refresh-button{border:1px solid var(--sige-line)}.refresh-button:disabled{opacity:.5;cursor:wait}.schools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.school-card{border-color:var(--sige-line);border-radius:12px;padding:20px}.school-card:hover{border-color:#6baf88;transform:translateY(-2px);box-shadow:0 10px 24px #173a2712}.school-card h3{min-height:44px;font-size:15px;line-height:1.5}.school-type{color:#52695c;background:#eff3ef;font-size:10px}.school-card-code{color:#6f8376}.school-alert{color:#916215;background:#fff5df;font-size:11px}.school-card-stats span{color:#63766a;font-size:10px}.view-school{color:#15654b;font-size:12px}.results-info{color:#63766a;font-size:12px}.school-hero{background:#174e3b;border-radius:14px}.person-card{border-radius:10px}.person-details span{color:#52665a;font-size:12px}.person-name strong{font-size:14px}th{color:#506558;background:#f0f5ef;font-size:11px}td{padding:15px 12px;font-size:13px}tbody tr:hover{background:#f6f9f4}.auth-page{background:#123d31}.login-card{border-radius:18px;box-shadow:0 24px 70px #00190f40}.login-brand h1{font-size:24px}.login-brand p,.login-heading p{color:#607568;font-size:13px}.login-form label>span{font-size:12px}.login-button{box-shadow:none;background:#15654b}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #7ab28c}@media (width<=1200px){.app-shell{padding-left:220px}.admin-sidebar{width:220px;padding:26px 16px}.main-content{padding:28px 24px}.stats-grid{grid-template-columns:repeat(3,1fr)}.schools-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.app-shell{padding-left:0}.admin-sidebar{width:100%;padding:16px 20px;position:static}.sidebar-brand{margin:0}.sidebar-brand img{width:36px;height:36px}.sidebar-brand strong{font-size:20px}.sidebar-label,.sidebar-note,.sidebar-account{display:none}.admin-sidebar nav{margin-top:14px;display:flex}.admin-sidebar nav button,.admin-sidebar nav a{padding:10px}.topbar{height:70px;padding:0 20px;position:static}.main-content{padding:24px 20px}.directory-toolbar{flex-direction:column;align-items:flex-start}}@media (width<=520px){.schools-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{gap:8px;padding:15px 12px}.stat-card strong{font-size:25px}.content-card{padding:18px}.main-content{padding:24px 14px}.filter-tabs button{padding:9px;font-size:11px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.dashboard-insights{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;display:grid}.insight-overview,.insight-action{border:1px solid var(--sige-line);background:#fff;border-radius:14px;padding:24px 28px}.insight-overview h2{color:var(--sige-ink);letter-spacing:-.6px;margin:12px 0 6px;font-size:24px}.dashboard-insights p{color:#63776c;margin:6px 0 14px;font-size:13px;line-height:1.7}.coverage-track{background:#eaf0eb;border-radius:10px;max-width:360px;height:7px;overflow:hidden}.coverage-track span{background:#42886a;border-radius:10px;height:100%;display:block}.insight-action{background:#fcfaf4;border-color:#ece5d3;align-items:center;gap:20px;display:flex}.insight-number{color:#896227;min-width:50px;font-size:40px;font-weight:750}.insight-action h3{color:var(--sige-ink);margin:0;font-size:16px}.insight-action a{color:#745323;text-underline-offset:4px;font-size:12px;font-weight:700}.sort-control{color:#52695c;align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex}.sort-control select{color:#284a38;max-width:190px;font:inherit;background:#fff;border:1px solid #d6e1d8;border-radius:8px;padding:9px 10px}.school-locality{color:#6a7c70;margin:0 0 14px;font-size:12px;line-height:1.5}.school-card{text-align:left;flex-direction:column;display:flex}.school-card .school-type{align-self:flex-start}.school-card .view-school{width:100%;margin-top:auto;padding-top:18px}.school-card:disabled{cursor:wait;opacity:.65}.empty-state .refresh-button{margin-top:12px}.table-wrapper{overflow-x:auto}.detail-stats{gap:14px}@media (width<=1100px){.directory-toolbar{flex-wrap:wrap}.filter-tabs{width:100%}.sort-control{margin-left:0}.dashboard-insights{gap:14px}.insight-overview,.insight-action{padding:20px}}@media (width<=600px){.dashboard-insights{grid-template-columns:1fr}.insight-action{gap:16px}.sort-control{flex-wrap:wrap}.schools-heading{align-items:stretch}.search-box{width:100%}.detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.school-hero{flex-wrap:wrap;gap:16px}.school-hero h1{overflow-wrap:anywhere}.brand span{max-width:180px}.topbar{gap:10px}.person-card{min-width:0}.person-name strong{overflow-wrap:anywhere}}.staff-search-section{margin-bottom:24px}.staff-search-hint{color:#63766a;font-size:13px;line-height:1.6}.staff-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.staff-result-card{text-align:left;border:1px solid var(--sige-line);cursor:pointer;color:var(--sige-ink);background:#f7faf7;border-radius:12px;align-items:center;gap:14px;padding:18px;display:flex}.staff-result-card:hover{background:#eff6ef;border-color:#6baf88}.staff-result-info{flex:1;gap:6px;min-width:0;display:grid}.staff-result-info strong{overflow-wrap:anywhere;font-size:14px}.staff-result-info span{color:#63766a;font-size:12px}.staff-result-info small{color:#15654b;font-size:11px}.staff-result-card:disabled{cursor:default;opacity:.7}@media (width<=700px){.staff-result-grid{grid-template-columns:1fr}}.staff-management{margin:24px 0}.staff-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.staff-form label{color:#345442;gap:8px;font-size:13px;display:grid}.staff-form input,.staff-form select{width:100%;font:inherit;background:#fff;border:1px solid #cfddd3;border-radius:8px;padding:12px}.staff-form .login-button{align-self:end;margin:0}.remove-staff{color:#9a3930;cursor:pointer;background:#fff7f6;border:1px solid #e9c6c3;border-radius:8px;padding:9px 12px;font-size:12px}.removal-confirm{background:#fff7f2;border-radius:10px;padding:18px}.removal-confirm p{font-size:13px;line-height:1.6}.removal-confirm button{margin-right:10px}.staff-management button:disabled{opacity:.6;cursor:wait}@media (width<=600px){.staff-form{grid-template-columns:1fr}.staff-management .section-heading{flex-wrap:wrap;gap:14px}}.private-registration{margin-bottom:24px}.class-create-form{flex-wrap:wrap;align-items:end;gap:14px;margin-bottom:20px;display:flex}.class-create-form label{color:#345442;gap:8px;font-size:13px;display:grid}.class-create-form input{font:inherit;border:1px solid #cfddd3;border-radius:8px;padding:11px}.class-create-form p{width:100%;font-size:13px}.admin-sidebar nav button{color:#d6e5de;background:0 0}.admin-sidebar nav button.nav-active{color:#fff;background:#255646}.admin-sidebar nav button:hover{background:#204d3e}@media (width<=800px){.admin-sidebar nav{flex-wrap:wrap}}:root{--sige-ink:#173b32;--sige-green:#117452;--sige-line:#d6e5dd;color:#203e34;font-family:Segoe UI,Inter,ui-sans-serif,system-ui,sans-serif}body,.app-shell{background:#edf4ef}.app-shell{font-size:15px;line-height:1.6}.admin-sidebar{background:linear-gradient(165deg,#103e32 0%,#0d5542 100%);box-shadow:5px 0 24px #173b3212}.sidebar-brand strong{letter-spacing:1.4px;font-weight:850}.sidebar-brand span{color:#e5ce92;font-size:11px;font-weight:750}.sidebar-label{color:#c1dccf;font-size:11px;font-weight:750}.admin-sidebar nav button,.admin-sidebar nav a{color:#e6f2ec;font-size:14px;font-weight:700}.admin-sidebar nav button.nav-active{color:#194833;background:#e3efc8;box-shadow:0 4px 14px #072e2220}.admin-sidebar nav button.nav-active:hover{background:#d7e7b8}.sidebar-note{background:#ffffff0d;border:1px solid #ffffff24}.sidebar-note>span{color:#decb99;font-weight:750}.sidebar-note p{color:#dcece3;font-size:12px}.sidebar-account div span{color:#d0e5d8;font-size:11px}.topbar{border-bottom:1px solid #d5e3da;box-shadow:0 3px 15px #193c2906}.brand strong{font-size:16px;font-weight:800}.brand span{color:#466356;font-size:12px;font-weight:550}.account-info strong{font-weight:750}.account-info span{color:#466356;font-weight:600}h1,h2,h3{font-weight:800}.welcome-section h1{color:#143e30;font-weight:850}.welcome-section p{color:#4b6658;font-size:15px;font-weight:550;line-height:1.8}.eyebrow,.section-kicker{color:#13704c;letter-spacing:1.4px;font-size:11px;font-weight:800}.school-year{background:#fff9eb;border-color:#e9d9b4}.school-year strong{color:#73541e;font-weight:800}.school-year span{color:#725b35;font-weight:650}.stat-card{background:#fff;border-top:3px solid #48a27b;box-shadow:0 4px 18px #21473207}.stat-card:nth-child(2){border-top-color:#517ab0}.stat-card:nth-child(3){border-top-color:#bc9552}.stat-card:nth-child(4){border-top-color:#7c6aad}.stat-card:nth-child(5){border-top-color:#41969a}.stat-card strong{letter-spacing:-.7px;font-size:32px;font-weight:850}.stat-card span{color:#466453;font-size:13px;font-weight:650}.stat-icon{background:#e6f3ea}.content-card{background:#fff;box-shadow:0 6px 24px #153a2a09}.section-heading h2{font-size:24px;font-weight:800}.section-heading p{color:#4e685a;font-size:14px;font-weight:550}.search-box{background:#f8fbf8;border-color:#bccfc2}.search-box input{color:#244b38;font-size:14px;font-weight:600}.search-box input::placeholder{color:#627969;opacity:1}.filter-tabs button,.refresh-button,.sort-control{font-size:13px;font-weight:650}.filter-tabs .selected{color:#115a3c;background:#dcefe1;font-weight:800}.refresh-button{color:#245d40;background:#f0f7f1;border-color:#c8decd}.refresh-button:hover{background:#e0efe3}.school-card{background:#fff;border-color:#d5e3d8;box-shadow:0 3px 12px #163e2905}.school-card h3{color:#1b4433;font-size:17px;font-weight:800}.school-locality{color:#526d5d;font-size:13px;font-weight:550}.school-type{color:#286344;background:#e7f3e9;font-size:11px;font-weight:750}.school-card-code{color:#526d5d;font-size:12px;font-weight:700}.school-card-stats strong{font-size:21px;font-weight:800}.school-card-stats span{font-size:12px;font-weight:600}.view-school{font-size:13px;font-weight:800}.school-alert{color:#805616;background:#fff1d2;font-size:12px;font-weight:650}.insight-overview h2{font-weight:850}.dashboard-insights p{color:#4f6959;font-size:14px;font-weight:550}.insight-action{background:#fff8e9;border-color:#eadab6}.insight-action h3{font-weight:800}.insight-action a{font-size:13px;font-weight:750}.school-hero{background:linear-gradient(115deg,#15553d,#1b7253)}.school-hero h1{font-weight:850}.person-name strong,.staff-result-info strong{color:#1e4633;font-size:15px;font-weight:800}.person-details span,.staff-result-info span{color:#496453;font-size:13px}.person-details b{font-weight:750}.person-avatar{color:#17513a;background:#dcefe1;font-weight:800}.staff-form label,.class-create-form label{font-size:14px;font-weight:650}.staff-form input,.staff-form select,.class-create-form input{color:#254934;background:#fafcf9;font-weight:550}.staff-search-hint,.results-info{color:#526c5d;font-size:14px;font-weight:550}.login-button{background:#14734d;font-weight:800}.login-button:hover{background:#0e5c3c}.login-form label>span{font-size:14px;font-weight:700}.login-heading h2{font-weight:800}.login-brand h1{font-weight:850}.login-footer{color:#526859;font-size:11px}th{color:#2c5940;background:#e9f3ec;font-size:12px;font-weight:800}td{font-size:14px;font-weight:550}.remove-staff,.logout-button{font-weight:700}@media (width<=520px){.welcome-section h1{font-size:27px}.section-heading h2{font-size:22px}.stat-card strong{font-size:28px}.stat-card span{font-size:12px}.brand strong{font-size:13px}.brand span{font-size:11px}.admin-sidebar nav button,.admin-sidebar nav a,.filter-tabs button{font-size:12px}}.registration-back{width:100%;margin-top:18px;display:block}.portal-success,.portal-message{color:#245b3c;background:#e7f3e9;border:1px solid #c4dfce;border-radius:9px;padding:14px}.director-invitation,.student-workspace{margin-bottom:24px}.invitation-actions{flex-wrap:wrap;gap:12px;display:flex}.invitation-actions select,.student-toolbar select,.student-toolbar input{color:#2c523c;font:inherit;background:#fff;border:1px solid #cbddd0;border-radius:8px;padding:11px}.invitation-code{background:#eff6ef;border-radius:10px;margin-top:16px;padding:18px}.invitation-code span{font-size:12px;font-weight:700;display:block}.invitation-code code{letter-spacing:1px;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin-top:8px;font-size:20px;font-weight:800;display:block}.student-form{margin-bottom:24px}.student-toolbar{flex-wrap:wrap;gap:18px;margin:20px 0;display:flex}.student-toolbar label{gap:7px;font-size:13px;font-weight:700;display:grid}.student-toolbar input{min-width:260px}.student-year{color:#536e5c;font-size:11px;display:block}.student-workspace td,.student-workspace th{white-space:nowrap}.marks-form{background:#f0f7f1;border:1px solid #d4e5d7;border-radius:12px;margin:18px 0;padding:20px}.marks-form p{font-size:13px}.marks-inputs{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.marks-inputs label{gap:8px;font-size:13px;font-weight:700;display:grid}.marks-inputs input{width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #bcd2c3;border-radius:8px;padding:11px}.login-form small{color:#52695c;font-size:11px}@media (width<=750px){.marks-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.invitation-code code{font-size:16px}.student-toolbar input{width:100%;min-width:0}.student-toolbar label{width:100%}.student-workspace .section-heading{flex-wrap:wrap;gap:12px}}.teacher-card-button{text-align:left;cursor:pointer;background:0 0;border-radius:12px;width:100%;padding:0;display:block}.teacher-card-button .person-card{height:100%;transition:border-color .15s,box-shadow .15s}.teacher-card-button:hover .person-card{border-color:#73af89;box-shadow:0 7px 20px #1c4b3212}.teacher-open-label{color:#17633e;margin-top:16px;font-size:13px;font-weight:800;display:block}.teacher-file-header{background:linear-gradient(120deg,#e5f1e8,#f6faf2);border:1px solid #cbdfd0;border-radius:16px;align-items:flex-start;gap:22px;margin:20px 0 26px;padding:28px;display:flex}.teacher-file-avatar{color:#fff;background:#1a6044;border-radius:18px;flex-shrink:0;place-items:center;width:72px;height:72px;font-size:26px;font-weight:800;display:grid}.teacher-file-header h1{color:#193e2d;overflow-wrap:anywhere;margin:8px 0;font-size:28px}.teacher-file-header p{color:#4e6d59;font-weight:650}.teacher-file-details{color:#45634f;flex-wrap:wrap;gap:10px 24px;font-size:13px;display:flex}.teacher-file-details span{overflow-wrap:anywhere}@media (width<=600px){.teacher-file-header{flex-direction:column;gap:14px;padding:20px}.teacher-file-header h1{font-size:24px}.teacher-file-avatar{width:56px;height:56px;font-size:22px}.teacher-file-details{flex-direction:column}}.detail-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.class-enrollment{background:#e8f3ea;border-radius:6px;align-self:flex-start;padding:6px 9px;font-weight:700;color:#155d3d!important}@media (width<=1100px){.detail-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.person-action-wrapper{flex-direction:column;gap:10px;min-width:0;display:flex}.person-action-wrapper .teacher-card-button{flex:1}.personnel-remove{align-self:flex-start}.person-action-wrapper>.person-card{height:100%}.forgot-password-button{color:#19643f;cursor:pointer;text-underline-offset:4px;background:0 0;margin:16px auto 0;font-size:13px;font-weight:750;text-decoration:underline;display:block}.password-reset-admin{margin-bottom:26px}.password-admin-form{background:#f0f7f1;border-radius:10px;margin:16px 0;padding:20px}.password-admin-form h3,.password-admin-form p{grid-column:1/-1}.password-admin-form p{color:#48644f;font-size:13px}.inspection-form{background:#f3f8f3;border-radius:12px;margin-bottom:24px;padding:20px}.inspection-form h3{grid-column:1/-1}.inspection-actions{flex-wrap:wrap;gap:8px;display:flex}.sidebar-brand{text-align:center;flex-direction:column;gap:16px;margin-bottom:28px}.sidebar-brand img{border:3px solid #e5ce92;flex-shrink:0;width:112px;height:112px;padding:5px;box-shadow:0 6px 22px #001f2450}.topbar{height:auto;min-height:108px;padding-top:12px;padding-bottom:12px}.brand{gap:18px;min-width:0}.brand-logo{border:2px solid #d4b974;flex-shrink:0;width:80px;height:80px;padding:4px;box-shadow:0 4px 16px #173b321c}.brand .inspection-name{color:#176044;letter-spacing:.5px;margin-top:5px;font-size:13px;font-weight:800;display:block}@media (width<=800px){.sidebar-brand{text-align:left;flex-direction:row;gap:16px;margin:0}.sidebar-brand img{width:76px;height:76px;padding:3px}.topbar{min-height:100px}.brand-logo{width:68px;height:68px}}@media (width<=520px){.topbar{flex-wrap:wrap;gap:14px;padding:16px}.brand{gap:12px;width:100%}.brand span{max-width:none}.brand .inspection-name{font-size:12px}.header-account{justify-content:space-between;width:100%}}.admin-sidebar{overflow-y:auto}.sige-login-redesign{background:radial-gradient(at 10% 20%,#23614d 0,#0000 50%),linear-gradient(135deg,#0d3028,#102f32);justify-content:center;align-items:center;gap:clamp(32px,6vw,100px);min-height:100svh;padding:48px 32px;display:flex;overflow:hidden}.sige-login-redesign .login-welcome{z-index:2;color:#fff;flex:1;max-width:480px;position:relative}.sige-login-redesign .welcome-eyebrow{letter-spacing:2px;color:#b9ddca;font-size:13px;font-weight:800}.sige-login-redesign .login-welcome h2{letter-spacing:-1px;margin:22px 0;font-size:clamp(30px,3vw,46px);font-weight:800;line-height:1.2}.sige-login-redesign .login-welcome p{color:#d5e6df;max-width:440px;font-size:18px;line-height:1.7}.sige-login-redesign .welcome-topics{flex-wrap:wrap;gap:10px;margin:28px 0 42px;display:flex}.sige-login-redesign .welcome-topics span{background:#ffffff09;border:1px solid #ffffff30;border-radius:30px;padding:10px 14px;font-size:14px}.sige-login-redesign .welcome-year{color:#bdd6ca;font-size:14px}.sige-login-redesign .login-card{border:1px solid #e1e8e4;border-radius:24px;flex-shrink:0;width:min(460px,100%);padding:36px;box-shadow:0 28px 80px #001c2055}.sige-login-redesign .login-logo{width:76px;height:76px;margin-bottom:14px}.sige-login-redesign .login-brand h1{letter-spacing:-.6px;font-size:28px}.sige-login-redesign .login-brand p{color:#52645c;font-size:14px;line-height:1.5}.sige-login-redesign .login-heading h2{font-size:26px}.sige-login-redesign .login-heading p{color:#52645c;font-size:15px;line-height:1.6}.sige-login-redesign .login-form label>span{color:#263e33;font-size:15px}.sige-login-redesign .login-form input{background:#f8faf9;border-color:#b9c9bf;height:54px;font-size:16px}.sige-login-redesign .login-form input:focus{border-color:#14734d;box-shadow:0 0 0 4px #14734d20}.sige-login-redesign .login-password-field{margin-bottom:18px}.sige-login-redesign .login-password-field>label{margin-bottom:0}.sige-login-redesign .login-password-control{position:relative}.sige-login-redesign .login-password-control input{padding-right:94px}.sige-login-redesign .password-toggle{color:#145d3d;cursor:pointer;background:#e7f1eb;border:0;border-radius:7px;height:40px;padding:0 10px;font-size:13px;font-weight:800;position:absolute;top:7px;right:7px}.sige-login-redesign button:focus-visible{outline-offset:3px;outline:3px solid #df9b2d}.sige-login-redesign .login-button{border:0;border-radius:11px;height:54px;font-size:16px}.sige-login-redesign .login-error{color:#912620;font-size:14px;line-height:1.5}.sige-login-redesign .login-caps-lock{color:#805014;margin:8px 0 0;font-size:13px}.sige-login-redesign .forgot-password-button{min-height:44px;font-size:14px}.sige-login-redesign .registration-back{background:#f1f6f3;border-color:#c7d9cd;min-height:48px;font-size:14px}.sige-login-redesign .login-footer{color:#52645c;font-size:12px;line-height:1.6}@media (width<=850px){.sige-login-redesign{padding:28px 18px}.sige-login-redesign .login-welcome{display:none}.sige-login-redesign .login-card{padding:28px}}@media (width<=380px){.sige-login-redesign .login-card{padding:22px 18px}.sige-login-redesign .login-brand h1{font-size:24px}}.sige-login-redesign .school-theme-poster{border:1px solid #ffffff35;border-radius:18px;margin:22px 0 20px;overflow:hidden;box-shadow:0 14px 35px #001b2340}.sige-login-redesign .school-theme-poster img{width:100%;height:auto;display:block}.sige-login-redesign .school-theme-quote{color:#fff;border-left:4px solid #ff9c3a;margin:0;padding-left:20px;font-size:clamp(22px,2.3vw,30px);font-weight:750;line-height:1.4}.sige-login-redesign .school-theme-caption{color:#d5e6df;font-size:15px;line-height:1.6}@media (width<=850px){.sige-login-redesign{flex-direction:column;gap:24px}.sige-login-redesign .login-welcome{flex:none;width:min(460px,100%);display:block}.sige-login-redesign .school-theme-poster{display:none}.sige-login-redesign .school-theme-quote{margin-top:14px;font-size:21px}.sige-login-redesign .school-theme-caption{display:none}.sige-login-redesign .welcome-eyebrow{letter-spacing:1px;font-size:11px}.sige-login-redesign{justify-content:flex-start;align-items:center;gap:20px;padding:20px 14px;overflow-x:hidden}.sige-login-redesign .login-welcome,.sige-login-redesign .login-card{box-sizing:border-box;width:100%;min-width:0;max-width:460px}.sige-login-redesign .school-theme-poster{border-radius:12px;margin:12px 0 14px;display:block}.sige-login-redesign .school-theme-poster img{object-fit:contain;width:100%;max-width:100%;height:auto}.sige-login-redesign .school-theme-quote{margin-top:0;padding-left:12px;font-size:17px;line-height:1.5}.sige-login-redesign .login-card{padding:24px}.sige-login-redesign .login-brand h1{font-size:25px}.sige-login-redesign .login-logo{width:66px;height:66px}.sige-login-redesign .login-divider{margin:20px 0}.sige-login-redesign .welcome-eyebrow{line-height:1.6;display:block}}@media (width<=380px){.sige-login-redesign{padding:16px 10px}.sige-login-redesign .login-card{padding:22px 18px}.sige-login-redesign .login-brand h1{font-size:23px}.sige-login-redesign .school-theme-quote{font-size:16px}}.sige-registration{box-sizing:border-box;background:radial-gradient(at 0 0,#286a51,#0000 60%),linear-gradient(135deg,#0d3028,#102f32);min-height:100svh;padding:40px 24px}.registration-shell{z-index:1;grid-template-columns:minmax(0,420px) minmax(0,480px);align-items:center;gap:64px;width:100%;max-width:964px;display:grid;position:relative}.registration-intro{color:#fff}.registration-eyebrow{letter-spacing:1.5px;color:#bedfce;font-size:12px;font-weight:800}.registration-intro h2{letter-spacing:-1px;margin:22px 0;font-size:42px;line-height:1.15}.registration-intro p{color:#d5e6df;font-size:16px;line-height:1.7}.registration-intro ol{counter-reset:steps;gap:24px;margin:32px 0;padding:0;list-style:none;display:grid}.registration-intro li{counter-increment:steps;padding-left:54px;position:relative}.registration-intro li:before{content:counter(steps);color:#ffd29a;background:#ffffff14;border:1px solid #ffffff35;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid;position:absolute;top:0;left:0}.registration-intro li strong,.registration-intro li span{display:block}.registration-intro li span{color:#c4ddcf;margin-top:6px;font-size:14px;line-height:1.6}.registration-intro .registration-help{border-top:1px solid #ffffff25;padding-top:20px;font-size:14px}.sige-registration .login-card{box-sizing:border-box;border:1px solid #e1e8e4;border-radius:24px;width:100%;padding:32px;box-shadow:0 24px 70px #001c2055}.sige-registration .login-logo{width:68px;height:68px;margin-bottom:12px}.registration-badge{letter-spacing:1.5px;color:#14734d;margin-bottom:12px;font-size:11px;font-weight:800;display:block}.sige-registration .login-brand h1{font-size:26px;line-height:1.25}.sige-registration .login-brand p{font-size:14px;line-height:1.6}.sige-registration .login-form{margin-top:24px}.sige-registration .login-form input{box-sizing:border-box;background:#f8faf9;border-color:#b9c9bf;width:100%;height:50px;font-size:16px}.sige-registration .login-form input:focus{border-color:#14734d;box-shadow:0 0 0 4px #14734d20}.sige-registration .login-form small{margin-top:6px;font-size:12px;line-height:1.5;display:block}.registration-visibility{color:#145d3d;cursor:pointer;background:0 0;border:0;min-height:44px;margin-bottom:10px;padding:0 4px;font-size:14px;font-weight:750}.sige-registration button:focus-visible{outline-offset:3px;outline:3px solid #df9b2d}.sige-registration .login-button,.sige-registration .registration-back{border-radius:10px;min-height:50px;font-size:15px}.registration-note{text-align:center;color:#52645c;margin:20px 0 0;font-size:12px;line-height:1.6}.sige-registration .login-error{font-size:14px;line-height:1.5}@media (width<=850px){.sige-registration{align-items:flex-start;padding:24px 16px}.registration-shell{grid-template-columns:minmax(0,1fr);gap:24px;max-width:480px}.registration-intro h2{margin:14px 0;font-size:30px}.registration-intro h2 br,.registration-intro ol{display:none}.registration-intro .registration-help{margin-bottom:0;padding-top:12px}.sige-registration .login-card{padding:26px}}@media (width<=380px){.sige-registration{padding:20px 10px}.sige-registration .login-card{padding:24px 18px}.sige-registration .login-brand h1{font-size:23px}.registration-intro h2{font-size:27px}}.school-teacher-cards{align-items:stretch;gap:24px}.school-teacher-cards .person-action-wrapper{background:#fff;border:3px solid #438563;border-radius:32px;gap:16px;padding:20px;box-shadow:0 8px 24px #173f2b24}.school-teacher-cards .teacher-card-button{font:inherit;color:inherit;border:0;border-radius:16px}.school-teacher-cards .person-card{box-sizing:border-box;background:0 0;border:0;border-radius:16px;gap:16px;padding:0}.school-teacher-cards .teacher-card-button:hover .person-card{box-shadow:none}.school-teacher-cards .person-action-wrapper:has(.teacher-card-button:hover){border-color:#195d3b;box-shadow:0 10px 28px #173f2b30}.school-teacher-cards .teacher-card-button:focus-visible{outline-offset:6px;outline:3px solid #d58b22}.school-teacher-cards .person-avatar{color:#fff;background:#176447;border-radius:16px;flex-basis:50px;width:50px;height:50px;font-size:17px}.school-teacher-cards .person-name strong{overflow-wrap:anywhere;font-size:17px;line-height:1.5}.school-teacher-cards .person-details{gap:12px 16px;margin-top:14px}.school-teacher-cards .person-details span{color:#314c3d;font-size:14px;line-height:1.6}.school-teacher-cards .person-details b{color:#52675b;font-size:12px;display:block}.school-teacher-cards .teacher-open-label{border-top:1px solid #d7e5dc;margin-top:18px;padding-top:14px;line-height:1.5}@media (width<=1100px){.school-teacher-cards{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.school-teacher-cards{gap:18px}.school-teacher-cards .person-action-wrapper{border-radius:28px;padding:18px}.school-teacher-cards .person-card{flex-direction:column}.school-teacher-cards .person-details{grid-template-columns:minmax(0,1fr)}.school-teacher-cards .person-name strong{font-size:18px}}.admin-interface{--sige-ink:#183b36;--sige-green:#087f68;--sige-line:#e1e9e6;color:#263f3d;background:#f4f7f8;padding-left:260px}.admin-interface .admin-sidebar{width:260px;box-shadow:none;background:#103d36;gap:0;padding:26px 18px 22px}.admin-interface .sidebar-brand{gap:9px;margin-bottom:26px}.admin-interface .sidebar-brand img{border-color:#dcc489;width:100px;height:100px}.admin-interface .sidebar-brand strong{letter-spacing:3px;font-size:23px}.admin-interface .sidebar-brand span{letter-spacing:3px}.admin-interface .sidebar-label{color:#91b7ad;margin-bottom:12px;font-size:10px}.admin-interface .admin-sidebar nav{gap:6px}.admin-interface .admin-sidebar nav button,.admin-interface .admin-sidebar nav a{border-radius:12px;min-height:48px;padding:12px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.admin-interface .admin-sidebar nav button.nav-active{color:#164a3d;box-shadow:none;background:#e7f5ef}.admin-interface .admin-sidebar nav button:hover,.admin-interface .admin-sidebar nav a:hover{color:#fff;background:#24564a}.admin-interface .admin-sidebar nav button.nav-active:hover{color:#164a3d;background:#d5ece2}.admin-interface .sidebar-note{background:#ffffff08;border-radius:14px;margin-top:28px;margin-bottom:20px;padding:16px}.admin-interface .sidebar-note strong{font-size:18px}.admin-interface .sidebar-note p{font-size:11px}.admin-interface .sidebar-account{margin-top:auto;padding-top:16px}.admin-interface .account-avatar{background:#d6ece2;border-radius:12px}.admin-interface .topbar{min-height:106px;box-shadow:none;background:#fff;border-bottom-color:#e4eae7;padding:12px 32px}.admin-interface .brand-logo{width:76px;height:76px}.admin-interface .brand strong{letter-spacing:.5px;font-size:15px}.admin-interface .brand .inspection-name{font-size:12px}.admin-interface .brand span{font-size:11px}.admin-interface .header-account{gap:18px}.admin-interface .logout-button{color:#526763;background:#f7f9f8;border-radius:10px;padding:10px 14px}.admin-interface .logout-button:hover{background:#eaf2ee}.admin-interface .main-content{max-width:1600px;padding:30px 32px 48px}.admin-interface .welcome-section{background:linear-gradient(115deg,#124b3f,#087864);border:1px solid #176b55;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;gap:20px 24px;margin-bottom:22px;padding:30px 32px;display:grid;position:relative}.admin-interface .welcome-section>div:first-child{grid-area:1/1}.admin-interface .welcome-section .eyebrow{color:#b9decd;letter-spacing:2px;font-size:10px}.admin-interface .welcome-section h1{color:#fff;letter-spacing:-1.2px;margin:12px 0;font-size:clamp(26px,2.7vw,38px);font-weight:700;line-height:1.2}.admin-interface .welcome-section p{color:#d4e8e0;max-width:590px;margin:0;font-size:13px;font-weight:400;line-height:1.75}.admin-interface .school-year{background:#ffffff12;border:1px solid #ffffff30;border-radius:13px;grid-area:1/2/3;align-self:start;min-width:142px;padding:14px 18px}.admin-interface .school-year span{color:#d2e8dc;font-size:11px}.admin-interface .school-year strong{color:#fff0c4;font-size:18px}.admin-interface .dashboard-shortcuts{flex-wrap:wrap;grid-area:2/1;gap:10px;display:flex}.admin-interface .dashboard-shortcuts a{color:#155243;background:#fff;border:1px solid #fff;border-radius:9px;align-items:center;gap:18px;padding:10px 14px;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex}.admin-interface .dashboard-shortcuts a+a{color:#fff;background:0 0;border-color:#ffffff50}.admin-interface .dashboard-shortcuts a:hover{color:#155243;background:#e7f5ef}.admin-interface .stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px}.admin-interface .stat-card{border:1px solid #e2e9e6;border-radius:16px;flex-direction:column;gap:12px;padding:20px;position:relative;box-shadow:0 3px 9px #183b3604}.admin-interface .stat-icon{background:#e9f6f0;border-radius:12px;width:38px;height:38px;font-size:18px}.admin-interface .stat-card:nth-child(2) .stat-icon{background:#ecf2ff}.admin-interface .stat-card:nth-child(3) .stat-icon{background:#fff5df}.admin-interface .stat-card:nth-child(4) .stat-icon{background:#f3edff}.admin-interface .stat-card:nth-child(5) .stat-icon{background:#e7f6f8}.admin-interface .stat-card strong{font-size:32px;font-weight:700;line-height:1.15}.admin-interface .stat-card span{color:#667b73;margin-top:7px;font-size:12px;font-weight:500}.admin-interface .dashboard-insights{gap:16px;margin-bottom:24px}.admin-interface .insight-overview,.admin-interface .insight-action{border-radius:16px;padding:22px 24px}.admin-interface .insight-overview h2{font-size:23px;font-weight:650}.admin-interface .coverage-track{height:6px}.admin-interface .coverage-track span{background:#139574}.admin-interface .insight-action{background:#fffcf4;border-color:#ece4ce}.admin-interface .insight-number{color:#967136;font-weight:650}.admin-interface .dashboard-insights p{font-size:13px;font-weight:400}.admin-interface .content-card{border-color:#e1e9e6;border-radius:18px;padding:26px;box-shadow:0 3px 12px #183b3604}.admin-interface .section-kicker{letter-spacing:1.7px;font-size:10px;font-weight:700}.admin-interface .section-heading h2{margin-top:7px;font-size:22px;font-weight:650}.admin-interface .section-heading p{color:#687d74;font-size:13px;font-weight:400}.admin-interface .search-box{background:#f7faf9;border-color:#dde7e2;border-radius:12px}.admin-interface .search-box input{font-weight:400}.admin-interface .directory-toolbar{gap:12px}.admin-interface .filter-tabs{background:#f3f6f5;border-radius:12px;padding:4px}.admin-interface .filter-tabs button{border-radius:9px;font-size:12px;font-weight:500}.admin-interface .filter-tabs .selected{color:#08775b;background:#fff;font-weight:650;box-shadow:0 2px 5px #173b3210}.admin-interface .refresh-button{background:#fff;border-radius:10px;font-size:12px}.admin-interface .school-card{box-shadow:none;border-radius:15px;padding:22px}.admin-interface .school-card h3{font-size:16px;font-weight:650}.admin-interface .school-card:hover{border-color:#71b59c;box-shadow:0 8px 22px #123c2b0c}.admin-interface .school-card-stats{background:#f6f9f7;border-radius:10px;padding:12px 8px}.admin-interface .school-card-stats strong{font-weight:650}.admin-interface .school-card-code{letter-spacing:.7px;font-size:11px}.admin-interface .school-type{border-radius:7px;font-weight:600}.admin-interface .view-school{border-top:1px solid #edf1ef;margin-top:18px;font-weight:600}.admin-interface th{color:#60766c;letter-spacing:.8px;background:#f4f8f6;padding:13px 14px;font-size:10px}.admin-interface td{border-bottom-color:#edf1ef;padding:16px 14px;font-size:13px;font-weight:400}.admin-interface .table-wrapper{border:1px solid #e7eeea;border-radius:12px}.admin-interface .staff-search-hint{background:#f7faf9;border-radius:10px;margin-bottom:0;padding:12px 16px;font-size:12px}.admin-interface #etablissements,.admin-interface #annuaire-personnel,.admin-interface #reinitialisations{scroll-margin-top:130px}.admin-interface .app-footer{color:#7d8f87;font-size:11px}@media (width<=1200px){.admin-interface{padding-left:232px}.admin-interface .admin-sidebar{width:232px}.admin-interface .main-content{padding:24px}.admin-interface .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-interface .welcome-section{padding:26px}}@media (width<=800px){.admin-interface{padding-left:0}.admin-interface .admin-sidebar{width:100%;padding:18px 20px}.admin-interface .sidebar-brand{flex-direction:row;gap:16px;margin:0}.admin-interface .sidebar-brand img{width:76px;height:76px}.admin-interface .admin-sidebar nav{flex-wrap:nowrap;gap:6px;padding-bottom:6px;display:flex;overflow-x:auto}.admin-interface .admin-sidebar nav button,.admin-interface .admin-sidebar nav a{white-space:nowrap;flex-shrink:0;min-height:40px;padding:9px 12px}.admin-interface .topbar{padding:14px 20px}.admin-interface .brand-logo{width:68px;height:68px}.admin-interface #etablissements,.admin-interface #annuaire-personnel,.admin-interface #reinitialisations{scroll-margin-top:20px}}@media (width<=600px){.admin-interface .main-content{padding:18px 14px 32px}.admin-interface .welcome-section{border-radius:18px;grid-template-columns:1fr;padding:24px}.admin-interface .school-year{grid-area:3/1;justify-self:start}.admin-interface .dashboard-shortcuts{grid-row:2}.admin-interface .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-interface .stat-card{padding:17px}.admin-interface .content-card{padding:20px 16px}.admin-interface .dashboard-insights{grid-template-columns:1fr}.admin-interface .section-heading{flex-wrap:wrap;gap:14px}.admin-interface .search-box,.admin-interface .brand{width:100%}.admin-interface .topbar{flex-wrap:wrap;gap:14px}.admin-interface .header-account{justify-content:space-between;width:100%}}
