:root{--payment-bg:linear-gradient(160deg, #0b1220 0%, #111c2e 52%, #162436 100%);--payment-accent:#7dd3fc;--payment-accent-2:#34d399;--payment-warm:#f59e0b57;--payment-cool:#14b8a638}.payment-success-root{background:var(--payment-bg);color:#fff;justify-content:center;align-items:stretch;width:100%;min-height:100dvh;padding:0;display:flex;overflow-y:hidden}.payment-success-theme--default{--payment-bg:radial-gradient(circle at 18% 8%, #3b82f62e, transparent 32%), radial-gradient(circle at 84% 80%, #14b8a624, transparent 36%), linear-gradient(160deg, #071225 0%, #0f172a 56%, #1b2a3d 100%);--payment-accent:#93c5fd;--payment-accent-2:#67e8f9;--payment-warm:#60a5fa38;--payment-cool:#67e8f924}.payment-success-theme--friend{--payment-bg:radial-gradient(circle at 14% 14%, #ffeeb361, transparent 30%), radial-gradient(circle at 86% 82%, #b453096b, transparent 38%), linear-gradient(160deg, #101726 0%, #243128 46%, #b7791f 100%);--payment-accent:#f8d07c;--payment-accent-2:#86efac;--payment-warm:#f59e0b6b;--payment-cool:#22c55e2b}.payment-success-theme--group{--payment-bg:radial-gradient(circle at 14% 10%, #beffff42, transparent 32%), radial-gradient(circle at 88% 76%, #7c3aed52, transparent 36%), linear-gradient(160deg, #071225 0%, #0e7490 48%, #4f46e5 100%);--payment-accent:#67e8f9;--payment-accent-2:#a78bfa;--payment-warm:#2dd4bf38;--payment-cool:#8b5cf63d}.payment-success-theme--network{--payment-bg:radial-gradient(circle at 16% 12%, #99f6e442, transparent 32%), radial-gradient(circle at 84% 76%, #14b8a64d, transparent 38%), linear-gradient(160deg, #071225 0%, #0f766e 52%, #0e7490 100%);--payment-accent:#5eead4;--payment-accent-2:#86efac;--payment-warm:#22c55e33;--payment-cool:#2dd4bf3d}.payment-success-theme--global{--payment-bg:radial-gradient(circle at 14% 12%, #fbbf2452, transparent 30%), radial-gradient(circle at 86% 22%, #ec489938, transparent 34%), radial-gradient(circle at 80% 80%, #22c55e3d, transparent 38%), linear-gradient(160deg, #071225 0%, #11352f 52%, #9a6a1f 100%);--payment-accent:#fbbf24;--payment-accent-2:#86efac;--payment-warm:#f59e0b66;--payment-cool:#22c55e33}.payment-success-shell{isolation:isolate;width:min(100%,430px);min-height:100dvh;padding:34px 24px 24px;position:relative;overflow:hidden}.payment-success-ambient{pointer-events:none;filter:blur(26px);opacity:.9;z-index:-1;border-radius:999px;position:absolute}.payment-success-ambient--one{background:var(--payment-warm);width:230px;height:230px;top:80px;left:-72px}.payment-success-ambient--two{background:var(--payment-cool);width:260px;height:260px;bottom:110px;right:-96px}.payment-success-top{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:34px;animation:.36s ease-out both paymentRise;display:flex}.payment-success-kicker{letter-spacing:.26em;text-transform:uppercase;color:#ffffff8c;margin-bottom:14px;font-size:12px;font-weight:800}.payment-success-title{letter-spacing:-.055em;color:#fffffffa;text-shadow:0 14px 34px #0000003d;margin:0;font-size:clamp(38px,11vw,50px);font-weight:900;line-height:.98}.payment-success-subtitle{color:#ffffffb8;margin:14px 0 0;font-size:15px;line-height:1.45}.payment-success-close{color:#ffffffdb;-webkit-backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff38;border-radius:999px;place-items:center;width:46px;height:46px;font-size:32px;line-height:1;display:grid;box-shadow:inset 0 1px #ffffff21,0 12px 28px #00000024}.payment-success-flow{grid-template-columns:1fr 1.1fr 1fr;align-items:center;gap:8px;margin-bottom:26px;animation:.42s ease-out 90ms both paymentRise;display:grid}.payment-success-party{text-align:center;min-width:0}.payment-success-avatar{color:#fff;background:radial-gradient(circle at 25% 18%,#ffffff59,#0000 34%),#ffffff1a;border:1px solid #ffffff3d;border-radius:999px;place-items:center;width:62px;height:62px;margin:0 auto 10px;font-size:25px;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff2e,0 14px 30px #00000029}.payment-success-party--recipient .payment-success-avatar{border-color:color-mix(in srgb, var(--payment-accent) 58%, #ffffff38);background:radial-gradient(circle at 25% 18%, #ffffff61, transparent 34%), color-mix(in srgb, var(--payment-accent) 30%, #ffffff14)}.payment-success-party--you .payment-success-avatar{border-color:color-mix(in srgb, var(--payment-accent-2) 55%, #ffffff38);background:radial-gradient(circle at 25% 18%, #ffffff57, transparent 34%), color-mix(in srgb, var(--payment-accent-2) 22%, #ffffff14)}.payment-success-party-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:850;overflow:hidden}.payment-success-party-role{color:var(--payment-accent-2);margin-top:4px;font-size:12px;font-weight:700}.payment-success-party--recipient .payment-success-party-role{color:var(--payment-accent)}.payment-success-connector{grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;display:grid}.payment-success-connector span{opacity:.72;background-image:radial-gradient(circle,#ffffffc7 1.5px,#0000 2px);background-size:12px 3px;border-radius:999px;height:3px}.payment-success-check{color:#bbf7d0;background:radial-gradient(circle at 35% 20%,#ffffff52,#0000 34%),#22c55e33;border:1px solid #86efac6b;border-radius:999px;place-items:center;width:64px;height:64px;font-size:36px;font-weight:900;animation:.52s cubic-bezier(.34,1.56,.64,1) .18s both paymentCheckPop;display:grid;box-shadow:0 0 0 8px #22c55e0f,0 0 42px #22c55e47,inset 0 1px #ffffff2e}.payment-success-hero{text-align:center;margin-bottom:22px;animation:.42s ease-out .16s both paymentRise}.payment-success-amount{letter-spacing:-.06em;text-shadow:0 18px 38px #0000004d,0 0 30px #ffffff1a;font-size:clamp(58px,17vw,76px);font-weight:950;line-height:1}.payment-success-secure{width:fit-content;color:color-mix(in srgb, var(--payment-accent-2) 76%, white);-webkit-backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;margin:14px auto 0;padding:8px 13px;font-size:12px;font-weight:750}.payment-success-impact,.payment-success-settled,.payment-success-details,.payment-success-done-card,.payment-success-footer-actions{-webkit-backdrop-filter:blur(20px);background:#ffffff13;border:1px solid #ffffff24;box-shadow:inset 0 1px #ffffff1f,0 18px 40px #00000029}.payment-success-impact{border-radius:22px;margin-bottom:18px;padding:17px;animation:.42s ease-out .22s both paymentRise}.payment-success-impact-title{text-align:center;color:color-mix(in srgb, var(--payment-accent-2) 82%, white);margin-bottom:17px;font-size:13px;font-weight:850}.payment-success-impact-grid{grid-template-columns:repeat(3,1fr);display:grid}.payment-success-impact-cell{text-align:center;min-width:0;padding:0 8px}.payment-success-impact-cell+.payment-success-impact-cell{border-left:1px solid #ffffff1f}.payment-success-impact-cell span,.payment-success-impact-cell em{color:#ffffff8f;font-size:11px;font-style:normal;line-height:1.25;display:block}.payment-success-impact-cell strong{color:#fffffff5;margin:5px 0;font-size:16px;line-height:1.1;display:block}.payment-success-details{border-radius:22px;margin-bottom:18px;padding:18px;animation:.42s ease-out .28s both paymentRise}.payment-success-settled{border-radius:22px;margin-bottom:18px;padding:16px;animation:.42s ease-out .25s both paymentRise}.payment-success-settled-heading{align-items:center;gap:10px;margin-bottom:10px;display:flex}.payment-success-settled-heading strong{font-size:15px}.payment-success-settled-list{gap:2px;display:grid}.payment-success-settled-row{border-top:1px solid #ffffff14;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:34px;padding:6px 0;display:grid}.payment-success-settled-row:first-child{border-top:0}.payment-success-settled-check{width:18px;height:18px;color:color-mix(in srgb, var(--payment-accent-2) 78%, white);background:#ffffff17;border-radius:999px;place-items:center;font-size:11px;font-weight:900;display:grid}.payment-success-settled-title{color:#ffffffe0;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:720;overflow:hidden}.payment-success-settled-row strong{color:#fffffff5;text-align:right;white-space:nowrap;font-size:14px;font-weight:820}.payment-success-settled-badge{color:color-mix(in srgb, var(--payment-accent-2) 78%, white);vertical-align:1px;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;align-items:center;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:850;display:inline-flex}.payment-success-settled-more{width:100%;color:color-mix(in srgb, var(--payment-accent-2) 82%, white);background:#ffffff14;border:0;border-radius:999px;margin-top:8px;padding:9px 12px;font-size:12px;font-weight:850}.payment-success-details-heading{align-items:center;gap:10px;margin-bottom:14px;display:flex}.payment-success-details-icon{color:#ffffffe0;background:#ffffff21;border-radius:999px;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.payment-success-details-heading strong{font-size:15px}.payment-success-detail-row{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:18px;padding:12px 0;font-size:14px;display:flex}.payment-success-detail-row span{color:#ffffff94}.payment-success-detail-row strong{color:#fffffff0;text-align:right;font-weight:760}.payment-success-done-card{color:#fff;text-align:left;background:linear-gradient(135deg, #ffffff1f, color-mix(in srgb, var(--payment-accent-2) 25%, #ffffff0f)), #ffffff12;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;width:100%;margin-bottom:18px;padding:15px;animation:.42s ease-out .34s both paymentRise;display:grid}.payment-success-done-icon{background:radial-gradient(circle at 25% 20%, #ffffff6b, transparent 34%), color-mix(in srgb, var(--payment-accent) 36%, #ffffff1f);border:1px solid #ffffff47;border-radius:999px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.payment-success-done-card strong{font-size:18px;display:block}.payment-success-done-card em{color:#ffffffb8;margin-top:3px;font-size:13px;font-style:normal;display:block}.payment-success-done-arrow{color:#ffffffdb;font-size:36px;line-height:1}.payment-success-footer-actions{border-radius:999px;gap:8px;padding:8px;animation:.42s ease-out .4s both paymentRise;display:flex}.payment-success-footer-actions:empty{display:none}.payment-success-footer-actions button{color:#ffffffdb;white-space:nowrap;background:#ffffff13;border:none;border-radius:999px;flex:1;min-width:0;padding:10px 8px;font-size:11px;font-weight:750}@keyframes paymentRise{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes paymentCheckPop{0%{opacity:0;transform:scale(.72)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media (max-width:380px){.payment-success-shell{padding-left:18px;padding-right:18px}.payment-success-impact-grid{gap:10px}.payment-success-impact-cell{padding:0 4px}.payment-success-footer-actions{border-radius:22px;flex-direction:column}}