.portal-module__3i_qga__root{--m-bg:#f7f8fb;--m-panel:#fff;--m-ink:#14172a;--m-indigo:#3730a3;--m-indigo-hi:#4338ca;--m-line:#e3e6ef;--m-muted:#6b7189;--m-green:#0f7a4d;--m-amber:#a86a00;--m-red:#b02a37;background:var(--m-bg);color:var(--m-ink);font-family:var(--font-body), system-ui, sans-serif;min-height:100vh}.portal-module__3i_qga__root *,.portal-module__3i_qga__root :before,.portal-module__3i_qga__root :after{box-sizing:border-box}.portal-module__3i_qga__num{font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums}.portal-module__3i_qga__bar{background:var(--m-panel);border-bottom:1px solid var(--m-line);position:relative;overflow:hidden}.portal-module__3i_qga__bar:before{content:"";opacity:.6;pointer-events:none;background-image:linear-gradient(115deg,#ffffffed,#f7f8fbdb),url(/demo-images/payments/hero.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.portal-module__3i_qga__barInner{z-index:1;justify-content:space-between;align-items:center;gap:1rem;max-width:1080px;margin-inline:auto;padding:.85rem clamp(1rem,4vw,2rem);display:flex;position:relative}.portal-module__3i_qga__brand{align-items:center;gap:.6rem;font-weight:600;display:flex}.portal-module__3i_qga__brandMark{background:var(--m-indigo);color:#fff;border-radius:6px;place-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:grid}.portal-module__3i_qga__account{color:var(--m-muted);border:1px solid #0000;border-radius:999px;align-items:center;gap:.55rem;padding:.3rem .55rem .3rem .3rem;font-size:.88rem;transition:border-color .15s,box-shadow .15s,background-color .15s;display:flex}.portal-module__3i_qga__account:hover{border-color:var(--m-line);background:var(--m-bg);box-shadow:0 2px 10px #14172a0f}.portal-module__3i_qga__accountText{flex-direction:column;line-height:1.25;display:flex}.portal-module__3i_qga__accountName{color:var(--m-ink);font-size:.85rem;font-weight:600}.portal-module__3i_qga__accountSub{color:var(--m-muted);font-size:.72rem}.portal-module__3i_qga__accountChevron{color:var(--m-muted);font-size:.8rem}.portal-module__3i_qga__avatar{background:linear-gradient(135deg, var(--m-indigo), var(--m-indigo-hi));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:.78rem;font-weight:600;display:grid}.portal-module__3i_qga__main{max-width:1080px;margin-inline:auto;padding:clamp(1.5rem,4vw,2.5rem) clamp(1rem,4vw,2rem) 4rem}.portal-module__3i_qga__pageTitle{letter-spacing:-.01em;margin:0 0 .3rem;font-size:1.6rem;font-weight:600}.portal-module__3i_qga__pageSub{color:var(--m-muted);margin:0 0 1.25rem;font-size:.95rem}.portal-module__3i_qga__contextRow{flex-wrap:wrap;gap:.85rem;margin-bottom:1.75rem;display:flex}.portal-module__3i_qga__billedTo{background:var(--m-panel);border:1px solid var(--m-line);border-radius:8px;flex:260px;align-items:center;gap:.75rem;padding:.7rem .9rem;display:flex}.portal-module__3i_qga__billedToImg{object-fit:cover;border-radius:6px;flex-shrink:0;width:46px;height:46px}.portal-module__3i_qga__billedToLabel{color:var(--m-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.portal-module__3i_qga__billedToName{margin-top:.1rem;font-size:.9rem;font-weight:600}.portal-module__3i_qga__billedToAddr{color:var(--m-muted);margin-top:.1rem;font-size:.78rem}.portal-module__3i_qga__autopayBadge{color:var(--m-indigo);background:#f0f4ff;border:1px solid #d6ddfb;border-radius:8px;flex:260px;align-items:center;gap:.6rem;padding:.7rem .9rem;font-size:.85rem;font-weight:600;display:flex}.portal-module__3i_qga__autopayDot{background:var(--m-green);border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:2.2s ease-out infinite portal-module__3i_qga__autopayPulse;box-shadow:0 0 #0f7a4d80}@keyframes portal-module__3i_qga__autopayPulse{0%{box-shadow:0 0 #0f7a4d73}70%{box-shadow:0 0 0 7px #0f7a4d00}to{box-shadow:0 0 #0f7a4d00}}.portal-module__3i_qga__summary{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:1rem;margin-bottom:2rem;display:grid}.portal-module__3i_qga__stat{background:var(--m-panel);border:1px solid var(--m-line);border-radius:10px;padding:1.1rem;transition:box-shadow .18s,transform .18s;box-shadow:0 1px 2px #14172a0a}.portal-module__3i_qga__stat:hover{transform:translateY(-1px);box-shadow:0 8px 22px #14172a14}.portal-module__3i_qga__statHead{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.portal-module__3i_qga__statLabel{color:var(--m-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.portal-module__3i_qga__statValue{margin-top:.35rem;font-size:1.6rem;font-weight:600}.portal-module__3i_qga__statValueDue{color:var(--m-red)}.portal-module__3i_qga__statNote{color:var(--m-muted);font-size:.8rem}.portal-module__3i_qga__statFoot{justify-content:space-between;align-items:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.portal-module__3i_qga__sparkline{opacity:.85;flex-shrink:0;width:64px;height:22px}.portal-module__3i_qga__trend{color:var(--m-muted);white-space:nowrap;font-size:.72rem;font-weight:600}.portal-module__3i_qga__trendBad{color:var(--m-red)}.portal-module__3i_qga__trendGood{color:var(--m-green)}.portal-module__3i_qga__tabs{border-bottom:1px solid var(--m-line);gap:.25rem;margin-bottom:1.25rem;display:flex}.portal-module__3i_qga__tab{font:inherit;color:var(--m-muted);cursor:pointer;background:0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.65rem 1rem;font-size:.92rem;transition:color .15s}.portal-module__3i_qga__tabActive{color:var(--m-indigo);border-bottom-color:var(--m-indigo);font-weight:600}.portal-module__3i_qga__tabPanel{animation:.26s both portal-module__3i_qga__tabPanelIn}@keyframes portal-module__3i_qga__tabPanelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.portal-module__3i_qga__panel{background:var(--m-panel);border:1px solid var(--m-line);border-radius:8px;overflow:hidden}.portal-module__3i_qga__tableWrap{overflow-x:auto}.portal-module__3i_qga__table{border-collapse:collapse;width:100%;min-width:620px;font-size:.92rem}.portal-module__3i_qga__table th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--m-muted);border-bottom:1px solid var(--m-line);background:#fafbfe;padding:.75rem 1rem;font-size:.74rem;font-weight:600}.portal-module__3i_qga__table td{border-bottom:1px solid var(--m-line);padding:.85rem 1rem}.portal-module__3i_qga__table tr:last-child td{border-bottom:0}.portal-module__3i_qga__alignRight{text-align:right}.portal-module__3i_qga__table tbody tr{transition:background-color .15s}.portal-module__3i_qga__table tbody tr:hover{background:#fafafe}.portal-module__3i_qga__pill{letter-spacing:.02em;border-radius:999px;padding:.22rem .6rem;font-size:.75rem;font-weight:600;display:inline-block;box-shadow:inset 0 0 0 1px #14172a0a}.portal-module__3i_qga__pillPaid{color:var(--m-green);background:#e3f5ec}.portal-module__3i_qga__pillDue{color:var(--m-amber);background:#fdf1dc}.portal-module__3i_qga__pillOver{color:var(--m-red);background:#fbe6e8}.portal-module__3i_qga__payBtn{background:var(--m-indigo);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:6px;padding:.45rem .9rem;font-size:.85rem;font-weight:600;transition:background-color .15s,transform .15s,box-shadow .15s}.portal-module__3i_qga__payBtn:hover{background:var(--m-indigo-hi);transform:translateY(-1px);box-shadow:0 4px 12px #3730a340}.portal-module__3i_qga__linkBtn{font:inherit;color:var(--m-indigo);cursor:pointer;background:0;border:0;padding:0;font-size:.85rem;text-decoration:underline}.portal-module__3i_qga__empty{text-align:center;color:var(--m-muted);padding:2.5rem 1rem;font-size:.92rem}.portal-module__3i_qga__methods{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem;display:grid}.portal-module__3i_qga__method{background:var(--m-panel);border:1px solid var(--m-line);border-radius:8px;align-items:flex-start;gap:.85rem;padding:1.1rem;transition:box-shadow .18s,transform .18s;display:flex}.portal-module__3i_qga__method:hover{transform:translateY(-1px);box-shadow:0 8px 20px #14172a12}.portal-module__3i_qga__methodDefault{border-color:var(--m-indigo);box-shadow:0 0 0 1px var(--m-indigo)}.portal-module__3i_qga__cardIcon{color:#fff;letter-spacing:.06em;background:linear-gradient(135deg,#2b2f45,#4b5170);border-radius:4px;place-items:center;width:42px;height:28px;font-size:.6rem;font-weight:700;display:grid}.portal-module__3i_qga__methodName{font-size:.95rem;font-weight:600}.portal-module__3i_qga__methodMeta{color:var(--m-muted);margin-top:.15rem;font-size:.82rem}.portal-module__3i_qga__defaultTag{color:var(--m-indigo);text-transform:uppercase;letter-spacing:.08em;margin-top:.4rem;font-size:.7rem;font-weight:600;display:inline-block}.portal-module__3i_qga__overlay{z-index:70;background:#14172a80;place-items:center;padding:1rem;animation:.2s both portal-module__3i_qga__overlayIn;display:grid;position:fixed;inset:0}.portal-module__3i_qga__overlayClosing{animation:.18s both portal-module__3i_qga__overlayOut}@keyframes portal-module__3i_qga__overlayIn{0%{opacity:0}to{opacity:1}}@keyframes portal-module__3i_qga__overlayOut{0%{opacity:1}to{opacity:0}}.portal-module__3i_qga__dialog{background:var(--m-panel);border-radius:10px;width:min(430px,100%);max-height:90vh;animation:.22s cubic-bezier(.16,1,.3,1) both portal-module__3i_qga__dialogIn;overflow-y:auto;box-shadow:0 20px 60px #14172a47}.portal-module__3i_qga__dialogClosing{animation:.18s both portal-module__3i_qga__dialogOut}@keyframes portal-module__3i_qga__dialogIn{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:none}}@keyframes portal-module__3i_qga__dialogOut{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.96)translateY(4px)}}.portal-module__3i_qga__dialogHead{border-bottom:1px solid var(--m-line);justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;display:flex}.portal-module__3i_qga__dialogTitle{font-size:1.05rem;font-weight:600}.portal-module__3i_qga__close{font:inherit;cursor:pointer;color:var(--m-muted);background:0;border:0;padding:.2rem .4rem;font-size:1.4rem;line-height:1}.portal-module__3i_qga__dialogBody{padding:1.25rem}.portal-module__3i_qga__amountBox{background:var(--m-bg);border:1px solid var(--m-line);text-align:center;border-radius:8px;margin-bottom:1.25rem;padding:1rem}.portal-module__3i_qga__amountLabel{color:var(--m-muted);font-size:.8rem}.portal-module__3i_qga__amountValue{margin-top:.2rem;font-size:2rem;font-weight:600}.portal-module__3i_qga__amountRef{color:var(--m-muted);margin-top:.25rem;font-size:.82rem}.portal-module__3i_qga__fieldLabel{color:var(--m-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.78rem;font-weight:600;display:block}.portal-module__3i_qga__methodPick{border:1px solid var(--m-line);cursor:pointer;border-radius:8px;align-items:center;gap:.7rem;margin-bottom:.5rem;padding:.7rem .85rem;font-size:.9rem;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.portal-module__3i_qga__methodPick:hover{border-color:#c7cdf0}.portal-module__3i_qga__methodPickActive{border-color:var(--m-indigo);box-shadow:0 0 0 1px var(--m-indigo);background:#f5f4ff}.portal-module__3i_qga__methodPickText{flex:1}.portal-module__3i_qga__methodPickCheck{background:var(--m-indigo);opacity:0;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;transition:opacity .16s,transform .16s;display:grid;transform:scale(.5)}.portal-module__3i_qga__methodPickCheck:after{content:"";border-bottom:2px solid #fff;border-right:2px solid #fff;width:5px;height:9px;transform:rotate(45deg)translate(-1px,-1px)}.portal-module__3i_qga__methodPickActive .portal-module__3i_qga__methodPickCheck{opacity:1;transform:scale(1)}.portal-module__3i_qga__confirmBtn{background:var(--m-indigo);color:#fff;width:100%;font:inherit;cursor:pointer;border:0;border-radius:8px;margin-top:.75rem;padding:.85rem;font-size:1rem;font-weight:600}.portal-module__3i_qga__confirmBtn:hover{background:var(--m-indigo-hi);box-shadow:0 6px 16px #3730a347}.portal-module__3i_qga__secureNote{color:var(--m-muted);text-align:center;margin-top:.75rem;font-size:.78rem}.portal-module__3i_qga__done{text-align:center;padding:2rem 1.25rem}.portal-module__3i_qga__doneMark{place-items:center;width:64px;height:64px;margin:0 auto 1rem;animation:.38s cubic-bezier(.34,1.56,.64,1) both portal-module__3i_qga__doneMarkPop;display:grid}@keyframes portal-module__3i_qga__doneMarkPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.portal-module__3i_qga__checkSvg{width:64px;height:64px}.portal-module__3i_qga__checkCircle{stroke:var(--m-green);stroke-width:2.5px;stroke-dasharray:146;stroke-dashoffset:146px;animation:.48s ease-out 80ms forwards portal-module__3i_qga__circleDraw}.portal-module__3i_qga__checkPath{stroke:var(--m-green);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40px;animation:.32s ease-out .48s forwards portal-module__3i_qga__checkDraw}@keyframes portal-module__3i_qga__circleDraw{to{stroke-dashoffset:0}}@keyframes portal-module__3i_qga__checkDraw{to{stroke-dashoffset:0}}.portal-module__3i_qga__doneTitle{margin:0 0 .4rem;font-size:1.25rem;font-weight:600}.portal-module__3i_qga__doneText{color:var(--m-muted);margin:0 0 1.25rem;font-size:.9rem}.portal-module__3i_qga__receipt{font-family:var(--font-mono), monospace;background:var(--m-bg);border:1px solid var(--m-line);border-radius:6px;padding:.6rem .9rem;font-size:.85rem;display:inline-block}.portal-module__3i_qga__srOnly{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.portal-module__3i_qga__activity{background:var(--m-panel);border:1px solid var(--m-line);border-radius:8px;margin-top:1.75rem;padding:1.25rem 1.4rem 1.4rem}.portal-module__3i_qga__activityTitle{margin:0 0 1rem;font-size:.92rem;font-weight:600}.portal-module__3i_qga__activityList{margin:0;padding:0;list-style:none}.portal-module__3i_qga__activityItem{border-left:1px solid var(--m-line);grid-template-columns:auto 1fr auto;align-items:baseline;gap:.15rem .75rem;margin-left:4px;padding:0 0 1rem 1.1rem;display:grid;position:relative}.portal-module__3i_qga__activityItem:last-child{border-color:#0000;padding-bottom:0}.portal-module__3i_qga__activityDot{border:2px solid var(--m-panel);border-radius:50%;width:9px;height:9px;position:absolute;top:.2rem;left:-5px}.portal-module__3i_qga__activityDotPay{background:var(--m-green)}.portal-module__3i_qga__activityDotMethod{background:var(--m-indigo)}.portal-module__3i_qga__activityDotAuto{background:var(--m-amber)}.portal-module__3i_qga__activityText{grid-column:1/2;font-size:.88rem}.portal-module__3i_qga__activityMeta{color:var(--m-muted);text-align:right;white-space:nowrap;grid-column:2/3;font-size:.8rem}@media (max-width:480px){.portal-module__3i_qga__activityItem{grid-template-columns:1fr}.portal-module__3i_qga__activityMeta{text-align:left;grid-column:1/2}}@media (prefers-reduced-motion:reduce){.portal-module__3i_qga__root *,.portal-module__3i_qga__root :before,.portal-module__3i_qga__root :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}