:root{--payment-ink:#14352e;--payment-muted:#61756f;--payment-line:#e2e9e5;--payment-paper:#f6f8f5}
.fi-body{background:var(--payment-paper)}
.payment-welcome{position:relative;overflow:hidden;padding:40px 44px;border-radius:20px;background:#163e33;color:#fff}
.payment-eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:#b9d5bc;margin-bottom:22px}
.payment-welcome h2{font-size:clamp(28px,3.3vw,44px);font-weight:650;line-height:1.13;letter-spacing:-.035em;max-width:620px;position:relative;z-index:1}
.payment-welcome p{font-size:14px;line-height:1.7;max-width:470px;color:#cfddd5;margin-top:18px;position:relative;z-index:1}
.payment-button{display:inline-flex;align-items:center;gap:25px;background:#dbefb1;color:#163e33;padding:13px 19px;border-radius:9px;font-size:13px;font-weight:650;margin-top:27px;position:relative;z-index:1}
.payment-button:hover{background:#edffd0}.payment-button:focus-visible{outline:3px solid white;outline-offset:4px}
.payment-orbit{position:absolute;right:14px;top:-66px;width:340px;height:340px;display:grid;place-items:center;border:1px solid #749b804f;border-radius:50%;font-size:230px;font-weight:200;color:#91b48923;transform:rotate(-5deg)}
.payment-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.payment-stats article{border:1px solid var(--payment-line);background:white;border-radius:15px;padding:23px 27px}
.payment-stats span{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--payment-muted)}
.payment-stats strong{display:block;font-size:38px;font-weight:600;line-height:1.1;letter-spacing:-.04em;color:var(--payment-ink);margin:16px 0 9px}
.payment-stats p,.payment-card p{color:var(--payment-muted);font-size:13px;line-height:1.7}
.payment-panels{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}
.payment-card{background:white;border:1px solid var(--payment-line);border-radius:15px;padding:29px}
.payment-section-label{font-size:10px;letter-spacing:.12em;font-weight:700;color:var(--payment-muted);margin-bottom:10px}
.payment-card h3{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.025em;color:var(--payment-ink);margin-bottom:22px}
.payment-flow{list-style:none;margin:0;padding:0}.payment-flow li{display:flex;gap:17px;margin-top:23px;align-items:flex-start}
.payment-flow b{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border:1px solid var(--payment-line);border-radius:50%;font-size:11px;color:#55735d;background:#f6f9f4}
.payment-flow strong,.payment-next strong{display:block;font-size:13px;font-weight:650;color:var(--payment-ink);margin-bottom:4px}
.payment-status{display:inline-flex;align-items:center;gap:8px;font-size:11px;padding:6px 10px;border-radius:20px;background:#eff4e6;color:#527038;margin-bottom:14px}.payment-status i{width:6px;height:6px;border-radius:50%;background:#78984a}
.payment-next{border-top:1px solid var(--payment-line);margin-top:19px;padding-top:18px}.payment-note{font-size:11px!important;margin-top:17px}
@media(max-width:760px){.payment-welcome{padding:28px}.payment-orbit{right:-130px}.payment-panels{grid-template-columns:1fr}.payment-stats{gap:9px}.payment-stats article{padding:17px}.payment-stats span{font-size:9px}.payment-stats p{font-size:11px}.payment-stats strong{font-size:30px}}
@media(max-width:460px){.payment-stats{grid-template-columns:1fr}.payment-stats article{display:grid;grid-template-columns:1fr auto;align-items:center}.payment-stats strong{grid-column:2;grid-row:1 / 3;margin:0}.payment-stats p{grid-column:1}.payment-welcome h2{font-size:30px}}

.payment-dashboard-intro h2{font-size:2rem;font-weight:700;letter-spacing:-.04em;color:#153b2b;margin:.5rem 0 1rem}.payment-dashboard-runs a{display:flex;gap:1rem;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #e7eeea}.payment-dashboard-runs span{color:#53685d}.payment-dashboard-intro{margin-bottom:1rem}.payment-dashboard-runs{margin-top:1rem}
.payment-month-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.payment-month-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.payment-month-stats{grid-template-columns:1fr}}