.tp-overlay{z-index:1200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1118278c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.tp-card{color:#1f2937;background:#fff;border-radius:22px;width:min(720px,100%);max-height:calc(100vh - 32px);padding:22px 24px;position:relative;overflow-y:auto;box-shadow:0 24px 60px #00000040}.tp-card h2,.tp-card p,.tp-card ol{margin:0}.tp-close{color:#6b7280;cursor:pointer;background:#f3f4f6;border:0;border-radius:50%;width:34px;height:34px;font-size:22px;line-height:1;position:absolute;top:12px;right:14px}.tp-close:hover{color:#c1272d;background:#fee2e2}.tp-head{margin-bottom:16px;padding-right:40px}.tp-head small{letter-spacing:.05em;text-transform:uppercase;color:#c1272d;font-size:12.5px;font-weight:800}.tp-head h2{margin-top:2px;font-size:20px;font-weight:900}.tp-loading{text-align:center;color:#6b7280;padding:50px 0}.tp-body{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:20px;display:grid}.tp-qr{background:linear-gradient(#fff,#fff5f5);border:2px solid #fecaca;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:14px;display:flex}.tp-qr img{background:#fff;border-radius:10px;width:220px;height:220px}.tp-qr small{color:#6b7280;font-size:12px}.tp-qr-brand{color:#c1272d;letter-spacing:.04em;font-size:12px;font-weight:900}.tp-info{flex-direction:column;gap:6px;display:flex}.tp-amount{color:#fff;background:linear-gradient(135deg,#b91c1c,#ea580c);border-radius:14px;justify-content:space-between;align-items:baseline;padding:10px 14px;display:flex}.tp-amount span{opacity:.9;font-size:13px}.tp-amount b{font-size:24px;font-weight:900}.tp-row{background:#f9fafb;border-radius:10px;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.tp-row>span{color:#6b7280;font-size:12.5px}.tp-row>b{word-break:break-all;font-size:14px;font-weight:800}.tp-row button{color:#c1272d;height:28px;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #fecaca;border-radius:8px;padding:0 10px;font-size:12px;font-weight:800}.tp-row button:hover{background:#fff5f5}.tp-row.strong{background:#fffbeb;border:1px dashed #f59e0b}.tp-row.strong>b{color:#b45309;letter-spacing:.02em}.tp-warn{color:#92400e;font-size:12.5px}.tp-steps{counter-reset:tp;color:#374151;background:#f9fafb;border-radius:14px;flex-direction:column;gap:6px;margin-top:16px;padding:12px 14px;font-size:13.5px;list-style:none;display:flex}.tp-steps li{counter-increment:tp;min-height:22px;padding-left:32px;line-height:22px;list-style:none;position:relative}.tp-steps li:before{content:counter(tp);color:#c1272d;background:#fee2e2;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:grid;position:absolute;top:0;left:0}.tp-status{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;display:flex}.tp-status>span{font-size:28px}.tp-status div{flex-direction:column;gap:2px;display:flex}.tp-status b{color:#15803d}.tp-status small{color:#4b5563;font-size:13px}.tp-err{color:#dc2626;margin-top:10px;font-size:13.5px;font-weight:600}.tp-foot{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.tp-btn{height:42px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:12px;padding:0 20px;font-size:14.5px;font-weight:800}.tp-btn.ghost{color:#374151;background:#fff;border-color:#e5e7eb}.tp-btn.ghost:hover{color:#c1272d;border-color:#c1272d}.tp-btn.primary{color:#fff;background:linear-gradient(135deg,#b91c1c,#e11d48);box-shadow:0 6px 16px #b91c1c40}.tp-btn.primary:hover:not(:disabled){filter:brightness(1.06)}.tp-btn:disabled{opacity:.6;cursor:default}@media (max-width:640px){.tp-card{padding:18px 16px}.tp-body{grid-template-columns:1fr}.tp-qr img{width:200px;height:200px}.tp-row{grid-template-columns:90px minmax(0,1fr) auto}}