.contract-payment-page{overflow-wrap:anywhere;gap:1.6rem;width:100%;min-width:0;max-width:1100px;margin-inline:auto;padding-bottom:2rem;display:grid}.contract-payment-back{width:fit-content;min-height:44px;color:rgb(var(--color-muted));align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}.contract-payment-back:hover{color:rgb(var(--color-ink))}.contract-payment-heading>p:first-child,.contract-payment-eyebrow{letter-spacing:.07em;text-transform:uppercase;color:rgb(var(--color-muted));font-size:.6875rem;font-weight:600}.contract-payment-heading h1{letter-spacing:-.04em;margin-block:.45rem .65rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;line-height:1.15}.contract-payment-heading>p:last-child{color:rgb(var(--color-muted));font-size:.875rem;line-height:1.65}.contract-payment-grid{align-items:start;gap:1rem;min-width:0;display:grid}.contract-payment-hero,.contract-payment-summary{background:rgb(var(--color-surface));border-radius:1.5rem;min-width:0;padding:clamp(1.25rem,3vw,2rem)}.contract-payment-status{align-items:center;gap:1rem;display:flex}.contract-payment-status>div{min-width:0}.contract-payment-status-icon{background:rgb(var(--color-raised));width:54px;height:54px;color:rgb(var(--color-ink));border-radius:50%;flex-shrink:0;place-items:center;display:grid}.contract-payment-status-icon[data-state=paid]{background:rgb(var(--booking-success) / .1);color:rgb(var(--booking-success))}.contract-payment-status-icon[data-state=failed],.contract-payment-status-icon[data-state=mismatch]{background:rgb(var(--color-danger) / .1);color:rgb(var(--color-danger))}.contract-payment-status h2{letter-spacing:-.025em;margin-top:.3rem;font-size:1.15rem;font-weight:650;line-height:1.4}.contract-payment-amount{margin-block:2rem 1rem}.contract-payment-amount>p:first-child{color:rgb(var(--color-muted));margin-bottom:.5rem;font-size:.8125rem}.contract-payment-amount>p:last-child{letter-spacing:-.05em;font-size:clamp(1.9rem,4vw,3rem);font-weight:700;line-height:1.25}.contract-payment-state-hint{max-width:40rem;color:rgb(var(--color-muted));font-size:.875rem;line-height:1.75}.contract-payment-context{background:rgb(var(--color-raised) / .6);border-radius:1rem;gap:.9rem;margin-top:2rem;padding:1.1rem;display:flex}.contract-payment-context-icon{background:rgb(var(--color-surface));border-radius:.8rem;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.contract-payment-context-body{min-width:0}.contract-payment-context h3{margin-top:.4rem;font-size:1rem;font-weight:650}.contract-payment-context-body>p:not(.contract-payment-eyebrow){color:rgb(var(--color-muted));margin-top:.45rem;font-size:.8125rem;line-height:1.65}.contract-payment-context-meta{color:rgb(var(--color-muted));flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:.75rem;font-size:.6875rem;display:flex}.contract-payment-policy{gap:.7rem;margin-top:1.4rem;display:flex}.contract-payment-policy>svg{color:rgb(var(--color-muted));flex-shrink:0;margin-top:.1rem}.contract-payment-policy h3{font-size:.8125rem;font-weight:600}.contract-payment-policy p{color:rgb(var(--color-muted));margin-top:.4rem;font-size:.75rem;line-height:1.7}.contract-payment-summary>h2{letter-spacing:-.025em;font-size:1rem;font-weight:650}.contract-payment-breakdown{gap:1.15rem;margin-block:1.5rem;font-size:.875rem;display:grid}.contract-payment-breakdown>div{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem .8rem;display:flex}.contract-payment-breakdown dt{color:rgb(var(--color-muted))}.contract-payment-breakdown dd{font-weight:600}.contract-payment-breakdown-total{border-top:1px solid rgb(var(--color-line) / .45);padding-top:1.1rem}.contract-payment-breakdown-total dt{color:rgb(var(--color-ink));font-weight:600}.contract-payment-breakdown-total dd{font-size:1.125rem;font-weight:700}.contract-payment-provider{background:rgb(var(--color-raised) / .6);border-radius:.9rem;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.contract-payment-provider>span{place-items:center;display:grid}.contract-payment-provider>div{flex:1;min-width:0}.contract-payment-provider>svg{color:rgb(var(--color-muted));flex-shrink:0}.contract-payment-provider p:first-child{color:rgb(var(--color-muted));font-size:.6875rem}.contract-payment-provider p:last-child{margin-top:.15rem;font-size:.8125rem;font-weight:600}.contract-payment-actions{gap:.65rem;margin-top:1.25rem;display:grid}.contract-payment-actions>.action{border-radius:.8rem;width:100%;min-height:48px;font-size:.875rem}.contract-payment-actions>.contract-text-action{color:rgb(var(--color-muted));justify-self:center}.contract-payment-action-hint{text-align:center;color:rgb(var(--color-muted));font-size:.6875rem;line-height:1.65}.contract-payment-record{margin-top:1.1rem}.contract-payment-record summary{cursor:pointer;min-height:44px;color:rgb(var(--color-muted));justify-content:space-between;align-items:center;gap:1rem;font-size:.75rem;font-weight:600;list-style:none;display:flex}.contract-payment-record summary::-webkit-details-marker{display:none}.contract-payment-record[open] summary>span:last-child{transform:rotate(45deg)}.contract-payment-record>p{color:rgb(var(--color-muted));margin-block:.25rem .5rem;font-size:.6875rem;line-height:1.6}.contract-payment-record>div{background:rgb(var(--color-raised));border-radius:.7rem;align-items:center;gap:.5rem;padding-inline-start:.75rem;display:flex}.contract-payment-record code{-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;flex:1;min-width:0;font-family:inherit;font-size:.6875rem}.contract-payment-record button{border-radius:.7rem;flex-shrink:0;place-items:center;min-width:44px;min-height:44px;display:grid}.contract-payment-record button:hover{background:rgb(var(--color-line))}.contract-payment-commission{color:rgb(var(--color-muted));margin-top:.75rem;font-size:.6875rem;line-height:1.65}.contract-payment-support{align-items:center;min-height:44px;margin-top:.35rem;font-size:.75rem;font-weight:600;display:inline-flex}.contract-payment-support:hover{text-underline-offset:4px;text-decoration:underline}.contract-payment-spinner{animation:1s linear infinite contract-payment-turn}.contract-payment-loading{border-radius:1.5rem;position:relative;overflow:hidden}.contract-payment-loading:after{content:"";pointer-events:none;background:linear-gradient(100deg, transparent 25%, rgb(255 255 255/var(--skeleton-highlight)) 50%, transparent 75%);animation:1.8s ease-in-out infinite contract-payment-shimmer;position:absolute;inset:0;transform:translate(-100%)}.contract-payment-loading .contract-payment-hero,.contract-payment-loading .contract-payment-summary{gap:1rem;display:grid}.contract-payment-loading span,.contract-payment-context-placeholder span{background:rgb(var(--color-raised));border-radius:.4rem;display:block}.contract-payment-skeleton-icon{width:54px;height:54px;border-radius:50%!important}.contract-payment-skeleton-short{width:35%;height:.8rem}.contract-payment-skeleton-amount{width:75%;height:3rem;margin-block:1rem .5rem}.contract-payment-skeleton-line{width:100%;height:.8rem}.contract-payment-skeleton-context{width:100%;height:5rem;margin-top:1rem}.contract-payment-skeleton-row{justify-content:space-between;gap:2rem;margin-block:.75rem;display:flex}.contract-payment-skeleton-button{width:100%;height:48px}.contract-payment-context-placeholder{gap:.5rem;margin-top:.75rem;display:grid}.contract-payment-context-placeholder span{background:rgb(var(--color-surface));width:10rem;max-width:100%;height:.8rem}@keyframes contract-payment-turn{to{transform:rotate(360deg)}}@keyframes contract-payment-shimmer{to{transform:translate(100%)}}@media (width>=768px){.contract-payment-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.5rem}}@media (width<=479px){.contract-payment-page{gap:1.25rem}.contract-payment-status{gap:.75rem}.contract-payment-status-icon{width:46px;height:46px}.contract-payment-context{gap:.7rem;padding:.9rem}.contract-payment-amount{margin-top:1.6rem}}@media (prefers-reduced-motion:reduce){.contract-payment-spinner,.contract-payment-loading:after{animation:none}.contract-payment-loading:after{display:none}}