*{box-sizing:border-box}body.fee-portal{margin:0;background:#f5f6f8;color:#202124;font-family:Inter,Arial,Helvetica,sans-serif}.fee-top{background:#101010;color:#fff;padding:8px 5%;display:flex;justify-content:space-between;gap:16px;font-size:12px}.fee-header{background:#9d0000;color:#fff;padding:14px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 3px 14px rgba(0,0,0,.12)}.fee-brand{display:flex;align-items:center;gap:12px}.fee-brand img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:50%;padding:3px}.fee-brand h1{font-size:20px;margin:0}.fee-brand p{font-size:12px;margin:4px 0 0;opacity:.9}.fee-nav{display:flex;gap:16px;flex-wrap:wrap}.fee-nav a{color:#fff;text-decoration:none;font-weight:700;font-size:13px}.fee-wrap{max-width:1060px;margin:32px auto;padding:0 18px 48px}.fee-hero{text-align:center;margin:10px auto 26px}.fee-hero h2{font-size:34px;margin:0 0 8px;color:#870000}.fee-hero p{color:#62666c;margin:0 auto;max-width:760px;line-height:1.55}.fee-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 12px 36px rgba(0,0,0,.07);margin-bottom:20px}.fee-card h3{margin:0 0 16px;color:#870000}.fee-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.fee-field{display:flex;flex-direction:column;gap:7px}.fee-field label{font-weight:700;font-size:13px}.fee-field input,.fee-field select{width:100%;padding:13px 14px;border:1px solid #d6d8dc;border-radius:9px;background:#fff;font-size:15px;outline:none}.fee-field input:focus,.fee-field select:focus{border-color:#9d0000;box-shadow:0 0 0 3px rgba(157,0,0,.08)}.fee-help{font-size:12px;color:#71757b;line-height:1.45}.fee-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:#9d0000;color:#fff;font-weight:800;padding:13px 18px;cursor:pointer;text-decoration:none}.fee-btn.secondary{background:#202124}.fee-btn.light{background:#eef0f3;color:#870000}.fee-btn:disabled{opacity:.5;cursor:not-allowed}.fee-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.fee-stat{border-radius:12px;background:#fafafa;border:1px solid #eceef1;padding:18px;text-align:center}.fee-stat strong{display:block;font-size:23px;color:#870000}.fee-stat span{font-size:12px;color:#666}.student-strip{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid #eceef1}.student-name{font-size:24px;font-weight:800}.student-meta{color:#62666c;margin-top:5px}.invoice-list{width:100%;border-collapse:collapse;margin-top:12px}.invoice-list th,.invoice-list td{padding:11px 9px;border-bottom:1px solid #eceef1;text-align:left;font-size:13px}.method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.method-card{border:1px solid #e3e5e8;border-left:5px solid #9d0000;border-radius:12px;padding:18px}.method-card h4{margin:0 0 8px;font-size:18px}.notice{padding:13px 15px;border-radius:9px;margin:14px 0;line-height:1.45}.notice.success{background:#e7f7ec;color:#176a31}.notice.error{background:#fde9e9;color:#8a1111}.notice.info{background:#eef6ff;color:#174a7a}.recent-receipts{display:grid;gap:10px}.receipt-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px;border:1px solid #eceef1;border-radius:10px}.fee-footer{text-align:center;color:#777;font-size:12px;padding:25px 18px}.hidden{display:none!important}@media(max-width:720px){.fee-top{display:none}.fee-header{align-items:flex-start;flex-direction:column}.fee-nav{gap:12px}.fee-hero h2{font-size:28px}.fee-summary{grid-template-columns:1fr}.student-name{font-size:20px}.invoice-list{display:block;overflow:auto;white-space:nowrap}.fee-card{padding:18px}}