:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--surface-canvas:#f3f7f8;--surface-panel:#fff;--surface-subtle:#e8f0f1;--surface-emphasis:#102f36;--ink-strong:#102a30;--ink-body:#2e474d;--ink-muted:#52676c;--ink-on-emphasis:#f7fbfb;--accent:#007d86;--accent-strong:#005f67;--accent-soft:#dff3f3;--state-positive:#1c6b4d;--state-positive-soft:#e3f4eb;--state-warning:#855400;--state-warning-soft:#fff1d2;--state-danger:#a33a3a;--state-danger-soft:#fce9e8;--state-neutral:#3f626b;--state-neutral-soft:#e6f0f2;--border-subtle:#d5e0e2;--border-strong:#9eb2b6;--focus-ring:#006e77;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1.125rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--type-xs:.75rem;--type-sm:.875rem;--type-body:1rem;--type-title:clamp(1.9rem, 4vw, 3.25rem);--line-body:1.6;--touch-target:2.75rem;--content-width:96rem;--navigation-height:5rem;--transition-fast:.18s ease;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--surface-canvas);scroll-behavior:smooth;min-width:20rem;min-height:100%}body{background:var(--surface-canvas);min-height:100vh;color:var(--ink-body);font-size:var(--type-body);line-height:var(--line-body);text-rendering:optimizelegibility;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit}svg{display:block}:focus-visible{outline:.1875rem solid var(--focus-ring);outline-offset:.1875rem}.shell{width:min(100%, var(--content-width));min-height:100vh;padding:max(var(--space-5), env(safe-area-inset-top)) max(var(--space-4), env(safe-area-inset-right)) calc(var(--navigation-height) + var(--space-6) + env(safe-area-inset-bottom)) max(var(--space-4), env(safe-area-inset-left));margin-inline:auto}.portal-home-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr);grid-template-areas:"header""selector""service""account""payment""quick";display:grid}.connection-workspace{display:contents}.portal-header{grid-area:header}.connection-switcher{grid-area:selector}.service-overview{grid-area:service}.account-summary{grid-area:account}.payment-methods{grid-area:payment}.quick-actions{grid-area:quick}.portal-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.portal-header__brand{color:var(--accent-strong);font-size:var(--type-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:800;text-decoration:none}.portal-header__greeting{margin:var(--space-2) 0 0;color:var(--ink-strong);font-size:var(--type-title);letter-spacing:-.045em;font-weight:750;line-height:1.05}.portal-header__subtitle{max-width:54ch;margin:var(--space-3) 0 0;color:var(--ink-muted);font-size:var(--type-sm)}.service-overview{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface-emphasis);color:var(--ink-on-emphasis)}.service-overview__topline,.service-overview__body,.service-overview__details,.account-summary__main{justify-content:space-between;gap:var(--space-4);display:flex}.service-overview__topline{align-items:center}.service-overview__eyebrow,.section-heading__eyebrow{color:#afd6d9;font-size:var(--type-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:750}.service-overview__status{align-items:center;gap:var(--space-2);color:#d9e9ea;font-size:var(--type-xs);white-space:nowrap;font-weight:700;display:inline-flex}.service-overview__status-dot{background:#a7bdc0;border-radius:50%;width:.5rem;height:.5rem}.service-overview[data-tone=positive] .service-overview__status-dot{background:#7bd0a8}.service-overview[data-tone=danger] .service-overview__status-dot{background:#f09d96}.service-overview[data-tone=warning] .service-overview__status-dot{background:#f1c370}.service-overview__body{margin-top:var(--space-5);align-items:flex-end}.service-overview__copy{min-width:0}.service-overview h1{max-width:18ch;color:var(--ink-on-emphasis);letter-spacing:-.04em;margin:0;font-size:clamp(1.6rem,4vw,2.65rem);line-height:1.08}.service-overview p{max-width:54ch;margin:var(--space-3) 0 0;color:#d6e3e4;font-size:var(--type-sm)}.service-overview__icon{border-radius:var(--radius-md);color:#a8d9dc;border:1px solid #426269;flex:none;place-items:center;width:4rem;height:4rem;display:grid}.service-overview__details{margin:var(--space-6) 0 0;padding-top:var(--space-4);border-top:1px solid #385961;align-items:flex-start}.service-overview__details>div{min-width:0}.service-overview dt{color:#afd6d9;font-size:var(--type-xs)}.service-overview dd{margin:var(--space-1) 0 0;color:var(--ink-on-emphasis);overflow-wrap:anywhere;font-weight:700}.connection-switcher{gap:var(--space-2);display:grid}.connection-switcher label{color:var(--accent-strong);font-size:var(--type-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:750}.connection-switcher select{width:100%;min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-panel);color:var(--ink-strong);cursor:pointer}.section-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}.section-heading__eyebrow{color:var(--accent-strong);display:block}.section-heading h2{margin:var(--space-2) 0 0;color:var(--ink-strong);letter-spacing:-.025em;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.2}.account-summary{margin-top:var(--space-6);padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-panel)}.account-summary__icon{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-sm);background:var(--state-neutral-soft);color:var(--state-neutral);place-items:center;display:grid}.account-summary[data-tone=positive] .account-summary__icon{background:var(--state-positive-soft);color:var(--state-positive)}.account-summary[data-tone=warning] .account-summary__icon{background:var(--state-warning-soft);color:var(--state-warning)}.account-summary__main{margin-top:var(--space-6);align-items:flex-end}.account-summary__main>div{min-width:0}.account-summary__label{color:var(--ink-muted);font-size:var(--type-xs);display:block}.account-summary strong{margin-top:var(--space-1);color:var(--ink-strong);font-size:1.25rem;display:block}.account-summary__amount{text-align:right}.account-summary__amount strong{font-size:1.75rem}.account-summary__description{margin:var(--space-4) 0 0;color:var(--ink-muted);font-size:var(--type-sm)}.account-summary__details{gap:var(--space-4);margin:var(--space-5) 0 0;padding-top:var(--space-4);border-top:1px solid var(--border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.account-summary__details dt{color:var(--ink-muted);font-size:var(--type-xs)}.account-summary__details dd{margin:var(--space-1) 0 0;color:var(--ink-strong);font-size:var(--type-sm);font-weight:700}.account-summary__connections{margin:var(--space-2) 0 0;color:var(--accent-strong);font-size:var(--type-sm);font-weight:700}.payment-methods{margin-top:var(--space-7);min-width:0}.payment-methods__list{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.payment-method{min-width:0;padding:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-subtle);text-align:center;transition:border-color var(--transition-fast), background-color var(--transition-fast);flex-direction:column;align-items:center;display:flex}.payment-method:hover,.payment-method:focus-within{border-color:var(--accent);background:var(--surface-panel)}.payment-method__heading{flex-direction:column;align-items:center;min-width:0;display:flex}.payment-method__heading h3{color:var(--ink-strong);font-size:var(--type-sm);margin:0}.payment-method__heading p{margin:var(--space-1) 0 0;color:var(--ink-muted);font-size:var(--type-xs)}.payment-method__icon{width:var(--touch-target);height:var(--touch-target);margin-top:var(--space-1);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-panel);color:var(--accent-strong);place-items:center;display:grid}.payment-method__number{min-width:1.25rem;color:var(--accent-strong);font-weight:800;display:inline-block}.payment-method__owner{margin:var(--space-3) 0 0}.payment-method__data{min-width:0}.payment-method__transfer-data{align-items:center;column-gap:var(--space-4);row-gap:var(--space-2);grid-template-columns:6.875rem minmax(0,1fr) auto;display:grid}.payment-method__transfer-data .payment-method__copy{width:7rem;height:2.25rem;min-height:2.25rem;padding:0 var(--space-2);justify-content:center;align-items:center;display:inline-flex}.payment-method__transfer-data .payment-method__feedback{grid-column:1/-1}.payment-method__details{gap:var(--space-3);margin:var(--space-4) 0 0;display:grid}.payment-method__value-row{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.payment-method__value-row>div{min-width:0}.payment-method__label{color:var(--ink-muted);font-size:var(--type-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:750;display:block}.payment-method__value{margin-top:var(--space-1);color:var(--ink-strong);font-size:var(--type-sm);letter-spacing:.02em;overflow-wrap:anywhere;font-weight:700;display:block}.payment-method__copy,.payment-method__invoice{min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-panel);color:var(--accent-strong);cursor:pointer;font-size:var(--type-xs);white-space:nowrap;font-weight:750}.payment-method__copy:hover,.payment-method__invoice:hover{border-color:var(--accent);background:var(--accent-soft)}.payment-method__copy:focus-visible,.payment-method__invoice:focus-visible{border-color:var(--accent)}.payment-method__feedback{min-height:1.4rem;margin:var(--space-3) 0 0;color:var(--state-positive);font-size:var(--type-xs)}.payment-method__cash-address{margin-top:var(--space-4)}.payment-method address{margin-top:var(--space-1);color:var(--ink-strong);font-size:var(--type-sm);overflow-wrap:anywhere;font-style:normal;font-weight:700}.payment-method--barcode{background:var(--surface-subtle)}.payment-method__invoice{margin-top:var(--space-4)}.payment-methods__status{margin:var(--space-4) 0 0;color:var(--ink-muted);font-size:var(--type-sm)}.payment-methods__status--warning{color:var(--state-warning)}.quick-actions{margin-top:var(--space-7)}.section-heading--actions{align-items:center}.section-heading__rule{background:var(--border-strong);width:3rem;height:1px}.quick-actions__list{gap:var(--space-2);margin-top:var(--space-4);display:grid}.quick-action{align-items:center;gap:var(--space-3);width:100%;min-height:0;padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-panel);color:var(--ink-strong);cursor:pointer;text-align:left;transition:border-color var(--transition-fast), background-color var(--transition-fast);display:flex}.quick-action:hover{border-color:var(--accent);background:var(--accent-soft)}.quick-action__icon{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-sm);background:var(--surface-subtle);color:var(--accent-strong);flex:none;place-items:center;display:grid}.quick-action__copy{gap:var(--space-1);min-width:0;display:grid}.quick-action__copy strong{font-size:var(--type-sm)}.quick-action__copy small{color:var(--ink-muted);font-size:var(--type-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quick-action__arrow{color:var(--accent-strong);margin-left:auto;font-size:1.25rem}.quick-action--support{background:0 0;border-color:#0000}.quick-action--support .quick-action__icon{background:var(--accent-soft)}.portal-navigation{z-index:20;right:max(var(--space-3), env(safe-area-inset-right));bottom:max(var(--space-3), env(safe-area-inset-bottom));left:max(var(--space-3), env(safe-area-inset-left));max-width:34rem;padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-panel);margin-inline:auto;position:fixed}.portal-navigation__list{gap:var(--space-1);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.portal-navigation__link{min-width:0;min-height:var(--touch-target);justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);border-radius:var(--radius-sm);color:var(--ink-muted);font-size:var(--type-xs);text-align:center;transition:color var(--transition-fast), background-color var(--transition-fast);font-weight:650;line-height:1.2;text-decoration:none;display:flex}.portal-navigation__link:hover{color:var(--accent-strong);background:var(--surface-subtle)}.portal-navigation__link[aria-current=page]{background:var(--accent-soft);color:var(--accent-strong)}.portal-navigation__icon{flex:none}@media (max-width:26rem){.service-overview{padding:var(--space-4)}.service-overview__body{margin-top:var(--space-4);flex-direction:column-reverse;align-items:flex-start}.service-overview__icon{width:3.5rem;height:3.5rem}.service-overview__details{gap:var(--space-3)}.payment-method__value-row{flex-direction:column;align-items:flex-start}.payment-method__copy{align-self:flex-start;width:auto}.payment-method__transfer-data{grid-template-columns:minmax(0,1fr)}.payment-method__transfer-empty-action{display:none}.payment-method__transfer-data .payment-method__copy{width:auto;min-width:7rem;min-height:var(--touch-target);height:auto}.portal-navigation__link{flex-direction:column}}@media (max-width:63.99rem){.payment-method{height:auto}}@media (min-width:64rem){.shell{padding:max(var(--space-7), env(safe-area-inset-top)) max(var(--space-6), env(safe-area-inset-right)) max(var(--space-7), env(safe-area-inset-bottom)) max(var(--space-6), env(safe-area-inset-left))}.portal-home-grid{align-items:start;column-gap:clamp(var(--space-5), 3vw, var(--space-7));row-gap:var(--space-5);grid-template-columns:minmax(0,1.45fr) minmax(20rem,.85fr);grid-template-areas:"header header""selector selector""service account""payment quick"}.service-overview{padding:var(--space-6)}.service-overview__body,.service-overview__details{margin-top:var(--space-4)}.account-summary{padding:var(--space-6);margin-top:0}.account-summary__main{margin-top:var(--space-5)}.account-summary__details{margin-top:var(--space-4)}.payment-methods{padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-panel);grid-area:payment;margin-top:0}.quick-actions{margin-top:0}.payment-methods__list{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(10.75rem,auto);align-items:stretch}.payment-method{height:100%;min-height:10.75rem;padding:var(--space-4);text-align:left;grid-template-columns:minmax(13rem,.8fr) minmax(0,1.8fr) auto;align-content:center;align-items:center;display:grid}.payment-method__heading{text-align:center;align-items:center}.payment-method__data{align-items:center;gap:var(--space-4);grid-column:2/-1;grid-template-columns:minmax(8rem,.75fr) minmax(0,1.25fr);display:grid}.payment-method__transfer-data{gap:var(--space-3) var(--space-4);grid-template-columns:6.875rem minmax(0,1fr) auto}.payment-method__transfer-data .payment-method__copy{width:7rem;height:2.25rem;min-height:2.25rem;padding:0 var(--space-2)}.payment-method__owner{margin:0}.payment-method__details{gap:var(--space-3);grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.payment-method__feedback{min-height:0;margin:var(--space-1) 0 0;grid-column:1/-1}.payment-method__cash-address{grid-column:2/-1;margin:0}.payment-method__invoice{grid-column:3;justify-self:center;margin:0}.payment-method__details{gap:var(--space-2)}.quick-actions__list{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action{padding:var(--space-3)}.quick-action__copy small{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.portal-navigation{max-width:none;margin:0 0 var(--space-6);border-radius:var(--radius-md);position:static}.portal-navigation__link{min-height:3.25rem;padding-inline:var(--space-3);font-size:var(--type-sm)}}@media (min-width:64rem) and (max-width:70rem){.portal-home-grid{grid-template-columns:minmax(0,1.2fr) minmax(17rem,.8fr)}.service-overview,.account-summary,.payment-methods{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.quick-action,.portal-navigation__link{transition:none}}