@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#172925;background:#f5f7f5;font-synthesis:none;--ink:#172925;--green:#18554d;--green2:#237267;--cream:#f7f3e9;--line:#dfe6e2;--muted:#697873;--gold:#d99a3d}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}a{text-decoration:none;color:inherit}.brand{display:flex;align-items:center;gap:10px;font:700 20px Manrope}.brand-mark{display:block;width:auto;height:clamp(45px,8vh,60px);max-width:100%;border-radius:0;background:transparent;object-fit:contain}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-story{padding:52px 9vw 48px;background:linear-gradient(145deg,#0f3934,#1d6257);color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #ffffff22;border-radius:50%;right:-180px;bottom:-220px;box-shadow:0 0 0 80px #ffffff08,0 0 0 160px #ffffff06}.auth-story .brand-mark{background:#fff;color:var(--green)}.auth-story h1{font-size:clamp(38px,5vw,68px);line-height:1.08;max-width:650px;letter-spacing:-2px}.auth-story p{font-size:18px;color:#d3e2de;max-width:520px;line-height:1.7}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;color:#a87429;font-size:11px;font-weight:700}.quote{font-size:13px;color:#c7dad5}.auth-panel{display:grid;place-items:center;padding:40px;background:#fbfcfb}.login-card{width:min(430px,100%)}.login-card h2{font-size:32px;margin:10px 0 8px}.login-card>p{color:var(--muted);margin-bottom:32px}.login-card label,.stack label,.form-grid label,.branding-grid label{font-size:13px;font-weight:600;display:flex;flex-direction:column;gap:8px;margin-bottom:19px}input,select,textarea{border:1px solid #d5ded9;border-radius:9px;padding:11px 13px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#4a877e;box-shadow:0 0 0 3px #2e756716}.primary,.secondary{border:0;border-radius:8px;padding:11px 16px;font-weight:600}.primary{background:var(--green);color:#fff;box-shadow:0 2px 4px #154b4322}.primary:hover{background:#10473f}.primary:disabled{opacity:.5}.secondary{background:#fff;border:1px solid #d6dfdb;color:#31433e}.full{width:100%;margin-top:4px}.auth-links{display:flex;justify-content:space-between;margin-top:24px;font-size:12px;color:var(--muted)}.auth-links a{color:var(--green);font-weight:700}.mobile{display:none}.alert{padding:11px 13px;background:#fff1ee;color:#a74435;border:1px solid #f1d0ca;border-radius:8px;margin-bottom:18px;font-size:13px}.loading{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#123d38;color:#c7dad5;padding:24px 16px;display:flex;flex-direction:column;z-index:30}.sidebar>.brand{padding:0 10px 24px;color:#fff}.sidebar .brand-mark{background:#f5f0df;color:#174d46}.school-switch{background:#1b4c46;border:1px solid #35625d;padding:11px;border-radius:10px;display:flex;gap:10px;align-items:center;margin-bottom:20px}.school-avatar,.student-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e2c789;color:#254b45;font-size:11px;font-weight:700}.school-switch div{min-width:0}.school-switch strong,.school-switch small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.school-switch strong{font-size:12px;color:#fff}.school-switch small{font-size:10px;margin-top:3px;color:#9cb9b3}.sidebar nav{display:flex;flex-direction:column;gap:2px;overflow:auto;padding-right:3px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:7px;color:#b9cec9;font-size:13px}.sidebar nav a:hover,.sidebar nav a.active{background:#f7f3e9;color:#173f39;font-weight:600}.nav-dot{width:7px;height:7px;border:1px solid currentColor;border-radius:2px}.sidebar-foot{margin-top:auto;padding:14px 10px 0;border-top:1px solid #ffffff18}.sidebar-foot button{border:0;background:none;color:#e2eee9;padding:5px 0}.sidebar-foot small{display:block;color:#72958e;margin-top:14px;font-size:9px}.workspace{margin-left:246px;min-height:100vh}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:10}.topbar>div:first-of-type{font-size:12px}.crumb{color:#91a09c}.top-actions{display:flex;gap:8px;align-items:center}.icon-button{border:0;background:#f2f5f3;width:34px;height:34px;border-radius:50%;color:#556661}.profile{border:0;background:none;display:flex;align-items:center;gap:9px;text-align:left;margin-left:5px}.profile>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#dceae6;color:#175047;font-size:11px;font-weight:700}.profile strong,.profile small{display:block;font-size:11px}.profile small{font-size:9px;color:var(--muted);margin-top:2px}.menu-button{display:none}.content{padding:34px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px}.page-head h1{font-size:27px;margin:6px 0;letter-spacing:-.5px}.page-head p{color:var(--muted);font-size:13px;margin:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;position:relative}.kpi small,.kpi strong,.kpi p{display:block}.kpi small{color:var(--muted);font-size:11px}.kpi strong{font:700 25px Manrope;margin:10px 0 5px}.kpi p{font-size:10px;color:#64756f;margin:0}.kpi-icon{position:absolute;right:15px;top:15px;width:28px;height:28px;border-radius:7px;background:#e4f0ed;color:#1b655b;display:grid;place-items:center}.kpi-icon.c1{background:#e8efe1;color:#5e784f}.kpi-icon.c2{background:#faefdd;color:#ae7420}.kpi-icon.c3{background:#eee8f4;color:#76578d}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-title h3{font-size:14px;margin:0}.panel-title p{font-size:10px;color:var(--muted);margin:4px 0 0}.chart{height:220px;border-bottom:1px solid var(--line);display:flex;align-items:flex-end;gap:4%;padding:20px 3% 0;background:repeating-linear-gradient(to bottom,#fff,#fff 54px,#edf1ef 55px)}.chart span{flex:1;background:#c3ddd7;border-radius:4px 4px 0 0}.chart span:nth-child(4n+2){background:#286d62}.chart-labels{display:flex;justify-content:space-around;font-size:9px;color:var(--muted);padding-top:10px}.agenda>div{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid #edf1ef}.agenda time{font-size:10px;color:#71817d;padding-top:2px}.agenda strong,.agenda small{display:block;font-size:12px}.agenda small{color:var(--muted);margin-top:4px;font-size:10px}.table-panel{padding:0;overflow:hidden}.table-tools{padding:15px 18px;display:flex;gap:9px;align-items:center;border-bottom:1px solid var(--line)}.search{border:1px solid #d6dfdb;border-radius:8px;padding:0 10px;display:flex;align-items:center;flex:1;max-width:320px;color:#86948f}.search input{border:0;box-shadow:none;width:100%;padding:9px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-transform:uppercase;letter-spacing:.6px;color:#798782;font-size:9px;text-align:left;background:#f8faf9}th,td{padding:13px 18px;border-bottom:1px solid #e9eeeb;white-space:nowrap}tbody tr:hover{background:#fbfcfb}.badge{background:#e6f2ec;color:#28705f;padding:4px 8px;border-radius:20px;font-size:9px}.more{border:0;background:none}.empty{display:flex;flex-direction:column;align-items:center;padding:42px;color:var(--muted);gap:5px}.empty>span{font-size:20px}.empty strong{color:var(--ink)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11231f99;z-index:50;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:14px;width:min(620px,100%);max-height:90vh;overflow:auto;padding:22px}.modal header{display:flex;justify-content:space-between;margin-bottom:20px}.modal header h2{font-size:19px}.modal header button{border:0;background:none;font-size:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.modal-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.filter-row{display:flex;gap:16px;align-items:end;padding-bottom:20px;border-bottom:1px solid var(--line)}.filter-row label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:var(--muted)}.attendance-summary{margin-left:auto}.attendance-summary strong,.attendance-summary small{display:block}.attendance-summary small{font-size:10px;color:var(--muted)}.roll-call>div{display:grid;grid-template-columns:38px 1fr 1fr auto;align-items:center;padding:13px 5px;border-bottom:1px solid #edf1ef}.roll-call strong{font-size:12px}.roll-call small{color:var(--muted)}.segmented{display:flex;background:#f1f4f2;border-radius:8px;padding:3px}.segmented button{border:0;background:none;padding:6px 10px;border-radius:6px;font-size:9px;text-transform:capitalize}.segmented button.active{background:#fff;box-shadow:0 1px 3px #142d2520}.segmented button.present.active{color:#24725c}.segmented button.absent.active{color:#b4493c}.score{width:65px;padding:7px}.grade{font-weight:700;color:#1d685c}.compact{grid-template-columns:repeat(3,1fr)}.compact+.table-panel{margin-top:18px}.notice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.notice{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.notice-pin{font-size:9px;background:#e3f0ed;color:#1f675d;padding:5px 8px;border-radius:15px}.notice-pin.n1{background:#f8ebd7;color:#9e6515}.notice-pin.n2{background:#ece6f2;color:#705087}.notice h3{font-size:15px;margin-top:20px}.notice p{font-size:12px;color:var(--muted);line-height:1.6;min-height:58px}.notice footer{border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.editor-tools{border:1px solid #d5ded9;border-bottom:0;border-radius:8px 8px 0 0;padding:4px}.editor-tools button{border:0;background:none;padding:5px 9px}.editor-tools+textarea{border-radius:0 0 8px 8px}.branding-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:18px}.logo-upload{display:flex;align-items:center;border:1px dashed #bdcbc6;border-radius:9px;padding:14px;gap:12px}.logo-upload>span{width:48px;height:48px;border-radius:9px;background:#dfece8;display:grid;place-items:center}.logo-upload strong,.logo-upload small{display:block}.logo-upload small{font-size:9px;color:var(--muted);margin-top:4px}.logo-upload input{max-width:170px;margin-left:auto}.color-field{display:flex;gap:8px}.color-field input[type=color]{width:46px;padding:3px}.preview-card{background:#e7ece9;border-radius:12px;padding:21px}.preview-card>span{font-size:10px;text-transform:uppercase;color:var(--muted)}.preview-window{background:#fff;margin-top:16px;border-radius:9px;overflow:hidden;box-shadow:0 15px 35px #183c3220}.preview-window header{height:55px;color:#fff;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.preview-window header button{border:0;border-radius:5px;padding:6px 10px;color:#fff}.preview-window main{padding:28px}.preview-hero{border-left:4px solid;padding:22px}.preview-hero h2{margin:8px 0 20px}.preview-hero span{color:#fff;border-radius:5px;padding:8px 12px;font-size:9px}.import-panel{max-width:900px;margin:auto}.import-tabs{border-bottom:1px solid var(--line)}.import-tabs button{border:0;background:none;padding:12px 18px;color:var(--muted)}.import-tabs button.active{color:var(--green);border-bottom:2px solid var(--green)}.upload-zone{border:1px dashed #b8cac4;border-radius:10px;margin:25px;padding:32px;text-align:center}.upload-zone>span{font-size:25px;color:var(--green)}.upload-zone h3{font-size:15px;margin:10px 0 5px}.upload-zone p{font-size:11px;color:var(--muted)}.upload-zone label{display:inline-block}.upload-zone input{display:none}.upload-zone>strong{display:block;margin-top:14px;font-size:11px}.import-help{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 25px}.import-help>div{display:flex;gap:9px;font-size:11px}.import-help>div>strong{background:#e6efec;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;color:var(--green)}.import-help b,.import-help small{display:block}.import-help small{color:var(--muted);margin:4px 0 8px}.validation{margin:25px;background:#f5f8f6;padding:14px;border-radius:8px;display:flex;gap:12px;align-items:center}.validation span{color:var(--muted);font-size:10px;flex:1}.timetable-grid{display:grid;grid-template-columns:70px repeat(5,minmax(120px,1fr));overflow:auto}.timetable-grid>strong,.timetable-grid>time,.timetable-grid>div{padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px}.timetable-grid>strong{background:#f6f8f7}.timetable-grid>div b,.timetable-grid>div small{display:block}.timetable-grid>div small{color:var(--muted);margin-top:5px}.timetable-grid .break{background:#f8f2e5;color:#9b6b24}.timetable{padding:0}.onboarding{min-height:100vh;background:#f5f7f4}.onboarding>header{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.onboarding>header button{border:0;background:none;color:var(--green);font-weight:600}.onboard-wrap{max-width:850px;margin:38px auto;padding:0 20px}.progress{display:flex;align-items:center;justify-content:center;margin-bottom:25px}.progress span{width:28px;height:28px;border-radius:50%;border:1px solid #cad5d0;color:#80908b;display:grid;place-items:center;font-size:10px;background:#fff}.progress span.done{background:var(--green);border-color:var(--green);color:#fff}.progress i{height:1px;background:#cad5d0;width:65px}.progress i.done{background:var(--green)}.onboard-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:40px 50px;box-shadow:0 10px 35px #26463d0b}.onboard-card>h1{font-size:28px;margin:8px 0}.onboard-card>p{font-size:13px;color:var(--muted);margin-bottom:30px}.onboard-card footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.span-2{grid-column:1/-1}.tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tier-grid button{text-align:left;border:1px solid var(--line);border-radius:11px;background:#fff;padding:16px;min-height:175px}.tier-grid button.selected{border:2px solid var(--green);background:#f5faf8;padding:15px}.tier-grid button>span{font-size:9px;color:#a06e24;text-transform:uppercase}.tier-grid button h3{margin:10px 0 5px}.tier-grid button p,.tier-grid button small{font-size:10px;color:var(--muted);line-height:1.5}.tier-grid button small{display:block;border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.subdomain{display:block;max-width:600px;margin:35px auto;font-size:12px;font-weight:600}.subdomain>div{display:flex;margin-top:8px}.subdomain input{border-radius:9px 0 0 9px;flex:1}.subdomain>div span{border:1px solid #d5ded9;border-left:0;padding:11px;background:#f3f5f4;color:var(--muted);border-radius:0 9px 9px 0}.subdomain small{display:block;margin-top:9px}.subdomain small.available{color:#238260}.subdomain small.taken{color:#b1453a}.review{border:1px solid var(--line);border-radius:10px}.review>div{padding:17px;display:grid;grid-template-columns:120px 1fr 1fr;border-bottom:1px solid var(--line)}.review>div:last-child{border:0}.review small{color:var(--muted)}.success{text-align:center;padding:70px}.success>span{display:grid;place-items:center;margin:auto;width:56px;height:56px;border-radius:50%;background:#e1efe9;color:var(--green);font-size:25px}.success h1{margin-top:20px}@media (max-width:1050px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.notice-grid,.tier-grid{grid-template-columns:1fr 1fr}.branding-grid{grid-template-columns:1fr}.sidebar{transform:translate(-100%);transition:.2s}.sidebar.open{transform:none}.workspace{margin-left:0}.menu-button{display:block;border:0;background:none;font-size:18px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0005;z-index:20}}@media (max-width:700px){.auth-page{display:block}.auth-story{display:none}.auth-panel{min-height:100vh;padding:25px}.mobile{display:flex;margin-bottom:60px}.content{padding:23px 16px}.topbar{padding:0 14px}.topbar .crumb,.icon-button,.profile div{display:none}.page-head{align-items:flex-start;gap:15px}.page-head h1{font-size:23px}.dashboard-grid,.notice-grid,.compact{grid-template-columns:1fr}.kpi-grid{gap:9px}.kpi{padding:14px}.kpi strong{font-size:20px}.panel{padding:15px}.roll-call>div{grid-template-columns:36px 1fr}.roll-call>div>small{display:none}.segmented{grid-column:1/-1;margin-top:8px;justify-content:stretch}.segmented button{flex:1}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.modal-actions{grid-column:1}.onboard-card{padding:26px 22px}.tier-grid{grid-template-columns:1fr}.progress i{width:30px}.review>div{grid-template-columns:1fr;gap:5px}.import-help{grid-template-columns:1fr}.filter-row{flex-wrap:wrap}.attendance-summary{margin-left:0}.page-head .primary{white-space:nowrap;font-size:11px}}.rich-editor{position:relative;border:1px solid #d5ded9;border-radius:9px;background:#fff;overflow:hidden}.editor-toolbar{display:flex;gap:4px;padding:8px;border-bottom:1px solid #e7edea;background:#fbfcfb}.editor-toolbar button{border:0;background:#fff;width:30px;height:28px;border-radius:6px;font-weight:700;color:#3d4f4a}.editor-toolbar button:hover{background:#f2f5f3}.editor-content{padding:12px;min-height:160px;outline:none;line-height:1.6}.editor-placeholder{position:absolute;left:12px;right:12px;top:44px;color:#9aa8a3;pointer-events:none}.role-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.role-chips button{border:1px solid #d5ded9;background:#fff;border-radius:20px;padding:6px 14px;font-size:12px;color:#3d4f4a}.role-chips button.selected{background:#123d38;color:#fff;border-color:#123d38}.calendar-tabs{display:flex;gap:10px;margin-bottom:16px}.calendar-tabs button{border:1px solid #d5ded9;background:#fff;border-radius:9px;padding:8px 18px;font-weight:600;color:#3d4f4a}.calendar-tabs button.active{background:#123d38;color:#fff;border-color:#123d38}.fee-progress{display:flex;gap:10px;margin-bottom:20px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px}.fee-progress button{flex:1;border:0;background:transparent;border-radius:7px;padding:10px;font-weight:600;color:#697873}.fee-progress button.active{background:#e8f0ec;color:#123d38}.import-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.validation-errors{background:#fff4f4;border:1px solid #e5b0b0;border-radius:9px;padding:14px;margin-top:14px}.validation-errors ul{margin:8px 0 0 18px;padding:0;font-size:13px;color:#7a2e2e}.validation.success{background:#f0fff5;border-color:#b0e5c0}.success{color:#1f6b3f;background:#e8f5ed;border:1px solid #b8e0c8}.checklist-panel{margin-top:24px}.checklist{list-style:none;padding:0;margin:0}.checklist li{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);color:#4a5b56}.checklist li:last-child{border-bottom:0}.checklist li.done{color:#123d38}.checklist li span:first-child{width:22px;height:22px;border-radius:50%;border:1px solid #cad5d0;display:grid;place-items:center;font-size:11px}.checklist li.done span:first-child{background:#123d38;border-color:#123d38;color:#fff}.progress-bar{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.progress-bar div{width:160px;height:8px;background:#e7edea;border-radius:4px;overflow:hidden}.progress-bar i{display:block;height:100%;background:#18554d;transition:width .3s}label.checkbox{flex-direction:row;align-items:center;gap:10px}label.checkbox input{width:auto}.mt{margin-top:18px}.table-wrap td .empty{padding:30px 0}.logo-preview{width:34px;height:34px;object-fit:contain;border-radius:8px}.actions{display:flex;gap:8px;justify-content:flex-end}button.small{padding:6px 12px;font-size:12px;border-radius:6px}