#education-page{--edu-surface:#fff;--edu-surface-soft:#f1f8fa;--edu-text:#173040;--edu-muted:#547080;--edu-border:#cce1e7;--edu-teal:#0f8d8d;--edu-blue:#2563b8;--edu-success:#13795b;--edu-error:#c43b4d}
#education-page .edu-overview-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;background:linear-gradient(135deg,var(--edu-surface),var(--edu-surface-soft))}#education-page .edu-overview-hero h3{font-size:20px;margin:0;color:var(--edu-text)}#education-page .edu-headline-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}#education-page .edu-inline-link{padding:0 10px;border:0;background:transparent;color:var(--edu-blue);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline}#education-page #edu-empty-snapshot-action{min-height:44px}#education-page .edu-layout{display:block;margin-top:0}#education-page #edu-projection-assumptions{height:fit-content;margin-bottom:12px}#education-page #edu-monthly-safety-card,#education-page #edu-projection-chart-card{margin-bottom:12px}#education-page #edu-pv-list>.edu-snapshot-cards{display:none}
@media (max-width:720px){#education-page #edu-pv-list>.edu-tbl{display:none}#education-page #edu-pv-list>.edu-snapshot-cards{display:grid;gap:8px}}
@media (max-width:360px){#education-page .edu-headline-metrics{grid-template-columns:1fr;min-width:0}#education-page .edu-overview-hero{align-items:stretch;flex-direction:column}#education-page .edu-overview-hero .education-actions{display:grid;grid-template-columns:1fr 1fr}#education-page .edu-kpi-value{overflow-wrap:anywhere}}
body.dark #education-page{--edu-surface:#162735;--edu-surface-soft:#10212d;--edu-text:#e6f2f5;--edu-muted:#a5c0c9;--edu-border:#315061;--edu-teal:#35c6c0;--edu-blue:#72b7ff;--edu-success:#54d6a8;--edu-error:#ff8996}
#education-page .education-header{margin-bottom:16px;padding:18px;border:1px solid var(--edu-border);border-radius:16px;background:linear-gradient(135deg,var(--edu-surface),var(--edu-surface-soft));color:var(--edu-text)}
#education-page button{min-height:44px}
#education-page .education-eyebrow{margin:0 0 3px;color:var(--edu-teal);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}#education-page .education-header h2{margin:0;font-size:22px;letter-spacing:-.02em}#education-page .education-subtitle{margin:4px 0 0;color:var(--edu-muted);font-size:13px}#education-page .education-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}#education-page .education-actions{display:flex;gap:8px;flex-wrap:wrap}
#education-page .education-action,#education-page .education-tabs button{min-height:44px;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}#education-page .education-action{padding:0 14px;border:1px solid var(--edu-border);background:var(--edu-surface);color:var(--edu-blue)}#education-page .education-action:hover,#education-page .education-action:focus-visible{border-color:var(--edu-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--edu-blue) 20%,transparent)}
#education-page .education-tabs{display:flex;gap:6px;margin-top:16px;padding:5px;background:color-mix(in srgb,var(--edu-teal) 9%,var(--edu-surface));border-radius:12px;overflow:auto}#education-page .education-tabs button{flex:1;min-width:130px;padding:0 12px;border:1px solid transparent;background:transparent;color:var(--edu-muted)}#education-page .education-tabs button[aria-selected="true"]{background:var(--edu-surface);border-color:var(--edu-border);color:var(--edu-blue);box-shadow:0 1px 4px rgba(23,48,64,.12);scroll-margin-inline:8px}#education-page .education-tabs button:focus-visible{outline:3px solid color-mix(in srgb,var(--edu-teal) 40%,transparent);outline-offset:2px}#education-page .education-panel{outline:none}#education-page .education-panel[hidden]{display:none}#education-page .education-empty-panel{margin:12px 0;padding:20px;border:1px dashed var(--edu-border);border-radius:12px;background:var(--edu-surface-soft);color:var(--edu-muted)}
#education-page .education-migration-explanation{margin:10px 2px 0;color:var(--edu-muted);font-size:12px;font-weight:700}#education-page .education-tabs button:disabled,#education-page .education-action:disabled{cursor:not-allowed;opacity:.58}
#education-page dialog.education-dialog{width:min(640px,calc(100% - 32px));border:0;border-radius:18px;padding:0;background:var(--edu-surface);color:var(--edu-text);box-shadow:0 24px 80px rgba(0,0,0,.3)}#education-page dialog.education-dialog::backdrop{background:rgba(10,32,42,.5)}#education-page .education-dialog-sheet{padding:20px}
#education-page #education-toast{position:fixed;z-index:30;right:20px;bottom:20px;max-width:min(420px,calc(100vw - 32px));padding:12px 16px;border-radius:10px;background:var(--edu-success);color:#fff;font-size:14px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.18)}#education-page #education-toast[data-tone="error"]{background:var(--edu-error)}#education-page .education-busy-spinner{display:inline-block;width:13px;height:13px;margin-right:7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-2px;animation:education-spin .7s linear infinite}#education-page .education-field-error{margin:4px 0 0;color:var(--edu-error);font-size:12px;font-weight:700}#education-page .education-error-summary{margin:0 0 12px;padding:10px 12px;border-left:4px solid var(--edu-error);border-radius:6px;background:color-mix(in srgb,var(--edu-error) 10%,var(--edu-surface));color:var(--edu-error);font-weight:700}#education-page [aria-invalid="true"]{border-color:var(--edu-error)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--edu-error) 20%,transparent)}#education-page .education-status-success{color:var(--edu-success)}#education-page .education-status-error{color:var(--edu-error)}
@keyframes education-spin{to{transform:rotate(360deg)}}
#education-page .education-activity-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:0 0 14px}#education-page .education-activity-toolbar label{display:grid;gap:4px;font-size:11px;font-weight:700;color:var(--edu-muted)}#education-page .education-activity-toolbar input{min-width:120px;padding:8px;border:1px solid var(--edu-border);border-radius:8px;background:var(--edu-surface);color:var(--edu-text)}#education-page .education-note-search{flex:1;min-width:180px}#education-page .education-note-search input{width:100%}#education-page .education-type-chips{display:flex;gap:6px;flex-wrap:wrap}#education-page .education-type-chips button,#education-page .education-type-chip{border:1px solid var(--edu-border);border-radius:999px;background:var(--edu-surface-soft);color:var(--edu-text);font-size:11px;font-weight:800;padding:6px 10px;white-space:nowrap}#education-page .education-type-chips button[aria-pressed="true"]{background:var(--edu-teal);border-color:var(--edu-teal);color:#fff}#education-page .education-ledger-count{font-size:12px;color:var(--edu-muted);margin-top:3px}#education-page .education-activity-table-wrap{overflow-x:auto}#education-page .edu-activity-table{min-width:680px}#education-page .education-activity-cards{display:none}#education-page .edu-activity-card{min-width:0;overflow-wrap:anywhere;border:1px solid var(--edu-border);border-radius:10px;padding:12px;display:grid;gap:7px;background:var(--edu-surface)}#education-page .education-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;flex-wrap:wrap}#education-page .activity-highlight{animation:education-highlight 3s ease-out;background:color-mix(in srgb,var(--edu-teal) 16%,var(--edu-surface))}@keyframes education-highlight{0%,55%{box-shadow:0 0 0 3px color-mix(in srgb,var(--edu-teal) 42%,transparent)}100%{box-shadow:none}}#education-page #edu-activity-live{min-height:20px;margin-top:8px;color:var(--edu-success);font-weight:700;font-size:12px}
@media (max-width:720px){#education-page dialog.education-dialog{width:100%;max-width:none;height:100%;max-height:none;margin:0;border-radius:0}#education-page .education-dialog-sheet{min-height:100%;padding:18px}#education-page .education-header{padding:15px}#education-page .education-actions{width:100%}#education-page .education-action{flex:1}#education-page .education-activity-toolbar{align-items:stretch}#education-page .education-activity-toolbar label,#education-page .education-note-search{width:100%;min-width:0}#education-page .education-type-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}#education-page .education-activity-table-wrap{display:none}#education-page .education-activity-cards{display:grid;gap:8px}#education-page .education-dialog-actions>*{flex:1}#education-page button,#education-page input,#education-page select,#education-page textarea,#education-page .btn-sm{min-height:44px}}
#education-page .education-plan-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0 0 12px;padding:16px;border:1px solid var(--edu-border);border-radius:14px;background:var(--edu-surface)}#education-page .education-plan-toolbar h3{margin:0;color:var(--edu-text)}#education-page .education-plan-toolbar p{margin:3px 0 0;color:var(--edu-muted);font-size:12px}#education-page .education-plan-status{min-height:20px;margin:0 0 8px;color:var(--edu-muted);font-size:12px;font-weight:700}#education-page .education-school-cards{display:grid;gap:12px;min-width:0}#education-page .education-school-card{min-width:0;padding:16px;border:1px solid var(--edu-border);border-radius:14px;background:var(--edu-surface);box-shadow:0 2px 8px rgba(23,48,64,.06)}#education-page .education-school-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}#education-page .education-school-card-title{min-width:0}#education-page .education-school-card-title h4{margin:0;color:var(--edu-text);font-size:17px;overflow-wrap:anywhere}#education-page .education-school-meta,#education-page .education-school-summary{margin-top:4px;color:var(--edu-muted);font-size:12px}#education-page .education-plan-status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;background:var(--edu-surface-soft);color:var(--edu-blue);font-size:10px;font-weight:800;text-transform:uppercase}#education-page .education-school-card[data-status="Active"] .education-plan-status-pill{background:color-mix(in srgb,var(--edu-success) 15%,var(--edu-surface));color:var(--edu-success)}#education-page .education-school-card[data-status="Historical"]{opacity:.86}#education-page .education-school-actions,#education-page .education-fee-actions,#education-page .education-category-actions{display:flex;gap:7px;flex-wrap:wrap}#education-page .education-school-actions{margin-top:12px}#education-page .education-fee-group{display:grid;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--edu-border)}#education-page .education-fee-group-header{display:flex;align-items:center;justify-content:space-between;gap:8px}#education-page .education-fee-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-width:0;padding:10px;border-radius:10px;background:var(--edu-surface-soft)}#education-page .education-fee-row strong,#education-page .education-fee-row span{overflow-wrap:anywhere}#education-page .education-fee-details{margin-top:3px;color:var(--edu-muted);font-size:11px}#education-page .education-plan-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#education-page .education-overrides{margin-top:14px;padding:12px;border:1px solid var(--edu-border);border-radius:10px}#education-page .education-overrides summary{cursor:pointer;font-weight:800;color:var(--edu-blue)}#education-page .education-overrides p{margin:5px 0;color:var(--edu-muted);font-size:11px}#education-page #edu-fee-overrides-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}#education-page #edu-fee-overrides-list label{display:grid;gap:3px;color:var(--edu-muted);font-size:11px}#education-page .education-change-review{margin-top:14px;padding:12px;border-left:4px solid var(--edu-blue);border-radius:8px;background:var(--edu-surface-soft)}#education-page .education-confirm-check{display:flex;align-items:flex-start;gap:8px;margin-top:9px;font-weight:700}#education-page .education-empty-plan{padding:24px;border:1px dashed var(--edu-border);border-radius:14px;text-align:center;color:var(--edu-muted)}
body.dark #education-page .education-school-card,body.dark #education-page .education-plan-toolbar{background:var(--edu-surface);box-shadow:none}body.dark #education-page .education-fee-row,body.dark #education-page .education-change-review{background:var(--edu-surface-soft)}
@media (max-width:720px){#education-page .education-plan-toolbar,#education-page .education-school-card-header{align-items:stretch;flex-direction:column}#education-page .education-plan-form-grid{grid-template-columns:1fr}#education-page .education-fee-row{grid-template-columns:1fr}#education-page #edu-fee-overrides-list{grid-template-columns:1fr}}
@media (max-width:360px){#education-page .education-school-card,#education-page .education-plan-toolbar{min-width:0;padding:12px}#education-page .education-school-actions,#education-page .education-fee-actions,#education-page .education-category-actions{display:grid;grid-template-columns:1fr}#education-page .education-school-card *,#education-page .education-fee-row *{max-width:100%;overflow-wrap:anywhere}}
