.page-header.svelte-1xd49a3{display:flex;align-items:center;gap:12px;margin-bottom:20px}.header-text.svelte-1xd49a3 h1:where(.svelte-1xd49a3){font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.header-text.svelte-1xd49a3 p:where(.svelte-1xd49a3){font-size:.75rem;color:var(--text-muted);margin:1px 0 0;line-height:1.2}.back-btn.svelte-1xd49a3{width:40px;height:40px;border-radius:12px;border:none;background:var(--card-bg);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #00000014;flex-shrink:0}.back-btn.svelte-1xd49a3:hover{background:var(--primary-color);color:#fff;transform:translate(-2px)}.card-title.svelte-1xd49a3{display:flex;align-items:center;gap:8px;border-bottom:none;padding-bottom:0;margin-bottom:20px}.card-title.svelte-1xd49a3 svg:where(.svelte-1xd49a3){color:var(--primary-color)}.form-group.svelte-1xd49a3 label:where(.svelte-1xd49a3){display:flex;align-items:center;gap:6px}.form-group.svelte-1xd49a3 label:where(.svelte-1xd49a3) svg:where(.svelte-1xd49a3){color:var(--text-secondary)}#date.svelte-1xd49a3{cursor:pointer;background-color:var(--card-bg)}.flatpickr-calendar{font-family:inherit;border-radius:12px;box-shadow:0 8px 24px #00000026;border:1px solid var(--border-color)}.flatpickr-months{padding:8px}.flatpickr-current-month{font-size:1rem;font-weight:600}.flatpickr-day{border-radius:8px;font-weight:500}.flatpickr-day.selected{background:var(--primary-color)!important;border-color:var(--primary-color)!important}.flatpickr-day:hover{background:var(--primary-bg)}.flatpickr-day.today{border-color:var(--primary-color)}.loading-state.svelte-1xd49a3{text-align:center;padding:40px 20px}.loading-state.svelte-1xd49a3 .spinner:where(.svelte-1xd49a3){width:40px;height:40px;border-width:3px;margin:0 auto 16px}.loading-state.svelte-1xd49a3 p:where(.svelte-1xd49a3){color:var(--text-secondary);margin:0}.hint-text.svelte-1xd49a3{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;color:var(--text-secondary);font-size:.85rem;text-align:center}.countdown-badge.svelte-1xd49a3{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:20px;font-size:.9rem;font-weight:600;font-family:monospace;box-shadow:0 2px 8px #dc262659;animation:svelte-1xd49a3-pulse-badge 2s ease-in-out infinite;z-index:10}.countdown-badge.svelte-1xd49a3 svg:where(.svelte-1xd49a3){flex-shrink:0}.status-card.svelte-1xd49a3{padding:14px 16px;border-radius:12px;margin-bottom:16px;display:flex;align-items:center;justify-content:flex-start;gap:12px}.status-card.status-paid.svelte-1xd49a3{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.status-card.status-paid.svelte-1xd49a3 .status-icon:where(.svelte-1xd49a3) svg:where(.svelte-1xd49a3){color:#16a34a}.status-card.status-paid.svelte-1xd49a3 .status-text:where(.svelte-1xd49a3){color:#166534}.status-card.status-processing.svelte-1xd49a3{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.status-card.status-processing.svelte-1xd49a3 .status-icon:where(.svelte-1xd49a3) svg:where(.svelte-1xd49a3){color:#4f46e5;animation:svelte-1xd49a3-spin 2s linear infinite}.status-card.status-processing.svelte-1xd49a3 .status-text:where(.svelte-1xd49a3){color:#3730a3}.status-card.status-pending.svelte-1xd49a3{background:linear-gradient(135deg,#fef3c7,#fde68a)}.status-card.status-pending.svelte-1xd49a3 .status-icon:where(.svelte-1xd49a3) svg:where(.svelte-1xd49a3){color:#d97706}.status-card.status-pending.svelte-1xd49a3 .status-text:where(.svelte-1xd49a3){color:#92400e}.status-card.status-expired.svelte-1xd49a3{background:linear-gradient(135deg,#fee2e2,#fecaca)}.status-card.status-expired.svelte-1xd49a3 .status-icon:where(.svelte-1xd49a3) svg:where(.svelte-1xd49a3){color:#dc2626}.status-card.status-expired.svelte-1xd49a3 .status-text:where(.svelte-1xd49a3){color:#991b1b}@keyframes svelte-1xd49a3-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-icon.svelte-1xd49a3{flex-shrink:0;display:flex;align-items:center;justify-content:center}.status-text.svelte-1xd49a3{font-size:1rem;font-weight:600}.detail-list.svelte-1xd49a3{display:flex;flex-direction:column}.detail-item.svelte-1xd49a3{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.detail-item.svelte-1xd49a3:last-child{border-bottom:none}.detail-label.svelte-1xd49a3{color:var(--text-secondary);font-size:.9rem}.detail-value.svelte-1xd49a3{font-weight:500;color:var(--text-primary)}.token-row.svelte-1xd49a3{flex-direction:row;align-items:center}.token-value-row.svelte-1xd49a3{display:flex;align-items:center;gap:8px}.token-text.svelte-1xd49a3{font-family:monospace;font-size:.85rem}.copy-token-btn.svelte-1xd49a3{flex-shrink:0;width:32px;height:32px;border-radius:6px;border:none;background:var(--primary-bg);color:var(--primary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.copy-token-btn.svelte-1xd49a3:hover{background:var(--primary-color);color:#fff}.detail-value.amount.svelte-1xd49a3{color:var(--primary-color);font-weight:700;font-size:1.1rem}.detail-item.total.svelte-1xd49a3{margin-top:4px;padding-top:12px;border-bottom:none}.detail-item.total.svelte-1xd49a3 .detail-label:where(.svelte-1xd49a3){font-weight:600;color:var(--text-primary)}.wa-help-btn.svelte-1xd49a3{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:#25d366;color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;margin-top:12px;transition:all .2s ease}.wa-help-btn.svelte-1xd49a3:hover{background:#1da851;transform:translateY(-1px);box-shadow:0 4px 12px #25d3664d}.wa-help-btn.svelte-1xd49a3:active{transform:translateY(0)}.voucher-card.svelte-1xd49a3{background:linear-gradient(135deg,var(--primary-color) 0%,#7c3aed 100%);border-radius:20px;padding:24px;color:#fff;margin-bottom:16px}.voucher-header.svelte-1xd49a3{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-weight:600;font-size:1.1rem}.voucher-credentials.svelte-1xd49a3{display:flex;flex-direction:column;gap:16px}.credential.svelte-1xd49a3{background:#ffffff26;border-radius:12px;padding:14px}.credential-label.svelte-1xd49a3{display:block;font-size:.8rem;opacity:.8;margin-bottom:4px}.credential-value.svelte-1xd49a3{display:flex;align-items:center;justify-content:space-between;font-size:1.25rem;font-weight:700;letter-spacing:.5px}.copy-btn.svelte-1xd49a3{background:#fff3;border:none;border-radius:8px;padding:8px;cursor:pointer;color:#fff;transition:all .2s ease}.copy-btn.svelte-1xd49a3:hover{background:#ffffff4d}.voucher-note.svelte-1xd49a3{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2);font-size:.85rem;opacity:.9}.share-voucher-btn.svelte-1xd49a3{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 16px;margin-top:16px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.share-voucher-btn.svelte-1xd49a3:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.share-voucher-btn.svelte-1xd49a3:active{transform:translateY(0)}.cs-info-btn.svelte-1xd49a3{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 16px;background:#25d366;color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:500;cursor:pointer;margin-bottom:16px;transition:all .2s ease}.cs-info-btn.svelte-1xd49a3:hover{background:#1da851;transform:translateY(-1px);box-shadow:0 4px 12px #25d3664d}.cs-info-btn.svelte-1xd49a3:active{transform:translateY(0)}.cs-info-btn.svelte-1xd49a3 strong:where(.svelte-1xd49a3){font-weight:700}.processing-alert.svelte-1xd49a3{display:flex;align-items:center;gap:16px}.processing-alert.svelte-1xd49a3 .spinner:where(.svelte-1xd49a3){flex-shrink:0}.processing-alert.svelte-1xd49a3 strong:where(.svelte-1xd49a3){display:block;margin-bottom:4px}.processing-alert.svelte-1xd49a3 p:where(.svelte-1xd49a3){margin:0;opacity:.9;font-size:.9rem}.card-header-row.svelte-1xd49a3{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.countdown-badge-inline.svelte-1xd49a3{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:20px;font-size:.85rem;font-weight:600;font-family:monospace;animation:svelte-1xd49a3-pulse-badge 2s ease-in-out infinite}@keyframes svelte-1xd49a3-pulse-badge{0%,to{box-shadow:0 2px 8px #dc262659}50%{box-shadow:0 2px 16px #dc262680}}.dana-payment-card.svelte-1xd49a3{text-align:center;padding:32px 24px}.dana-icon.svelte-1xd49a3{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#108ee9,#0070ba);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.dana-icon.svelte-1xd49a3 svg:where(.svelte-1xd49a3){color:#fff}.dana-instruction.svelte-1xd49a3{color:var(--text-secondary);font-size:.9rem;margin-bottom:20px}.btn-dana.svelte-1xd49a3{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#108ee9,#0070ba);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s ease}.btn-dana.svelte-1xd49a3:hover{transform:translateY(-2px);box-shadow:0 6px 20px #108ee966}.btn-dana.svelte-1xd49a3:active{transform:translateY(0)}.shopeepay-icon.svelte-1xd49a3{background:linear-gradient(135deg,#ee4d2d,tomato)}.btn-shopeepay.svelte-1xd49a3{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#ee4d2d,tomato);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s ease}.btn-shopeepay.svelte-1xd49a3:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ee4d2d66}.btn-shopeepay.svelte-1xd49a3:active{transform:translateY(0)}.qr-card.svelte-1xd49a3{text-align:center;padding:24px}.qr-image.svelte-1xd49a3{width:220px;height:220px;display:block;margin:0 auto}.qr-instruction.svelte-1xd49a3{margin-top:16px;margin-bottom:0;color:var(--text-secondary);font-size:.9rem}.cara-bayar-card.svelte-1xd49a3{margin-bottom:16px}.cara-bayar-card.svelte-1xd49a3 .card-title:where(.svelte-1xd49a3){display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:var(--text-primary)}.cara-bayar-card.svelte-1xd49a3 .card-title:where(.svelte-1xd49a3) svg:where(.svelte-1xd49a3){color:var(--primary-color)}.cara-bayar-content.svelte-1xd49a3{background:var(--bg-secondary);border-radius:10px;padding:14px 16px;font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.cara-bayar-content.svelte-1xd49a3 ol,.cara-bayar-content.svelte-1xd49a3 ul{margin:0;padding-left:20px}.cara-bayar-content.svelte-1xd49a3 li{margin-bottom:4px}.cara-bayar-content.svelte-1xd49a3 br{display:none}.resend-section.svelte-1xd49a3{margin-bottom:16px}.resend-btn.svelte-1xd49a3{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:linear-gradient(135deg,var(--primary-color) 0%,#7c3aed 100%);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.resend-btn.svelte-1xd49a3:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.resend-btn.svelte-1xd49a3:active:not(:disabled){transform:translateY(0)}.resend-btn.svelte-1xd49a3:disabled{opacity:.7;cursor:not-allowed}.spinner.small.svelte-1xd49a3{width:18px;height:18px;border-width:2px}.alert-success.svelte-1xd49a3{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#dcfce7;color:#166534;border:1px solid #bbf7d0;border-radius:12px;margin-bottom:12px;font-size:.9rem}.alert-warning.svelte-1xd49a3{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.action-buttons.svelte-1xd49a3{display:flex;flex-direction:column;gap:12px;margin-top:16px;padding-bottom:20px}.action-buttons.svelte-1xd49a3 .btn:where(.svelte-1xd49a3){display:flex;align-items:center;justify-content:center;gap:8px}@media(min-width:768px){.action-buttons.svelte-1xd49a3{padding-bottom:20px}}.hidden-voucher-card.svelte-1xd49a3{background:var(--card-bg);border-radius:16px;padding:32px 24px;text-align:center;margin-bottom:16px;box-shadow:var(--shadow)}.hidden-voucher-icon.svelte-1xd49a3{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fef3c7,#fde68a);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.hidden-voucher-icon.svelte-1xd49a3 svg:where(.svelte-1xd49a3){color:#d97706}.hidden-voucher-card.svelte-1xd49a3 h3:where(.svelte-1xd49a3){font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.hidden-voucher-card.svelte-1xd49a3 p:where(.svelte-1xd49a3){color:var(--text-secondary);font-size:.9rem;margin:0 0 20px;line-height:1.5}.hidden-voucher-hint.svelte-1xd49a3{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--primary-bg);border-radius:10px;margin-bottom:20px;font-size:.85rem;color:var(--primary-color)}.hidden-voucher-hint.svelte-1xd49a3 svg:where(.svelte-1xd49a3){flex-shrink:0}.kirim-ulang-btn.svelte-1xd49a3{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}@media(min-width:768px){.page-header.svelte-1xd49a3{margin-bottom:28px}.header-text.svelte-1xd49a3 h1:where(.svelte-1xd49a3){font-size:1.25rem}.header-text.svelte-1xd49a3 p:where(.svelte-1xd49a3){font-size:.9rem}.back-btn.svelte-1xd49a3{width:48px;height:48px}.card.svelte-1xd49a3{padding:24px 28px}.card-title.svelte-1xd49a3{font-size:1.1rem;margin-bottom:20px}.form-group.svelte-1xd49a3 label:where(.svelte-1xd49a3){font-size:.95rem}.form-group.svelte-1xd49a3 input:where(.svelte-1xd49a3){padding:14px 16px;font-size:1rem}.btn.svelte-1xd49a3{padding:14px 24px;font-size:1rem}.status-card.svelte-1xd49a3{padding:18px 24px}.status-text.svelte-1xd49a3{font-size:1.1rem}.detail-item.svelte-1xd49a3{padding:14px 0}.detail-label.svelte-1xd49a3{font-size:.95rem}.detail-value.svelte-1xd49a3{font-size:1rem}.detail-value.amount.svelte-1xd49a3{font-size:1.2rem}.dana-payment-card.svelte-1xd49a3{padding:40px 32px}.qr-card.svelte-1xd49a3,.voucher-card.svelte-1xd49a3{padding:32px}.voucher-header.svelte-1xd49a3{font-size:1.2rem}.credential.svelte-1xd49a3{padding:18px}.credential-value.svelte-1xd49a3{font-size:1.4rem}.hidden-voucher-card.svelte-1xd49a3{padding:40px 32px}.hidden-voucher-card.svelte-1xd49a3 h3:where(.svelte-1xd49a3){font-size:1.4rem}.wa-help-btn.svelte-1xd49a3,.cs-info-btn.svelte-1xd49a3{padding:16px 24px;font-size:1rem}}