@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#202b36;font-synthesis:none;text-rendering:optimizelegibility;--ink:#202b36;--muted:#74818c;--line:#e5e9ec;--green:#19745e;--green-dark:#125b4a;--pale:#edf6f2;--orange:#d97732;--red:#bf3b36;--white:#fff;background:#f5f7f8;font-family:DM Sans,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.62;cursor:wait}a{color:inherit;text-decoration:none}.app-frame{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#e8f0ed;background:#182a31;flex-direction:column;height:100vh;min-height:100vh;padding:23px 16px 15px;display:flex;position:sticky;top:0}.brand{color:#fff;align-items:center;gap:10px;height:42px;padding:0 10px;font:800 22px Manrope,sans-serif;display:flex}.brand-icon{background:#2d7d67;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.side-label{letter-spacing:1px;color:#8fa09e;padding:27px 12px 10px;font-size:10px;font-weight:700}.side-nav{gap:4px;display:grid}.side-link{color:#c3cfcd;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:11px;width:100%;min-height:42px;padding:0 11px;font-size:13px;display:flex}.side-link:hover{color:#fff;background:#243940}.side-link.active{color:#fff;background:#29473f;font-weight:600}.nav-arrow{margin-left:auto}.side-user{border-top:1px solid #31434a;align-items:center;gap:10px;min-width:0;margin-top:auto;padding:18px 7px 13px;display:flex}.side-user>span:last-child{gap:3px;min-width:0;display:grid}.side-user strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.side-user small{color:#9cadaa;font-size:11px}.avatar{color:#a8dfca;background:#28453f;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.side-logout{color:#c3cfcd;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:12px 10px;font-size:12px;display:flex}.side-logout:hover{color:#fff}.workspace{width:100%;min-width:0;max-width:1600px;margin:0 auto;padding:30px clamp(20px,4vw,58px) 60px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.topbar h1{margin:5px 0 0;font:700 26px/1.25 Manrope,sans-serif}.eyebrow{letter-spacing:1px;color:#819097;font-size:10px;font-weight:700}.search-box{border:1px solid var(--line);color:#859099;background:#fff;border-radius:6px;align-items:center;gap:8px;width:min(260px,35vw);height:38px;padding:0 11px;display:flex}.search-box input{border:0;outline:0;width:100%;min-width:0;font-size:12px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:22px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:7px;grid-template-rows:25px 1fr;grid-template-columns:32px 1fr;align-items:center;column-gap:10px;min-height:116px;padding:16px 18px;display:grid}.stat-icon{color:#277760;background:#e9f3ef;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.stat-icon svg{width:17px;height:17px}.stat-label{color:#6d7a83;font-size:12px}.stat-card strong{color:#26343e;grid-column:2;align-self:end;font:700 25px Manrope,sans-serif}.welcome{color:#26705b;background:#eaf3ef;border:1px solid #dcebe4;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:21px;padding:20px 23px;display:flex}.welcome h2{color:#263a35;margin:6px 0;font:700 19px Manrope,sans-serif}.welcome p{color:#647971;margin:0;font-size:12px}.section-block{border:1px solid var(--line);background:#fff;border-radius:7px;margin-bottom:18px;padding:20px 21px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;display:flex}.section-heading h2{color:#26343e;margin:0;font:700 15px Manrope,sans-serif}.section-heading p{color:#839099;margin:5px 0 0;font-size:11px}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.form-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.input-label{color:#4e5c65;gap:6px;min-width:0;font-size:11px;font-weight:600;display:grid}.input-label small{color:#849199;font-weight:400}.input-label input,.input-label select{color:#27343c;background:#fff;border:1px solid #dce2e5;border-radius:5px;outline:none;width:100%;height:39px;padding:0 10px;font-size:12px}.form-actions{align-items:end;display:flex}.button-primary,.button-secondary{white-space:nowrap;border:0;border-radius:5px;justify-content:center;align-items:center;gap:8px;height:39px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex}.button-primary{background:var(--green);color:#fff}.button-secondary{color:#34434b;background:#f0f3f4}.button-secondary:hover{background:#e7ecee}.form-actions .button-primary{min-width:145px}.count-pill{color:#61716d;background:#eef4f1;border-radius:30px;padding:6px 10px;font-size:11px}.table-wrap{border:1px solid #edf0f1;border-radius:5px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:540px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf0f1;padding:11px 12px;font-size:11px}th{color:#75828a;background:#f8faf9;font-size:10px;font-weight:700}td{color:#3f4d55}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfc}.actions-head{text-align:right}.row-actions{justify-content:flex-end;gap:5px;display:flex}.icon-button{color:#61717a;background:#fff;border:1px solid #e3e8ea;border-radius:5px;place-items:center;width:30px;height:30px;display:inline-grid}.icon-button:hover{color:#246e58;background:#f2f6f4}.icon-button.danger:hover{color:var(--red);background:#fff0ee;border-color:#f4d3cf}.empty-state{color:#7c898f;align-content:center;justify-items:center;gap:7px;min-height:112px;display:grid}.empty-state>span{color:#6d9182;background:#f1f5f3;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.empty-state strong{color:#46555d;font-size:12px}.empty-state small{font-size:11px}.quick-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.quick-links button{text-align:left;color:#47605a;background:#fff;border:1px solid #e8edef;border-radius:5px;align-items:center;gap:10px;min-height:51px;padding:0 12px;display:flex}.quick-links button:hover{background:#fbfdfc;border-color:#a8cdbd}.quick-links button span{color:#39494f;font-size:11px}.quick-links button svg:last-child{color:#98a5a5;margin-left:auto}.school-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.school-row{border:1px solid #e8edef;border-radius:5px;align-items:center;gap:10px;min-height:65px;padding:10px;display:flex}.school-row:hover{border-color:#a8cdbd}.school-row>span:nth-child(2){flex:1;gap:4px;display:grid}.school-row strong{font-size:12px}.school-row small{color:#7c898f;font-size:10px}.school-row>svg{color:#89969a}.school-icon{color:#347b66;background:#edf5f1;border-radius:5px;place-items:center;width:34px;height:34px;display:grid}.notice{border-radius:5px;align-items:center;gap:9px;margin:0 0 15px;padding:10px 12px;font-size:12px;display:flex}.notice>span{place-items:center;display:grid}.notice.success{color:#1b654f;background:#edf7f1;border:1px solid #d6ebde}.notice.error{color:#a42d29;background:#fff1ef;border:1px solid #f2d5d1}.upload-form{align-items:center;gap:10px;display:flex}.file-picker{color:#60736a;border:1px dashed #b9c8c2;border-radius:5px;flex:1;align-items:center;gap:10px;max-width:380px;min-height:39px;padding:5px 10px;font-size:11px;display:flex;overflow:hidden}.file-picker input{min-width:0;font-size:10px}.login-page{background:#fff;grid-template-columns:minmax(300px,.9fr) minmax(420px,1.1fr);min-height:100vh;display:grid}.login-brand{color:#fff;background:#19332f;flex-direction:column;min-height:100vh;padding:29px clamp(26px,5vw,70px);display:flex}.login-brand .brand{padding:0}.login-visual{max-width:480px;margin:auto 0;padding:70px 0}.visual-mark{background:#2a7561;border-radius:10px;place-items:center;width:48px;height:48px;margin-bottom:34px;display:grid}.login-visual>span{letter-spacing:1px;color:#9cc7b7;font-size:10px;font-weight:700}.login-visual h1{margin:15px 0;font:700 clamp(27px,3vw,40px)/1.22 Manrope,sans-serif}.login-visual p{color:#b7cbc4;font-size:14px;line-height:1.7}.visual-footer{color:#9cafaa;border-top:1px solid #35504a;justify-content:space-between;padding-top:15px;font-size:10px;display:flex}.login-form-wrap{place-items:center;padding:35px;display:grid}.login-form{gap:15px;width:min(370px,100%);display:grid}.login-form h2{color:#25343b;margin:0;font:700 25px Manrope,sans-serif}.login-form>p{color:#77858b;margin:-8px 0 7px;font-size:12px}.login-form .eyebrow{color:#328169}.login-submit{width:100%;margin-top:2px}.login-foot{text-align:center;color:#98a2a5;margin-top:4px;font-size:10px}.modal-backdrop{z-index:5;background:#14252f88;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:7px;gap:13px;width:min(440px,100%);max-height:min(90vh,700px);padding:21px;display:grid;overflow:auto;box-shadow:0 20px 70px #0e202533}.modal-head{justify-content:space-between;align-items:start;margin-bottom:5px;display:flex}.modal-head h2{margin:0;font:700 17px Manrope,sans-serif}.modal-head p{color:#78858b;margin:5px 0 0;font-size:11px}.modal-actions{justify-content:flex-end;gap:8px;padding-top:6px;display:flex}@media (width<=1050px){.app-frame{grid-template-columns:220px minmax(0,1fr)}.workspace{padding-left:24px;padding-right:24px}.form-grid,.form-grid.compact,.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.app-frame{display:block}.sidebar{grid-template-columns:1fr auto;gap:8px;height:auto;min-height:0;padding:12px 13px;display:grid;position:relative}.sidebar>.brand{padding-left:2px}.side-label{display:none}.side-nav{grid-column:1/-1;padding:3px 0 5px;display:flex;overflow:auto}.side-link{width:auto;min-width:max-content;min-height:36px;padding:0 9px;font-size:11px}.nav-arrow{display:none}.side-user{border:0;grid-column:1;margin:0;padding:9px 2px 0}.side-logout{grid-area:3/2;margin:auto 0 0;padding:9px 2px}.workspace{padding:21px 15px 36px}.topbar{align-items:flex-start;margin-bottom:19px}.topbar h1{font-size:22px}.search-box{width:42px;padding:0 12px}.search-box input{display:none}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-card{min-height:96px;padding:12px}.section-block{margin-bottom:13px;padding:15px}.form-grid,.form-grid.compact{grid-template-columns:1fr}.form-actions .button-primary{width:100%}.quick-links,.school-list{grid-template-columns:1fr}.welcome{padding:16px}.welcome p{max-width:270px;line-height:1.5}.login-page{display:block}.login-brand{min-height:0;padding:16px 22px}.login-visual{padding:27px 0 20px}.visual-mark{margin-bottom:14px}.login-visual h1{margin:8px 0;font-size:25px}.login-visual p,.visual-footer{display:none}.login-form-wrap{padding:35px 22px}.login-form h2{font-size:22px}}:root{--green:#16856b;--green-dark:#116b56;--line:#e4e9ed;background:#f3f6f9}.sidebar{background:#172b35}.brand-icon{background:#16a080}.side-link.active{background:#155c55}.side-link.active svg{color:#72e0ba}.stat-card{background:linear-gradient(155deg,#fff 60%,#f1faf7);border-top:3px solid #22a983;position:relative;overflow:hidden}.stat-card:nth-child(2){background:linear-gradient(155deg,#fff 60%,#f1f6ff);border-top-color:#548ee8}.stat-card:nth-child(2) .stat-icon{color:#467bd0;background:#eaf1ff}.stat-card:nth-child(3){background:linear-gradient(155deg,#fff 60%,#fff8ec);border-top-color:#ed9b3e}.stat-card:nth-child(3) .stat-icon{color:#c17b22;background:#fff0d8}.stat-card:nth-child(4){background:linear-gradient(155deg,#fff 60%,#fff2f0);border-top-color:#e56d6c}.stat-card:nth-child(4) .stat-icon{color:#ce605b;background:#ffebe8}.welcome{background:linear-gradient(105deg,#e7f6ef 0%,#edf5ff 58%,#fff4e9 100%);border-color:#dcebe7}.welcome>svg{color:#347fce}.section-block{box-shadow:0 2px 9px #233d4b08}.quick-links button:nth-child(4n+1)>svg:first-child{color:#23866c}.quick-links button:nth-child(4n+2)>svg:first-child{color:#4b7fd1}.quick-links button:nth-child(4n+3)>svg:first-child{color:#d18a2e}.quick-links button:nth-child(4n)>svg:first-child{color:#d05f65}.school-icon{color:#467bcc;background:#eaf4ff}.button-primary{background:#16856b}.button-primary:hover{background:#116b56}.input-label input:focus,.input-label select:focus{border-color:#68a9e3;box-shadow:0 0 0 3px #e8f2ff}.login-brand{background:#183b3c}.visual-mark{background:#16856b}.login-visual>span{color:#b2d9c3}.login-brand .brand-icon{background:#16856b}@media (width<=720px){.sidebar{background:#172b35}.side-nav{scrollbar-width:thin}.side-nav .side-link.active{background:#155c55}.stat-card{min-height:91px}.stat-card strong{font-size:23px}.welcome{background:linear-gradient(130deg,#e7f6ef,#eff4ff 72%,#fff4e9)}}.login-brand{isolation:isolate;background:#183b3c;position:relative;overflow:hidden}.login-photo,.login-photo-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.login-photo{z-index:0;object-fit:cover;object-position:center;animation:1.1s ease-out both photo-arrive}.login-photo-overlay{z-index:1;background:linear-gradient(90deg,#0e2c30d4 0%,#1237389e 48%,#13333959 100%),linear-gradient(#0000 42%,#11272a7a)}.login-brand .brand,.login-visual{z-index:2;position:relative}.login-visual{animation:.72s cubic-bezier(.2,.7,.2,1) .12s both rise-in}.login-form{animation:.55s cubic-bezier(.2,.7,.2,1) 80ms both rise-in}.app-frame{animation:.38s ease-out both fade-in}.side-nav .side-link{transition:background-color .18s,color .18s,transform .18s}.side-nav .side-link:hover{transform:translate(3px)}.stat-card,.school-row,.quick-links button{transition:transform .2s,box-shadow .2s,border-color .2s}.stat-card{animation:.48s cubic-bezier(.2,.7,.2,1) both rise-in}.stat-card:nth-child(2){animation-delay:60ms}.stat-card:nth-child(3){animation-delay:.12s}.stat-card:nth-child(4){animation-delay:.18s}.stat-card:hover,.school-row:hover,.quick-links button:hover{transform:translateY(-3px);box-shadow:0 9px 22px #253c4812}.stat-icon svg{transition:transform .25s}.stat-card:hover .stat-icon svg{transform:scale(1.12)rotate(-5deg)}.welcome>svg{animation:4s ease-in-out infinite icon-drift}.button-primary,.button-secondary,.icon-button{transition:transform .16s,background-color .16s,box-shadow .16s}.button-primary:hover,.button-secondary:hover{transform:translateY(-1px);box-shadow:0 5px 12px #193a2b18}.button-primary:active,.button-secondary:active{transform:translateY(0)scale(.98)}.section-block{animation:.42s ease-out both fade-in}.notice{animation:.25s ease-out both rise-in}.modal-backdrop{animation:.16s ease-out both fade-in}.modal{animation:.22s ease-out both rise-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes icon-drift{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(3deg)}}@keyframes photo-arrive{0%{opacity:.4;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}@media (width<=720px){.login-brand{min-height:300px}.login-visual{padding:25px 0 15px}.login-visual h1{font-size:26px}.login-visual p{max-width:320px;margin:8px 0 0;font-size:12px;display:block}.login-brand .brand{margin-bottom:5px}.login-photo-overlay{background:linear-gradient(90deg,#0e2c30c7,#1237387a),linear-gradient(#0000 30%,#11272a59)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:is(.side-label,.eyebrow,.login-visual>span){letter-spacing:0}.login-visual h1{font-size:36px}@media (width<=720px){.login-visual h1{font-size:26px}}