.family-head{display:flex;align-items:center;justify-content:space-between;gap:28px}
.portal-button.light{border-color:rgba(8,127,91,.18);background:#fff;color:var(--p-green);box-shadow:0 12px 32px rgba(25,74,57,.1)}
.student-record-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.student-record-overview article{padding:15px;border:1px solid var(--p-line);border-radius:12px;background:linear-gradient(145deg,#fff,#f7fbf9)}
.student-record-overview small,.student-record-overview span{display:block;color:#7d8f87;font-size:.56rem}.student-record-overview strong{display:block;margin:4px 0;color:var(--p-green);font-size:1.18rem}.student-record-overview span{font-weight:700}
.portal-payment-card{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:12px;padding:18px 20px;border:1px solid #c9e2d7;border-radius:13px;background:linear-gradient(115deg,#edf9f4,#fff 55%,#fff6de)}
.portal-payment-card h3{margin:3px 0 2px;font-size:1rem}.portal-payment-card p{margin:0;color:#71857c;font-size:.59rem}
.payment-numbers{display:flex;align-items:center;gap:23px}.payment-numbers span{min-width:95px;display:flex;flex-direction:column}.payment-numbers small{color:#81928a;font-size:.53rem}.payment-numbers b{font-size:.78rem}
.record-grid.record-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.record-grid.record-grid-three>section{min-width:0}
.portal-result{border-top:1px solid #e8efec}.portal-result summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;list-style:none;cursor:pointer}.portal-result summary::-webkit-details-marker{display:none}.portal-result summary>span{display:flex;min-width:0;flex-direction:column}.portal-result summary b{font-size:.66rem}.portal-result summary small{color:#83938d;font-size:.55rem}.portal-result summary em{padding:3px 7px;border-radius:999px;font-size:.51rem;font-style:normal;font-weight:850}.portal-result>div{padding:0 8px 9px}.portal-result>div p{display:flex;align-items:center;justify-content:space-between;margin:4px 0;font-size:.57rem}.portal-result>div>small{color:#75877f;font-size:.56rem}
.attendance-present{background:#e5f7ef!important;color:#087151!important}.attendance-late,.attendance-half_day{background:#fff4db!important;color:#946100!important}.attendance-absent{background:#fff0f0!important;color:#b84848!important}.attendance-leave{background:#eaf3ff!important;color:#2b6fb7!important}
.compact-auth .auth-story h1{font-size:clamp(2.5rem,4.6vw,4.4rem)}
@media(max-width:980px){.record-grid.record-grid-three{grid-template-columns:1fr 1fr}.portal-payment-card{align-items:flex-start;flex-direction:column}.payment-numbers{width:100%;justify-content:space-between}.family-head{align-items:flex-start}}
@media(max-width:700px){.family-head{flex-direction:column}.student-record-overview,.record-grid.record-grid-three{grid-template-columns:1fr}.portal-payment-card{padding:15px}.payment-numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-numbers span{min-width:0}.application-actions{flex-direction:column}.application-actions .portal-button{width:100%}}