:root{--color-navy-950: #001a33;--color-navy-900: #003870;--color-navy-800: #002e5c;--color-navy-700: #00478f;--color-navy-600: #00478f;--color-navy-100: #d7e6f4;--color-navy-50: #eff5fa;--color-cyan-800: #07667e;--color-cyan-700: #087691;--color-cyan-600: #0a9dc2;--color-cyan-500: #0cb5e1;--color-cyan-100: #c7ecf5;--color-cyan-50: #e9f8fb;--color-bg: #f4f7fa;--color-surface: #ffffff;--color-border: #dce3ea;--color-border-strong: #7e94a9;--color-text: #0b1e33;--color-text-muted: #55677a;--color-success: #157a4a;--color-success-bg: #e7f6ee;--color-warning: #b45309;--color-warning-bg: #fdf3e7;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-danger-bg: #fdecec;--color-primary: var(--color-navy-900);--color-primary-hover: var(--color-navy-700);--color-accent: var(--color-cyan-500);--color-accent-hover: var(--color-cyan-600);--color-accent-text: var(--color-cyan-700);--focus-ring: var(--color-cyan-600);--radius: 8px;--shadow: 0 1px 2px rgba(0, 38, 77, .08)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-bg);color:var(--color-text)}h1,h2,h3{margin:0 0 .5rem;font-weight:600}p{margin:0 0 1rem;color:var(--color-text-muted)}a{color:var(--color-accent-text);text-decoration:none}a:hover{text-decoration:underline}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.page{max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.list-page{display:flex;flex-direction:column;height:100%;min-height:0}.list-page-scroll{flex:1;min-height:0;overflow-y:auto}.list-page-scroll th{position:sticky;top:0;z-index:1}.list-page-scroll:before,.list-page-scroll:after{content:"";display:block;position:sticky;left:0;right:0;height:20px;pointer-events:none;opacity:0;transition:opacity .15s ease}.list-page-scroll:before{top:0;margin-bottom:-20px;z-index:2;background:linear-gradient(to bottom,rgba(15,23,42,.14),transparent)}.list-page-scroll:after{bottom:0;margin-top:-20px;z-index:2;background:linear-gradient(to top,rgba(15,23,42,.14),transparent)}.list-page-scroll.scroll-shadow-top:before{opacity:1}.list-page-scroll.scroll-shadow-bottom:after{opacity:1}@media(prefers-reduced-motion:reduce){.list-page-scroll:before,.list-page-scroll:after{transition:none}}@media(max-width:900px){.list-page{height:auto;min-height:0}.list-page-scroll{flex:none;overflow-y:visible}}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:1.5rem;gap:1rem}.page-title-bar{margin-bottom:1.25rem}.page-title-bar h1{margin:0;font-size:1.75rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--color-text)}.page-title-bar p{margin:.25rem 0 0}.page-title-bar a{font-size:.875rem;font-weight:500;color:var(--color-accent-text)}@media(max-width:600px){.page-title-bar h1{font-size:1.5rem}}.form-group{margin-bottom:1rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem;color:var(--color-text)}input,select,textarea{width:100%;padding:.5rem .75rem;font-size:.9375rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-family:inherit}input[type=checkbox],input[type=radio]{width:auto}.input-money-group{position:relative}.input-money-group .currency{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:.9375rem;pointer-events:none}.input-money-group input{padding-left:1.75rem}input.input-money::-webkit-outer-spin-button,input.input-money::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.input-money{-moz-appearance:textfield}.input-locked{background:var(--color-bg);color:var(--color-text-muted);border-style:dashed;cursor:pointer}.input-locked:focus{outline:none;box-shadow:none;border-color:var(--color-border)}.field-invalid{border-color:var(--color-danger)!important;background:var(--color-danger-bg)}.field-error-text{color:var(--color-danger);font-size:.8125rem;margin-top:.25rem}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--focus-ring);box-shadow:0 0 0 3px var(--color-cyan-100)}.checkbox-row{display:flex;align-items:center;gap:.5rem}.checkbox-row input{width:auto}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;font-size:.9375rem;font-weight:500;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;font-family:inherit}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover{background:var(--color-bg)}.btn-danger{background:#fff;color:var(--color-danger);border-color:var(--color-border)}.btn-danger:hover{background:var(--color-danger-bg);border-color:var(--color-danger-hover)}button:disabled{opacity:.6;cursor:not-allowed}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.625rem .75rem;border-bottom:1px solid var(--color-border);font-size:.9375rem}th{background:var(--color-navy-900);color:#fff;font-weight:600;font-size:.8125rem;text-transform:uppercase;letter-spacing:.02em;border-bottom:none}tr:first-child th:first-child{border-top-left-radius:var(--radius)}tr:first-child th:last-child{border-top-right-radius:var(--radius)}.actions-cell{white-space:nowrap}.actions-cell>*+*{margin-left:.5rem}@media(max-width:600px){table.stack-table,table.stack-table tbody,table.stack-table td{display:block}table.stack-table thead{display:none}table.stack-table tr{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;padding:.75rem 0;border-bottom:1px solid var(--color-border)}table.stack-table tr:last-child{border-bottom:none}table.stack-table td{padding:0;border:none}table.stack-table td.stack-title{order:-1;flex-basis:100%;font-weight:600}table.stack-table td.stack-hide{display:none}table.stack-table td[data-label]:before{content:attr(data-label) " ";color:var(--color-text-muted);font-size:.8125rem}table.stack-table td.actions-cell{display:flex;flex-basis:100%;flex-wrap:wrap;gap:.5rem;margin-top:.375rem;white-space:normal}table.stack-table td.actions-cell>*+*{margin-left:0}table.stack-table td.actions-cell:empty{display:none}}tbody tr.row-clickable{cursor:pointer}tbody tr.row-clickable:hover{background:var(--color-bg)}.card-clickable{cursor:pointer;transition:border-color .15s}.card-clickable:hover{border-color:var(--color-primary)}.cal-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cal-title{font-weight:600}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem;margin-top:.5rem}.cal-dow{text-align:center;font-size:.6875rem;color:var(--color-text-muted, #6b7280);padding:.25rem 0}.cal-day{aspect-ratio:1;min-height:2.25rem;padding:0;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-surface, #fff);color:inherit;font-size:.8125rem;cursor:pointer}.cal-day.present{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success-bg)}.cal-day.absent{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-bg)}.cal-day.on_leave{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning-bg)}.cal-day.auto{border-style:dashed;border-color:var(--color-danger)}.cal-day.off{background:var(--color-bg);color:var(--color-text-muted, #6b7280)}.cal-day.pending{outline:2px dotted var(--color-primary);outline-offset:1px}.cal-day.selected{box-shadow:0 0 0 2px var(--color-primary)}.att-row-selected{background:var(--color-bg);box-shadow:inset 3px 0 0 var(--color-primary)}.cal-day:disabled{opacity:.35;cursor:default}.attendance-list{display:flex;flex-wrap:wrap;gap:.375rem}.attendance-pill{font-size:.75rem;padding:.25rem .5rem;border-radius:999px;border:1px solid var(--color-border);white-space:nowrap}.attendance-pill.present,.attendance-status-btn.present{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success-bg)}.attendance-pill.absent,.attendance-status-btn.absent{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-bg)}.attendance-pill.on_leave,.attendance-status-btn.on_leave{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning-bg)}.attendance-pill.pending{border-style:dashed;color:var(--color-text-muted);background:transparent}.fee-pill{display:inline-block;padding:.0625rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.fee-pill-overdue{background:var(--color-danger-bg);color:var(--color-danger-hover)}.fee-pill-due,.fee-pill-partial{background:var(--color-warning-bg);color:var(--color-warning)}.fee-pill-paid{background:var(--color-success-bg);color:var(--color-success)}.attendance-pill.auto{border-style:dashed;border-color:var(--color-danger);background:transparent;opacity:.85}.tab-row{display:flex;gap:1.5rem;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem}.tab-btn{padding:.625rem .125rem;margin-bottom:-1px;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-weight:600;font-size:.9375rem;cursor:pointer}.tab-btn:hover{color:var(--color-text)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-accent)}.alert{padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.9375rem}.location-row{display:flex;align-items:center;gap:.75rem}.location-value{font-variant-numeric:tabular-nums}.alert-error{background:var(--color-danger-bg);color:var(--color-danger)}.alert-success{background:var(--color-success-bg);color:var(--color-success)}.field-warning{background:var(--color-warning-bg);color:var(--color-warning);border-radius:var(--radius);padding:.5rem .625rem;font-size:.8125rem;margin-top:.375rem}.empty-state{text-align:center;padding:2rem;color:var(--color-text-muted)}.muted{color:var(--color-text-muted);font-size:.875rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem;text-align:center}.stat-card .value{font-size:1.75rem;font-weight:700}.stat-card .label{font-size:.8125rem;color:var(--color-text-muted);margin-top:.25rem}.stat-card-ring .attendance-ring-wrap,.stat-card-ring .attendance-ring{width:96px;height:96px}.stat-card-ring .attendance-ring-wrap{margin:0 auto .5rem}.stat-card-ring .ring-value{font-size:1.125rem}.stat-card-ring .ring-detail{font-size:.8125rem;color:var(--color-text-muted);margin-top:.125rem}@keyframes section-flash{0%,60%{box-shadow:0 0 0 3px var(--color-cyan-500)}to{box-shadow:0 0 0 3px transparent}}.section-flash{animation:section-flash 1.8s ease-out}@media(prefers-reduced-motion:reduce){.section-flash{animation:none;box-shadow:0 0 0 3px var(--color-cyan-500)}}.stat-card.clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s}.stat-card.clickable:hover{border-color:var(--color-cyan-600);box-shadow:0 0 0 3px var(--color-cyan-100)}.attendance-ring-row{display:flex;gap:2.5rem;flex-wrap:wrap;justify-content:center;padding:.5rem 0 .25rem}.attendance-ring-item{display:flex;flex-direction:column;align-items:center;width:150px}.attendance-ring-wrap{position:relative;width:128px;height:128px}.attendance-ring{width:128px;height:128px;transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--color-border);stroke-width:9}.ring-progress{fill:none;stroke:var(--color-cyan-500);stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset .7s cubic-bezier(.4,0,.2,1)}.ring-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.ring-value{font-size:1.375rem;font-weight:700;color:var(--color-navy-900);font-variant-numeric:tabular-nums}.ring-label{font-size:.875rem;font-weight:600;margin-top:.875rem;text-align:center}.ring-link{display:inline-block;margin-top:.25rem;font-size:.8125rem;font-weight:600}.ring-section-row{display:flex;align-items:stretch;gap:2rem}.ring-section{flex:1;min-width:0}.ring-section-title{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.ring-section-divider{width:1px;background:var(--color-border);align-self:stretch}.slide-over-backdrop{position:fixed;inset:0;background:#0000004d;z-index:40;opacity:0;pointer-events:none;transition:opacity .2s}.slide-over-backdrop.open{opacity:1;pointer-events:auto}.slide-over{position:fixed;top:0;right:0;bottom:0;width:min(380px,100vw);background:var(--color-surface);box-shadow:-4px 0 16px #0000001f;z-index:41;display:flex;flex-direction:column;transform:translate(100%);transition:transform .2s ease-out}.slide-over.open{transform:translate(0)}.slide-over-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--color-border)}.slide-over-header h3{margin:0}.slide-over-close{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius)}.slide-over-close:hover{background:var(--color-bg);color:var(--color-text)}.slide-over-search{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.slide-over-body{flex:1;min-height:0;overflow-y:auto;padding:.5rem 0}.slide-over-form{display:flex;flex-direction:column;flex:1;min-height:0}.slide-over-item{padding:.75rem 1.25rem;border-bottom:1px solid var(--color-border);cursor:pointer}.slide-over-item:hover{background:var(--color-bg)}.slide-over-item .name{font-weight:500}.modal-backdrop{position:fixed;inset:0;background:#0000004d;z-index:50;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal{background:var(--color-surface);border-radius:var(--radius);box-shadow:0 8px 32px #0003;width:100%;max-width:420px;max-height:calc(100vh - 3rem);overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0}.modal-body{padding:1.25rem;display:flex;flex-direction:column;gap:.875rem}.modal-footer{padding:1rem 1.25rem 1.25rem;display:flex;gap:.5rem}.detail-row .label{font-size:.8125rem;color:var(--color-text-muted);margin-bottom:.125rem}.detail-row .value{font-size:.9375rem}.slide-over-wide{width:min(560px,100vw)}.slide-over-body-form{padding:1.25rem}.slide-over-footer{padding:1rem 1.25rem 1.25rem;display:flex;gap:.5rem;border-top:1px solid var(--color-border)}.search-input-wrap{position:relative}.search-input-wrap input{padding-left:2.25rem;padding-right:2.25rem}.search-icon{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.search-clear-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.25rem;color:var(--color-text-muted);cursor:pointer;border-radius:999px;display:flex}.search-clear-btn:hover{background:var(--color-bg);color:var(--color-text)}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-th:hover{color:var(--color-cyan-100)}.sort-indicator{margin-left:.375rem;font-size:.6875rem;color:var(--color-cyan-500)}.fee-zero{color:var(--color-text-muted)}.fee-custom-badge{margin-left:.375rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--color-accent-text);background:var(--color-cyan-50);border-radius:999px;padding:.0625rem .375rem}.row-delete-btn{background:none;border:none;padding:.375rem;border-radius:var(--radius);color:var(--color-danger);cursor:pointer;display:inline-flex}.row-delete-btn:hover{background:var(--color-danger-bg)}@media(hover:hover){.row-delete-btn{opacity:0;transition:opacity .1s ease}tr:hover .row-delete-btn,.row-delete-btn:focus-visible{opacity:1}}.list-toolbar{margin-bottom:1.5rem}.list-toolbar-summary{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border);font-size:.8125rem;color:var(--color-text-muted)}.list-toolbar-clear{background:none;border:none;padding:0;font-size:.8125rem;font-weight:600;color:var(--color-accent-text);cursor:pointer;text-decoration:underline}.student-name-cell{display:flex;align-items:center;gap:.625rem}.row-avatar{flex-shrink:0;width:30px;height:30px;border-radius:50%;overflow:hidden;background:var(--color-cyan-50)}.row-avatar img{display:block;width:100%;height:100%;object-fit:cover}.class-pill{display:inline-block;padding:.1875rem .625rem;border-radius:999px;background:var(--color-bg);border:1px solid var(--color-border);font-size:.8125rem;font-weight:500;white-space:nowrap}.fee-column{text-align:right;font-variant-numeric:tabular-nums}th.fee-column{text-align:right}.empty-state-icon{color:var(--color-border-strong);margin-bottom:.75rem}.empty-state-title{margin:0 0 1rem;color:var(--color-text-muted)}.table-skeleton td{padding-top:.875rem;padding-bottom:.875rem}.skeleton-block{display:inline-block;vertical-align:middle;border-radius:var(--radius);background:linear-gradient(90deg,var(--color-border) 25%,var(--color-bg) 50%,var(--color-border) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton-avatar{width:30px;height:30px;border-radius:50%;margin-right:.625rem}.skeleton-text{height:.8125rem}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton-block{animation:none}}.card-stack>*+*{margin-top:1.5rem}.detail-header-row{display:flex;align-items:center;gap:.875rem;margin-top:.375rem}.detail-header-row h1{margin:0}.detail-header-avatar{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--color-cyan-50);color:var(--color-cyan-700);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700}.skeleton-avatar-lg,.skeleton-text-lg{display:inline-block;background:linear-gradient(90deg,var(--color-border) 25%,var(--color-bg) 50%,var(--color-border) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton-avatar-lg{width:44px;height:44px;border-radius:50%}.skeleton-text-lg{width:12rem;height:1.75rem;border-radius:var(--radius)}.detail-field{display:flex;align-items:flex-start;gap:.625rem}.detail-field>div{min-width:0;overflow-wrap:anywhere}.detail-field-icon{flex-shrink:0;margin-top:.1875rem;color:var(--color-text-muted)}.detail-field-link{color:var(--color-accent-text)}.guardian-card{display:flex;flex-direction:column;gap:.125rem}.guardian-name{font-weight:600}.ledger-year-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.ledger-year-label{margin:0;color:var(--color-text-muted);font-weight:600}.ledger-year-select{width:auto;min-width:12rem}.ledger-footnote{margin:.625rem 0 1.25rem;font-size:.8125rem;color:var(--color-text-muted)}.ledger-note{margin:.625rem 0 1.5rem;font-size:.75rem}.table-scroll{overflow-x:auto}.ledger-table td,.ledger-table th{white-space:nowrap}.ledger-table .actions-cell{text-align:right}.ledger-row-current td{background:var(--color-cyan-50)}.ledger-row-na td{color:var(--color-text-muted)}.ledger-now{margin-left:.5rem;font-size:.6875rem;font-weight:600;color:var(--color-accent-text)}.ledger-remaining{color:var(--color-danger);font-weight:600}.ledger-badge{display:inline-block;padding:.125rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600}.ledger-badge-paid{background:var(--color-success-bg);color:var(--color-success)}.ledger-badge-partial{background:var(--color-warning-bg);color:var(--color-warning)}.ledger-badge-unpaid{background:var(--color-danger-bg);color:var(--color-danger)}.ledger-badge-upcoming,.ledger-badge-na{background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border)}.card-clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s}.card-clickable:hover,.card-clickable:focus-visible{outline:none;border-color:var(--color-cyan-600);box-shadow:0 0 0 3px var(--color-cyan-100)}.summary-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.summary-card-link{font-size:.8125rem;font-weight:600;color:var(--color-accent-text);white-space:nowrap}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}@media(max-width:900px){.profile-grid{grid-template-columns:1fr}}.profile-grid>.card{margin:0}.ring-summary-line{margin-bottom:.75rem;text-align:center;font-size:.875rem;color:var(--color-text-muted)}.fee-due-text{color:var(--color-danger)}.fee-ok-text{color:var(--color-success)}.slide-over-xwide{width:min(860px,100vw)}.ledger-hint{font-size:.6875rem;font-weight:400;color:var(--color-text-muted)}.payment-success{align-items:center;text-align:center;padding:2rem 1.5rem 1.75rem}.success-check{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-success-bg);color:var(--color-success);box-shadow:0 0 0 8px #157a4a1a;animation:success-pop .35s cubic-bezier(.3,1.4,.5,1)}.success-check polyline{stroke-dasharray:30;stroke-dashoffset:30;animation:success-draw .4s ease-out .15s forwards}@keyframes success-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes success-draw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.success-check,.success-check polyline{animation:none;stroke-dashoffset:0}}.split-preview{margin-bottom:1rem;padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg)}.split-preview-title{margin-bottom:.5rem;font-size:.8125rem;font-weight:600;color:var(--color-text-muted)}.split-preview-row{display:flex;justify-content:space-between;gap:1rem;padding:.25rem 0;font-variant-numeric:tabular-nums}.split-preview-warning{margin-top:.5rem;color:var(--color-danger);font-size:.8125rem;font-weight:600}.ledger-collect-btn{padding:.25rem .75rem;font-size:.8125rem}.ring-track.ring-absent{stroke:var(--color-danger);opacity:.85}.ring-progress.ring-present{stroke:#16a34a;stroke-linecap:butt}.ring-progress.ring-leave{stroke:var(--color-warning);stroke-linecap:butt}.ring-legend{display:flex;gap:.875rem;justify-content:center;flex-wrap:wrap;font-size:.8125rem;color:var(--color-text-muted, #64748b);margin-bottom:.5rem}.ring-legend .dot{display:inline-block;width:.625rem;height:.625rem;border-radius:50%;margin-right:.75rem}.dot-present{background:#16a34a}.dot-absent{background:var(--color-danger)}.dot-leave{background:var(--color-warning)}.month-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.receipt-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.receipt-row-btn{padding:.25rem .6rem;font-size:.8125rem;margin-right:.25rem}.receipt-modal{max-width:820px}.receipt-frame{display:block;width:100%;height:min(calc(100vh - 20rem),900px);border:0;background:#f1f5f9}.receipt-modal-actions{padding:.875rem 1rem}.design-picker{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-bottom:1px solid var(--color-border)}.design-chip{padding:.25rem .85rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:.8125rem;cursor:pointer}.design-chip.active{background:var(--color-navy-900);border-color:var(--color-navy-900);color:#fff}.receipt-hint{padding:.375rem 1rem;font-size:.8125rem}.receipt-print-link{display:inline-block;text-decoration:none;text-align:center}.ledger-summary ul{margin:.35rem 0 0;padding-left:1.1rem}.ledger-summary li{margin:.15rem 0}.guardian-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.guardian-list{display:flex;flex-direction:column;gap:.875rem}.date-stepper{display:flex;align-items:center;gap:.375rem}.date-stepper input{flex:1;min-width:0}.date-stepper .btn-secondary{padding:.5rem .75rem;font-size:1.125rem;line-height:1}.class-group-row td{background:var(--color-bg);font-weight:600;padding-top:.625rem;padding-bottom:.625rem;border-top:1px solid var(--color-border)}.class-group-row .muted{font-weight:400}.roll-badge{display:inline-block;min-width:2.5rem;padding:.05rem .4rem;margin-right:.75rem;text-align:center;font-size:.8125rem;font-weight:600;border-radius:999px;background:var(--color-cyan-100, #e0f2fe);color:var(--color-navy-900)}.student-panel-head{display:flex;gap:.75rem;padding:.5rem 1.25rem;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.student-panel-head .roll-col{min-width:2.5rem;text-align:center}.toast-stack{position:fixed;top:1rem;right:1rem;z-index:200;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.625rem;min-width:14rem;max-width:min(24rem,calc(100vw - 2rem));padding:.75rem 1rem;background:var(--color-surface);border:1px solid #86efac;border-left:4px solid #16a34a;border-radius:var(--radius);box-shadow:0 8px 24px #00000029;color:var(--color-text);font-weight:500;animation:toast-in .25s ease-out}.toast-check{flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#16a34a;color:#fff;animation:toast-pop .35s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes toast-pop{0%{transform:scale(.4)}70%{transform:scale(1.15)}to{transform:scale(1)}}.fee-from-class{padding:.5rem 0}.guardian-actions{display:flex;gap:.25rem}.row-edit-btn{display:inline-flex;align-items:center;justify-content:center;padding:.375rem;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--color-text-muted);cursor:pointer}.row-edit-btn:hover{background:var(--color-bg);color:var(--color-navy-900)}html,body{overscroll-behavior:none}.content,.list-page-scroll,.modal,.slide-over-body{overscroll-behavior:contain}