/* Payment Status Tracker Styles */
.payment-status-tracker{margin:20px 0;font-family:Arial,Helvetica,sans-serif}
.payment-status-card{border:1px solid #ddd;border-radius:8px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden}
.payment-status-header{background:#f8f9fa;padding:15px 20px;border-bottom:1px solid #ddd}
.payment-status-header h3{margin:0 0 5px;font-size:18px;color:#333}
.payment-id{font-size:12px;color:#666;font-family:monospace}
.payment-status-body{padding:20px}
.progress-container{margin-bottom:15px}
.progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}
.progress-fill{height:100%;width:0;background:#007bff;transition:width .3s ease;border-radius:4px}
.progress-fill.completed{background:#28a745}
.progress-fill.failed{background:#dc3545}
.progress-fill.pending{background:#ffc107}
.status-message{font-size:16px;font-weight:500;margin-bottom:15px;color:#333}
.status-details{background:#f8f9fa;padding:15px;border-radius:4px;margin-bottom:15px;font-size:14px}
.status-detail-row{display:flex;justify-content:space-between;margin-bottom:8px}
.status-detail-row:last-child{margin-bottom:0}
.status-detail-label{font-weight:500;color:#666}
.status-detail-value{color:#333}
.status-actions{text-align:center}
.status-btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin:0 5px;text-decoration:none;display:inline-block}
.status-btn-primary{background:#007bff;color:#fff}
.status-btn-success{background:#28a745;color:#fff}
.status-btn-danger{background:#dc3545;color:#fff}
.status-btn-secondary{background:#6c757d;color:#fff}
.status-spinner{display:inline-block;width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}
@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}