body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#5b62ba;--primary-gradient:linear-gradient(135deg,#5b62ba,#7c4dff);--secondary-color:#9e6fd9;--error-color:#ff4d4f;--success-color:#52c41a;--text-color:#333;--text-light:#666;--background-light:#f5f7fa;--white:#fff;--border-radius:12px;--box-shadow:0 12px 30px #0000001a;--transition:all 0.3s ease}body{align-items:center;background:linear-gradient(135deg,#5b62ba,#7c4dff);background:var(--primary-gradient);color:#333;color:var(--text-color);display:flex;font-family:Segoe UI,Arial,sans-serif;justify-content:center;min-height:100vh}.payment-page{margin:20px auto;max-width:1100px;width:95%}.logo-container{margin-bottom:15px;text-align:center}.logo-image{height:50px;width:auto}.payment-container{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 12px 30px #0000001a;box-shadow:var(--box-shadow);overflow:hidden;padding:30px;position:relative}.payment-header{margin-bottom:30px;text-align:center}.payment-title{color:#5b62ba;color:var(--primary-color);font-size:28px;letter-spacing:1px;margin:0}.payment-subtitle{color:#666;color:var(--text-light);font-size:16px;font-weight:400;margin:5px 0 0}.card-preview{height:200px;margin:0 auto 30px;perspective:1000px;position:relative;width:320px}.card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s;width:100%}.card-preview.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{backface-visibility:hidden;background:linear-gradient(135deg,#434343,#000);border-radius:16px;box-shadow:0 8px 16px #0003;box-sizing:border-box;color:#fff;color:var(--white);height:100%;padding:20px;position:absolute;width:100%}.card-back{transform:rotateY(180deg)}.card-bg{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="none"/><path d="M0,0 L100,100 M30,0 L100,70 M60,0 L100,40 M90,0 L100,10 M0,30 L70,100 M0,60 L40,100 M0,90 L10,100" stroke="rgba%28255,255,255,0.1%29" stroke-width="1"/></svg>');border-radius:16px;bottom:0;left:0;opacity:.7;position:absolute;right:0;top:0}.card-logo{height:40px;position:absolute;right:20px;top:20px;width:auto}.card-logo img{height:100%;width:auto}.card-number{font-family:monospace;font-size:20px;font-weight:500;letter-spacing:2px;margin-top:70px;text-align:center}.card-details{display:flex;justify-content:space-between;margin-top:30px}.card-expires,.card-holder{display:flex;flex-direction:column}.card-expires span:first-child,.card-holder span:first-child{font-size:10px;margin-bottom:5px;opacity:.7;text-transform:uppercase}.card-expires span:last-child,.card-holder span:last-child{font-size:16px;font-weight:500}.card-stripe{background-color:#000c;height:40px;margin:20px 0;width:100%}.card-signature{align-items:center;background-color:#ffffff1a;border-radius:4px;display:flex;justify-content:space-between;margin-top:20px;padding:10px 15px}.signature-line{background:linear-gradient(90deg,#ffffff4d,#fffc 40%,#ffffff4d);border-radius:3px;height:15px;width:70%}.cvc{align-items:center;background-color:#fff;background-color:var(--white);border-radius:4px;color:#333;color:var(--text-color);display:flex;font-weight:700;height:30px;justify-content:center;width:50px}.card-secure{font-size:12px;margin-top:20px;opacity:.7;text-align:right}.form-container{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:30px}.form-column{flex:1 1;min-width:300px}.form-section{background-color:#f5f7fa;background-color:var(--background-light);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 8px #0000000d;margin-bottom:20px;padding:20px}.section-title{align-items:center;display:flex;font-size:18px;margin-bottom:20px;margin-top:0}.section-icon,.section-title{color:#5b62ba;color:var(--primary-color)}.section-icon{margin-right:10px}.form-group{margin-bottom:20px;position:relative}.form-label{color:#666;color:var(--text-light);display:block;font-size:14px;margin-bottom:8px;transition:all .3s ease;transition:var(--transition)}.form-label.active{color:#5b62ba;color:var(--primary-color)}.form-input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 15px;transition:all .3s ease;transition:var(--transition);width:100%}.form-input:focus{border-color:#5b62ba;border-color:var(--primary-color);box-shadow:0 0 0 2px #5b62ba33;outline:none}.form-input.error{border-color:#ff4d4f;border-color:var(--error-color)}.error-message{color:#ff4d4f;color:var(--error-color);font-size:12px;margin-top:5px}.input-wrapper{position:relative}.input-icon{height:24px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:auto}.input-icon-small{color:#666;color:var(--text-light);margin-right:5px}.form-row{display:flex;gap:15px}.half{flex:1 1}.input-wrapper.phone{align-items:center;display:flex}.phone-prefix{background-color:#f0f0f0;border:1px solid #ddd;border-radius:8px 0 0 8px;border-right:none;color:#666;color:var(--text-light);padding:12px 10px}.input-wrapper.phone .form-input{border-radius:0 8px 8px 0}.verification-row{align-items:flex-start;display:flex;gap:15px}.verification-button{align-items:center;background:linear-gradient(135deg,#5b62ba,#7c4dff);background:var(--primary-gradient);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:14px;padding:12px 15px;transition:all .3s ease;transition:var(--transition);white-space:nowrap}.verification-button:hover{box-shadow:0 5px 15px #5b62ba4d;transform:translateY(-2px)}.verification-button.disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.button-icon{margin-right:8px}.form-group.sms-code{flex:1 1}.timer-message{color:#666;color:var(--text-light);font-size:12px;margin-top:10px;text-align:right}.status-message{border-radius:6px;font-size:14px;margin-top:15px;padding:10px;text-align:center}.status-message.success{background-color:#52c41a1a;color:#52c41a;color:var(--success-color)}.status-message.error{background-color:#ff4d4f1a;color:#ff4d4f;color:var(--error-color)}.order-details{background-color:#fff;background-color:var(--white);border-radius:8px;box-shadow:0 2px 5px #0000000d;padding:15px}.detail-row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px}.detail-row.total{border-top:1px solid #eee;font-size:16px;font-weight:700;margin-top:15px;padding-top:10px}.detail-label{color:#666;color:var(--text-light)}.detail-value{font-weight:500}.detail-value.highlight{color:#5b62ba;color:var(--primary-color)}.error-message-box,.loading-spinner,.no-data{background-color:#fff;background-color:var(--white);border-radius:8px;color:#666;color:var(--text-light);padding:20px;text-align:center}.error-message-box{color:#ff4d4f;color:var(--error-color)}.payment-button{background:linear-gradient(135deg,#5b62ba,#7c4dff);background:var(--primary-gradient);border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 5px 15px #5b62ba4d;color:#fff;color:var(--white);cursor:pointer;font-size:18px;font-weight:500;margin-top:20px;padding:15px;transition:all .3s ease;transition:var(--transition);width:100%}.payment-button:hover{box-shadow:0 8px 20px #5b62ba66;transform:translateY(-3px)}.payment-button.disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.terms-text{color:#666;color:var(--text-light);font-size:12px;margin:20px 0;text-align:center}.terms-text a{color:#5b62ba;color:var(--primary-color);text-decoration:none}.terms-text a:hover{text-decoration:underline}.secure-payment{align-items:center;color:#666;color:var(--text-light);display:flex;font-size:14px;gap:8px;justify-content:center;margin-top:15px}.secure-icon{color:#52c41a;color:var(--success-color)}@media (max-width:768px){.payment-container{padding:20px}.form-container{flex-direction:column;gap:20px}.form-column{min-width:100%}.form-row{gap:10px}.form-row,.verification-row{flex-direction:column}.verification-button{margin-bottom:10px;width:100%}.card-preview{height:180px;width:280px}.card-number{font-size:16px;margin-top:60px}.payment-title{font-size:24px}.payment-subtitle{font-size:14px}}@media (max-width:480px){.form-section,.payment-container{padding:15px}.card-preview{height:150px;width:240px}.card-number{font-size:14px;margin-top:50px}.card-details{margin-top:20px}.card-expires span:last-child,.card-holder span:last-child{font-size:14px}.payment-button{font-size:16px}}body{background-color:#f5f7fa;font-family:Arial,sans-serif;margin:0;padding:0}.receipt-wrapper{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:20px 0;position:relative;width:100%}.logo-wrapper{left:0;position:absolute;right:0;text-align:center;top:30px;z-index:2}.logo{height:40px;object-fit:contain}.receipt-container{animation:fadeIn .6s ease;background-color:#fff;border:none;border-radius:12px;box-shadow:0 5px 20px #0000000d;margin:100px auto 40px;max-width:600px;padding:30px;width:80%;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.receipt-header{border-bottom:2px dashed #eee;margin-bottom:30px;padding-bottom:20px;text-align:center}.status-icon-container{align-items:center;display:flex;justify-content:center;margin-bottom:15px}.success-icon{color:#4caf50}.error-icon,.success-icon{animation:pulse 2s infinite;font-size:70px}.error-icon{color:#f44336}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.receipt-header h2{color:#333;font-size:24px;font-weight:700;letter-spacing:1px;margin:0}.receipt-table{border-collapse:collapse;border-radius:8px;box-shadow:0 0 0 1px #eee;margin-top:20px;overflow:hidden;width:100%}.receipt-table td{border:1px solid #eee;color:#555;font-size:16px;padding:12px 16px;transition:background-color .2s ease}.receipt-table tr:hover td{background-color:#f5f9ff!important}.receipt-table td:first-child{background-color:#fafafa;color:#333;width:45%}.receipt-table tr:nth-child(2n) td:nth-child(2){background-color:#f9f9f9}.td-content{align-items:center;display:flex}.row-icon{color:#666;font-size:18px;margin-right:10px}.status-row td{border-bottom:2px solid #eee;border-top:2px solid #eee;font-weight:700}.status-success{color:#4caf50}.status-error{color:#f44336}.status-success-text{color:#4caf50;font-weight:700}.status-error-text{color:#f44336;font-weight:700}.redirect-countdown{margin-top:30px;text-align:center}.countdown-text{color:#666;font-size:14px;margin-bottom:8px}#countdown{color:#333;font-weight:700}.progress-container{background-color:#f0f0f0;border-radius:3px;height:6px;margin:0 auto;overflow:hidden;width:80%}.progress-bar{animation:countdown 10s linear forwards;background-color:#2196f3;height:100%;width:100%}@keyframes countdown{0%{width:100%}to{width:0}}@media (max-width:768px){.receipt-container{margin-top:80px;padding:20px;width:85%}.receipt-header h2{font-size:20px}.error-icon,.success-icon{font-size:60px}.receipt-table td{font-size:14px;padding:10px}.row-icon{font-size:16px}}@media (max-width:576px){.receipt-container{border-radius:8px;margin-top:70px;padding:15px;width:90%}.logo-wrapper{top:20px}.logo{height:30px}.receipt-header{margin-bottom:20px;padding-bottom:15px}.receipt-header h2{font-size:16px;letter-spacing:.5px}.error-icon,.success-icon{font-size:50px}.receipt-table{margin-top:10px}.receipt-table td{font-size:13px;padding:8px}.td-content{align-items:center;display:flex;flex-wrap:wrap}.row-icon{font-size:14px;margin-right:5px}.redirect-countdown{margin-top:20px}.countdown-text{font-size:13px}.progress-container{height:4px;width:90%}}@media (max-width:400px){.receipt-container{margin-top:60px;padding:12px;width:95%}.receipt-table td:first-child{width:40%}.receipt-table td{font-size:12px;padding:6px}.row-icon{font-size:13px;margin-right:4px}.td-content strong{font-size:12px}.receipt-header h2{font-size:14px}}
/*# sourceMappingURL=main.b9fc064d.css.map*/