@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff")}:root{--primary:#1f3a5f;--primary-2:#3a5172;--primary-dark:#192e4c;--primary-light:#e9ebef;--primary-pale:#f4f5f7;--primary-ring:#1f3a5f38;--on-primary:#fff;--accent:#f2a93b;--accent-light:#fdf2e2;--accent-warm:#f5c376;--on-accent:#212121;--warn-bg:#fff8e1;--warn-border:#f9a825;--red:#d32f2f;--white:#fff;--cream:#fffdf7;--gray-100:#f5f5f5;--gray-200:#eee;--gray-400:#bdbdbd;--gray-600:#6b6b6b;--gray-800:#424242;--gray-900:#212121;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001a;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--paid-bg:#e4f3e7;--paid-fg:#17612c;--part-bg:#ffebc2;--part-fg:#7a4a00;--owing-bg:#fcdcd2;--owing-fg:#a12d08;--owing-text:#a8370a;--font-body:"DM Sans", Roboto, system-ui, -apple-system, "Segoe UI", sans-serif;--font-head:"Nunito", "DM Sans", Roboto, system-ui, sans-serif;--tabs-h:64px;--safe-b:env(safe-area-inset-bottom,0px);--badge-space:0px;--bottom-inset:calc(var(--safe-b) + var(--badge-space));--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--app-w:720px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--gray-800);background:var(--cream);-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.5}h1,h2,h3{font-family:var(--font-head);color:var(--gray-900);margin:0;line-height:1.2}h1{font-size:1.5rem;font-weight:800}h2{font-size:1.25rem;font-weight:800}h3{margin:0;font-size:1.1rem;font-weight:800}p{margin:0}a{color:var(--primary)}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{width:100%;min-height:48px;padding:var(--sp-3) var(--sp-4);border:1.5px solid var(--gray-400);border-radius:var(--radius-sm);background:var(--white);font-size:16px}textarea{resize:vertical;min-height:90px}::placeholder{color:#8a8a8a;opacity:1;font-size:1rem;font-weight:400}input:focus,select:focus,textarea:focus{border-color:var(--primary-2);box-shadow:0 0 0 3px var(--primary-ring);outline:none}:focus-visible{outline:3px solid var(--primary-2);outline-offset:2px}.muted{color:var(--gray-600)}.small{font-size:.9rem}.center{text-align:center}.error-text{color:var(--red);font-weight:600;display:block}.label{color:var(--gray-900);font-weight:700;display:block}.hint{color:var(--gray-600);font-size:.9rem;display:block}.with-tabs{padding-bottom:calc(var(--tabs-h) + var(--bottom-inset) + 90px);max-width:var(--app-w);margin:0 auto}.plain{padding-bottom:calc(var(--sp-6) + var(--badge-space));max-width:var(--app-w);margin:0 auto}.content{padding:var(--sp-4);gap:var(--sp-4);flex-direction:column;display:flex}.card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);padding:var(--sp-4);gap:var(--sp-3);flex-direction:column;display:flex}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-3) var(--sp-4);cursor:pointer;white-space:nowrap;background:0 0;border:2px solid #0000;border-radius:999px;font-weight:700;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:default}.btn-lg{min-height:54px;padding:var(--sp-3) var(--sp-5);font-size:1.08rem}.btn-sm{min-height:44px;padding:var(--sp-2) var(--sp-4);font-size:.95rem}.btn-block{width:100%}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:active{background:var(--primary-dark)}.btn-outline{border-color:var(--primary);color:var(--primary);background:var(--white)}.btn-ghost{color:var(--gray-800)}.btn-danger{background:var(--red);color:var(--white)}.btn-outline-danger{border-color:var(--red);color:var(--red);background:var(--white)}.btn-whatsapp{color:#fff;background:#1b7f3a}.btn-row{gap:var(--sp-3);flex-wrap:wrap;display:flex}.btn-col{gap:var(--sp-2);flex-direction:column;display:flex}.icon-btn{cursor:pointer;width:44px;height:44px;color:var(--gray-900);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-btn:disabled{opacity:.3}.icon-btn-on-green{color:var(--on-primary);background:#ffffff26}.green-header{background:linear-gradient(160deg, var(--primary), var(--primary-2));color:var(--on-primary);padding:var(--sp-5) var(--sp-4) var(--sp-4);padding-top:calc(var(--sp-5) + env(safe-area-inset-top,0px));border-radius:0}.green-header h1{color:var(--on-primary);font-size:1.7rem}.green-header-top{margin-bottom:var(--sp-5);justify-content:space-between;align-items:flex-start;display:flex}.greet{opacity:.92;margin:0}.past-note{margin:var(--sp-3) 0 0;background:var(--accent-warm);color:var(--on-accent);padding:2px var(--sp-3);border-radius:999px;font-size:.9rem;font-weight:700;display:inline-block}.page-header{z-index:20;align-items:center;gap:var(--sp-2);min-height:60px;padding:var(--sp-2) var(--sp-3);padding-top:calc(var(--sp-2) + env(safe-area-inset-top,0px));background:var(--cream);border-bottom:1px solid var(--gray-200);display:flex;position:sticky;top:0}.page-header h1{flex:1;font-size:1.3rem}.page-header-tab{padding-left:var(--sp-4)}.page-header-right{gap:var(--sp-2);display:flex}.term-picker{justify-content:space-between;align-items:center;gap:var(--sp-2);width:100%;min-height:50px;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-size:1.02rem;font-weight:700;display:flex}.term-picker-onGreen{color:var(--on-primary);background:#ffffff29;border:1.5px solid #fff6}.term-picker-light{background:var(--white);color:var(--gray-900);border:1.5px solid var(--gray-400)}.search{align-items:center;gap:var(--sp-2);background:var(--white);border:1.5px solid var(--gray-400);padding:0 var(--sp-4);color:var(--gray-600);border-radius:999px;display:flex}.search:focus-within{border-color:var(--primary-2)}.search input{box-shadow:none;background:0 0;border:none;padding-left:0}.chips{gap:var(--sp-2);padding:var(--sp-1) 0;scrollbar-width:none;display:flex;overflow-x:auto}.chip{align-items:center;gap:var(--sp-1);height:36px;padding:0 var(--sp-3);border:1px solid var(--gray-400);background:var(--white);color:var(--gray-800);cursor:pointer;border-radius:999px;flex:none;font-size:.875rem;font-weight:400;display:inline-flex;position:relative}.chip:after{content:"";inset:calc(-1 * var(--sp-1)) 0;position:absolute}.chip-on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.chip-count{min-width:18px;padding:0 var(--sp-1);text-align:center;background:#0000000f;border-radius:999px;font-size:.75rem;line-height:18px;display:inline-block}.chip-on .chip-count{background:#ffffff40}select{appearance:none;padding-right:calc(var(--sp-4) + 20px + var(--sp-3));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-4) center;cursor:pointer;background-size:20px 20px}.pupil-list{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pupil-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3);background:var(--white);border-radius:var(--radius-md);border:1px solid var(--gray-200);color:inherit;min-height:72px;box-shadow:var(--shadow-sm);text-decoration:none;display:flex}.pupil-row:active{background:var(--primary-pale)}.pupil-main{flex-direction:column;flex:1;min-width:0;display:flex}.pupil-name{color:var(--gray-900);text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:700;overflow:hidden}.pupil-sub{color:var(--gray-600);font-size:.92rem}.pupil-right{align-items:flex-end;gap:var(--sp-1);flex-direction:column;flex:none;display:flex}.owes{color:var(--owing-text);font-size:.85rem;font-weight:500}.cleared{color:var(--paid-fg);font-size:.85rem;font-weight:500}.tag{margin-left:var(--sp-2);padding:0 var(--sp-2);background:var(--gray-200);color:var(--gray-800);border-radius:999px;font-size:.8rem;font-weight:700;display:inline-block}.avatar{width:46px;height:46px;font-family:var(--font-head);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.05rem;font-weight:800;display:inline-flex}.avatar-boy{background:var(--primary-light);color:var(--primary)}.avatar-girl{background:var(--accent-light);color:var(--gray-900)}.pill{padding:1px var(--sp-2);white-space:nowrap;border-radius:999px;align-items:center;font-size:.72rem;font-weight:500;line-height:1.5;display:inline-flex}.pill-paid{background:var(--paid-bg);color:var(--paid-fg)}.pill-part{background:var(--part-bg);color:var(--part-fg)}.pill-owing{background:var(--owing-bg);color:var(--owing-fg)}.pill-free{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-200)}.fab{z-index:30;right:16px;bottom:calc(var(--tabs-h) + var(--bottom-inset) + 16px);align-items:center;gap:var(--sp-2);min-height:56px;padding:var(--sp-3) var(--sp-5);background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-md);border-radius:999px;font-size:1.08rem;font-weight:800;text-decoration:none;display:inline-flex;position:fixed}@media (width>=752px){.fab{right:calc(50% - var(--app-w) / 2 + 16px)}}.tabs{z-index:40;height:calc(var(--tabs-h) + var(--bottom-inset));padding-bottom:var(--bottom-inset);background:var(--white);border-top:1px solid var(--gray-200);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.tab{color:var(--gray-600);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.82rem;font-weight:700;text-decoration:none;display:flex}.tab-on{color:var(--primary)}.tab-on svg{background:var(--primary-light);padding:2px var(--sp-4);border-radius:999px;width:54px}.pupil-head{align-items:center;gap:var(--sp-3);flex-direction:row}.pupil-head .avatar{width:56px;height:56px;font-size:1.25rem}.pupil-head-main{flex:1;min-width:0}.parent-card{gap:var(--sp-3);flex-flow:wrap;justify-content:space-between;align-items:center}.phone{margin:0;font-size:1.15rem;font-weight:700}.term-card-head{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.term-card-head h3,.kv{margin:0}.kv>div{justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px dashed var(--gray-200);display:flex}.kv dt{color:var(--gray-600)}.kv dd{text-align:right;margin:0;font-weight:700}.kv-strong dt,.kv-strong dd{color:var(--gray-900);font-size:1.15rem;font-weight:800}.progress{background:var(--gray-200);border-radius:999px;height:12px;overflow:hidden}.progress-fill{background:var(--primary-2);border-radius:999px;height:100%;transition:width .3s}.notice{justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.notice p{flex:180px;margin:0}.notice-amber{background:var(--warn-bg);border:1.5px solid var(--warn-border)}.notice-red{border:1.5px solid var(--owing-bg);background:#fdece6}.amount-input{align-items:center;gap:var(--sp-2);border:1.5px solid var(--gray-400);border-radius:var(--radius-sm);background:var(--white);padding:0 var(--sp-4);display:flex}.amount-input:focus-within{border-color:var(--primary-2);box-shadow:0 0 0 3px var(--primary-ring)}.amount-input span{color:var(--gray-600);font-family:Roboto,system-ui,sans-serif;font-size:1.2rem;font-weight:800}.amount-input input{box-shadow:none;border:none;min-height:54px;padding-left:0;font-size:1.3rem;font-weight:700}.field{gap:var(--sp-2);flex-direction:column;margin:0;display:flex}.pay-list{margin:0;padding:0;list-style:none}.pay-list li{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--gray-200);display:flex}.pay-list li:last-child{border-bottom:none}.pay-info{flex-direction:column;min-width:0;display:flex}.pay-list small{color:var(--gray-600)}.notes{white-space:pre-wrap}.money{font-variant-numeric:tabular-nums}.form-page .content{padding-bottom:120px}.segmented{gap:var(--sp-2);background:var(--gray-100);padding:var(--sp-1);border:1px solid var(--gray-200);border-radius:999px;display:flex}.segmented button{cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;min-height:46px;font-weight:700}.segmented .seg-on{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-sm)}.pay-line{background:var(--accent-light);border-left:5px solid var(--accent);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);margin:0;font-size:1.08rem}.more-toggle{width:100%;min-height:52px;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);border:1.5px dashed var(--gray-400);background:var(--white);cursor:pointer;justify-content:space-between;align-items:center;font-weight:700;display:flex}.more-toggle .rot{transform:rotate(180deg)}.more{gap:var(--sp-4);flex-direction:column;display:flex}.danger-zone{margin-top:var(--sp-2)}.save-bar{z-index:30;padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + var(--bottom-inset));border-top:1px solid var(--gray-200);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf7f5;position:fixed;bottom:0;left:0;right:0}.save-bar .btn{max-width:688px;margin:0 auto;display:flex}.input-icon{position:relative}.input-icon input{padding-right:calc(var(--sp-4) * 2 + 20px)}.input-icon-btn{min-width:44px;padding:0 var(--sp-4);color:var(--gray-600);cursor:pointer;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;right:0}.input-icon-btn svg{flex:none}.input-icon-btn:focus-visible{outline:3px solid var(--primary-ring);outline-offset:-3px}.check-row{align-items:center;gap:var(--sp-3);cursor:pointer;min-height:44px;font-weight:600;display:flex}.check-row input{width:24px;height:24px;min-height:0;accent-color:var(--primary)}.toggles{padding:var(--sp-2) var(--sp-4);gap:0}.toggle-row{justify-content:space-between;align-items:center;gap:var(--sp-3);cursor:pointer;min-height:60px;display:flex}.toggle-row small{color:var(--gray-600);display:block}.toggle-label{font-weight:700}.switch{appearance:none;background:var(--gray-400);cursor:pointer;border:none;border-radius:999px;min-width:52px;height:30px;min-height:0;padding:0;transition:background .2s;position:relative;width:52px!important}.switch:after{content:"";background:var(--white);width:24px;height:24px;box-shadow:var(--shadow-sm);border-radius:50%;transition:left .2s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--primary)}.switch:checked:after{left:25px}.radio-cards{gap:var(--sp-2);flex-direction:column;display:flex}.radio-card{align-items:center;gap:var(--sp-3);text-align:left;min-height:64px;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);border:1.5px solid var(--gray-400);background:var(--white);cursor:pointer;display:flex}.radio-card small{color:var(--gray-600);display:block}.radio-dot{border:2px solid var(--gray-400);border-radius:50%;flex:none;width:22px;height:22px}.radio-card-on{border-color:var(--primary);background:var(--primary-pale)}.radio-card-on .radio-dot{border-color:var(--primary);box-shadow:inset 0 0 0 4px var(--white);background:var(--primary)}.tiles{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.tile{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--sp-4) var(--sp-2);text-align:center;box-shadow:var(--shadow-sm)}.tile-num{font-family:var(--font-head);color:var(--primary);font-size:1.8rem;font-weight:800;display:block}.tile-label{color:var(--gray-600);font-weight:600}.money-card{background:linear-gradient(160deg, var(--primary), var(--primary-2));color:var(--on-primary);gap:var(--sp-2);border:none}.money-card .progress{background:#ffffff40}.money-card .progress-fill{background:var(--accent-warm)}.label-on-dark{opacity:.92;margin:0;font-weight:700}.big-num{font-family:var(--font-head);font-size:2rem;font-weight:800}.pct{margin-bottom:var(--sp-1);font-weight:700}.money-card-row{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.money-card-row div{border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);background:#ffffff1f}.money-card-row span{opacity:.92;font-size:.9rem;display:block}.money-card-row b{font-size:1.1rem}.count-row{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.count{border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-2);text-align:center}.count b{font-family:var(--font-head);font-size:1.6rem;display:block}.count span{font-size:.92rem;font-weight:700}.count-paid{background:var(--paid-bg);color:var(--paid-fg)}.count-part{background:var(--part-bg);color:var(--part-fg)}.count-owing{background:var(--owing-bg);color:var(--owing-fg)}.old-bal{align-items:center;gap:2px var(--sp-2);grid-template-columns:1fr auto;display:grid}.old-bal span{font-weight:700}.old-bal b{color:var(--owing-text);font-size:1.2rem}.old-bal small{color:var(--gray-600);grid-column:1/-1}.class-stats{gap:var(--sp-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.class-stats-top{justify-content:space-between;display:flex}.class-stats-money{color:var(--gray-600);margin:var(--sp-1) 0 var(--sp-2);font-size:.95rem}.term-cols{gap:var(--sp-2);grid-template-columns:repeat(3,1fr);display:grid}.term-col{background:var(--primary-pale);border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-2);min-width:0}.term-col-empty{background:var(--gray-100)}.term-col-name{font-family:var(--font-head);color:var(--primary);margin-bottom:var(--sp-2);display:block}.term-col dl{margin:0}.term-col dt{color:var(--gray-600);font-size:.8rem}.term-col dd{margin:0 0 var(--sp-2);overflow-wrap:anywhere;font-size:.92rem;font-weight:700}.menu{gap:var(--sp-3);flex-direction:column;display:flex}.menu-item{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:68px;padding:var(--sp-3) var(--sp-4);border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);text-align:left;color:inherit;cursor:pointer;width:100%;text-decoration:none;display:flex}.menu-item small{color:var(--gray-600);display:block}.class-list{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.class-row{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-1);flex-direction:row}.class-row-off{opacity:.6}.class-row-main{flex-direction:column;flex:1;display:flex}.class-row-main span{color:var(--gray-600)}.reorder{flex-direction:column;display:flex}.reorder .icon-btn{height:36px}.promo-list{margin:0;padding:0;list-style:none}.promo-list li{justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-3) 0;border-bottom:1px solid var(--gray-200);display:flex}.promo-list small{color:var(--gray-600);display:block}.summary-card{text-align:center;background:var(--primary-pale)}.summary-big{font-size:1.3rem}.promo-group summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:32px;display:flex}.promo-group{display:block}.promo-group p{margin-top:var(--sp-3);color:var(--gray-600)}.school-card{gap:var(--sp-1)}.school-card h2{color:var(--primary)}.school-card .school-logo{margin-bottom:var(--sp-2)}.sheet-backdrop{z-index:100;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--white);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:520px;max-height:88vh;padding:var(--sp-3) var(--sp-4) calc(var(--sp-4) + var(--bottom-inset));gap:var(--sp-3);outline:none;flex-direction:column;animation:.2s ease-out up;display:flex;overflow-y:auto}@media (width>=600px){.sheet-backdrop{align-items:center}.sheet{border-radius:var(--radius-lg)}}@keyframes up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.sheet-handle{background:var(--gray-400);border-radius:999px;flex:none;width:44px;height:5px;margin:0 auto}div.sheet-body,.choice-list{gap:var(--sp-2);flex-direction:column;display:flex}.choice{min-height:54px;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);border:1.5px solid var(--gray-200);background:var(--white);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;font-weight:700;display:flex}.choice-on{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.tag-current{margin-left:var(--sp-2);padding:1px var(--sp-2);background:var(--accent);color:var(--on-accent);border-radius:999px;font-size:.8rem}.pin-wrap{gap:var(--sp-2);flex-direction:column;display:flex}.pin-input{letter-spacing:.5em;text-indent:.5em;text-align:center;min-height:54px;font-size:1.5rem;font-weight:700}.sheet-form{gap:var(--sp-3);flex-direction:column;display:flex}.loading{justify-content:center;align-items:center;gap:var(--sp-4);min-height:60vh;color:var(--gray-600);flex-direction:column;display:flex}.spinner{border:4px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:var(--sp-6) var(--sp-4);color:var(--gray-600);background:var(--white);border:1.5px dashed var(--gray-400);border-radius:var(--radius-md);font-size:1.05rem}.offline{z-index:50;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--warn-bg);border-bottom:2px solid var(--warn-border);color:var(--part-fg);align-items:flex-start;font-size:.95rem;font-weight:600;display:flex;position:sticky;top:0}.offline svg{flex:none;margin-top:2px}.toasts{left:var(--sp-4);right:var(--sp-4);top:calc(env(safe-area-inset-top,0px) + var(--sp-3));z-index:200;align-items:center;gap:var(--sp-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{background:var(--gray-900);color:var(--white);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-width:480px;font-weight:600}.toast-error{background:var(--red)}.center-screen{min-height:100vh;padding:var(--sp-4);justify-content:center;align-items:center;display:flex}.message-card{text-align:center;gap:var(--sp-3);flex-direction:column;max-width:420px;display:flex}.signin{min-height:100vh;padding:var(--sp-6) var(--sp-4);align-items:center;gap:var(--sp-5);background:linear-gradient(180deg, var(--primary-pale), var(--cream) 50%);flex-direction:column;display:flex}.signin-brand{text-align:center}.signin-brand img{width:88px;height:88px;box-shadow:var(--shadow-sm);border-radius:22px}.signin-brand h1{color:var(--primary);margin-top:var(--sp-3);font-size:1.7rem}.signin-brand p{color:var(--gray-600);margin:var(--sp-1) 0 0}.signin-card{width:100%;max-width:400px}.school-logo{max-width:140px;max-height:100px;margin-bottom:var(--sp-2);border-radius:var(--radius-sm);display:block}.header-school{align-items:center;gap:var(--sp-3);min-width:0;display:flex}.header-logo{object-fit:contain;width:48px;height:48px;padding:var(--sp-1);background:#fff;border-radius:12px;flex:none}.school-title{color:var(--on-primary);font-size:1.4rem;font-weight:800}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.paused-card{align-items:center}.paused-icon{border-radius:16px}.two-col,.two-col>.col{gap:var(--sp-4);flex-direction:column;display:flex}@media (width>=752px){.tabs{max-width:var(--app-w);border:1px solid var(--gray-200);border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:none;margin:0 auto}.green-header{margin:var(--sp-4) var(--sp-4) 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-top:var(--sp-5)}.page-header-tab{border-radius:0 0 var(--radius-md) var(--radius-md)}}@media (width>=960px){:root{--app-w:1040px}.content{max-width:720px;margin:0 auto}.content.content-wide{max-width:none;margin:0}.two-col{gap:var(--sp-4);grid-template-columns:1fr 1fr;align-items:start;display:grid}.two-col>.col{gap:var(--sp-4);flex-direction:column;min-width:0;display:flex}.pupil-list{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}}.btn-start{align-self:flex-start}.count-note{color:var(--gray-600);text-align:center;grid-column:1/-1;font-size:.9rem}.menu-item>svg,.term-picker>svg,.more-toggle>svg,.search>svg,.choice>svg{flex:none}.pay-actions{align-items:center;gap:var(--sp-1);flex:none;display:flex}.admin-list{gap:var(--sp-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.admin-row{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);text-align:left;min-height:72px;font:inherit;color:inherit;cursor:pointer;display:flex}.admin-logo{border-radius:var(--radius-sm);object-fit:contain;background:var(--white);flex:none;width:44px;height:44px}.admin-logo-empty{background:var(--gray-100)}.admin-main{gap:var(--sp-1);flex-direction:column;flex:1;min-width:0;display:flex}.admin-main b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-main small{color:var(--gray-600);font-size:.9rem}.admin-right{align-items:flex-end;gap:var(--sp-1);flex-direction:column;flex:none;display:flex}.admin-overdue{color:var(--owing-fg);font-size:.85rem}.login-message{padding:var(--sp-3) var(--sp-4);background:var(--gray-100);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;font:inherit;margin:0;font-size:.95rem}.logo-pick{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.logo-pick img,.logo-pick-empty{border-radius:var(--radius-sm);object-fit:contain;border:1px solid var(--gray-200);background:var(--white);flex:none;width:56px;height:56px}.logo-pick-empty{background:var(--gray-100)}.colour-row{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.colour-input{padding:var(--sp-1);cursor:pointer;height:48px}.class-rows{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.class-rows li{gap:var(--sp-2);grid-template-columns:1fr 112px 44px;align-items:center;display:grid}.class-rows-names li{grid-template-columns:1fr 44px}.class-rows .icon-btn{color:var(--gray-600);font-size:1.5rem;line-height:1}.link-btn{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline;display:inline}.metrics{gap:var(--sp-3);grid-template-columns:repeat(2,1fr);display:grid}.metrics-3{grid-template-columns:repeat(3,1fr)}.metric{gap:var(--sp-1);padding:var(--sp-3);background:var(--gray-100);border-radius:var(--radius-sm);flex-direction:column;min-width:0;display:flex}.metric b{overflow-wrap:anywhere;font-size:1.25rem;font-weight:800;line-height:1.2}.metric span{color:var(--gray-600);font-size:.85rem;line-height:1.3}.metric-good{background:var(--paid-bg)}.metric-good b{color:var(--paid-fg)}.metric-warn{background:var(--owing-bg)}.metric-warn b{color:var(--owing-fg)}.admin-note{background:var(--paid-bg);color:var(--paid-fg);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm)}