.mp-payment-public{gap:16px;max-width:780px;margin:0 auto;padding:4px 0 24px;display:grid}.mp-payment-public .mp-card{padding:24px}.mp-payment-public h1{margin:8px 0;font-size:28px;line-height:1.25}.mp-payment-public h2{margin:0 0 16px;font-size:20px}.mp-payment-public form{gap:12px;margin:24px 0 16px;display:grid}.mp-payment-public label{margin:0 0 8px;font-size:14px;display:block}.mp-payment-public .mp-button{margin-top:12px}.mp-payment-verification{text-align:left;width:100%;max-width:480px;margin:32px auto}.mp-payment-security-icon{color:#a34e0a;background:#f5e9dd;border-radius:14px;margin-bottom:18px;padding:14px;display:inline-flex}.mp-payment-welcome{justify-content:space-between;align-items:center;gap:16px;display:flex}.mp-payment-welcome .mp-button{margin:0}.mp-payment-invoice>strong{color:#272620;margin:10px 0;font-size:36px;line-height:1.25;display:block}.mp-payment-invoice>div{border-top:1px solid var(--mp-line,#e5ddd4);justify-content:space-between;gap:16px;padding-top:14px;display:flex}.mp-payment-section-title{justify-content:space-between;align-items:start;gap:12px;display:flex}.mp-payment-section-title h2{margin-bottom:6px}.mp-payment-success{color:#28675a;align-items:center;gap:14px;padding:12px 0;display:flex}.mp-payment-success h2{margin:0}.mp-payment-qr{object-fit:contain;border:10px solid #fff;width:100%;max-width:280px;margin:20px auto;display:block}.mp-payment-method-logo{object-fit:contain;max-width:120px;height:32px;margin:20px 0;display:block}.mp-payment-code{overflow-wrap:anywhere;white-space:pre-wrap;background:#f6f3ef;padding:14px;font-size:13px;display:block}.mp-payment-countdown{color:#6f6153;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.mp-payment-va{gap:10px;margin:16px 0;display:grid}.mp-payment-va strong{overflow-wrap:anywhere;letter-spacing:.03em;font-size:24px}.mp-payment-va .mp-button{justify-self:start;margin:0}.mp-payment-bank{gap:14px;display:grid}.mp-payment-bank>div{grid-template-columns:110px 1fr;gap:12px;display:grid}.mp-payment-bank dt{color:#766b61;font-size:14px}.mp-payment-bank dd{overflow-wrap:anywhere;margin:0}.mp-payment-text{white-space:pre-wrap}.payment-layout>main:has(.mp-payment-public){width:100%;max-width:840px;padding:24px}.payment-layout:has(.mp-payment-public){background:#f7f5f1}.payment-layout:has(.mp-payment-public)>header{border-bottom:1px solid #e5ddd4}.payment-layout:has(.mp-payment-public)>footer{font-size:13px}.mp-payment-settings{gap:20px;display:grid}.mp-payment-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.mp-payment-settings-grid .mp-payment-wide{grid-column:1/-1}.mp-payment-settings-grid label{margin-bottom:8px;font-size:14px;display:block}.mp-payment-settings-grid textarea{min-height:100px}.mp-payment-settings-actions{justify-content:flex-end;gap:10px;display:flex}.mp-payment-customer-link{overflow-wrap:anywhere;background:#f6f3ef;border-radius:8px;padding:14px}.mp-payment-settings h2{font-size:20px}.mp-payment-settings-check{align-items:center;gap:8px;display:flex}.mp-payment-settings-check input{margin:0}.mp-payment-setting-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mp-payment-settings .mp-feature-heading{margin:0}@media (width<=767px){.mp-payment-public .mp-card{padding:20px}.mp-payment-verification{margin:8px auto}.mp-payment-public h1{font-size:25px}.mp-payment-invoice>strong{font-size:32px}.payment-layout>main:has(.mp-payment-public){padding:18px 14px}.mp-payment-settings-grid{grid-template-columns:1fr}.mp-payment-bank>div{grid-template-columns:90px 1fr}.mp-payment-setting-toolbar{width:100%}.mp-payment-welcome{align-items:start}.mp-payment-welcome>.mp-button{font-size:13px}.payment-layout>header>span{font-size:12px}}.payment-layout>header .mp-brand{object-fit:contain;width:170px;height:auto}.mp-payment-settings>.mp-feature-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.mp-payment-settings .mp-payment-setting-toolbar{align-items:flex-end}.mp-payment-settings h2{align-items:center;gap:10px;margin:0 0 12px;display:flex}.mp-payment-settings-grid label.mp-payment-settings-check{align-items:center;gap:8px;margin:6px 0;display:flex}.mp-payment-settings-grid+.mp-button{margin-top:14px}@media (width<=767px){.payment-layout>header .mp-brand{width:150px}.mp-payment-settings>.mp-feature-heading{gap:14px}.mp-payment-settings .mp-payment-setting-toolbar{align-items:center}}.payment-layout .mp-payment-public{--mp-accent:var(--portal-accent,#b45309)}.payment-layout .mp-payment-public .mp-button--primary{color:var(--portal-accent-ink,#fff)}.payment-layout .mp-payment-public .mp-eyebrow{color:var(--portal-accent-text,#b45309)}.mp-payment-security-icon{color:var(--portal-accent-text,#a34e0a);background:color-mix(in srgb,var(--portal-accent,#b45309) 12%,white)}.payment-layout>header .mp-payment-tenant-logo{width:auto;max-width:210px;max-height:64px}.mp-payment-digits{border:0;min-width:0;margin:24px 0 16px;padding:0}.mp-payment-digits legend{margin-bottom:16px;font-size:14px}.mp-payment-digits>div{gap:12px;display:flex}.mp-payment-digits .mp-input{text-align:center;letter-spacing:0;width:56px;height:62px;padding:8px;font-size:26px}.mp-payment-digits .mp-caption{margin-top:12px}.mp-payment-invoice>.mp-button{width:100%;margin-top:20px}.mp-payment-invoice .mp-alert{margin-bottom:0}.mp-payment-picker-actions{justify-content:flex-end;gap:8px;display:flex}.mp-payment-method-picker .mp-select{width:100%}.mp-payment-history article{border-top:1px solid var(--mp-line);padding:20px 0}.mp-payment-history article>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.mp-payment-history article>div>strong{font-size:20px}.mp-payment-history article>a{width:100%;color:var(--portal-accent-text,#b45309);gap:8px;display:grid}.mp-payment-history img{object-fit:contain;border:1px solid var(--mp-line);background:#fff;border-radius:8px;width:auto;max-width:100%;max-height:440px;display:block}.mp-payment-history article>a>span{align-items:center;gap:5px;display:flex}.mp-payment-admin-columns{grid-template-columns:minmax(0,2fr) minmax(270px,1fr);align-items:start;gap:20px;display:grid}.mp-payment-admin-main{gap:20px;min-width:0;display:grid}.mp-payment-design-aside{min-width:0}.mp-payment-design form{gap:12px;display:grid}.mp-payment-design form>label{font-size:14px;font-weight:600}.mp-payment-design form>.mp-caption{margin:0}.mp-payment-color{border:1px solid var(--mp-line);border-radius:8px;align-items:center;gap:12px;padding:10px;display:flex}.mp-payment-color input{cursor:pointer;background:0 0;border:0;width:44px;height:34px;padding:0}.mp-payment-color span{font-variant-numeric:tabular-nums;font-size:14px}.mp-payment-design-preview{border:1px solid var(--mp-line);background:#f7f5f1;border-radius:10px;gap:16px;padding:20px;display:grid;overflow:hidden}.mp-payment-design-preview img{object-fit:contain;width:auto;max-width:180px;max-height:64px}.mp-payment-design-preview strong{font-size:26px}.mp-payment-preview-button{background:var(--portal-accent);color:var(--portal-accent-ink);text-align:center;border-radius:8px;padding:12px;font-size:14px;font-weight:600}.mp-payment-design .mp-input[type=file]{min-width:0;padding:10px;font-size:12px}.mp-payment-design .mp-button{width:100%}@media (width<=1100px){.mp-payment-admin-columns{grid-template-columns:1fr}.mp-payment-design-aside{grid-row:2}.mp-payment-design-preview{max-width:480px}}@media (width<=767px){.mp-payment-digits>div{gap:10px}.mp-payment-digits .mp-input{width:52px;height:58px}.payment-layout>header .mp-payment-tenant-logo{max-width:160px;max-height:52px}.mp-payment-history img{max-height:360px}.mp-payment-picker-actions{flex-wrap:wrap}.mp-payment-picker-actions .mp-button{flex:1}.mp-payment-design-preview{max-width:none}}.payment-layout .mp-payment-public :is(button,a,input,select,summary):focus-visible{outline-color:var(--portal-accent-text,#b45309)}.mp-payment-digits .mp-input:focus{border-color:var(--portal-accent-text,#b45309)}.mp-payment-shell:has(.mp-payment-public){background:linear-gradient(180deg,color-mix(in srgb,var(--portal-accent,#b45309) 7%,#f8fafb) 0,#f8fafb 280px);color:#26323b;min-height:100dvh;padding:0 20px}.mp-payment-shell:has(.mp-payment-public)>header{border:0;align-items:center;gap:16px;width:100%;max-width:760px;min-height:76px;margin:0 auto;padding:18px 4px}.mp-payment-shell:has(.mp-payment-public)>header .mp-brand{object-fit:contain;width:136px;height:auto;max-height:42px}.mp-payment-shell:has(.mp-payment-public)>header .mp-payment-tenant-logo{width:auto;max-width:164px;max-height:42px}.mp-payment-shell:has(.mp-payment-public)>header>span{color:#63717d;white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:500;display:inline-flex}.mp-payment-shell:has(.mp-payment-public)>header>span svg{width:14px;height:14px;color:var(--portal-accent-text,#b45309)}.mp-payment-shell>main:has(.mp-payment-public){width:100%;max-width:760px;margin:0 auto;padding:8px 0 28px}.mp-payment-shell:has(.mp-payment-public)>footer{color:#7e8b96;text-align:center;border-top:1px solid #e5e9ed;gap:6px;width:100%;max-width:760px;margin:0 auto;padding:18px 0;font-size:11px;line-height:1.5}.mp-payment-shell .mp-payment-public{--mp-ink:#26323b;--mp-muted:#687581;--mp-line:#e3e8ed;--mp-input-border:#cad2db;--mp-surface:#fff;--mp-surface-hover:#f6f8fa;gap:14px;max-width:680px;padding:0;font-size:14px;line-height:1.5}.mp-payment-shell .mp-payment-public p{margin:8px 0;font-size:14px;line-height:1.6}.mp-payment-shell .mp-payment-public .mp-card{border-color:#e3e8ed;border-radius:16px;padding:20px;box-shadow:0 3px 14px #26323b04}.mp-payment-shell .mp-payment-public h1{letter-spacing:-.025em;margin:4px 0 8px;font-size:24px;line-height:1.3}.mp-payment-shell .mp-payment-public h2{letter-spacing:-.015em;margin:0 0 12px;font-size:17px;line-height:1.3}.mp-payment-shell .mp-payment-public .mp-caption{font-size:12px;line-height:1.5}.mp-payment-shell .mp-payment-public .mp-eyebrow{letter-spacing:1.4px;font-size:10px}.mp-payment-shell .mp-payment-public .mp-button{border-radius:10px;min-height:44px;margin-top:0;font-size:13px}.mp-payment-shell .mp-payment-public .mp-badge{border-radius:20px;padding:4px 9px;font-size:10px;font-weight:600}.mp-payment-shell .mp-payment-verification{max-width:420px;margin:24px auto 12px;padding:24px}.mp-payment-verification-heading{align-items:center;gap:12px;margin-bottom:14px;display:flex}.mp-payment-shell .mp-payment-verification-heading h1{margin:3px 0 0;font-size:21px}.mp-payment-shell .mp-payment-security-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:46px;margin:0;padding:10px}.mp-payment-shell .mp-payment-digits{margin:22px 0 18px}.mp-payment-shell .mp-payment-digits legend{margin-bottom:12px;font-size:13px;font-weight:600}.mp-payment-shell .mp-payment-digits>div{justify-content:center;gap:10px}.mp-payment-shell .mp-payment-digits .mp-input{border-radius:10px;width:52px;height:54px;min-height:54px;font-size:22px;box-shadow:0 1px 3px #24313d06}.mp-payment-shell .mp-payment-digits .mp-caption{text-align:center;margin:10px 0 0;font-size:11px}.mp-payment-shell .mp-payment-public .mp-payment-verification-note{border-top:1px solid var(--mp-line);color:#72818d;align-items:flex-start;gap:7px;margin:0;padding-top:14px;font-size:11px;line-height:1.6;display:flex}.mp-payment-verification-note svg{flex-shrink:0;margin-top:2px}.mp-payment-shell .mp-payment-welcome{align-items:center;gap:12px;padding:4px 2px 2px}.mp-payment-shell .mp-payment-welcome>div{min-width:0}.mp-payment-shell .mp-payment-welcome h1{margin:4px 0;font-size:23px}.mp-payment-shell .mp-payment-welcome p{overflow-wrap:anywhere;margin:0;font-size:13px}.mp-payment-shell .mp-payment-welcome>.mp-button{flex-shrink:0;min-height:38px;padding:8px 10px;font-size:12px}.mp-payment-shell .mp-payment-invoice{border-top:3px solid var(--portal-accent,#b45309);background:linear-gradient(135deg,#fff 50%,color-mix(in srgb,var(--portal-accent,#b45309) 4%,#fff));padding-top:18px}.mp-payment-shell .mp-payment-invoice>.mp-payment-invoice-heading{border:0;align-items:center;gap:8px;padding:0}.mp-payment-invoice-heading>.mp-caption{letter-spacing:.4px;align-items:center;gap:6px;display:flex;font-size:10px!important}.mp-payment-shell .mp-payment-invoice>strong{color:#25323b;letter-spacing:-1px;overflow-wrap:anywhere;margin:18px 0 10px;font-size:32px;line-height:1.15}.mp-payment-shell .mp-payment-invoice>p{margin:0 0 14px;font-size:13px}.mp-payment-shell .mp-payment-invoice>div:not(.mp-payment-invoice-heading){color:#687581;gap:12px;padding-top:12px;font-size:13px}.mp-payment-invoice>div>b{color:#3d4b56;font-weight:600}.mp-payment-shell .mp-payment-invoice>.mp-button{width:100%;min-height:44px;margin-top:18px}.mp-payment-card-heading{align-items:center;gap:10px;margin-bottom:16px;display:flex}.mp-payment-card-heading .mp-caption{letter-spacing:.5px;margin-bottom:3px;display:block;font-size:10px!important}.mp-payment-shell .mp-payment-card-heading h2{margin:0;font-size:17px}.mp-payment-small-icon{color:#536b7c;background:#f1f5f8;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.mp-payment-account{background:#f4f7f9;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.mp-payment-account>div{gap:4px;min-width:0;display:grid}.mp-payment-account span{color:#536473;font-size:11px;font-weight:600}.mp-payment-account strong{letter-spacing:.4px;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-size:18px}.mp-payment-account small{color:#687581;overflow-wrap:anywhere;font-size:12px}.mp-payment-shell .mp-payment-account .mp-button{background:#fff;flex-shrink:0;min-height:36px;padding:8px}.mp-payment-shell .mp-payment-manual>.mp-payment-text{margin:14px 0;font-size:12px;line-height:1.65}.mp-payment-shell .mp-payment-proof-form{border-top:1px solid var(--mp-line);gap:12px;margin:18px 0 0;padding-top:16px}.mp-payment-proof-label{gap:4px;font-size:13px;display:grid}.mp-payment-file-input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mp-payment-shell .mp-payment-public label.mp-payment-upload-area{cursor:pointer;color:#526879;background:#f8fafb;border:1px dashed #b9c7d2;border-radius:12px;flex-direction:column;align-items:center;gap:6px;margin:0;padding:18px 12px;font-size:13px;display:flex}.mp-payment-upload-area small{color:#83909b;font-size:11px}.mp-payment-file-input:focus-visible+label{outline:2px solid var(--portal-accent-text,#b45309);outline-offset:3px}.mp-payment-proof-form:has(input:disabled) .mp-payment-upload-area{opacity:.6;cursor:default}.mp-payment-proof-preview{gap:10px;display:grid}.mp-payment-proof-preview>img,.mp-payment-proof-status>img{object-fit:contain;border:1px solid var(--mp-line);background:#f5f7f9;border-radius:10px;width:100%;max-height:260px;display:block}.mp-payment-proof-preview>div{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.mp-payment-proof-preview>div>span{color:#687581;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.mp-payment-shell .mp-payment-proof-preview .mp-button--quiet{min-height:30px;padding:5px}.mp-payment-proof-preview>.mp-button{width:100%}.mp-payment-shell .mp-payment-public .mp-payment-proof-form>.mp-caption{margin:0;font-size:11px}.mp-payment-proof-status{color:#28675a;background:#edf5f1;border-radius:12px;grid-template-columns:22px 1fr;gap:10px;margin-top:16px;padding:14px;display:grid}.mp-payment-proof-status strong{font-size:13px}.mp-payment-shell .mp-payment-proof-status p{color:#526b60;margin:4px 0 0;font-size:12px}.mp-payment-proof-status>img{background:#fff;grid-column:1/-1}.mp-payment-shell .mp-payment-public .mp-payment-status-note{color:#82909b;text-align:center;justify-content:center;align-items:center;gap:5px;margin:-5px 0 3px;font-size:11px;display:flex}.mp-payment-shell .mp-payment-history>p{margin:0 0 12px;font-size:12px}.mp-payment-shell .mp-payment-history article{padding:16px 0}.mp-payment-shell .mp-payment-history article>div>strong{font-size:17px}.mp-payment-shell .mp-payment-history article>p{margin:8px 0 0;font-size:13px}.mp-payment-shell .mp-payment-history article>.mp-caption{margin:4px 0 10px;font-size:11px}.mp-payment-shell .mp-payment-history img{border-radius:10px;max-height:280px}.mp-payment-shell .mp-payment-section-title h2{max-width:75%;font-size:16px}.mp-payment-shell .mp-payment-qr{border-width:8px;max-width:240px;margin:14px auto}.mp-payment-shell .mp-payment-va strong{font-size:22px}.mp-payment-shell .mp-payment-public .mp-alert{font-size:12px;line-height:1.6}@media (width>=768px){.mp-payment-shell .mp-payment-public{max-width:600px}.mp-payment-shell .mp-payment-verification{margin-top:44px}.mp-payment-shell>main:has(.mp-payment-public){padding-top:14px}}@media (width<=767px){.mp-payment-shell:has(.mp-payment-public){padding:0 16px}.mp-payment-shell:has(.mp-payment-public)>header{min-height:64px;padding:14px 0}.mp-payment-shell:has(.mp-payment-public)>header .mp-brand{width:124px;max-height:36px}.mp-payment-shell:has(.mp-payment-public)>header .mp-payment-tenant-logo{width:auto;max-width:146px;max-height:36px}.mp-payment-shell:has(.mp-payment-public)>header>span{gap:4px;font-size:10px}.mp-payment-shell>main:has(.mp-payment-public){padding:8px 0 24px}.mp-payment-shell .mp-payment-public{gap:12px}.mp-payment-shell .mp-payment-public .mp-card{border-radius:14px;padding:18px}.mp-payment-shell .mp-payment-verification{margin:16px auto 4px}.mp-payment-shell .mp-payment-verification-heading h1{font-size:20px}.mp-payment-shell .mp-payment-welcome h1{font-size:22px}.mp-payment-shell .mp-payment-welcome p{font-size:12px}.mp-payment-shell .mp-payment-invoice>strong{margin-top:16px;font-size:30px}.mp-payment-shell .mp-payment-public .mp-payment-status-note{font-size:10px}.mp-payment-shell:has(.mp-payment-public)>footer{padding:16px 0;font-size:10px}}@media (width<=374px){.mp-payment-shell:has(.mp-payment-public){padding:0 12px}.mp-payment-shell .mp-payment-public .mp-card{padding:16px}.mp-payment-shell .mp-payment-verification-heading{gap:9px}.mp-payment-shell .mp-payment-verification-heading h1{font-size:18px}.mp-payment-shell .mp-payment-security-icon{width:36px;height:40px;padding:8px}.mp-payment-shell .mp-payment-digits .mp-input{width:48px;height:52px;min-height:52px}.mp-payment-shell .mp-payment-invoice-heading .mp-caption{font-size:9px!important}}.mp-payment-sandbox{color:#815f26;background:#fff3db;border:1px solid #f1e1bc;border-radius:10px;align-items:center;gap:7px;padding:10px 12px;font-size:11px;line-height:1.5;display:flex}.mp-payment-sandbox>svg{flex-shrink:0}.mp-payment-shell .mp-payment-public .mp-payment-invoice{border-top-color:var(--portal-accent,#b45309)}
