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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.payment-callback-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:100vh}.payment-callback-content{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:40px;text-align:center;width:90%}.payment-processing .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.payment-success .success-icon{font-size:60px;margin-bottom:20px}.payment-success h2{color:#28a745;font-size:28px;margin-bottom:10px}.payment-details{background:#f8f9fa;border-radius:10px;margin:20px 0;padding:20px;text-align:left}.detail-row{display:flex;justify-content:space-between;margin-bottom:10px;padding:5px 0}.detail-row:last-child{margin-bottom:0}.detail-row .label{color:#666;font-weight:600}.detail-row .value{color:#333;font-weight:500}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:10px;color:#155724;margin:20px 0;padding:15px}.success-message p{font-size:14px;margin:5px 0}.payment-error .error-icon{font-size:60px;margin-bottom:20px}.payment-error h2{color:#dc3545;font-size:28px;margin-bottom:10px}.action-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s ease}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5a6fd8;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}@media (max-width:600px){.payment-callback-content{margin:20px;padding:30px 20px}.action-buttons{align-items:center;flex-direction:column}.btn-primary,.btn-secondary{max-width:200px;width:100%}}