.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.transaction-progress-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;animation:.3s ease-out modalSlideIn;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.15)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-title{color:#1f2937;margin:0;font-size:1.25rem;font-weight:600}.modal-close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:1.5rem;transition:all .2s}.modal-close-btn:hover{color:#374151;background-color:#f3f4f6}.payment-details{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:20px 24px}.detail-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.detail-row:last-child{margin-bottom:0}.detail-label{color:#6b7280;font-size:.875rem;font-weight:500}.detail-value{color:#1f2937;font-size:.875rem;font-weight:600}.transaction-hash{word-break:break-all;background-color:#f3f4f6;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.75rem}.progress-steps{padding:20px 24px}.progress-steps h3{color:#1f2937;margin:0 0 16px;font-size:1rem;font-weight:600}.progress-step{align-items:flex-start;margin-bottom:12px;padding:8px 0;transition:all .3s;display:flex}.progress-step.current{background-color:#f0f9ff;border-radius:8px;margin:0 -12px 12px;padding:12px}.progress-step:last-child{margin-bottom:0}.step-indicator{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-right:12px;font-size:.75rem;transition:all .3s;display:flex}.step-indicator.pending{color:#9ca3af;background-color:#f3f4f6}.step-indicator.in-progress{color:#fff;background-color:#3b82f6;animation:2s infinite pulse}.step-indicator.completed{color:#fff;background-color:#10b981}.step-indicator.failed{color:#fff;background-color:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.step-content{flex:1;min-width:0}.step-title{color:#1f2937;margin-bottom:2px;font-size:.875rem;font-weight:500}.step-error{color:#ef4444;margin-top:4px;font-size:.75rem}.current-status{background-color:#f0f9ff;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:16px 24px}.status-text{color:#1f2937;margin-bottom:4px;font-size:.875rem;font-weight:500}.elapsed-time{color:#6b7280;font-family:monospace;font-size:.75rem}.success-message{background-color:#f0fdf4;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:20px 24px}.success-message p{color:#166534;margin:0;font-size:.875rem;line-height:1.5}.error-message{background-color:#fef2f2;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:20px 24px}.error-message p{color:#dc2626;margin:0;font-size:.875rem;line-height:1.5}.modal-actions{justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.btn{cursor:pointer;border:1px solid transparent;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s}.btn-primary{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.btn-primary:hover{background-color:#2563eb;border-color:#2563eb}.btn-secondary{color:#fff;background-color:#6b7280;border-color:#6b7280}.btn-secondary:hover{background-color:#4b5563;border-color:#4b5563}.btn-danger{color:#fff;background-color:#ef4444;border-color:#ef4444}.btn-danger:hover{background-color:#dc2626;border-color:#dc2626}@media (max-width:640px){.transaction-progress-modal{width:95%;margin:20px}.modal-header,.payment-details,.progress-steps,.current-status,.success-message,.error-message,.modal-actions{padding-left:16px;padding-right:16px}.detail-row{flex-direction:column;align-items:flex-start;gap:4px}.modal-actions{flex-direction:column}.btn{width:100%}}