.flux-portal{margin:0;background:#f6f8fc;color:#152340;font-family:system-ui,sans-serif;line-height:1.5}.flux-portal *{box-sizing:border-box}.portal-header{height:88px;padding:20px 5%;background:#fff;border-bottom:1px solid #e2e7f0;display:flex;align-items:center;justify-content:space-between}.portal-brand{font-weight:900;font-size:28px;letter-spacing:-1px;color:#3157ff;text-decoration:none}.portal-brand span{display:block;font-size:9px;letter-spacing:2px;color:#63708a}.portal-main{padding:40px 5% 20px}.portal-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.portal-intro h1{font-size:clamp(30px,4vw,44px);letter-spacing:-1.5px;margin:6px 0}.portal-intro p{margin:0;color:#63708a}.portal-status{background:#e7f7ef;color:#14794f;font-size:12px;font-weight:700;padding:7px 12px;border-radius:40px;white-space:nowrap}.portal-nav{position:sticky;top:0;z-index:10;display:flex;gap:6px;background:#fff;border:1px solid #e1e7f1;border-radius:12px;padding:7px;overflow:auto}.portal-nav a{padding:10px 18px;color:#4b5871;text-decoration:none;font-size:14px;white-space:nowrap;border-radius:7px;font-weight:600}.portal-nav a:hover,.portal-nav a:focus{background:#edf1ff;color:#3157ff}.portal-section{scroll-margin-top:84px;margin-top:40px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:18px}.section-heading h2{margin:3px 0;font-size:25px;letter-spacing:-.5px}.flux-portal .flux-ui-eyebrow{font-size:10px;letter-spacing:1.5px;color:#3157ff;font-weight:750;text-transform:uppercase}.portal-card{background:#fff;border:1px solid #e0e6f0;border-radius:14px;padding:26px;box-shadow:0 3px 15px #16233e03}.portal-card h3{margin:0 0 10px;font-size:19px}.portal-muted{color:#63708a;font-size:13px}.card-label{font-size:12px;color:#63708a;font-weight:650;margin-top:0!important}.portal-number{font-size:clamp(28px,4vw,40px);letter-spacing:-1.2px;display:block}.portal-overview-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:20px}.portal-debt{background:#edf2ff;border-color:#d8e2ff}.portal-ring{width:156px;height:156px;background:conic-gradient(#3157ff var(--portion),#dce4fb 0);border-radius:50%;margin:22px 0;display:grid;place-items:center}.portal-ring>div{width:132px;height:132px;border-radius:50%;background:#edf2ff;display:flex;align-items:center;justify-content:center;flex-direction:column}.portal-ring strong{font-size:34px}.portal-ring span{font-size:11px;color:#63708a}.portal-comparison{margin-top:30px}.portal-comparison>div:not(.portal-track){display:flex;justify-content:space-between;font-size:13px;gap:10px}.portal-track{height:9px;background:#edf0f6;border-radius:9px;margin:10px 0 20px;overflow:hidden}.portal-track i{display:block;background:#3157ff;height:100%;border-radius:9px}.portal-track.green i{background:#18a878}.portal-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.portal-mini-grid>div{background:#f6f8fc;padding:14px;border-radius:9px}.portal-mini-grid span,.portal-payments span{font-size:12px;color:#63708a;display:block}.portal-mini-grid strong{display:block;margin-top:4px;font-size:15px}.portal-payments{margin-top:20px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:25px;align-items:center}.portal-payments strong{display:block;font-size:26px;margin:6px 0}.portal-payments small{color:#63708a}.portal-profile-grid,.portal-creditor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.portal-details{margin:20px 0 0}.portal-details>div{display:grid;grid-template-columns:1fr 1.6fr;padding:10px 0;border-bottom:1px solid #eef1f6;gap:20px}.portal-details dt{font-size:12px;color:#63708a}.portal-details dd{margin:0;font-size:14px;overflow-wrap:anywhere}.creditor-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.creditor-amount{font-size:27px;letter-spacing:-.8px}.portal-budget-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}.portal-budget-summary span{display:block;font-size:12px;color:#63708a}.portal-budget-summary strong{display:block;font-size:26px;margin-top:9px;letter-spacing:-.6px}.portal-budget-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin:0}.portal-budget-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #eef1f6;font-size:14px}.portal-budget-list dd{margin:0;font-weight:650;white-space:nowrap}.portal-footer{padding:32px 5%;color:#63708a;font-size:12px;border-top:1px solid #e2e7f0;margin-top:40px}.portal-auth{background:#fff;border:1px solid #e0e6f0;border-radius:16px;max-width:480px;margin:40px auto;padding:36px}.portal-auth h1{font-size:30px;letter-spacing:-1px}.portal-auth label{display:block;font-size:14px;margin:18px 0}.portal-auth input:not([type=hidden]){display:block;width:100%;padding:12px;border:1px solid #d5ddeb;border-radius:8px;font:inherit;margin-top:8px}.portal-auth input[type=submit],.portal-button{background:#3157ff!important;color:#fff!important;border:0;padding:12px 20px;border-radius:8px;font-weight:650;cursor:pointer}.flux-portal a:focus-visible,.flux-portal button:focus-visible,.flux-portal input:focus-visible{outline:3px solid #a4b5ff;outline-offset:3px}@media(max-width:720px){.portal-header{height:75px}.portal-main{padding-top:25px}.portal-intro{align-items:flex-start;gap:15px}.portal-intro p:not(.flux-ui-eyebrow){font-size:13px}.portal-overview-grid,.portal-profile-grid,.portal-creditor-grid,.portal-budget-list{grid-template-columns:1fr}.portal-payments{grid-template-columns:1fr 1fr}.portal-payments>div:first-child{grid-column:1/-1}.portal-budget-summary{grid-template-columns:1fr}.portal-card{padding:22px}.section-heading{align-items:flex-start}.section-heading>span{font-size:11px}.portal-nav a{padding:9px 13px}.portal-auth{padding:25px;margin:20px 0}}
.flux-portal{background:var(--flux-surface-soft);color:var(--flux-text)}.flux-portal .portal-card,.flux-portal .portal-auth,.flux-portal .portal-header,.flux-portal .portal-nav{background:var(--flux-surface);border-color:var(--flux-border);box-shadow:var(--flux-shadow)}.flux-portal .portal-card,.flux-portal .portal-auth{border-radius:var(--flux-radius)}.flux-portal .portal-debt,.flux-portal .portal-ring>div{background:var(--flux-primary-soft)}.flux-portal .portal-brand,.flux-portal .flux-ui-eyebrow,.flux-portal .portal-nav a:focus,.flux-portal .portal-nav a:hover{color:var(--flux-primary)}.flux-portal .portal-ring{background:conic-gradient(var(--flux-primary) var(--portion),var(--flux-border) 0)}.flux-portal .portal-track i{background:var(--flux-primary)}.flux-portal .portal-track.green i{background:var(--flux-success)}.flux-portal .portal-status{background:var(--flux-success-soft);color:var(--flux-success)}.flux-portal .portal-button,.flux-portal .portal-auth input[type=submit]{background:var(--flux-primary)!important}.flux-portal .portal-muted{color:var(--flux-muted)}
