.outbound-webhooks{max-width:1200px;padding:24px}.outbound-webhooks .header-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.outbound-webhooks h1{margin:0 0 8px;font-size:24px}.outbound-webhooks .muted{color:#666;font-size:14px}.outbound-webhooks .empty{text-align:center;color:#888;background:#f7f7f7;border-radius:8px;padding:48px}.outbound-webhooks .url{text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:280px;font-family:ui-monospace,monospace;font-size:12px;display:inline-block;overflow:hidden}.outbound-webhooks .actions{flex-wrap:wrap;gap:4px;display:flex}.outbound-webhooks .error-banner{color:#900;background:#fee;border:1px solid #fcc;border-radius:6px;margin-bottom:12px;padding:12px}.outbound-webhooks .secret-banner{background:#ffd;border:1px solid #cc9;border-radius:6px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:16px;display:flex}.outbound-webhooks .secret-banner code{word-break:break-all;background:#fff;border-radius:4px;flex:1;padding:6px 10px;font-family:ui-monospace,monospace}.form-modal{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.form-card{background:#fff;border-radius:8px;flex-direction:column;gap:16px;width:90%;max-width:720px;max-height:90vh;padding:24px;display:flex;overflow-y:auto}.form-card h2{margin:0}.form-card label{color:#444;flex-direction:column;gap:6px;font-size:13px;display:flex}.form-card input[type=text],.form-card input:not([type]){border:1px solid #ccc;border-radius:4px;padding:8px 12px;font-family:inherit;font-size:14px}.events-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.events-header{border-bottom:1px solid #eee;grid-column:1/-1;padding-bottom:4px;font-weight:600}.event-group{background:#f9f9f9;border-radius:4px;flex-direction:column;gap:4px;padding:10px;display:flex}.event-group-title{color:#666;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:600}.form-card label.event-check{cursor:pointer;border-radius:3px;flex-direction:row;align-items:center;gap:8px;padding:2px 4px;font-size:13px;display:flex}.form-card label.event-check:hover{background:#f0f0f0}.form-card label.event-check input{flex-shrink:0;margin:0}.form-card label.event-check span{line-height:1.3}.form-actions{justify-content:flex-end;gap:8px;display:flex}.deliveries-section{margin-top:32px}.deliveries-section h2{margin-bottom:12px;font-size:18px}.deliveries-section select{border:1px solid #ccc;border-radius:4px;margin-bottom:12px;padding:6px 10px;font-family:inherit}