:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f4f6;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}#app{min-height:100vh}.page{place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:#fff;border-radius:12px;width:100%;max-width:480px;padding:24px;box-shadow:0 8px 24px #0f172a14}h1{margin:0 0 8px;font-size:1.5rem}.subtle{color:#6b7280;margin:0}.form{gap:12px;margin-top:18px;display:grid}label{gap:6px;font-size:.95rem;display:grid}input,textarea,button{font:inherit}input,textarea{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px}button{color:#fff;cursor:pointer;background:#5b21b6;border:0;border-radius:8px;padding:10px 12px}button[disabled]{opacity:.7;cursor:not-allowed}.error{color:#b91c1c;margin:4px 0 0}.success{color:#047857;margin:4px 0 0}.confirmation-card{max-width:720px}.confirmation-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.status-pill{white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:600}.success-pill{color:#166534;background:#dcfce7}.failed-pill{color:#991b1b;background:#fee2e2}.pending-pill{color:#92400e;background:#fef3c7}.amount-block{margin-top:16px;margin-bottom:16px}.amount-value{color:#111827;margin:4px 0;font-size:1.75rem;font-weight:700}.detail-grid{border-top:1px solid #e5e7eb;grid-template-columns:180px 1fr;gap:10px 14px;margin-top:14px;padding-top:16px;display:grid}.detail-label{color:#6b7280;margin:0;font-size:.9rem}.detail-value{color:#111827;overflow-wrap:anywhere;margin:0;font-weight:500}