:root{--navy: #1b1440;--pink: #ff4fa3;--pink-soft: #ffe1ef;--cream: #f6f4fb;--white: #ffffff;--muted: #6b6688;--border: #e7e3f5;--danger: #d0344c;--danger-soft: #fde2e2}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--white);color:var(--navy)}#app{display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:380px;text-align:center}.badge{width:64px;height:64px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:28px}.badge-success{background:var(--pink-soft);color:var(--pink)}.badge-error{background:var(--danger-soft);color:var(--danger)}h1{font-size:19px;margin:0 0 8px}p{font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 8px}.order-summary{margin:16px 0;padding:14px 16px;background:var(--cream);border-radius:14px;text-align:left}.order-summary .row{display:flex;justify-content:space-between;font-size:13px;padding:3px 0}.order-summary .row span:first-child{color:var(--muted)}.order-summary .amount{font-size:22px;font-weight:700;color:var(--navy);margin-top:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border-radius:999px;padding:13px 24px;font-size:15px;font-weight:600;cursor:pointer;border:none;margin-top:10px;transition:transform .15s ease,opacity .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn-primary{background:var(--pink);color:var(--white)}.btn-outline{background:transparent;color:var(--navy);border:1.5px solid var(--border)}.loading-row{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:var(--muted)}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--pink);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.order-id{margin-top:18px;font-size:12px;color:var(--muted)}