@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#21342f;--green:#236b52;--dark:#173c31;--line:#e2e8e1;--muted:#78837d;--paper:#fff;--cream:#f0f3e9;background:#f5f7f4;font-family:Segoe UI,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{color:#31493d;cursor:pointer;background:#fff;border:1px solid #dce3db;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-weight:600;line-height:1.4;display:inline-flex}button:hover,.button:hover{background:#edf3e9;border-color:#b8c7b7}button:disabled{opacity:.55;cursor:wait}button.primary,.primary{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 3px 8px #173c310a}button.primary:hover,.primary:hover{background:#1a5641}.full{justify-content:space-between;width:100%}.icon-button{background:0 0;border:0;padding:7px}.text-button{color:var(--green);background:0 0;border:0;padding:5px;font-size:12px}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.money small{color:var(--muted);font-size:10px;font-weight:500}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.2px;margin-bottom:8px;font-size:32px;font-weight:800}h2{margin-bottom:0;font-size:17px;font-weight:800}h3{font-size:15px}p{line-height:1.65}.muted{color:var(--muted)}.small,small{font-size:11px}.eyebrow{letter-spacing:1.6px;text-transform:uppercase;color:#7b897d;font-size:10px;font-weight:700}.brand{letter-spacing:-1.5px;white-space:nowrap;align-items:center;gap:9px;font-size:27px;font-weight:800;display:flex}.brand-mark{color:#224335;background:#d9eaa8;border-radius:10px 10px 10px 2px;place-items:center;width:35px;height:37px;font-size:31px;font-weight:800;line-height:1;display:grid}.brand-dot{color:#b8d777;margin-left:-7px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--dark);color:#f1f5e9;z-index:20;flex-direction:column;width:240px;padding:28px 20px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar .brand{margin:0 6px 30px}.organization-box{border:1px solid #ffffff20;border-radius:10px;align-items:center;gap:11px;min-width:0;margin-bottom:29px;padding:15px 12px;display:flex}.organization-box small{color:#9eb7a8;margin-bottom:5px;font-size:9px;display:block}.organization-box b{font-size:11px;line-height:1.6;display:block}.nav-label{text-transform:uppercase;letter-spacing:1.4px;color:#91ad9c;margin:0 12px 10px;font-size:9px}.sidebar nav{flex-direction:column;gap:3px;display:flex}.sidebar nav button{text-align:left;color:#a9c0b3;background:0 0;border:0;border-radius:8px;justify-content:flex-start;gap:12px;padding:11px 13px;font-size:12px;font-weight:500}.sidebar nav button svg:last-child:not(:first-child){margin-left:auto}.sidebar nav button:hover{color:#fff;background:#ffffff0d}.sidebar nav button.selected{color:#214934;background:#e7efcf;font-weight:800}.sidebar-bottom{border-top:1px solid #ffffff1a;align-items:center;gap:10px;margin-top:auto;padding-top:20px;font-size:11px;display:flex}.sidebar-bottom small{color:#9eb7a8;margin-top:4px;font-size:9px;display:block}.sidebar-bottom .icon-button{color:#a9c0b3;margin-left:auto}.avatar{color:#315544;background:#dfeacf;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:inline-grid}.app-body{width:calc(100% - 240px);min-width:0;margin-left:240px}.topbar{border-bottom:1px solid var(--line);background:#ffffffb3;justify-content:space-between;align-items:center;height:72px;padding:0 36px;display:flex}.breadcrumbs{color:#809086;align-items:center;gap:12px;font-size:11px;display:flex}.breadcrumbs span{color:#31483a}.topbar-right{align-items:center;gap:10px;display:flex}.online-dot{background:#6aa47b;border-radius:50%;width:6px;height:6px}.lang-switch{border:1px solid #dce3db;border-radius:7px;margin-left:15px;padding:2px;display:flex;overflow:hidden}.lang-switch button{color:#7b877d;background:0 0;border:0;border-radius:4px;padding:5px 9px;font-size:10px}.lang-switch button.active{color:#36553d;background:#e5ecd9}.workspace-main{max-width:1660px;margin:auto;padding:33px 36px 20px}.page-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.page-heading h1{margin-top:7px}.page-heading p{color:var(--muted);margin:0;font-size:12px}.context-bar{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:18px;margin-bottom:27px;padding:15px 18px;display:flex}.context-bar label{color:var(--muted);flex-direction:row;align-items:center;gap:10px;min-width:110px;margin:0;font-size:9px}.context-bar select,.context-bar input{background:#f5f7f3;border:0;min-height:32px;padding:8px 10px;font-size:11px}.context-note{color:#8d998c;margin-left:auto;font-size:10px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px;display:grid}.metric{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;gap:14px;padding:22px;display:flex;box-shadow:0 2px 4px #23422903}.metric>span{color:#6c7b70;justify-content:space-between;align-items:center;width:100%;font-size:11px;font-weight:600;display:flex}.metric strong{letter-spacing:-1px;font-size:clamp(19px,2vw,28px);font-weight:800}.metric small{color:#8a958b;font-size:9px}.metric-0{background:#e9efd9;border-color:#dbe5c7}.metric-0 strong{color:#284f36}.metric-3 strong{color:#a77643}.dashboard-grid{grid-template-columns:1.9fr 1fr;gap:22px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:22px;overflow:hidden;box-shadow:0 2px 4px #23422903}.panel-heading{border-bottom:1px solid #eef1ec;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.panel-heading h2{font-size:15px}.panel-note{color:#82907f;margin:0;padding:18px 24px;font-size:10px;line-height:1.8}.result-panel{background:#f0f2e9;padding:26px}.result-panel .eyebrow{letter-spacing:.7px;font-size:9px;line-height:1.8;display:block}.result-panel>strong{letter-spacing:-1px;margin:16px 0;font-size:30px;display:block}.result-panel>strong small{letter-spacing:0;color:#82907f;font-size:10px}.result-divider{background:#d9e1d3;height:1px;margin-bottom:19px}.key-value{color:#748270;justify-content:space-between;align-items:center;padding:8px 0;font-size:11px;display:flex}.key-value b{color:#3f5945;font-weight:700}.table-wrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;text-align:left;width:100%;font-size:11px}th{color:#8b9588;text-transform:uppercase;letter-spacing:.4px;background:#f9faf7;padding:12px 24px;font-size:9px;font-weight:600}td{color:#536450;border-top:1px solid #eef1eb;padding:17px 24px}tbody tr:hover{background:#fbfcf9}td:first-child{color:#32472e;font-weight:600}.badge{color:#6d805d;white-space:nowrap;background:#eef3e4;border-radius:5px;padding:5px 9px;font-size:9px;display:inline-block}.account-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;padding:22px;display:grid}.account-card{border-right:1px solid #ecf0e8;padding:4px 16px}.account-card:last-child{border:0}.account-card>span{color:#76906d}.account-card p{color:#7d8b76;margin:12px 0 8px;font-size:11px}.account-card b{letter-spacing:-.4px;font-size:17px}.account-card small{color:#899382;font-size:9px}.workspace-footer{color:#98a293;align-items:center;gap:10px;padding:12px 0;font-size:9px;display:flex}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.action-bar{margin:0 0 22px}.row-actions{gap:6px;display:flex}.row-actions button{padding:6px 8px;font-size:9px}.search{color:#8b9984;align-items:center;gap:9px;min-width:220px;display:flex}.search input{border:0;outline:0;padding:5px;font-size:12px}.person{text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-size:11px;display:flex}.person small{color:#8a9783;margin-top:4px;display:block}.child-avatar{color:#9d8963;background:#f0eada;width:32px;height:32px;font-size:10px}.debt{color:#a37a45}.empty{color:#94a18b;flex-direction:column;justify-content:center;align-items:center;padding:50px 20px;font-size:12px;display:flex}.empty span{font-size:40px;font-weight:400}.empty p{margin:10px 0 0}.loading{color:#89997f;justify-content:center;align-items:center;gap:12px;padding:90px 10px;display:flex}.spinner{border:2px solid #dce7d3;border-top-color:#3e7956;border-radius:50%;width:22px;height:22px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error,.success{border-radius:8px;margin-bottom:18px;padding:13px 17px;font-size:12px;line-height:1.6}.error{color:#975b3d;background:#fff0e9;border:1px solid #f0d2c2}.error button{margin-left:15px;font-size:10px}.success{color:#567343;background:#edf5e7;border:1px solid #d6e6c9}.modal{width:min(640px,100vw - 30px);max-height:90vh;color:var(--dark);border:1px solid #d7e1d1;border-radius:16px;padding:0;box-shadow:0 25px 100px #0c241b3a}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17352b70}.modal.wide,.payment-modal{width:min(820px,100vw - 30px)}.modal-head{border-bottom:1px solid var(--line);z-index:2;background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:22px 25px;display:flex;position:sticky;top:0}.modal-body{padding:25px}.modal-foot{border-top:1px solid var(--line);background:#f7f9f3;justify-content:flex-end;gap:12px;padding:18px 25px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}label{color:#5d7352;flex-direction:column;gap:8px;font-size:11px;font-weight:600;display:flex}input,select,textarea{color:#2b4521;background:#fff;border:1px solid #dce4d6;border-radius:7px;outline-color:#659354;width:100%;min-width:0;padding:11px 12px;font-size:12px}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #739367}textarea{resize:vertical;min-height:85px}.checkbox{flex-direction:row;align-items:center;gap:9px;line-height:1.5;display:flex}.checkbox input{accent-color:#35734d;flex-shrink:0;width:16px;height:16px}.span-all{grid-column:1/-1}.payment-total{background:#eef3e5;border-radius:9px;justify-content:space-between;align-items:center;margin-top:20px;padding:17px;font-size:12px;display:flex}.allocation-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:14px 0;font-size:12px;display:flex}.allocation-row small{color:#809171;margin-top:6px;display:block}.allocation-row label{max-width:160px}.receipt>.money{margin:25px 0;font-size:30px;display:block}.receipt h2{margin-top:20px}.receipt p{font-size:12px}.attendance-grid{grid-template-columns:repeat(2,1fr);gap:15px;padding:20px;display:grid}.attendance-card{border:1px solid #e3eada;border-radius:10px;padding:18px}.attendance-buttons{gap:5px;margin-top:18px;display:flex}.attendance-buttons button{background:#fafbf6;flex:1;padding:9px 7px;font-size:10px}.attendance-buttons button.selected{color:#466735;background:#edf4e3;border-color:#6c9762}.attendance-buttons button.absent{color:#8d6a44;background:#f7ede2;border-color:#d7bfa2}.profile{padding:25px}.profile-header{align-items:center;gap:20px;margin-bottom:25px;display:flex}.large{width:65px;height:65px;font-size:24px}.profile h2{margin-bottom:8px;font-size:23px}.profile>.actions{margin-bottom:16px}.file-button{cursor:pointer;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.padded{padding:24px}.padded p{color:#879579;margin:12px 0 20px;font-size:12px}.import-stats{flex-wrap:wrap;gap:15px;margin:20px 0;font-size:11px;display:flex}.menu-toggle{display:none}.login-layout{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.login-brand{color:#f2f5e9;background:#1b4939;flex-direction:column;justify-content:space-between;padding:45px 60px;display:flex}.login-brand h1{letter-spacing:-2px;max-width:500px;margin:23px 0;font-size:52px;line-height:1.2}.login-brand p{color:#b5cbb8;max-width:370px;font-size:15px}.login-brand .eyebrow{color:#a6c19b}.login-brand small{color:#9bbb9c}.brand-art{align-items:center;gap:10px;max-width:340px;margin:50px 0 20px;display:flex}.brand-art span{color:#bfd9a7;background:#b9d59712;border:1px solid #85aa793d;border-radius:50%;place-items:center;width:64px;height:64px;font-size:13px;display:grid}.brand-art div{background:#85aa795e;flex:1;height:1px}.login-form{justify-content:center;align-items:center;padding:35px 45px;display:flex;position:relative}.login-form>.lang-switch{position:absolute;top:30px;right:35px}.login-form form{width:100%;max-width:340px}.login-form h2{margin:12px 0;font-size:33px}.login-form form>label{margin-top:20px}.login-form .primary{margin-top:25px}.login-form form>.small{margin-top:20px}.landing{max-width:1400px;margin:auto}.landing header{justify-content:space-between;align-items:center;padding:28px 55px;display:flex}.landing main{padding:85px 55px 50px}.landing h1{letter-spacing:-2.5px;margin:25px 0;font-size:clamp(36px,5vw,68px);line-height:1.2}.landing h1 em{color:#6d8951;font-style:normal}.landing main>p{color:#788a6e;max-width:500px;margin-bottom:30px;font-size:17px}.landing-grid{border-top:1px solid #dce4d3;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:85px;padding-top:36px;display:grid}.landing-grid article{padding-right:20px}.landing-grid b{color:#8aa06e;font-size:12px}.landing-grid h3{margin:15px 0 10px;font-size:18px}.landing-grid p{color:#8b987f;font-size:12px}.landing footer{color:#95a087;padding:30px 55px;font-size:11px}@media (min-width:1500px){.workspace-main{padding:40px 48px}.metric{padding:27px}.metric strong{font-size:31px}}@media (max-width:1150px){.sidebar{width:208px;padding:25px 14px}.app-body{width:calc(100% - 208px);margin-left:208px}.workspace-main{padding:27px 23px}.context-bar{flex-wrap:wrap;gap:10px}.context-bar label{flex-direction:column;align-items:flex-start;gap:5px}.metric{padding:17px}.metric strong{font-size:22px}.dashboard-grid{grid-template-columns:1.6fr 1fr}.topbar{padding:0 23px}td,th{padding-left:17px;padding-right:17px}.sidebar .brand{font-size:24px}.login-brand{padding:40px}.login-brand h1{font-size:43px}}@media (max-width:800px){.sidebar{width:240px;transition:transform .2s;transform:translate(-100%)}.sidebar.expanded{transform:translate(0);box-shadow:20px 0 80px #12321d40}.app-body{width:100%;margin-left:0}.menu-toggle{display:inline-flex}.topbar{gap:12px;height:62px;padding:0 18px}.breadcrumbs{margin-right:auto;font-size:10px}.workspace-main{padding:25px 18px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric strong{font-size:25px}.dashboard-grid{grid-template-columns:1fr}.page-heading h1{font-size:27px}.page-heading .primary{padding:10px;font-size:10px}.page-heading .primary svg{width:15px}.context-note{display:none}.context-bar{gap:10px;padding:13px}.context-bar label{flex:1;min-width:0}.context-bar select,.context-bar input{width:100%;max-width:100%;padding:7px;font-size:10px}.attendance-grid,.login-layout{grid-template-columns:1fr}.login-brand{display:none}.login-form{min-height:100vh;padding:30px}.landing header{padding:25px}.landing main{padding:60px 25px 25px}.landing h1{letter-spacing:-1.5px}.landing-grid{grid-template-columns:1fr;gap:25px;margin-top:50px}.landing footer{padding:30px 25px}.panel-heading{flex-wrap:wrap;padding:18px}.result-panel{padding:24px}.account-grid{grid-template-columns:1fr 1fr}.account-card:nth-child(2n){border:0}.form-grid{grid-template-columns:1fr}.modal-body{padding:20px}.modal-head{padding:18px 20px}.modal-head h2{font-size:18px}.modal-foot{padding:15px 20px}.workspace-footer{flex-wrap:wrap;font-size:8px}.profile .actions{flex-direction:column;align-items:stretch}.search{min-width:0}.row-actions{flex-wrap:wrap;max-width:220px}.allocation-row{gap:10px}.allocation-row label{max-width:110px}.topbar-right>.small,.online-dot{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media print{.sidebar,.topbar,.context-bar,.actions,.workspace-footer{display:none}.app-body{width:100%;margin:0}.modal{max-height:none;box-shadow:none;border:0;position:static}.modal-foot{display:none}}.audit-details{white-space:pre-wrap;overflow-wrap:anywhere;max-width:32rem;font-size:.8rem;overflow:auto}