:root{color:#2f2025;font-synthesis:none;text-rendering:optimizelegibility;background:#fff8fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}.dashboard-shell{background:radial-gradient(circle at 15% 15%,#ff8da138,#0000 34rem),radial-gradient(circle at 85% 80%,#ffcfd852,#0000 30rem),#fff8fa;place-items:center;min-height:100vh;padding:clamp(1.25rem,5vw,4rem);display:grid}.welcome-card{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#ffffffe0;border:1px solid #ff8da152;border-radius:2rem;width:min(100%,48rem);padding:clamp(2rem,6vw,4.5rem);box-shadow:0 1.5rem 4rem #5b2a371a}.brand{color:#d94f6b;letter-spacing:.16em;text-transform:uppercase;margin:0 0 1.25rem;font-size:.9rem;font-weight:800}h1{letter-spacing:-.055em;max-width:12ch;margin:0;font-size:clamp(2.4rem,8vw,5rem);line-height:.98}.welcome-copy{color:#71535c;max-width:35rem;margin:1.5rem 0 0;font-size:clamp(1.05rem,2.4vw,1.3rem);line-height:1.65}.status-card{background:#fff0f3;border-radius:1.25rem;align-items:flex-start;gap:1rem;margin-top:clamp(2rem,6vw,3.5rem);padding:1.25rem;display:flex}.status-icon{color:#fff;background:#ff8da1;border-radius:50%;flex:0 0 2.5rem;place-items:center;height:2.5rem;display:grid}.status-card strong{margin-top:.1rem;font-size:1rem;display:block}.status-card p{color:#80616a;margin:.35rem 0 0;line-height:1.5}@media (width<=480px){.welcome-card{border-radius:1.5rem}.status-card{align-items:center}}.auth-card{text-align:center;background:#ffffffe6;border:1px solid #ff8da152;border-radius:2rem;width:min(100%,36rem);padding:clamp(2rem,6vw,4rem);box-shadow:0 1.5rem 4rem #5b2a371a}.auth-card .brand{margin-bottom:1rem}.auth-title{max-width:none;font-size:clamp(2rem,6vw,3.5rem);line-height:1.05}.auth-message{color:#71535c;margin:1.25rem auto 0;font-size:1.05rem;line-height:1.6}.primary-action{color:#fff;min-height:2.75rem;font:inherit;cursor:pointer;background:#d94f6b;border:0;border-radius:999px;justify-content:center;align-items:center;margin-top:1.75rem;padding:.75rem 1.25rem;font-weight:750;text-decoration:none;display:inline-flex}.primary-action:hover{background:#bf3d58}.primary-action:focus-visible{outline-offset:3px;outline:3px solid #d94f6b59}.account-row{border-bottom:1px solid #ff8da13d;align-items:center;gap:.85rem;margin-bottom:clamp(2rem,5vw,3rem);padding-bottom:1.25rem;display:flex}.account-avatar{object-fit:cover;background:#fff0f3;border-radius:50%;flex:0 0 3rem;width:3rem;height:3rem}.account-avatar-fallback{color:#fff;background:#d94f6b;place-items:center;font-weight:800;display:grid}.account-copy{gap:.2rem;min-width:0;display:grid}.account-copy strong,.account-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-copy span{color:#80616a;font-size:.9rem}.logout-action{color:#a42f49;min-height:2.5rem;font:inherit;cursor:pointer;background:#fff;border:1px solid #d94f6b73;border-radius:999px;margin-left:auto;padding:.55rem .9rem;font-weight:750}.logout-action:hover:not(:disabled){background:#fff0f3}.logout-action:focus-visible{outline-offset:2px;outline:3px solid #d94f6b4d}.logout-action:disabled{cursor:wait;opacity:.65}.inline-error{color:#a42f49;margin:-1.25rem 0 1.5rem;font-weight:650}@media (width<=32rem){.account-row{flex-wrap:wrap;align-items:flex-start}.account-copy{max-width:calc(100% - 4rem)}.logout-action{width:100%;margin-left:0}}.payment-card{background:#fffafc;border:1px solid #ff8da14d;border-radius:1.25rem;grid-template-columns:minmax(0,1fr) minmax(8rem,11rem);align-items:end;gap:1.25rem 2rem;margin-top:2rem;padding:1.5rem;display:grid}.payment-card h2,.payment-card p{margin:0}.payment-card h2{font-size:1.3rem}.payment-card>div>p{color:#80616a;margin-top:.4rem;line-height:1.45}.amount-field{color:#5f424b;gap:.45rem;font-size:.9rem;font-weight:750;display:grid}.amount-field input{color:#2f2025;width:100%;min-height:2.75rem;font:inherit;background:#fff;border:1px solid #a42f4966;border-radius:.75rem;padding:.65rem .8rem;font-size:1rem}.amount-field input:focus{border-color:#d94f6b;outline:3px solid #d94f6b2e}.payment-actions{grid-column:1/-1;align-items:center;gap:.75rem;display:flex}.payment-action,.secondary-action{min-height:2.75rem;margin:0}.primary-action:disabled,.secondary-action:disabled{cursor:wait;opacity:.55}.secondary-action{color:#a42f49;font:inherit;cursor:pointer;background:#fff;border:1px solid #d94f6b66;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1.1rem;font-weight:750;text-decoration:none;display:inline-flex}.secondary-action:hover:not(:disabled){background:#fff0f3}.payment-message{color:#71535c;grid-column:1/-1;font-weight:650}.payment-message-error{color:#a42f49}.dashboard-shell-wide .welcome-card,.payments-card{width:min(100%,68rem)}.payments-content{min-width:0}.back-link{color:#a42f49;margin-bottom:1.5rem;font-weight:750;text-decoration:none;display:inline-block}.payments-title{max-width:none;font-size:clamp(2.4rem,7vw,4.5rem)}.payments-list{gap:.75rem;margin-top:2rem;display:grid}.payment-row{background:#fffafc;border:1px solid #ff8da142;border-radius:1rem;grid-template-columns:minmax(8rem,1fr) auto minmax(10rem,1fr);align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:grid}.payment-amount{gap:.25rem;display:grid}.payment-amount strong{font-size:1.15rem}.payment-amount time,.payment-row code{color:#80616a;font-size:.82rem}.payment-row code{overflow-wrap:anywhere;text-align:right}.payment-meta{align-items:center;gap:.45rem;display:flex}.payment-status,.test-badge{text-transform:capitalize;background:#f3e8eb;border-radius:999px;padding:.3rem .55rem;font-size:.75rem;font-weight:800}.payment-status-captured{color:#176844;background:#e1f5eb}.payment-status-failed{color:#9b283f;background:#ffe7ec}.payment-status-authorized,.payment-status-verified{color:#73520b;background:#fff3cf}.test-badge{color:#7f3ea0;background:#f3e8fb}.history-state{background:#fff0f3;border-radius:1rem;margin-top:2rem;padding:1.25rem}.pagination{justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}@media (width<=42rem){.payment-card{grid-template-columns:1fr}.payment-actions{flex-wrap:wrap;grid-column:auto}.payment-row{grid-template-columns:1fr auto}.payment-row code{text-align:left;grid-column:1/-1}}