.monthly-finance-heading {padding:16px 20px;background:#eaf2fb;color:#213b51;font-size:18px;letter-spacing:0;text-transform:none;border-bottom:1px solid #c5d2dd}
.monthly-finance-content {padding:20px}
.monthly-finance-period {gap:16px;margin-bottom:20px}
.monthly-finance-period label {font-size:15px;gap:10px}
.monthly-finance-period input {width:190px;min-height:42px;font-size:15px;background:#fff}
.monthly-finance-period button {min-height:42px;background:#e9f3f5;border-color:#b9d2d7;color:#213b51}
.monthly-finance-table {font-size:14px}
.monthly-finance-table th,.monthly-finance-table td {padding:13px 16px;font-size:14px}
.monthly-finance-table thead th {font-size:15px;background:#eaf2fb;color:#213b51;min-width:150px}
.monthly-finance-table thead th:first-child {min-width:270px;background:#eaf2fb}
.monthly-finance-table tbody th {background:#f7fafc}
.monthly-finance-table .finance-total:nth-child(2) th,.monthly-finance-table .finance-total:nth-child(2) td {background:#eaf6f1}
.monthly-finance-table .finance-detail th {padding-left:30px}
.finance-method summary {color:#245d73}
.participant-actions .action-payments {background:#e4effb;color:#143e68;border-color:#a9c4df}
.participant-actions .action-enroll {background:#e8f5ec;color:#23513b;border-color:#b1d3be}
.participant-actions .action-history {background:#f0edfa;color:#4c386b;border-color:#cfc6e5}
.participant-actions .action-details {background:#fff0d5;color:#69430d;border-color:#dfc28d}
.participant-actions {gap:9px}
.client-payment-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.invoice-row {display:grid;grid-template-columns:minmax(180px,2fr) 85px 120px 95px 75px;gap:10px;align-items:end;padding:14px;background:#f0f5fa;border-radius:6px;margin:12px 0}
.invoice-row label {margin:0;font-size:13px}
.invoice-row input,.invoice-row select {width:100%;min-width:0;padding:10px}
.invoice-status-draft {background:#fff0d5;color:#69430d}
.invoice-status-issued {background:#e8f5ec;color:#23513b}
@media(max-width:850px) {.invoice-row {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px) {.monthly-finance-period input {width:auto}.invoice-row {grid-template-columns:1fr}}