*{box-sizing:border-box;margin:0;padding:0}body{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.screen,body{background:#f5f5f5;min-height:100vh}.screen{display:none;flex-direction:column}.header-bar,.screen.active{display:flex}.header-bar{align-items:center;background:#1a237e;box-shadow:0 2px 8px #0000001a;color:#fff;justify-content:space-between;padding:16px 20px}.header-content{flex:1 1}.header-title{font-size:18px;font-weight:700;margin-bottom:4px}.header-subtitle{font-size:12px;font-weight:400;opacity:.9}.change-btn{background:#42a5f5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background .2s}.change-btn:hover{background:#1e88e5}.container{flex:1 1;margin:0 auto;max-width:500px;padding:20px;width:100%}.order-card{background:#fff;border-left:4px solid #ffc107;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:16px;padding:20px;position:relative}.order-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.order-title{color:#333;font-size:16px;font-weight:700}.order-id{color:#666;font-size:14px;font-weight:500}.order-content{display:flex;flex-direction:column;gap:12px}.order-row{align-items:center;color:#666;display:flex;font-size:14px;justify-content:space-between}.order-row.grand-total{border-top:1px solid #f0f0f0;color:#333;font-size:16px;font-weight:700;margin-top:8px;padding-top:12px}.order-value{color:#333;font-weight:600}.payment-options-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:16px;padding:20px}.payment-options-title{color:#333;font-size:16px;font-weight:700;margin-bottom:16px}.payment-option{align-items:center;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.payment-option.active{background:#f3e8ff;border-color:#7b2cbf}.upi-logo{font-size:24px}.upi-text{color:#333;font-size:16px;font-weight:600}.payment-option.active .upi-text{color:#7b2cbf}.qr-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:16px;padding:24px;text-align:center}.qr-title{color:#333;font-size:18px;font-weight:700;margin-bottom:8px}.qr-instruction{color:#666;font-size:14px;margin-bottom:16px}.upi-apps{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.upi-app-icon{background:#f5f5f5;border-radius:8px;color:#666;font-size:12px;font-weight:600;padding:8px 16px}.qr-code-container{background:#fff;border-radius:12px;display:flex;justify-content:center;margin:20px 0;padding:20px}.upi-id-section{margin:20px 0}.upi-id-label{color:#666;font-size:12px;font-weight:600;margin-bottom:8px;text-align:left}.upi-id-value{align-items:center;background:#f5f5f5;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:12px;transition:background .2s}.upi-id-value:hover{background:#e8e8e8}.copy-icon{font-size:18px}.paid-btn{align-items:center;background:#4caf50;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;margin-top:20px;padding:16px;transition:background .2s;width:100%}.paid-btn:hover{background:#45a049}.check-icon{font-size:20px}.qr-timer{align-items:center;background:#fff5f7;border:1px dashed #e91e63;border-radius:10px;color:#e91e63;display:inline-flex;font-size:14px;gap:6px;justify-content:center;margin-top:16px;padding:10px 16px}.qr-timer .expiry-timer{color:#c2185b;font-weight:700}.popup-overlay{align-items:center;background:#00000080;bottom:0;display:none;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.popup-overlay.active{display:flex}.popup-content{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;max-width:400px;padding:32px 24px;text-align:center;width:100%}.popup-icon{font-size:48px;margin-bottom:16px}.popup-title{color:#333;font-size:20px;font-weight:700;margin-bottom:12px}.popup-message{color:#666;font-size:14px;line-height:1.6;margin-bottom:24px}.popup-confirm-btn{background:#1a237e;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:12px;padding:14px;transition:background .2s;width:100%}.popup-confirm-btn:hover{background:#283593}.popup-cancel-btn{background:#0000;border:none;color:#666;cursor:pointer;font-size:14px;padding:12px;transition:color .2s;width:100%}.popup-cancel-btn:hover{color:#333}.verification-form-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:16px;padding:24px}.form-field{margin-bottom:24px}.form-label{color:#333;display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-input{border:2px solid #e0e0e0;border-radius:8px;color:#333;font-size:14px;padding:14px;transition:border-color .2s;width:100%}.form-input:focus{border-color:#7b2cbf;outline:none}.form-warning{color:#d32f2f;font-size:12px;font-weight:500;margin-top:6px}.file-upload-area{align-items:center;border:2px dashed #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:14px;text-align:center;transition:all .2s;width:100%}.file-upload-area:hover{background:#f9f5ff;border-color:#7b2cbf}.upload-icon{font-size:20px}.preview-image{border-radius:8px;display:none;margin-top:12px;max-height:300px;object-fit:contain;width:100%}.preview-image.show{display:block}.submit-btn{background:#4caf50;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;margin-top:8px;padding:16px;text-transform:uppercase;transition:background .2s;width:100%}.submit-btn:hover{background:#45a049}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.footer-powered{color:#999;font-size:12px;font-weight:500;padding:16px 0;text-align:center}.loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#1a237e;height:40px;margin-bottom:15px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{background:#ffebee;border-radius:12px;color:#c62828;font-size:14px;margin:20px;padding:15px}@media (max-width:480px){.container{padding:16px}.header-bar{padding:12px 16px}.header-title{font-size:16px}.header-subtitle{font-size:11px}.order-card,.payment-options-card,.qr-card,.verification-form-card{padding:16px}.qr-code-container{padding:10px}}
/*# sourceMappingURL=main.0b599dc9.css.map*/