.fee-account-page,.fee-document-page{max-width:1200px;margin:auto}.fee-account-header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:8px 0 24px}.fee-account-header h2{margin:12px 0 4px}.fee-account-header p{margin:0;color:#52627b}.fee-account-balance{text-align:right;display:grid;gap:5px}.fee-account-balance strong{font-size:30px;color:#102342}.fee-account-balance small{color:#52627b}.fee-account-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #253650;padding-bottom:14px;margin-bottom:20px}.fee-account-tabs .btn{min-height:44px}.fee-account-body{padding:24px!important}.fee-account-body h3,.fee-payment-flow h3{margin-top:0}.fee-account-body>.finance-heading{margin-bottom:18px}.fee-account-body .school-table{margin:16px 0}.fee-compact-table th,.fee-compact-table td{padding:12px!important;border:1px solid #617086!important;vertical-align:middle}.fee-compact-table th{white-space:nowrap}.fee-compact-table td small{display:block;margin-top:5px;line-height:1.45}.fee-compact-table .btn{padding:8px 12px;min-height:40px}.fee-compact-table td>strong{display:block}.fee-compact-table td>.btn:first-child{margin-top:5px}.fee-compact-table .school-tag{display:inline-block;white-space:normal;font-size:12px;margin-bottom:5px}.fee-document-toolbar{display:flex;gap:10px;justify-content:space-between;margin:6px 0 20px}.fee-document-page>.card{padding:24px}.fee-document-page .finance-sheet{box-shadow:none;margin:0 auto}.fee-period{display:flex;align-items:end;gap:14px;margin-bottom:22px;flex-wrap:wrap}.fee-period .field{max-width:230px}.fee-period .btn{margin-bottom:16px}.fee-invoice-group{border:1px solid #243853;border-radius:12px;overflow:hidden;margin:20px 0;background:#fffefa}.fee-invoice-group>header{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f3f0e8;padding:14px 18px;border-bottom:1px solid #243853}.fee-invoice-group>header strong,.fee-invoice-group>header small{display:block}.fee-invoice-group>header small{color:#52627b;margin-top:3px}.fee-invoice-group>header .btn{min-height:40px;padding:8px 12px}.fee-item-head,.fee-item-row{display:grid;grid-template-columns:minmax(180px,1fr) 130px 180px;align-items:center}.fee-item-head{background:#102342;color:white;font-size:13px;font-weight:700}.fee-item-head>*,.fee-item-row>*{padding:12px 18px;min-width:0}.fee-item-head>*+*,.fee-item-row>*+*{border-left:1px solid #b9bec5}.fee-item-row{border-top:1px solid #b9bec5}.fee-item-row>label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;margin:0}.fee-item-row input[type=checkbox]{width:20px;height:20px;min-width:20px;accent-color:#132846;margin-top:1px}.fee-item-row label small{display:block;font-size:12px;color:#52627b;font-weight:400;margin-top:5px;line-height:1.4}.fee-item-row input[type=text],.fee-review-items input{width:100%;min-width:0;min-height:44px;text-align:right;border:1px solid #42536c;border-radius:7px;padding:9px 12px;font-size:16px;color:#122641;background:#fff}.fee-item-row input:disabled{background:#eeece7;color:#65728a;border-color:#bbb}.fee-item-row input[aria-invalid=true]{border:2px solid #a42222}.fee-item-head>span:not(:first-child),.fee-money{text-align:right;font-variant-numeric:tabular-nums}.fee-line-error{display:block;font-size:12px;color:#a42222;line-height:1.4;margin-top:5px}.fee-selection-total{display:flex;gap:24px;justify-content:space-between;border-top:1px solid #263953;padding:18px 0;margin-top:20px}.fee-selection-total>div{display:grid;gap:5px}.fee-selection-total>div:last-child{text-align:right}.fee-selection-total strong{font-size:25px;font-variant-numeric:tabular-nums}.fee-selection-total span{font-size:14px;color:#42536c}.fee-pending-summary{padding:14px 18px;border:1px solid #596880;border-left:4px solid #d99b17;border-radius:9px;margin:16px 0;background:#fffaf0}.fee-pending-summary summary{font-weight:700;cursor:pointer}.fee-status-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.fee-bank-card{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px;border:1px solid #263953;border-radius:12px;margin:20px 0;background:#faf8f2}.fee-bank-card dl{margin:0;display:grid;gap:14px;flex:1}.fee-bank-card dl>div{display:grid;grid-template-columns:160px 1fr;gap:14px}.fee-bank-card dt{color:#52627b}.fee-bank-card dd{margin:0;overflow-wrap:anywhere}.fee-bank-card img{max-width:200px;max-height:200px;object-fit:contain}.fee-status-card{border:1px solid #263953;border-radius:12px;padding:24px;margin:20px 0;background:#faf8f2}.fee-status-card>strong{display:block;font-size:32px;margin:14px 0}.fee-status-card p{max-width:650px;line-height:1.6}.fee-review-items input{max-width:160px}.fee-account-body .form-error,.fee-payment-flow .form-error{color:#982222;background:#fff0ed}.fee-account-body .school-form{max-width:850px;margin-top:24px}.fee-account-body .school-empty{padding:34px 20px}.fee-document-page .finance-audit{margin-top:24px}.fee-document-page .finance-audit summary{cursor:pointer;font-weight:700}.fee-document-page .finance-audit>.school-actions{margin-top:18px}
@media(max-width:700px){.fee-account-header{gap:14px;align-items:flex-start;margin-bottom:18px}.fee-account-header h2{font-size:24px}.fee-account-balance{min-width:115px}.fee-account-balance strong{font-size:24px}.fee-account-balance span,.fee-account-balance small{font-size:12px}.fee-account-body{padding:16px!important}.fee-account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fee-account-tabs .btn{padding:10px 9px;font-size:13px}.fee-item-head{display:none}.fee-item-row{grid-template-columns:1fr 1fr;padding:14px;gap:10px}.fee-item-row>*{padding:0;border:0!important}.fee-item-row>label{grid-column:1/-1}.fee-item-row>.fee-money{text-align:left;padding-left:32px;font-size:14px}.fee-item-row>.fee-money:before{content:'RM ';color:#52627b}.fee-item-row>div{position:relative}.fee-item-row>div input{min-height:44px}.fee-invoice-group>header{padding:12px;font-size:13px}.fee-invoice-group>header .btn{font-size:12px}.fee-selection-total{gap:14px}.fee-selection-total strong{font-size:22px}.fee-selection-total span{font-size:12px}.fee-bank-card{flex-direction:column;align-items:stretch;padding:16px}.fee-bank-card dl>div{grid-template-columns:1fr;gap:4px}.fee-bank-card img{align-self:center}.fee-document-page>.card{padding:12px}.fee-document-toolbar .btn{padding:10px 14px}.fee-compact-table .school-table{overflow:auto}.fee-compact-table table{min-width:650px}.fee-period{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fee-period .field{margin:0;max-width:none}.fee-period>.btn{grid-column:1/-1;margin:0}.fee-status-row{align-items:flex-start}.fee-status-row .btn{font-size:12px;white-space:nowrap}.fee-review-items .school-table{overflow:auto}.fee-review-items table{min-width:500px}}

.fee-account-page,.fee-document-page{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}.fee-account-page>*{min-width:0}.fee-account-header>div:first-child,.fee-invoice-group>header>div{min-width:0;overflow-wrap:anywhere}.fee-account-header>div:first-child{flex:1}.fee-payment-flow,.fee-payment-flow form,.fee-invoice-group{min-width:0}.fee-invoice-group>header .btn{flex-shrink:0}.fee-account-header{margin-bottom:0}.fee-account-page{gap:14px}.fee-amount-label{display:none}@media(max-width:700px){.fee-amount-label{display:block;font-size:11px;color:#52627b;margin-bottom:4px}.fee-item-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fee-account-header>div:first-child{max-width:calc(100% - 130px)}}

.fee-account-header p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.fee-account-page>.field{margin:0}.fee-account-tabs{margin:4px 0 0}.fee-account-body #fee-item-form{display:block}.fee-payment-flow .fee-invoice-group{margin:14px 0}

#school-content .fee-make-receipt .receipt-fields{border:0;padding:0;margin:0;min-width:0}.fee-make-receipt .receipt-select-all{display:flex;align-items:center;gap:10px;font-weight:700;cursor:pointer}.receipt-select-all input{width:20px;height:20px;accent-color:#132846}.fee-make-receipt .fee-item-row>label span{min-width:0;overflow-wrap:anywhere}.fee-make-receipt .school-form{margin-top:20px}.fee-make-receipt .receipt-fields:disabled{opacity:.7}.fee-make-receipt .receipt-fields legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

.fee-make-receipt .check-row{display:flex;gap:10px;align-items:flex-start;line-height:1.5}

.fee-discount-summary{margin:20px 0;padding:18px;background:#f8f5ec;border:1px solid #ddd3ba;border-radius:12px}.fee-discount-summary>div{display:flex;justify-content:space-between;gap:16px;padding:6px 0}.fee-discount-summary dd{margin:0;font-weight:700;white-space:nowrap}.fee-discount-saving{color:#236241}.fee-discount-summary>div:last-child{border-top:1px solid #ccc3ad;margin-top:6px;padding-top:12px}