.apex-pay{--o:#ff7a1a;--o-hover:#ff9d4d;--o-soft:#ff7a1a1f;--o-line:#ff7a1a47;--pt:#f5f5f7;--pm:#8a8a93;--pcard:#121214;--pbord:#ffffff1a;--pfield:#0e0e10;--green:#3fb97a;--red:#e0594f;--amber:#f5b93f;z-index:1000;justify-content:center;align-items:center;padding:20px;font-family:Inter,system-ui,sans-serif;display:flex;position:fixed;inset:0}@media (width<=520px){.apex-pay{align-items:flex-end;padding:0}}.apex-pay__backdrop{-webkit-backdrop-filter:blur(8px);background:#0000009e;animation:.2s ease-out both pay-fade;position:absolute;inset:0}@keyframes pay-fade{0%{opacity:0}to{opacity:1}}.apex-pay__card{background:var(--pcard);border:1px solid var(--pbord);width:100%;max-width:440px;color:var(--pt);border-radius:16px;max-height:calc(100dvh - 40px);padding:26px;animation:.25s cubic-bezier(.16,1,.3,1) both pay-rise;position:relative;overflow-y:auto;box-shadow:0 40px 90px -30px #000000d9}@media (width<=520px){.apex-pay__card{max-width:100%;padding:22px 18px calc(22px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;max-height:92dvh;animation:.28s cubic-bezier(.16,1,.3,1) both pay-sheet}}@keyframes pay-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pay-sheet{0%{transform:translateY(100%)}to{transform:none}}.pay-close{width:32px;height:32px;color:var(--pm);border-radius:10px;justify-content:center;align-items:center;font-size:16px;transition:color .2s,background .2s;display:flex;position:absolute;top:14px;right:14px}.pay-close:hover{color:var(--pt);background:#ffffff0f}.pay-head{text-align:center;margin-bottom:20px}.pay-title{letter-spacing:-.01em;font-size:20px;font-weight:700}.pay-price{color:var(--pm);margin-top:4px;font-size:14px}.pay-change{color:var(--o);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:8px;font-size:13px;display:inline-flex}.pay-change:hover{color:var(--o-hover)}.pay-change select{background:var(--pfield);color:var(--pt);border:1px solid var(--pbord);font:inherit;border-radius:8px;padding:4px 8px}.pay-methods{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;display:grid}.pay-method{border:1px solid var(--pbord);text-align:center;color:var(--pt);cursor:pointer;background:0 0;border-radius:12px;padding:12px;font-size:13.5px;font-weight:600;transition:border-color .2s,background .2s}.pay-method small{color:var(--pm);margin-top:2px;font-size:11px;font-weight:400;display:block}.pay-method.is-active{border-color:var(--o);background:var(--o-soft)}.pay-method--soon{opacity:.5;cursor:not-allowed}.pay-line{border-bottom:1px solid var(--pbord);justify-content:space-between;align-items:center;padding:11px 0;font-size:14px;display:flex}.pay-line__k{color:var(--pm)}.pay-line__v{font-variant-numeric:tabular-nums;font-weight:600}.pay-note{border-radius:12px;gap:8px;margin-top:14px;padding:11px 13px;font-size:12.5px;line-height:1.5;display:flex}.pay-note--warn{color:#f0b3ae;background:#e0594f14;border:1px solid #e0594f47}.pay-note--info{border:1px solid var(--pbord);color:var(--pm);background:#ffffff08}.pay-btn{background:linear-gradient(135deg, var(--o-hover), var(--o));color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:18px;padding:14px;font-size:15px;font-weight:700;transition:filter .2s,transform .1s,opacity .2s}.pay-btn:hover{filter:brightness(1.08)}.pay-btn:active{transform:scale(.98)}.pay-btn:disabled{opacity:.5;cursor:not-allowed}.pay-btn--ghost{border:1px solid var(--pbord);color:var(--pt);background:0 0}.pay-btn--ghost:hover{filter:none;background:#ffffff0d}.pay-tglink{text-align:center;color:var(--pm);margin-top:12px;font-size:13px;display:block}.pay-tglink:hover{color:var(--pt)}.pay-error{color:#f0b3ae;background:#e0594f1a;border:1px solid #e0594f4d;border-radius:12px;margin-top:14px;padding:11px 13px;font-size:13px;line-height:1.5}.pay-qr{background:#fff;border-radius:14px;justify-content:center;align-items:center;width:232px;height:232px;margin:4px auto 18px;padding:16px;display:flex}.pay-qr svg{width:100%;height:100%}.pay-field{margin-top:10px}.pay-field__lbl{color:var(--pm);margin-bottom:5px;font-size:12px}.pay-field__row{align-items:stretch;gap:8px;display:flex}.pay-field__val{background:var(--pfield);border:1px solid var(--pbord);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;border-radius:10px;flex:1;min-width:0;padding:11px 12px;font-size:13.5px;overflow:hidden}.pay-copy{border:1px solid var(--o-line);background:var(--o-soft);color:var(--o);cursor:pointer;border-radius:10px;flex-shrink:0;padding:0 14px;font-size:12.5px;font-weight:600;transition:background .2s}.pay-copy:hover{background:#ff7a1a2e}.pay-copy.is-done{color:var(--green);background:#3fb97a1f;border-color:#3fb97a66}.pay-timer{color:var(--pm);justify-content:space-between;align-items:center;margin-top:18px;font-size:13px;display:flex}.pay-timer__val{font-variant-numeric:tabular-nums;color:var(--pt);font-weight:600}.pay-timer__val.is-urgent{color:var(--red)}.pay-progress{background:#ffffff12;border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.pay-progress__bar{background:linear-gradient(90deg, var(--o-hover), var(--o));border-radius:999px;height:100%;transition:width 1s linear}.pay-progress__bar.is-urgent{background:var(--red)}.pay-status{color:var(--pt);justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:13.5px;display:flex}.pay-status__dot{background:var(--amber);width:8px;height:8px;box-shadow:0 0 8px var(--amber);border-radius:50%;animation:1.6s ease-in-out infinite pay-pulse}.pay-status__dot--ok{background:var(--green);box-shadow:0 0 8px var(--green);animation:none}@keyframes pay-pulse{0%,to{opacity:1}50%{opacity:.35}}.pay-center{text-align:center;padding:8px 0}.pay-emoji{font-size:44px;line-height:1}.pay-check{width:76px;height:76px;margin:0 auto 6px}.pay-check circle{fill:none;stroke:var(--green);stroke-width:4px;stroke-dasharray:238;stroke-dashoffset:238px;animation:.5s ease-out forwards pay-check-c}.pay-check path{fill:none;stroke:var(--green);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60px;animation:.4s ease-out .4s forwards pay-check-p}@keyframes pay-check-c{to{stroke-dashoffset:0}}@keyframes pay-check-p{to{stroke-dashoffset:0}}.pay-center h3{margin:14px 0 0;font-size:20px;font-weight:700}.pay-center p{color:var(--pm);margin:8px 0 0;font-size:14px;line-height:1.55}.pay-confetti{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.pay-confetti i{opacity:.9;border-radius:2px;width:8px;height:12px;animation:1s ease-in forwards pay-confetti-fall;position:absolute;top:-12px}@keyframes pay-confetti-fall{to{opacity:0;transform:translateY(120%)rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pay-confetti{display:none}.apex-pay__card,.apex-pay__backdrop,.pay-check circle,.pay-check path{animation:none}.pay-check circle,.pay-check path{stroke-dashoffset:0}}