.webhook-intro.svelte-31ylnl{padding:1.5rem;background:linear-gradient(135deg,var(--color-stone-50),var(--color-cream));border:1px solid var(--color-stone-200);border-radius:12px;margin:2rem 0}.webhook-diagram.svelte-31ylnl{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem}.diagram-step.svelte-31ylnl{display:flex;flex-direction:column;align-items:center;gap:.5rem}.step-icon.svelte-31ylnl{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;border-radius:12px}.step-icon.certifactu.svelte-31ylnl{background:linear-gradient(135deg,var(--color-terracotta),var(--color-terracotta-dark));color:var(--color-warm-white)}.step-icon.your-server.svelte-31ylnl{background:var(--color-stone-200);color:var(--color-stone-700);border:2px dashed var(--color-stone-400)}.diagram-step.svelte-31ylnl span:where(.svelte-31ylnl){font-size:.8125rem;font-weight:500;color:var(--color-stone-600)}.diagram-arrow.svelte-31ylnl{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;color:var(--color-terracotta);background:#c4704b1a;border-radius:50%;animation:svelte-31ylnl-pulse 2s ease-in-out infinite}@keyframes svelte-31ylnl-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.diagram-caption.svelte-31ylnl{text-align:center;font-size:.875rem;color:var(--color-stone-600);margin:0}.events-grid.svelte-31ylnl{display:grid;grid-template-columns:repeat(1,1fr);gap:.75rem;margin:1.5rem 0}@media(min-width:640px){.events-grid.svelte-31ylnl{grid-template-columns:repeat(2,1fr)}}.event-card.svelte-31ylnl{display:flex;align-items:flex-start;gap:.875rem;padding:1rem 1.25rem;background:var(--color-warm-white);border:1px solid var(--color-stone-200);border-radius:10px;transition:all .15s ease}.event-card.svelte-31ylnl:hover{border-color:var(--color-stone-300)}.event-icon.svelte-31ylnl{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:8px;flex-shrink:0}.event-icon.changed.svelte-31ylnl{background:#3b82f61a;color:#3b82f6}.event-icon.accepted.svelte-31ylnl{background:#22c55e1a;color:#22c55e}.event-icon.rejected.svelte-31ylnl{background:#ef44441a;color:#ef4444}.event-icon.cancelled.svelte-31ylnl{background:#6b72801a;color:#6b7280}.event-content.svelte-31ylnl{flex:1}.event-name.svelte-31ylnl{display:inline-block;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.8125rem;font-weight:600;color:var(--color-stone-800);background:var(--color-stone-100);padding:.125rem .5rem;border-radius:4px;margin-bottom:.375rem}.event-desc.svelte-31ylnl{font-size:.8125rem;color:var(--color-stone-600);margin:0;line-height:1.4}.status-flow.svelte-31ylnl{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 .5rem;padding:1.25rem;background:var(--color-stone-50);border-radius:10px}.status-item.svelte-31ylnl{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.625rem 1rem;border-radius:8px}.status-item.pending.svelte-31ylnl{background:#f59e0b1a}.status-item.processing.svelte-31ylnl{background:#3b82f61a}.status-item.success.svelte-31ylnl{background:#22c55e1a}.status-item.error.svelte-31ylnl{background:#ef44441a}.status-label.svelte-31ylnl{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;font-weight:600}.status-item.pending.svelte-31ylnl .status-label:where(.svelte-31ylnl){color:#b45309}.status-item.processing.svelte-31ylnl .status-label:where(.svelte-31ylnl){color:#2563eb}.status-item.success.svelte-31ylnl .status-label:where(.svelte-31ylnl){color:#15803d}.status-item.error.svelte-31ylnl .status-label:where(.svelte-31ylnl){color:#dc2626}.status-desc.svelte-31ylnl{font-size:.6875rem;color:var(--color-stone-500)}.status-arrow.svelte-31ylnl{font-size:1.25rem;color:var(--color-stone-400)}.status-alt.svelte-31ylnl{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.status-or.svelte-31ylnl{font-size:.75rem;font-weight:500;color:var(--color-stone-400);text-transform:uppercase}.signature-example.svelte-31ylnl{padding:1rem;background:var(--color-charcoal);border-radius:8px;margin:1rem 0;overflow-x:auto}.signature-example.svelte-31ylnl code:where(.svelte-31ylnl){font-family:JetBrains Mono,ui-monospace,monospace;font-size:.875rem;color:var(--color-stone-300)}