.customer-home{gap:20px;display:grid}.customer-hero{background:linear-gradient(120deg, var(--brand-strong), var(--brand));box-shadow:0 14px 34px color-mix(in srgb, var(--brand) 22%, transparent);color:var(--brand-on);border-radius:20px;align-items:center;gap:18px;padding:26px 28px;display:flex}.customer-hero h1{letter-spacing:-.02em;margin:2px 0 6px;font-size:clamp(1.4rem,2.6vw,1.9rem)}.customer-hero p{opacity:.88;margin:0}.customer-hero .customer-hero-eyebrow{letter-spacing:.14em;opacity:.7;font-size:10px;font-weight:800}.customer-hero-avatar{background:#ffffff2e;border:1px solid #ffffff4d;border-radius:50%;flex:none;justify-content:center;align-items:center;width:62px;height:62px;font-size:1.5rem;font-weight:800;display:inline-flex}.customer-summary{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;display:grid}.customer-next-charge{background:var(--surface);border:1px solid var(--border);border-left:5px solid var(--brand);border-radius:18px;gap:12px;padding:22px 24px;display:grid}.customer-next-charge.is-overdue{border-left-color:var(--danger)}.customer-card-kicker{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:7px;margin:0;font-size:12px;font-weight:750;display:flex}.customer-next-amount{letter-spacing:-.04em;font-size:clamp(2rem,4vw,2.7rem);line-height:1}.customer-next-amount.calm{color:var(--brand);font-size:1.8rem}.customer-card-text{color:var(--muted);margin:0}.customer-next-meta{flex-wrap:wrap;gap:28px;display:flex}.customer-next-meta span{gap:2px;font-weight:700;display:grid}.customer-next-meta small{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.customer-next-charge .primary-button{justify-self:start}.customer-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.customer-stat{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:16px;gap:2px;padding:16px 18px;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}.customer-stat:hover,.customer-stat:focus-visible{border-color:var(--brand);transform:translateY(-2px)}.customer-stat small{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:750}.customer-stat strong{letter-spacing:-.03em;font-size:1.9rem}.customer-stat span{color:var(--muted);font-size:12px}.customer-stat.danger strong{color:var(--danger)}.customer-shortcuts{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;display:grid}.customer-shortcut{background:var(--brand-wash);border:1px solid var(--brand-line);color:inherit;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.customer-shortcut:hover,.customer-shortcut:focus-visible{border-color:var(--brand);box-shadow:0 8px 20px color-mix(in srgb, var(--brand) 12%, transparent)}.customer-shortcut>span:last-child{gap:2px;display:grid}.customer-shortcut small{color:var(--muted);font-size:12px}.customer-shortcut-icon{background:var(--brand);color:var(--brand-on);border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.customer-data{padding:20px 22px}.customer-data .section-description{margin:16px 0 0}.customer-data .portal-data .wide{grid-column:1/-1}.customer-permissions summary{color:var(--muted);cursor:pointer;margin-bottom:10px;font-size:13px;font-weight:700}@media (max-width:860px){.customer-summary{grid-template-columns:minmax(0,1fr)}.customer-hero{padding:20px}}
.impersonation-banner{color:#fff;z-index:19;background:#1f2a44;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 32px;display:flex;position:sticky;top:72px}.impersonation-banner p{flex:320px;margin:0;font-size:13px}.impersonation-banner .secondary-button{color:#1f2a44;background:#fff}