.fee-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:18px; }
.fee-summary-card { padding:22px; border:1px solid #e4e9ef; border-radius:18px; background:#fff; box-shadow:0 8px 25px rgba(12,37,64,.05); }
.fee-summary-card small { display:block; color:#64748b; margin-bottom:9px; }
.fee-summary-card strong { display:block; color:#092f50; font-size:1.55rem; }
.fee-summary-card.paid { border-top:4px solid #149f90; }
.fee-summary-card.balance { border-top:4px solid #f47c20; }
.fee-summary-card.balance strong { color:#c64d0a; }
.fee-progress-panel { padding:20px 22px; margin-bottom:18px; border-radius:16px; background:#fff; border:1px solid #e4e9ef; }
.fee-progress-panel > div:first-child { display:flex; justify-content:space-between; margin-bottom:12px; }
.fee-progress-panel span { color:#64748b; }
.fee-progress { height:12px; overflow:hidden; border-radius:999px; background:#edf1f5; }
.fee-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#f47c20,#ffb25f); }
.fee-update-list { display:grid; }
.fee-update { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:17px 0; border-bottom:1px solid #e8edf2; }
.fee-update:last-child { border-bottom:0; }
.fee-update small { display:block; color:#64748b; margin-top:5px; }
.fee-update p { margin:7px 0 0; color:#425466; }
.fee-update > div:last-child { text-align:right; }
@media (max-width:900px) { .fee-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { .fee-summary-grid { grid-template-columns:1fr; } .fee-update { display:block; } .fee-update > div:last-child { text-align:left; margin-top:10px; } }
.section-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; }
.student-context { margin:3px 0 0; color:#c64d0a; font-size:.78rem; font-weight:700; }
@media (max-width:760px) { .section-actions { width:100%; justify-content:flex-start; } .section-actions .primary-btn,.section-actions .secondary-btn { flex:1 1 150px; } }