*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.result-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.result-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;max-width:600px;padding:40px;text-align:center;width:100%}.result-card.success{border-top:4px solid #4caf50}.result-card.failed{border-top:4px solid #f44336}.result-card.error{border-top:4px solid #ff9800}.icon{animation:scaleIn .5s ease-out;font-size:72px;margin-bottom:20px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.result-card h1{color:#333;font-size:32px;margin-bottom:10px}.message{color:#666;font-size:18px;margin-bottom:30px}.transaction-details{background:#f8f9fa;border-radius:12px;margin:30px 0;padding:24px;text-align:left}.transaction-details h3{color:#333;font-size:20px;margin-bottom:20px;text-align:center}.detail-row{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-row.small{font-size:13px;padding:8px 0}.label{color:#666;font-weight:500}.value{color:#333;font-weight:600;text-align:right}.value.mono{font-family:Courier New,monospace}.value.amount{color:#4caf50;font-size:18px}.value.status{border-radius:20px;font-size:12px;padding:4px 12px;text-transform:uppercase}.value.status.completed,.value.status.success{background:#d4edda;color:#155724}.value.status.decline,.value.status.expired,.value.status.incorrect_cvc,.value.status.insufficient_funds{background:#f8d7da;color:#721c24}.value.status.processing,.value.status.requires_auth{background:#fff3cd;color:#856404}.metadata{background:#e8f5e9;border-radius:8px;margin:20px 0;padding:16px;text-align:left}.metadata h4{color:#333;font-size:14px;margin-bottom:12px;text-align:center}.actions{display:flex;gap:12px;margin-top:30px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px;transition:transform .2s,box-shadow .2s}.btn-primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.btn-secondary{background:#f7f7f7;border:2px solid #ddd;color:#555}.btn-secondary:hover{background:#e7e7e7}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media print{.actions{display:none}.result-container{padding:0}.result-card{box-shadow:none}}@media (max-width:600px){.result-card{padding:24px}.icon{font-size:56px}.result-card h1{font-size:24px}.actions,.detail-row{flex-direction:column}.detail-row{gap:4px}.value{text-align:left}}*{box-sizing:border-box}.App{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:600px;padding:40px;width:100%}h1{color:#333;font-size:28px;margin-bottom:10px}.subtitle,h1{text-align:center}.subtitle{color:#666;font-size:14px;margin-bottom:30px}.payment-form{margin-top:20px}.amount-input{margin-bottom:20px}.amount-input label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.amount-display{align-items:center;background:#f9f9f9;border:2px solid #ddd;border-radius:8px;display:flex;padding:12px 16px;transition:border-color .3s}.amount-display:focus-within{background:#fff;border-color:#4caf50}.amount-display .currency{color:#333;font-size:24px;font-weight:700;margin-right:8px}.amount-display input{background:#0000;border:none;color:#333;flex:1 1;font-size:24px;font-weight:600;outline:none}.amount-readonly{background:#f0f0f0;border-radius:6px;color:#4caf50;font-size:18px;font-weight:600;padding:12px;text-align:center}.form-group{margin-bottom:16px}.form-group label{color:#555;display:block;font-size:13px;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.form-group input{border:2px solid #ddd;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#4caf50;outline:none}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.pay-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:20px;padding:16px;transition:transform .2s,box-shadow .2s;width:100%}.pay-button:hover:not(:disabled){box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.pay-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.back-button{background:#f7f7f7;border:2px solid #ddd;border-radius:8px;color:#555;cursor:pointer;font-size:14px;font-weight:500;margin-top:12px;padding:12px;transition:background .2s;width:100%}.back-button:hover{background:#e7e7e7}.quick-test{background:#f8f9fa;border-radius:8px;margin-top:20px;padding:20px;text-align:center}.quick-test p{color:#666;font-size:14px;margin:0 0 12px}.quick-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;margin:0 6px;padding:10px 20px;transition:transform .2s}.quick-button:hover{transform:translateY(-2px)}.success-btn{background:#4caf50;color:#fff}.decline-btn{background:#f44336;color:#fff}.message{border-radius:8px;font-size:14px;line-height:1.6;margin-top:20px;padding:16px}.message.success{background:#d4edda;border:2px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:2px solid #f5c6cb;color:#721c24}.test-cards{border-top:2px solid #eee;margin-top:40px;padding-top:30px}.test-cards h3{color:#333;font-size:18px;margin-bottom:16px}.card-list{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px}.card-item{border-radius:6px;font-family:Courier New,monospace;font-size:14px;margin:6px 0;padding:10px}.card-item strong{display:inline-block;font-weight:600;width:160px}.card-item.success{background:#d4edda;color:#155724}.card-item.decline{background:#f8d7da;color:#721c24}.card-item.insufficient{background:#fff3cd;color:#856404}.card-item.expired{background:#e2e3e5;color:#383d41}.card-item.cvc{background:#d1ecf1;color:#0c5460}.card-item.auth{background:#cce5ff;color:#004085}.card-item.processing{background:#e7e8ea;color:#464a4e}.card-info{border-top:1px solid #dee2e6;color:#666;font-size:13px;line-height:1.8;margin-top:16px;padding-top:16px}.features{background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:8px;margin-top:30px;padding:20px}.features h3{color:#333;font-size:18px;margin-bottom:12px}.features ul{color:#555;margin:0;padding-left:20px}.features li{font-size:14px;margin:8px 0}@media (max-width:600px){.container{padding:20px}.form-row{grid-template-columns:1fr}.card-item strong{display:block;margin-bottom:4px;width:100%}}
/*# sourceMappingURL=main.00c9b58b.css.map*/