/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.resize{resize:both}.italic{font-style:italic}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.developerPage .devForm:not(.passwordForm){display:none}.developerGrid{grid-template-columns:360px 1fr}.registerLink{text-align:center;border-top:1px solid #e4e9e7;margin-top:22px;padding-top:18px}.registerLink span{color:#6c7975;margin-bottom:8px;font-size:11px;display:block}.registerLink a{color:#08745b;font-size:11px;font-weight:800;text-decoration:none}.selfRegisterPage{background:linear-gradient(135deg,#e5f2ee,#f8faf9);place-items:center;min-height:100vh;padding:28px;display:grid}.selfRegisterPage>section{background:#fff;border:1px solid #dfe8e4;border-radius:20px;width:min(720px,100%);padding:32px;box-shadow:0 25px 70px #163b3020}.selfRegisterPage>section>a{color:#08745b;font-size:11px;font-weight:800;text-decoration:none}.selfRegisterPage .brandMark{margin:10px auto}.selfRegisterPage h1,.selfRegisterPage>section>p{text-align:center}.selfRegisterPage>section>p{color:#6c7975}.selfRegisterPage form h2{color:#08745b;border-top:1px solid #e4e9e7;margin-top:22px;padding-top:17px;font-size:11px}.selfRegisterPage form>div{grid-template-columns:1fr 1fr;gap:14px;display:grid}.selfRegisterPage label{margin:12px 0;font-size:10px;font-weight:800;display:block}.selfRegisterPage input{text-transform:uppercase;border:1px solid #d3ded9;border-radius:8px;width:100%;margin-top:6px;padding:12px;display:block}.selfRegisterPage input[type=password]{text-transform:none}.selfRegisterPage form>small{color:#6c7975;margin:15px 0;font-size:10px;display:block}.selfRegisterPage form>.primary{width:100%}.registerDone{text-align:center;color:#08745b;background:#eaf6f2;border-radius:12px;padding:26px}.registerDone .primary{margin-top:10px;text-decoration:none;display:inline-block}@media (max-width:650px){.selfRegisterPage{padding:14px}.selfRegisterPage>section{padding:22px}.selfRegisterPage form>div{grid-template-columns:1fr}}.trialBanner{color:#745713;background:#fff7dd;border:1px solid #ead28a;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:12px 16px;font-size:11px;display:flex}.trialBanner span{color:#806b36}.trialBanner button{color:#fff;white-space:nowrap;background:#745713;border:0;border-radius:7px;padding:8px 12px;font-size:10px;font-weight:800}.paymentGate{background:linear-gradient(135deg,#e5f2ee,#f8faf9);place-items:center;min-height:100vh;padding:20px;display:grid}.paymentGate>section{text-align:center;background:#fff;border:1px solid #dfe8e4;border-radius:20px;width:min(490px,100%);padding:32px;box-shadow:0 25px 70px #163b3020}.paymentGate .brandMark{margin:auto}.paymentGate h1{margin:16px 0 5px}.paymentGate>section>p{color:#6c7975}.payAmount{background:#eaf6f2;border-radius:12px;margin:20px 0;padding:18px}.payAmount small,.payAmount strong{display:block}.payAmount small{letter-spacing:1px;color:#64736e;font-size:9px}.payAmount strong{color:#08745b;margin-top:5px;font-size:28px}.lipaBox{color:#a82e2a;border:2px solid #e34842;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:14px;display:flex}.paymentGate form{text-align:left}.paymentGate label{margin:13px 0;font-size:10px;font-weight:800;display:block}.paymentGate input,.paymentGate select{background:#fff;border:1px solid #d3ded9;border-radius:8px;width:100%;margin-top:6px;padding:12px;display:block}.paymentGate form .primary{width:100%;margin-top:8px}.pendingPay{color:#745713;background:#fff8e4;border:1px solid #ead28a;border-radius:10px;padding:18px}.pendingPay p{font-size:11px}.payMsg{color:#08745b;font-size:11px;font-weight:700}.payLogout{color:#6c7975;background:0 0;border:0;margin-top:18px;font-size:10px;font-weight:800}.paymentReview{background:#fff;border:1px solid #dce5e1;border-radius:14px;max-width:1180px;margin:22px auto;padding:22px}.paymentReview h2{margin:0 0 15px;font-size:15px}.paymentReview>p{color:#6c7975;font-size:11px}.paymentReview article{border-top:1px solid #edf1ef;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:13px 0;display:grid}.paymentReview article span,.paymentReview article small{color:#6c7975;margin-top:4px;font-size:10px;display:block}.paymentReview button{border-radius:7px;padding:9px 12px;font-size:10px;font-weight:800}.approvePay{color:#fff;background:#08745b;border:0}.rejectPay{color:#a43d32;background:#fff4f2;border:1px solid #efc7c2}@media (max-width:700px){.trialBanner{flex-direction:column;align-items:flex-start}.paymentReview article{grid-template-columns:1fr 1fr}.paymentReview article>div{grid-column:1/-1}.lipaBox{flex-direction:column;align-items:flex-start;gap:5px}}.installApp{z-index:100;color:#fff;background:#08745b;border:0;border-radius:24px;padding:13px 18px;font-size:11px;font-weight:800;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 25px #0003}.passwordPage{background:#eef5f2;place-items:center;min-height:100vh;padding:18px;display:grid}.passwordCard{background:#fff;border-radius:18px;width:min(460px,100%);padding:30px;box-shadow:0 18px 55px #10201b20}.passwordCard>a{color:#08745b;font-size:11px;font-weight:800;text-decoration:none}.passwordIcon{background:#e2f2ed;border-radius:50%;place-items:center;width:62px;height:62px;margin:20px auto 8px;font-size:27px;display:grid}.passwordCard h1,.passwordCard>p{text-align:center}.passwordCard h1{font-size:21px}.passwordCard>p{color:#6c7975;font-size:12px}.passwordCard label{margin:15px 0;font-size:10px;font-weight:800;display:block}.passwordCard input{border:1px solid #d3ded9;border-radius:8px;width:100%;margin-top:7px;padding:12px;display:block}.passwordCard button{width:100%}.passwordMsg{color:#08745b;text-align:center;font-size:11px;font-weight:800}.developerPage{background:#eef4f2;min-height:100vh;padding:30px}.developerPage>header{justify-content:space-between;align-items:center;max-width:1180px;margin:auto;display:flex}.developerPage>header h1{margin:8px 0 4px}.developerPage>header p{color:#6b7874;margin:0}.developerPage>header button{background:#fff;border:1px solid #ced9d5;border-radius:8px;padding:10px 16px;font-weight:800}.devBadge{color:#fff;letter-spacing:1px;background:#102f27;border-radius:20px;padding:5px 10px;font-size:9px;font-weight:800;display:inline-block}.developerGrid{grid-template-columns:440px 1fr;gap:20px;max-width:1180px;margin:25px auto;display:grid}.devForm,.schoolList{background:#fff;border:1px solid #dce5e1;border-radius:14px;padding:24px}.devForm h2,.schoolList h2{margin:0 0 20px;font-size:16px}.devForm h3{color:#08745b;border-top:1px solid #e4ebe8;padding-top:18px;font-size:11px}.devForm label{margin:12px 0;font-size:10px;font-weight:800;display:block}.devForm input{text-transform:uppercase;border:1px solid #d3ded9;border-radius:8px;width:100%;margin-top:6px;padding:11px;display:block}.devForm>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.devForm>.primary{width:100%}.devMsg{color:#08745b;font-size:11px;font-weight:800}.schoolList article{border-bottom:1px solid #e7ecea;grid-template-columns:48px 1fr;gap:12px;padding:16px 0;display:grid}.schoolList article>span{background:#e0f1eb;border-radius:10px;place-items:center;width:46px;height:46px;display:grid}.schoolList strong,.schoolList small{display:block}.schoolList small{color:#75827e;margin-top:5px;font-size:10px}.schoolList p{color:#60706a;font-size:10px}@media (max-width:800px){.developerPage{padding:20px 13px}.developerGrid,.devForm>div{grid-template-columns:1fr}.developerPage>header h1{font-size:20px}}.passwordForm{margin-top:20px}.passwordForm input{text-transform:none}.enterSchool{color:#fff;background:#08745b;border:0;border-radius:7px;padding:9px 12px;font-size:10px;font-weight:800}.backDeveloper{z-index:45;color:#fff;background:#102f27;border:0;border-radius:24px;padding:13px 18px;font-weight:800;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 25px #0003}.usersPage{background:#f1f5f3;min-height:100vh;padding:30px}.usersPage>header{max-width:1100px;margin:auto}.usersPage>header a{color:#08745b;font-size:12px;font-weight:800;text-decoration:none}.usersPage>header h1{margin:22px 0 5px}.usersPage>header p{color:#6c7975}.usersGrid{grid-template-columns:360px 1fr;gap:20px;max-width:1100px;margin:24px auto;display:grid}.userForm,.userList{background:#fff;border:1px solid #dce5e1;border-radius:14px;padding:24px}.userForm h2,.userList h2{margin:0 0 20px;font-size:15px}.userForm label{margin:14px 0;font-size:11px;font-weight:800;display:block}.userForm input{text-transform:uppercase;border:1px solid #d5dedb;border-radius:8px;width:100%;margin-top:7px;padding:12px;display:block}.userForm button{color:#fff;background:#08745b;border:0;border-radius:9px;width:100%;padding:13px;font-weight:800}.userMsg{color:#08745b;font-size:11px;font-weight:700}.userList article{border-bottom:1px solid #edf1ef;grid-template-columns:42px 1fr auto auto;align-items:center;gap:10px;padding:14px 0;display:grid}.userAvatar{color:#08745b;background:#dff1eb;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.userList strong,.userList span{display:block}.userList span{color:#78837f;margin-top:4px;font-size:10px}.userList button{background:#fff;border:1px solid #d3ddda;border-radius:7px;padding:8px;font-size:10px;font-weight:800}.userList .disable{color:#a43d32}.userList .enable{color:#08745b}@media (max-width:760px){.usersPage{padding:20px 13px}.usersGrid{grid-template-columns:1fr}.userList article{grid-template-columns:40px 1fr}.userList article button{grid-row:2}.userList article button:nth-last-child(2){grid-column:1}.userList article button:last-child{grid-column:2}}.scannerPage{background:#eef5f2;place-items:center;min-height:100vh;padding:18px;display:grid}.scannerCard{text-align:center;background:#fff;border-radius:20px;width:min(520px,100%);padding:28px;box-shadow:0 18px 55px #10201b20}.scannerLogo{color:#08745b;background:#dff3eb;border-radius:50%;place-items:center;width:68px;height:68px;margin:auto;font-size:38px;font-weight:800;display:grid}.scannerCard h1{color:#12362c;font-size:22px}.scannerCard>p,.scannerCard>small{color:#64736e}.scanButton{color:#fff;background:#08745b;border:0;border-radius:10px;width:100%;margin:18px 0;padding:15px;font-weight:800}.scannerVideo{aspect-ratio:1;object-fit:cover;background:#111;border-radius:12px;width:100%;display:none}.scannerVideo.show{display:block}.scanResult{text-align:left;border-radius:12px;margin:12px 0;padding:18px}.scanResult h2{text-align:center}.scanResult.valid{color:#08664f;background:#e8f7f0}.scanResult.invalid{color:#a7352b;background:#fff0ee}.scanResult dl div{border-bottom:1px solid #0001;grid-template-columns:1fr 1.5fr;gap:10px;padding:8px 0;display:grid}.scanResult dt{font-size:10px}.scanResult dd{margin:0;font-weight:700}.settings>p{color:#6c7975;font-size:12px}.settingsGrid{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.settingsGrid .wide{grid-column:1/-1}.receiptBrand h4{letter-spacing:2px;color:#08745b;margin:14px 0 0;font-size:11px}.receiptBrand>small{color:#6c7975;margin-top:4px;font-size:10px;display:block}.userSettings{margin-top:18px}.userSettings p{color:#6c7975;margin-bottom:20px;font-size:12px}.userSettings a{text-decoration:none;display:inline-block}.categoryTop{justify-content:space-between;align-items:center;display:flex}.dangerButton{color:#a43d32;background:#fff4f2;border:1px solid #efc7c2;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:700}.dangerButton:hover{color:#fff;background:#a43d32}.categoryForm{grid-template-columns:1fr minmax(220px,360px) auto;align-items:center;gap:16px;margin-bottom:18px;display:grid}.categoryForm h3,.categoryForm p{margin:0}.categoryForm p{color:#6c7975;margin-top:5px;font-size:12px}.categoryForm>input{border:1px solid #d5dedb;border-radius:8px;outline:none;padding:12px}.categoryForm .formError{grid-column:1/-1;margin:0}.nonCash{border:1px solid #d5dedb;border-radius:9px;padding:12px}.nonCash legend{padding:0 6px;font-size:12px;font-weight:800}.nonCashRow{grid-template-columns:1fr 90px auto;gap:8px;margin-bottom:8px;display:grid}.nonCashRow input{margin:0!important}.nonCashRow button,.addItem{color:#08745b;background:#fff;border:1px solid #d5dedb;border-radius:7px;padding:8px;font-weight:700}.addItem{margin-top:4px}.receiptItems{background:#f5faf8;border:1px solid #dfe8e4;border-radius:8px;gap:4px;margin:10px 0;padding:10px;display:grid}.receiptItems strong{color:#08745b;text-transform:uppercase;font-size:11px}.receiptItems span{font-size:12px}.receiptItems>b{display:none}.perPage6 .miniReceipt{padding:11px}.perPage6 .miniBrand{grid-template-columns:32px 1fr;gap:7px;padding-bottom:7px}.perPage6 .miniBrand .brandMark{width:30px;height:30px;font-size:16px}.perPage6 .miniBrand>b{text-align:center;grid-column:1/-1}.perPage6 .miniReceipt dl{margin:6px 0}.perPage6 .miniReceipt dl div{padding:3px 0;font-size:9px}.perPage6 .receiptItems{gap:2px;margin:5px 0;padding:6px}.perPage6 .receiptItems span,.perPage6 .receiptItems b{font-size:8px}.perPage6 .miniTotal{padding:7px}.perPage6 .miniTotal strong{font-size:14px}.perPage6 .miniReceipt>p{margin-top:4px;font-size:8px}.receiptQr,.miniQr{flex-direction:column;align-items:center;display:flex}.receiptQr{margin:-10px 0 10px}.receiptQr img{width:112px;height:112px}.receiptQr small,.miniQr small{color:#08745b;font-size:8px;font-weight:700}.miniQr{position:absolute;bottom:9px;right:10px}.miniQr img{width:58px;height:58px}.miniReceipt{position:relative}.perPage6 .miniQr img{width:42px;height:42px}.perPage6 .miniQr{bottom:5px;right:6px}.perPage6 .miniQr small{font-size:6px}.verifyPage{background:#eef5f2;place-items:center;min-height:100vh;padding:20px;display:grid}.verifyCard{text-align:center;background:#fff;border-radius:18px;width:min(520px,100%);padding:34px;box-shadow:0 20px 60px #10201b20}.verifyCard>span{border-radius:50%;place-items:center;width:72px;height:72px;margin:auto;font-size:42px;font-weight:700;display:grid}.verifyCard.valid>span{color:#08745b;background:#dff3eb}.verifyCard.invalid>span{color:#b43d32;background:#fff0ee}.verifyCard h1{margin:16px 0 8px;font-size:24px}.verifyCard.valid h1{color:#08745b}.verifyCard.invalid h1{color:#b43d32}.verifyCard .schoolName{font-weight:700}.verifyCard dl{text-align:left;margin:22px 0}.verifyCard dl div{border-bottom:1px solid #e5ebe8;grid-template-columns:1fr 1fr;padding:11px 0;display:grid}.verifyCard dt{color:#6c7975}.verifyCard dd{margin:0;font-weight:700}.verifyItems{background:#f2f8f6;border-radius:9px;margin-bottom:18px;padding:13px}.verifyItems p{margin:6px}.verifyCard>small{color:#6c7975}body{font-synthesis:none;font-weight:400}strong,b,.formGrid label,.modalActions>button,.tag,.receipt dd,.miniReceipt dd{font-weight:700}nav button,.asideBottom button{font-weight:400}.nonCashSummary{margin-top:20px}.nonCashTotals{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:18px;display:grid}.nonCashTotals article{background:#f8fbfa;border:1px solid #e1e8e5;border-radius:10px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:14px;display:grid}.nonCashTotals article>span{color:#08745b;background:#e2f1ec;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.nonCashTotals small{color:#7b8884;font-size:9px;display:block}.nonCashTotals strong{margin-top:3px;font-size:13px;display:block}.nonCashTotals b{color:#08745b;font-size:21px}.reportPrinter{grid-template-columns:1fr minmax(180px,280px) auto;align-items:center;gap:16px;margin-bottom:18px;display:grid}.reportPrinter h3,.reportPrinter p{margin:0}.reportPrinter p{color:#6c7975;margin-top:5px;font-size:12px}.reportPrinter select{background:#fff;border:1px solid #d5dedb;border-radius:8px;padding:11px}.printReport{background:#fff;border-radius:14px;width:min(1050px,100%);max-height:calc(100dvh - 40px);padding:34px;position:relative;overflow:auto}.printReport>.close{position:absolute;top:18px;right:18px}.printReport header{text-align:center;border-bottom:2px solid #08745b;margin-bottom:18px;padding-bottom:16px}.printReport header h2,.printReport header p,.printReport header h3{margin:4px}.printReport header p,.printReport header small{color:#6c7975}.printReport table{font-size:11px}.printReport td{white-space:normal;vertical-align:top}.reportTotal{color:#08745b;background:#edf6f3;border-radius:8px;justify-content:flex-end;gap:30px;margin-top:18px;padding:14px;display:flex}.reportNonCash{break-inside:avoid;border:1px solid #d5e2de;border-radius:8px;margin-top:12px;padding:14px}.reportNonCash h4{color:#08745b;margin:0 0 8px}.reportNonCash div{border-top:1px dotted #cbd9d4;justify-content:space-between;padding:7px 2px;font-size:12px;display:flex}.receipt dl div,.miniReceipt dl div{text-align:left;grid-template-columns:1fr 1fr 1fr;align-items:center;display:grid!important}.receipt dl dt,.miniReceipt dl dt{grid-column:1}.receipt dl dd,.miniReceipt dl dd{text-align:center;grid-column:2;margin:0!important}.receiptItems{text-align:left}.receiptItems span{text-align:center}.modal,.receipt{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:calc(100dvh - 40px);overflow-y:auto}.printToolbar{background:#f5f8f7;border:1px solid #e0e7e4;border-radius:10px;align-items:center;gap:18px;margin:20px 0;padding:12px 15px;display:flex}.printToolbar label{font-size:12px;font-weight:700}.printToolbar select{background:#fff;border:1px solid #ccd6d2;border-radius:6px;margin-left:5px;padding:6px}.printToolbar>span{color:#6c7975;margin-left:auto;font-size:12px}.printToolbar .primary:disabled{opacity:.45;cursor:not-allowed}.receiptCheck{color:#52625d;align-items:center;gap:5px;font-size:11px;display:flex}.selectedReceipt{box-shadow:0 0 0 2px #08745b18;border-color:#08745b!important}.sheetDialog{background:#f3f5f4;border-radius:15px;width:min(940px,100%);max-height:94vh;overflow:auto}.sheetHeader,.sheetActions{background:#fff;justify-content:space-between;align-items:center;padding:17px 22px;display:flex}.sheetHeader{z-index:2;border-bottom:1px solid #e4e9e7;position:sticky;top:0}.sheetHeader h2{margin:0 0 4px}.sheetHeader p{color:#6c7975;margin:0;font-size:12px}.sheetActions{border-top:1px solid #e4e9e7;justify-content:flex-end;gap:10px;position:sticky;bottom:0}.sheetActions>button{background:#fff;border:1px solid #ccd5d2;border-radius:8px;padding:11px 17px;font-weight:700}.a4Sheet{background:#fff;align-content:start;width:794px;min-height:1123px;margin:20px auto;padding:28px;display:grid;box-shadow:0 4px 25px #0002}.a4Sheet.perPage1,.a4Sheet.perPage2{grid-template-columns:1fr}.a4Sheet.perPage4{grid-template-columns:1fr 1fr}.miniReceipt{border:1px dashed #75847f;flex-direction:column;justify-content:space-between;min-height:245px;padding:22px;display:flex}.perPage1 .miniReceipt{min-height:1040px}.perPage2 .miniReceipt,.perPage4 .miniReceipt{min-height:520px}.miniBrand{border-bottom:2px solid #08745b;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding-bottom:12px;display:grid}.miniBrand small{color:#6c7975;letter-spacing:1px;font-size:9px;display:block}.miniBrand>b{color:#08745b;font-size:11px}.miniReceipt dl{margin:13px 0}.miniReceipt dl div{border-bottom:1px dotted #ccd5d2;justify-content:space-between;padding:6px 0;font-size:11px;display:flex}.miniReceipt dd{margin:0;font-weight:700}.miniReceipt dt{color:#63716d}.miniTotal{color:#fff;text-align:center;background:#08745b;border-radius:7px;padding:12px}.miniTotal span,.miniTotal strong{display:block}.miniTotal span{letter-spacing:1px;font-size:9px}.miniTotal strong{font-size:18px}.miniReceipt>p{text-align:center;color:#6c7975;margin:10px 0 0;font-size:10px}.receiptGrid article{text-align:left;color:#17221f;background:#fff;border:1px solid #e4e9e7;border-radius:10px;gap:7px;padding:18px;display:grid}.receiptGrid article>span{color:#08745b;font-size:22px}.receiptGrid article>small{color:#6c7975}.receiptGrid article>b{color:#08745b}.receiptGrid article>div{gap:8px;margin-top:8px;display:flex}.receiptGrid article button{color:#42534e;background:#fff;border:1px solid #cad5d1;border-radius:7px;flex:1;padding:8px;font-size:11px;font-weight:700}.receiptGrid article .printButton{color:#fff;background:#08745b;border-color:#08745b}.loading{color:#08745b;place-items:center;min-height:100vh;font-weight:700;display:grid}.loginPage{background:linear-gradient(135deg,#e5f2ee,#f8faf9);place-items:center;min-height:100vh;padding:20px;display:grid}.loginCard{background:#fff;border:1px solid #e4e9e7;border-radius:18px;width:min(410px,100%);padding:36px;box-shadow:0 25px 70px #163b3020}.loginCard .brandMark{margin:auto}.loginCard h1{text-align:center;margin:16px 0 6px}.loginCard>p{text-align:center;color:#6c7975;margin:0 0 26px}.loginCard label,.settings label{margin:15px 0;font-size:12px;font-weight:700;display:block}.loginCard input,.settings input{border:1px solid #e4e9e7;border-radius:8px;width:100%;margin-top:7px;padding:12px;display:block}.loginCard .primary{width:100%;margin-top:12px}.formError{background:#fff0ee;border-radius:7px;padding:9px;font-size:12px;color:#b43d32!important}.receiptGrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-top:20px;display:grid}.receiptGrid button{text-align:left;color:#17221f;background:#fff;border:1px solid #e4e9e7;border-radius:10px;gap:6px;padding:18px;display:grid}.receiptGrid button>span{color:#08745b;font-size:22px}.receiptGrid small{color:#6c7975}.receiptGrid b{color:#08745b}.categoryGrid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.categoryGrid h2{font-size:20px}.categoryGrid p{color:#6c7975;font-size:12px}.peopleGrid{grid-template-columns:1fr 1fr;gap:0 24px;margin-top:16px;display:grid}.peopleGrid article{border-bottom:1px solid #e4e9e7;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:14px 0;display:grid}.peopleGrid article>span{color:#08745b;background:#e5f2ee;border-radius:50%;place-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:grid}.peopleGrid small{color:#6c7975;margin-top:3px;display:block}.peopleGrid b{font-size:12px}.reportGrid{grid-template-columns:2fr 1fr;gap:18px;display:grid}.reportRow{grid-template-columns:90px 1fr 130px;align-items:center;gap:14px;padding:15px 0;display:grid}.reportRow i{background:#edf1ef;border-radius:8px;height:8px;overflow:hidden}.reportRow i b{background:#08745b;height:100%;display:block}.reportRow strong{text-align:right;font-size:12px}.methodRow{border-bottom:1px solid #e4e9e7;justify-content:space-between;padding:15px 0;display:flex}.methodRow strong{color:#08745b;background:#e5f2ee;border-radius:20px;padding:3px 9px}.settings{max-width:650px}.settings .primary{margin-top:12px}.empty{text-align:center;color:#6c7975;padding:30px}:root{--green:#08745b;--ink:#17221f;--muted:#6c7975;--line:#e4e9e7;--bg:#f5f7f6}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font-geist-sans),Arial,sans-serif;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex;position:sticky;top:0}.brand,.profile,.person,.modalHead>div{align-items:center;gap:12px;display:flex}.brandMark{background:var(--green);color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-size:23px;font-weight:800;display:grid}.brand strong{font-size:18px}.brand small,.profile small,.person small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.profile{border-left:1px solid var(--line);padding-left:24px}.profile strong{font-size:13px}.avatar{width:38px;height:38px;color:var(--green);background:#e2f0ec;border-radius:50%;place-items:center;font-weight:700;display:grid}.bell{color:#e5664d;font-size:8px}.shell{grid-template-columns:225px 1fr;min-height:calc(100vh - 76px);display:grid}aside{border-right:1px solid var(--line);background:#fff;flex-direction:column;justify-content:space-between;padding:24px 14px;display:flex}nav button,.asideBottom button{color:#66736f;text-align:left;background:0 0;border:0;border-radius:9px;width:100%;margin:2px 0;padding:13px 16px;font-weight:560}nav button span,.asideBottom span{width:25px;font-size:18px;display:inline-block}.active{color:var(--green)!important;background:#e7f2ef!important}.asideBottom{border-top:1px solid var(--line);padding-top:14px}.content{width:100%;max-width:1500px;margin:auto;padding:34px 38px}.welcome{justify-content:space-between;align-items:center;margin-bottom:27px;display:flex}.eyebrow{letter-spacing:1.2px;font-weight:700;color:#89938f!important;font-size:11px!important}.welcome h1{margin:6px 0;font-size:28px}.welcome p{color:var(--muted);margin:0;font-size:14px}.primary{font-weight:700;box-shadow:0 5px 14px #08745b29;background:var(--green)!important;color:#fff!important;border:0!important;border-radius:9px!important;padding:12px 18px!important}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.stats article,.panel{border:1px solid var(--line);background:#fff;border-radius:12px}.stats article{gap:14px;min-width:0;padding:21px;display:flex}.statIcon{border-radius:10px;flex:none;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.green{color:#08745b;background:#dcf1eb}.blue{color:#3c79af;background:#e3effb}.amber{color:#b87120;background:#fff0db}.purple{color:#7952ab;background:#eee6fa}.stats p{color:var(--muted);margin:0 0 7px;font-size:12px}.stats h2{white-space:nowrap;margin:0 0 8px;font-size:20px}.stats small{color:#84908c;font-size:11px}.stats small b{color:var(--green)}.progress{background:#edf0ef;border-radius:5px;height:5px;margin:9px 0 6px;overflow:hidden}.progress i{background:var(--green);width:72%;height:100%;display:block}.grid{grid-template-columns:minmax(0,2.7fr) minmax(260px,1fr);gap:20px;display:grid}.panel{padding:22px}.panelHead{justify-content:space-between;align-items:start;display:flex}.panelHead h3{margin:0 0 5px;font-size:16px}.panelHead p{color:var(--muted);margin:0;font-size:12px}.link,.dots{color:var(--green);background:0 0;border:0;font-size:12px;font-weight:700}.dots{color:#7b8582;font-size:18px}.search{margin:20px 0 8px;position:relative}.search span{color:#8b9692;font-size:20px;position:absolute;top:9px;left:13px}.search input{border:1px solid var(--line);border-radius:8px;outline:none;width:100%;height:40px;padding:0 14px 0 40px}.search input:focus,input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #08745b16}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#8b9592;border-bottom:1px solid var(--line);padding:13px 8px;font-size:10px}td{white-space:nowrap;border-bottom:1px solid #edf0ef;padding:14px 8px}.person>span{color:#377365;background:#eaf2ef;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.person strong{font-size:12px}.tag{border-radius:20px;padding:5px 9px;font-size:10px;font-weight:650}.ujenzi{color:#28735f;background:#e5f2ee}.elimu{color:#3f67a0;background:#e7eefb}.jamii{color:#a6661b;background:#fff0de}.nyingine{color:#715e91;background:#eeeaf5}.receiptBtn{color:#52635e;background:#fff;border:1px solid #cfd8d5;border-radius:6px;padding:5px 9px}.breakdown{min-height:410px}.donut{background:conic-gradient(#08745b 0 48%,#e0a649 48% 75%,#8dbcb0 75% 92%,#d8dedc 92%);border-radius:50%;place-items:center;width:178px;height:178px;margin:28px auto;display:grid;position:relative}.donut:before{content:"";background:#fff;border-radius:50%;width:116px;height:116px;position:absolute}.donut div{text-align:center;position:relative}.donut strong,.donut span{display:block}.donut strong{font-size:18px}.donut span{color:var(--muted);font-size:11px}.breakdown ul{margin:0;padding:0;list-style:none}.breakdown li{grid-template-columns:18px 1fr auto;align-items:center;padding:9px 0;font-size:12px;display:grid}.breakdown li i{border-radius:50%;width:8px;height:8px}.c1{background:#08745b}.c2{background:#e0a649}.c3{background:#8dbcb0}.c4{background:#d8dedc}.overlay{z-index:50;background:#10201bb2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal,.receipt{background:#fff;border-radius:16px;width:min(590px,100%);box-shadow:0 30px 80px #0003}.modalHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;padding:24px 26px;display:flex}.modalHead h2{margin:0 0 5px;font-size:20px}.modalHead p{color:var(--muted);margin:0;font-size:12px}.modalHead>button,.close{color:#66736f;background:#f0f3f2;border:0;border-radius:50%;width:32px;height:32px;font-size:22px}.modalIcon{width:40px;height:40px;color:var(--green);background:#e4f1ed;border-radius:10px;place-items:center;display:grid}.formGrid{grid-template-columns:1fr 1fr;gap:17px;padding:24px 26px;display:grid}.formGrid label{font-size:12px;font-weight:650}.formGrid .wide{grid-column:1/-1}.formGrid input,.formGrid select,.formGrid textarea{background:#fff;border:1px solid #d8dfdd;border-radius:8px;outline:none;width:100%;margin-top:7px;padding:11px 12px;display:block}.formGrid textarea{resize:vertical;height:74px}.modalActions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding:18px 26px;display:flex}.modalActions>button{color:#57645f;background:#fff;border:1px solid #d7dddb;border-radius:8px;padding:11px 18px;font-weight:650}.receipt{width:min(460px,100%);padding:32px;position:relative}.receipt .close{position:absolute;top:18px;right:18px}.receiptBrand{text-align:center}.receiptBrand .brandMark{margin:auto}.receiptBrand h2{margin:8px 0 2px}.receiptBrand p{letter-spacing:2px;color:var(--muted);font-size:11px}.receiptNo{text-align:center;background:#edf6f3;border-radius:10px;margin:22px 0;padding:14px}.receiptNo span,.receiptNo strong{display:block}.receiptNo span{color:var(--muted);font-size:10px}.receiptNo strong{color:var(--green);margin-top:4px}.receipt dl{margin:0}.receipt dl div{border-bottom:1px dashed #dce2e0;justify-content:space-between;padding:10px 2px;font-size:12px;display:flex}.receipt dt{color:var(--muted)}.receipt dd{margin:0;font-weight:650}.receiptTotal{background:var(--green);color:#fff;text-align:center;border-radius:10px;margin-top:20px;padding:18px}.receiptTotal span,.receiptTotal strong{display:block}.receiptTotal span{letter-spacing:1px;opacity:.8;font-size:10px}.receiptTotal strong{margin-top:5px;font-size:24px}.thanks{text-align:center;color:var(--muted);font-size:12px}.receiptActions{gap:10px;margin-top:22px;display:flex}.receiptActions button{background:#fff;border:1px solid #d4dcda;border-radius:8px;flex:1;padding:11px;font-weight:650}@media (max-width:1050px){.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.breakdown{min-height:auto}.breakdown ul{grid-template-columns:1fr 1fr;display:grid}}@media (max-width:720px){.topbar{padding:0 16px}.profile>div,.brand small,.bell{display:none}.shell{display:block}.shell>aside{display:none}.content{padding:24px 15px}.welcome h1{font-size:23px}.stats,.formGrid{grid-template-columns:1fr}.formGrid .wide{grid-column:auto}.panel{padding:15px}.reportPrinter{grid-template-columns:1fr}.nonCashRow{grid-template-columns:1fr 75px auto}}@media print{@page{size:A4;margin:10mm}html,body{width:210mm}body *{visibility:hidden}.receiptOverlay,.receiptOverlay *,.sheetOverlay,.sheetOverlay *,.reportOverlay,.reportOverlay *{visibility:visible}.receiptOverlay,.sheetOverlay,.reportOverlay{background:#fff;padding:0;display:block;position:absolute;inset:0}.receipt{box-shadow:none;width:100%;max-width:500px;max-height:none;overflow:visible}.sheetDialog{background:#fff;width:190mm;max-height:none;overflow:visible}.sheetHeader,.sheetActions,.close{display:none!important}.a4Sheet{box-sizing:border-box;width:190mm;height:277mm;min-height:277mm;max-height:277mm;box-shadow:none;break-inside:avoid;page-break-inside:avoid;place-content:stretch;gap:0;margin:0;padding:0;overflow:hidden}.miniReceipt{box-sizing:border-box;break-inside:avoid;page-break-inside:avoid;min-width:0;margin:0;overflow:hidden;width:100%!important;height:100%!important;min-height:0!important}.receiptActions{display:none!important}.printReport{width:100%;max-height:none;padding:0;overflow:visible}.printReport table{font-size:10px}.printReport tr,.reportTotal{break-inside:avoid}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.developerPage>.paymentReview>.devForm:not(.passwordForm){display:block}.schoolActions{flex-wrap:wrap;gap:8px;display:flex}.deleteSchool{color:#9d3028;background:#fff4f2;border:1px solid #d9938b;border-radius:7px;padding:8px 11px;font-size:10px;font-weight:800}.deleteSchool:disabled{opacity:.55;cursor:wait}.extendTrial{color:#765a08;background:#fff8dc;border:1px solid #cfb45f;border-radius:7px;padding:8px 11px;font-size:10px;font-weight:800}.extendTrial:disabled{opacity:.55;cursor:wait}.lifetimePlan{color:#433c92;background:#f2f0ff;border:1px solid #6c65b8;border-radius:7px;padding:8px 11px;font-size:10px;font-weight:800}.lifetimePlan:disabled{opacity:.55}.studentImport{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.studentImport h3,.studentList h3{margin:0 0 6px}.studentImport p,.studentList .panelHead p{color:#6c7975;margin:0;font-size:12px}.excelPicker{display:inline-flex;position:relative}.excelPicker input{opacity:0;width:1px;height:1px;position:absolute}.excelPicker span{color:#fff;cursor:pointer;white-space:nowrap;background:#08745b;border-radius:9px;padding:12px 18px;font-size:11px;font-weight:800;display:inline-block}.studentNameGrid{grid-template-columns:1fr 1fr;gap:0 20px;margin-top:18px;display:grid}.studentNameGrid article{border-bottom:1px solid #e4e9e7;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.studentNameGrid article>span{color:#08745b;background:#e5f2ee;border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:grid}.studentNameGrid strong{font-size:12px}@media (max-width:700px){.studentImport{flex-direction:column;align-items:flex-start}.studentNameGrid{grid-template-columns:1fr}}.classUploadControls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.classUploadControls>input{text-transform:uppercase;border:1px solid #d3ded9;border-radius:9px;min-width:260px;padding:11px 12px}.classGroup{margin-top:20px}.classGroup h4{color:#08745b;letter-spacing:.4px;background:#e5f2ee;border-radius:8px;margin:0;padding:10px 12px;font-size:11px}@media (max-width:700px){.classUploadControls,.classUploadControls>input,.classUploadControls>.excelPicker,.classUploadControls .excelPicker span{width:100%}}.classUploadControls>label:not(.excelPicker){color:#60706a;letter-spacing:.25px;gap:5px;font-size:9px;font-weight:800;display:grid}.classUploadControls select{color:#23322d;background:#fff;border:1px solid #d3ded9;border-radius:9px;min-width:145px;padding:10px 12px;font-size:11px;font-weight:700}.classUploadControls select:focus{outline-offset:1px;outline:2px solid #9fd4c5}@media (max-width:700px){.classUploadControls>label:not(.excelPicker),.classUploadControls select{width:100%}}.educationFolders{gap:12px;margin-top:18px;display:grid}.levelFolder,.classFolder{background:#f8fbfa;border:1px solid #dbe5e1;border-radius:12px;overflow:hidden}.levelFolder>summary,.classFolder>summary{cursor:pointer;color:#08745b;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:15px 16px;list-style:none;display:grid}.levelFolder>summary::-webkit-details-marker{display:none}.classFolder>summary::-webkit-details-marker{display:none}.levelFolder>summary span,.classFolder>summary span{transition:transform .18s}.levelFolder[open]>summary>span,.classFolder[open]>summary>span{transform:rotate(180deg)}.levelFolder>summary b,.classFolder>summary b{color:#71817b;background:#e8f1ee;border-radius:20px;padding:5px 9px;font-size:9px}.classFolders{gap:10px;padding:0 14px 14px;display:grid}.classFolder{background:#fff}.classFolder>summary{color:#253a33;padding:13px 14px}.classContents{padding:0 14px 14px}.streamGroup{border-top:1px solid #e4ebe8;padding-top:12px}.streamGroup h4{color:#08745b;background:#e5f2ee;border-radius:8px;margin:0;padding:9px 12px;font-size:10px}.streamGroup .studentNameGrid{margin-top:8px}@media (max-width:700px){.levelFolder>summary,.classFolder>summary{grid-template-columns:20px 1fr auto;padding:12px 10px}.levelFolder>summary b,.classFolder>summary b{font-size:8px}.classFolders,.classContents{padding-left:8px;padding-right:8px}}.selectedClassHead{color:#fff;background:#08745b;border-radius:11px 11px 0 0;grid-template-columns:repeat(3,minmax(120px,1fr)) auto;align-items:center;gap:12px;padding:14px;display:grid}.selectedClassHead div{gap:3px;display:grid}.selectedClassHead small{opacity:.75;font-size:8px}.selectedClassHead strong{font-size:12px}.selectedClassHead>b{color:#08745b;white-space:nowrap;background:#fff;border-radius:20px;padding:7px 10px;font-size:9px}.selectedClassBody{border:1px solid #dbe5e1;border-top:0;border-radius:0 0 11px 11px;padding:16px}.selectedClassBody>h3{color:#263b34;margin:0 0 8px;font-size:12px}.selectedClassBody .studentNameGrid{margin-top:6px}@media (max-width:700px){.selectedClassHead{grid-template-columns:1fr 1fr}.selectedClassHead>b{justify-self:start}.selectedClassBody{padding:10px}}.studentSelector{background:#f4faf8;border:1px solid #cfe1da;border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.studentSelector legend{color:#08745b;padding:0 7px;font-size:11px;font-weight:800}.studentSelector label{color:#52655e;gap:6px;font-size:10px;font-weight:700;display:grid}.studentSelector select{width:100%}.studentSelector .wide{grid-column:1/-1}@media (max-width:600px){.studentSelector{grid-template-columns:1fr}}.manualStudentForm{grid-template-columns:minmax(220px,1fr) minmax(220px,1.4fr) auto;align-items:end;gap:16px;margin-bottom:18px;display:grid}.manualStudentForm h3{margin:0 0 5px;font-size:14px}.manualStudentForm p{color:#6c7975;margin:0;font-size:11px}.manualStudentForm input{text-transform:uppercase;border:1px solid #d3ded9;border-radius:9px;width:100%;padding:11px 12px}.manualStudentForm .primary{white-space:nowrap}@media (max-width:800px){.manualStudentForm{grid-template-columns:1fr}.manualStudentForm .primary{width:100%}}