.portal-page{padding:20px;background:linear-gradient(145deg,#073b55,#078987)}.portal-page .portal-card{width:min(440px,100%);padding:30px;border-radius:20px}.portal-heading{text-align:center;margin-bottom:20px}.portal-page .portal-heading img{display:block;width:145px;height:100px;object-fit:contain;margin:0 auto 8px}.portal-page .portal-heading h1{margin:0 0 6px;text-align:center;font-size:30px}.portal-page .client-name{margin:0;text-align:center;font-size:21px;color:#0a3b5d}.portal-page .loan-card{margin:0 0 18px;padding:20px;border-radius:14px}.portal-page .loan-card h2{margin-bottom:12px}.portal-page .total-row{font-size:15px}.portal-page .due-date{text-align:center;line-height:1.5;color:#607585}.portal-page .status-badge{display:inline-flex;padding:6px 10px;border-radius:20px;font-size:12px;font-weight:800}.portal-page .status-badge.ok{background:#dff5ed;color:#08775f}.portal-page .status-badge.late{background:#fee5e2;color:#b63831}.portal-page .portal-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}.portal-page .portal-actions a{display:flex!important;align-items:center;justify-content:center;min-height:44px;padding:10px!important;border-radius:9px;background:#078987!important;color:#fff!important;text-align:center!important;text-decoration:none!important;font-size:13px;font-weight:800}.portal-page .portal-actions .logout-button{background:#e8eff2!important;color:#163b55!important}.portal-page form button{color:#fff}.portal-page .portal-heading+form{margin-top:10px}
@media(max-width:480px){.portal-page{padding:0;align-items:start}.portal-page .portal-card{min-height:100vh;border-radius:0;padding:24px 18px}.portal-page .portal-actions{grid-template-columns:1fr}}