html,body,#root{height:100%;margin:0;padding:0;font-family:Arial,sans-serif;background-color:#fff}#root{display:flex;justify-content:center;align-items:center;min-height:100vh}.status-container{max-width:600px;margin:50px auto;padding:40px;text-align:center;border-radius:12px;box-shadow:0 4px 20px #0000001a}.status-container h1{margin-top:15px;font-size:2.5em}.status-container.success{background-color:#9fdf0c;border:1px solid #5cb85c}.icon-success{font-size:4em;color:#4caf50}.status-container.failed{background-color:#fcebeb;border:1px solid #d9534f}.icon-fail{font-size:4em;color:#d9534f}.status-container.loading{background-color:#fff;color:#555}.spinner{border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.order-summary-box{background-color:#fff;padding:20px;margin:25px 0;border-radius:8px;border:1px solid #ddd;text-align:left}.order-summary-box p{margin:5px 0}.btn{display:inline-block;padding:10px 20px;margin:10px 5px;border-radius:6px;text-decoration:none;font-weight:700;cursor:pointer;transition:background-color .3s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}