:root{--navy:#15243b;--blue:#2563eb;--soft:#f4f7fb;--line:#e2e8f0;--muted:#64748b;--danger:#b42318;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--navy)}*{box-sizing:border-box}body{margin:0;background:var(--soft);min-height:100vh}.portal-header{height:72px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.portal-brand{display:flex;align-items:center;gap:12px;color:var(--navy);text-decoration:none}.portal-brand img{width:38px;height:38px}.portal-logout,.portal-secondary-link,.portal-back{color:var(--blue);text-decoration:none;font-weight:700}.portal-main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:48px 0 64px}.portal-footer{text-align:center;padding:24px;color:var(--muted);font-size:13px}.portal-footer a{color:var(--blue)}.portal-auth-card,.portal-panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 40px rgba(21,36,59,.07)}.portal-auth-card{width:min(480px,100%);margin:5vh auto;padding:36px}.portal-auth-card h1,.portal-heading h1,.portal-payment-card h1{margin:8px 0 10px;font-size:clamp(26px,4vw,38px)}.portal-auth-card p,.portal-heading p,.portal-security-note{color:var(--muted);line-height:1.6}.portal-eyebrow{font-size:12px;letter-spacing:.16em;color:var(--blue);font-weight:800}.portal-auth-card label,.portal-payment-card>form>label:not(.portal-choice){display:block;margin:24px 0 8px;font-weight:700}.portal-auth-card input,.portal-payment-card input[type=number]{width:100%;height:52px;border:1px solid #cbd5e1;border-radius:10px;padding:0 14px;font-size:18px}.portal-auth-card small{display:block;margin-top:7px;color:var(--muted)}.portal-button{display:block;width:100%;border:0;border-radius:10px;padding:15px 20px;margin-top:24px;background:var(--blue);color:#fff;text-align:center;text-decoration:none;font-size:16px;font-weight:800;cursor:pointer}.portal-secondary-link{display:block;text-align:center;margin-top:22px}.portal-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.portal-button-inline{width:auto;margin:0}.portal-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.portal-summary-grid article{padding:24px;border-radius:16px;background:#fff;border:1px solid var(--line)}.portal-summary-grid span,.portal-payable span{display:block;color:var(--muted);font-size:14px}.portal-summary-grid strong,.portal-payable strong{display:block;margin-top:8px;font-size:27px}.portal-summary-total{background:linear-gradient(135deg,#15243b,#244b7d)!important;color:#fff}.portal-summary-total span{color:#cbd5e1}.portal-panel{overflow:hidden}.portal-panel-header{display:flex;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line)}.portal-panel-header h2{margin:0}.portal-table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:15px 18px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{font-size:12px;color:var(--muted);text-transform:uppercase}.number{text-align:right}.empty{text-align:center;color:var(--muted);padding:40px}.portal-narrow{width:min(680px,100%);margin:0 auto}.portal-back{display:inline-block;margin-bottom:18px}.portal-payment-card{padding:32px}.portal-payable{margin:24px 0;padding:20px;border-radius:12px;background:#eef4ff}.portal-choice{display:flex;align-items:center;gap:12px;padding:16px;margin:10px 0;border:1px solid var(--line);border-radius:12px;cursor:pointer}.portal-choice input{width:20px;height:20px}.portal-choice span,.portal-choice small{display:block}.portal-choice small{margin-top:3px;color:var(--muted)}.portal-card-placeholder{margin:24px 0;padding:28px;border-radius:18px;background:linear-gradient(135deg,#15243b,#2563eb);color:#fff;font-size:24px;letter-spacing:.14em}.portal-card-placeholder small{display:block;margin-top:25px;font-size:12px;letter-spacing:0;color:#dbeafe}.card-chip{width:44px;height:32px;margin-bottom:30px;border-radius:7px;background:#f8d477}.message{padding:14px 18px;margin-bottom:18px;border-radius:10px;background:#eaf3ff;color:#164e9b}.message.error{background:#feecec;color:var(--danger)}.message.warning{background:#fff4d6;color:#8a5900}@media(max-width:760px){.portal-main{padding-top:28px}.portal-heading{display:block}.portal-button-inline{width:100%;margin-top:18px}.portal-summary-grid{grid-template-columns:1fr}.portal-auth-card,.portal-payment-card{padding:24px}.portal-header{padding:0 16px}.portal-brand span{font-size:14px}}