.payment-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-raised);gap:16px;padding:20px;display:grid}.payment-provider-shell{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-subtle);align-content:center;min-height:120px;padding:18px;display:grid}.payment-provider-ready{gap:4px;display:grid}.qualpay-form,.finix-form,.payment-amount-form{gap:14px;display:grid}.payment-step-summary{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-subtle);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;display:grid}.payment-step-summary span{color:var(--color-text-muted);font-size:.86rem;font-weight:740}.payment-step-summary strong{color:var(--color-text)}.payment-options{border:0;gap:8px;margin:0;padding:0;display:grid}.payment-options legend{color:var(--color-text-muted);margin-bottom:2px;font-size:.86rem;font-weight:740}.payment-option{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:10px;display:grid}.payment-option:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-soft)}.payment-option input[type=radio]{width:16px;height:16px;accent-color:var(--color-primary);margin:0}.payment-option span{min-width:0}.payment-option strong{color:var(--color-text);font-size:.95rem}.payment-option--custom{grid-template-columns:18px minmax(0,1fr) minmax(116px,140px)}.payment-option--custom input[type=number]{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;height:34px;color:var(--color-text);font:inherit;padding:6px 8px}.qualpay-form>label,.qualpay-field{gap:6px;display:grid}.qualpay-form>label>span,.qualpay-field span{color:var(--color-text-muted);font-size:.86rem;font-weight:740}.qualpay-form>label>input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;height:42px;color:var(--color-text);font:inherit;background:#fff;padding:8px 10px}#qp-embedded-container{min-height:116px}.payment-confirmation,.payment-success-card{gap:14px;display:grid}.payment-review{gap:8px;margin:0;display:grid}.payment-review div{justify-content:space-between;gap:16px;display:flex}.payment-review dt{color:var(--color-text-muted)}.payment-review dd{color:var(--color-text);text-align:right;margin:0;font-weight:740}.payment-review__total{border-top:1px solid var(--color-border);margin-top:4px;padding-top:10px}.payment-success{border:1px solid var(--color-success-border);border-radius:var(--radius-md);background:var(--color-success-surface);color:var(--color-success);gap:4px;padding:16px;display:grid}.payment-disclosure{border-radius:var(--radius-sm);color:#244b70;background:#eef6fb;border:1px solid #b8cfdf;gap:6px;margin:0;padding:12px;font-size:.9rem;display:grid}.payment-disclosure p{margin:0}@media (width<=480px){.payment-option,.payment-option--custom,.payment-step-summary{grid-template-columns:18px minmax(0,1fr)}.payment-option strong,.payment-option--custom input[type=number],.payment-step-summary button{grid-column:2}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-page:#f5f7fa;--color-surface:#fff;--color-surface-subtle:#f8fafc;--color-surface-tint:#eef7f6;--color-border:#d9e0e8;--color-border-strong:#bdc8d4;--color-text:#152238;--color-text-muted:#617086;--color-primary:#0d6b68;--color-primary-hover:#095653;--color-primary-soft:#dff1ef;--color-link:#155a9f;--color-focus-ring:#b8d8ff;--color-success:#236b3f;--color-success-surface:#edf8f1;--color-success-border:#acd8bd;--color-warning:#8a5a12;--color-warning-surface:#fff8e8;--color-warning-border:#efd49b;--color-danger:#a33b2f;--color-danger-surface:#fff2f0;--shadow-raised:0 14px 40px #15223814;--radius-sm:6px;--radius-md:8px;--space-page-x:32px;background:var(--color-page);color:var(--color-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-page);min-width:320px;margin:0}button,input,select{font:inherit}button,a,input,select{outline-color:#0000}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}a{color:var(--color-link)}.app-shell{width:min(1180px, calc(100% - var(--space-page-x) * 2));margin:0 auto;padding:22px 0 56px}.app-shell--loading{min-height:220px}.site-masthead{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:24px;min-height:64px;margin-bottom:28px;padding:0 0 12px;display:flex}.tenant-confirmation{min-width:0}.tenant-identity,.brand-block{align-items:center;min-width:0;display:flex}.tenant-logo,.tenant-mark{border-radius:var(--radius-sm)}.tenant-logo{object-fit:contain;object-position:left center;flex:0 0 220px;width:220px;height:58px}.tenant-mark{background:var(--color-primary);color:#fff;flex:0 0 96px;place-items:center;width:96px;height:56px;font-size:1.35rem;font-weight:760;display:grid}.tenant-mark--placeholder{background:var(--color-border-strong)}.eyebrow{color:var(--color-text-muted);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.75rem;font-weight:760}h1,h2,h3,h4,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.3rem,4vw,1.95rem);line-height:1.12}h2{margin-bottom:6px;font-size:1.75rem;line-height:1.15}h3{margin-bottom:12px;font-size:1rem}h4{margin-bottom:12px;font-size:.95rem}.muted{color:var(--color-text-muted)}.tenant-switcher{color:var(--color-text-muted);align-items:center;gap:8px;font-size:.9rem;display:flex}.tenant-switcher select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);height:36px;color:var(--color-text);padding:0 32px 0 10px}.search-page{gap:20px;display:grid}.search-heading{max-width:680px}.search-heading h2{margin-bottom:0}.search-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.search-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);align-content:start;gap:16px;padding:22px;display:grid}.search-card h3{margin-bottom:4px;font-size:1.15rem}.form-control{color:var(--color-text-muted);gap:7px;font-size:.92rem;font-weight:700;display:grid}.form-control input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-height:42px;color:var(--color-text);background:#fff;padding:8px 10px;font-weight:520}.form-control input:focus{border-color:var(--color-primary)}.form-control input[aria-invalid=true]{border-color:var(--color-danger);background:var(--color-danger-surface)}.invoice-page{gap:18px;display:grid}.checkout-layout{grid-template-columns:minmax(0,1fr) minmax(340px,400px);align-items:start;gap:24px;display:grid}.checkout-main{gap:16px;min-width:0;display:grid}.checkout-rail{gap:14px;min-width:0;display:grid;position:sticky;top:18px}.invoice-document{border-bottom:1px solid var(--color-border);gap:24px;padding:0 0 22px;display:grid}.document-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.document-header h2{letter-spacing:0;margin-bottom:2px;font-size:clamp(2rem,5vw,3rem)}.document-meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.document-download{font-size:.94rem}.document-facts{border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr);gap:24px;margin:0;padding:18px 0 0;display:grid}.document-facts--account{grid-template-columns:minmax(0,1fr) minmax(220px,.5fr)}.document-facts div{align-content:start;gap:5px;min-width:0;display:grid}.document-facts dt{color:var(--color-text-muted);text-transform:uppercase;margin-top:6px;font-size:.78rem;font-weight:760}.document-facts dt:first-child{margin-top:0}.document-facts dd{margin:0;font-weight:700}.document-facts dd.muted{font-weight:480}.date-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.payment-due-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(180deg, #fff 0%, var(--color-surface-tint) 100%);box-shadow:var(--shadow-raised);gap:5px;padding:20px;display:grid}.payment-due-card span{color:var(--color-text-muted);font-size:.86rem;font-weight:760}.payment-due-card strong{color:var(--color-primary-hover);font-size:2rem;line-height:1.05}.paid-state{border:1px solid var(--color-success-border);border-radius:var(--radius-md);background:var(--color-success-surface);color:var(--color-success);gap:4px;padding:16px 18px;display:grid}.paid-state strong{font-size:1.05rem}.paid-state span{color:var(--color-success)}.details-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.details-grid--single{grid-template-columns:minmax(0,1fr)}.panel,.invoice-statement,.totals,.empty-state,.loading-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.panel{padding:18px}.panel p:last-child,.search-card p:last-child{margin-bottom:0}.compact-list,.totals dl{gap:8px;margin:0;display:grid}.compact-list div,.totals dl div{justify-content:space-between;gap:12px;display:flex}dt{color:var(--color-text-muted)}dd{margin:0;font-weight:740}.invoice-statement{overflow:hidden}.invoice-statement .line-item:first-child{border-top:0}.section-heading{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:4px 16px;padding:18px 20px;display:grid}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:0}.section-heading h3{margin:0}.item-list{display:grid}.line-item{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:18px 20px;display:grid}.line-item:last-child{border-bottom:0}.line-item span,.line-item strong{display:block}.line-item span{color:var(--color-text-muted)}.item-amount{text-align:right}.item-amount span{color:var(--color-text-muted);font-size:.88rem}.statement-footer{background:var(--color-surface-subtle);justify-content:flex-end;padding:18px 20px;display:flex}.totals{background:0 0;border:0;border-radius:0;justify-self:end;width:min(380px,100%);padding:0}.total-due{border-top:1px solid var(--color-border);color:var(--color-primary-hover);margin-top:6px;padding-top:10px;font-size:1.1rem}.invoice-summary__actions{justify-items:end;gap:6px;display:grid}.link-action{color:var(--color-link);cursor:pointer;background:0 0;border:0;padding:0;font-weight:740}.link-action:disabled{color:var(--color-text-muted);cursor:not-allowed}.payment-error{color:var(--color-danger);margin:0;font-size:.92rem;font-weight:650}.payment-note{color:var(--color-text-muted);margin:0;font-size:.9rem}.primary-action{border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;cursor:pointer;border:0;place-items:center;min-height:44px;padding:10px 16px;font-weight:760;text-decoration:none;display:inline-grid}.primary-action:hover:not(:disabled){background:var(--color-primary-hover)}.primary-action:disabled{cursor:not-allowed;background:#9fb4b2}.secondary-action{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);min-height:42px;color:var(--color-link);cursor:pointer;background:#fff;place-items:center;padding:10px 16px;font-weight:740;text-decoration:none;display:inline-grid}.secondary-action:hover:not(:disabled){border-color:var(--color-link)}.secondary-action:disabled{color:var(--color-text-muted);cursor:not-allowed}.empty-state,.loading-panel{text-align:center;align-content:center;justify-items:center;gap:8px;min-height:220px;padding:32px;display:grid}.empty-state p,.loading-panel p{max-width:560px}.loading-line{background:#d9e2ee;border-radius:999px;width:min(220px,70vw);height:8px;overflow:hidden}.loading-line:after{border-radius:inherit;background:var(--color-primary);content:"";width:40%;height:100%;animation:1s ease-in-out infinite loading;display:block}.style-guide{gap:28px;display:grid}.style-guide__intro{max-width:760px}.style-guide__intro p:last-child{color:var(--color-text-muted);font-size:1.02rem}.style-guide__nav{border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:8px;padding-bottom:16px;display:flex}.style-guide__nav a{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-link);padding:8px 10px;font-weight:700;text-decoration:none}.style-guide__section{gap:14px;scroll-margin-top:24px;display:grid}.principle-grid,.component-grid,.token-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.token-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-card,.token-swatch{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);gap:8px;padding:16px;display:grid}.guide-card p,.guide-card h4{margin-bottom:0}.guide-card p{color:var(--color-text-muted)}.token-swatch div{border:1px solid var(--color-border);border-radius:var(--radius-sm);height:42px}.token-swatch span{color:var(--color-text-muted);font-size:.84rem}.style-guide__checkout-example{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#eef3f7;padding:14px}.guide-actions{justify-items:start;gap:8px;display:grid}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(260%)}}@media (width<=920px){:root{--space-page-x:16px}.app-shell{width:min(100% - var(--space-page-x) * 2, 1180px);padding-top:12px}.site-masthead,.document-header{flex-direction:column;align-items:flex-start}.document-facts,.document-facts--account{grid-template-columns:1fr;gap:16px}.tenant-switcher{justify-content:space-between;width:100%}.tenant-switcher select{min-width:180px}.checkout-layout{grid-template-columns:1fr}.checkout-rail{order:-1;position:static}.search-options,.principle-grid,.component-grid,.token-grid,.line-item{grid-template-columns:1fr}.item-amount,.invoice-summary__actions{text-align:left;justify-items:start}.totals{justify-self:stretch}}