.webhooks-page[data-v-f07dcf58]{margin:0 auto;max-width:1000px}.page-header[data-v-f07dcf58]{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.page-title[data-v-f07dcf58]{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.page-subtitle[data-v-f07dcf58]{color:#64748b;font-size:15px;margin:0}.create-btn[data-v-f07dcf58]{align-items:center;background:#8b5cf6;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:background .15s ease}.create-btn[data-v-f07dcf58]:hover{background:#7c3aed}.create-btn svg[data-v-f07dcf58]{height:18px;width:18px}.error-state[data-v-f07dcf58],.loading-state[data-v-f07dcf58]{color:#64748b;padding:60px 20px;text-align:center}.loading-state.small[data-v-f07dcf58]{padding:40px 20px}.spinner[data-v-f07dcf58]{animation:spin-f07dcf58 1s linear infinite;border:3px solid rgba(139,92,246,.2);border-radius:50%;border-top-color:#8b5cf6;height:32px;margin:0 auto 16px;width:32px}@keyframes spin-f07dcf58{to{transform:rotate(1turn)}}.retry-btn[data-v-f07dcf58]{background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:16px;padding:8px 16px}.empty-state[data-v-f07dcf58]{background:#0f0f14;border:1px dashed hsla(0,0%,100%,.1);border-radius:16px;padding:80px 20px;text-align:center}.empty-icon[data-v-f07dcf58]{color:#64748b;height:80px;margin:0 auto 24px;width:80px}.empty-icon svg[data-v-f07dcf58]{height:100%;width:100%}.empty-state h2[data-v-f07dcf58]{color:#fff;font-size:20px;font-weight:600;margin:0 0 12px}.empty-state p[data-v-f07dcf58]{color:#64748b;font-size:14px;margin:0 auto 24px;max-width:400px}.create-btn-lg[data-v-f07dcf58]{background:#8b5cf6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px}.webhooks-list[data-v-f07dcf58]{display:flex;flex-direction:column;gap:16px}.webhook-card[data-v-f07dcf58]{background:#0f0f14;border:1px solid hsla(0,0%,100%,.06);border-radius:12px;padding:20px}.webhook-header[data-v-f07dcf58]{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.webhook-url-section[data-v-f07dcf58]{align-items:center;display:flex;gap:12px;min-width:0}.status-badge[data-v-f07dcf58]{border-radius:12px;font-size:12px;font-weight:500;padding:4px 10px;text-transform:capitalize}.status-badge.active[data-v-f07dcf58]{background:#22c55e26;color:#22c55e}.status-badge.paused[data-v-f07dcf58]{background:#fb923c26;color:#fb923c}.status-badge.failed[data-v-f07dcf58]{background:#ef444426;color:#ef4444}.webhook-url[data-v-f07dcf58]{color:#e2e8f0;font-family:monospace;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webhook-actions[data-v-f07dcf58]{display:flex;gap:8px}.action-btn[data-v-f07dcf58]{align-items:center;background:#ffffff0a;border:1px solid hsla(0,0%,100%,.06);border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s ease;width:36px}.action-btn[data-v-f07dcf58]:hover:not(:disabled){background:#ffffff14;color:#fff}.action-btn[data-v-f07dcf58]:disabled{cursor:not-allowed;opacity:.5}.action-btn.delete[data-v-f07dcf58]:hover:not(:disabled){background:#ef444426;border-color:#ef44444d;color:#ef4444}.action-btn svg[data-v-f07dcf58]{height:16px;width:16px}.action-btn svg.spin[data-v-f07dcf58]{animation:spin-f07dcf58 1s linear infinite}.webhook-details[data-v-f07dcf58]{border-bottom:1px solid hsla(0,0%,100%,.04);border-top:1px solid hsla(0,0%,100%,.04);display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr;padding:16px 0}.detail-item[data-v-f07dcf58]{display:flex;flex-direction:column;gap:6px}.detail-label[data-v-f07dcf58]{color:#64748b;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.detail-value[data-v-f07dcf58]{color:#e2e8f0;font-size:14px}.events-list[data-v-f07dcf58]{display:flex;flex-wrap:wrap;gap:6px}.event-tag[data-v-f07dcf58]{background:#8b5cf626;border-radius:6px;color:#a78bfa;font-family:monospace;font-size:12px;padding:4px 8px}.event-tag.small[data-v-f07dcf58]{font-size:11px;padding:2px 6px}.webhook-footer[data-v-f07dcf58]{display:flex;justify-content:flex-end;margin-top:16px}.toggle-btn[data-v-f07dcf58]{border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .15s ease}.toggle-btn.active[data-v-f07dcf58]{background:#fb923c26;border:1px solid rgba(251,146,60,.3);color:#fb923c}.toggle-btn.paused[data-v-f07dcf58]{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e}.modal-overlay[data-v-f07dcf58]{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal[data-v-f07dcf58]{background:#16161d;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal.modal-lg[data-v-f07dcf58]{max-width:700px}.modal-header[data-v-f07dcf58]{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2[data-v-f07dcf58]{color:#fff;font-size:18px;font-weight:600;margin:0}.close-btn[data-v-f07dcf58]{align-items:center;background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;width:32px}.close-btn[data-v-f07dcf58]:hover{color:#fff}.modal-body[data-v-f07dcf58]{padding:24px}.modal-footer[data-v-f07dcf58]{border-top:1px solid hsla(0,0%,100%,.06);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.form-group[data-v-f07dcf58]{margin-bottom:20px}.form-group[data-v-f07dcf58]:last-child{margin-bottom:0}.form-group label[data-v-f07dcf58]{color:#e2e8f0;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-input[data-v-f07dcf58]{background:#0f0f14;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#fff;font-family:monospace;font-size:14px;padding:12px 16px;width:100%}.form-input[data-v-f07dcf58]:focus{border-color:#8b5cf6;outline:none}.form-hint[data-v-f07dcf58]{color:#64748b;font-size:12px;margin-top:6px}.events-selector[data-v-f07dcf58]{display:flex;flex-direction:column;gap:8px}.event-option[data-v-f07dcf58]{align-items:center;background:#0f0f14;border:1px solid hsla(0,0%,100%,.06);border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;transition:all .15s ease}.event-option[data-v-f07dcf58]:hover{border-color:#ffffff1a}.event-option.selected[data-v-f07dcf58]{border-color:#8b5cf6;color:#fff}.checkbox[data-v-f07dcf58]{align-items:center;border:2px solid hsla(0,0%,100%,.2);border-radius:4px;display:flex;height:20px;justify-content:center;width:20px}.event-option.selected .checkbox[data-v-f07dcf58]{background:#8b5cf6;border-color:#8b5cf6}.checkbox svg[data-v-f07dcf58]{color:#fff;height:14px;width:14px}.status-toggle[data-v-f07dcf58]{display:flex;gap:8px}.status-option[data-v-f07dcf58]{background:#0f0f14;border:1px solid hsla(0,0%,100%,.06);border-radius:10px;color:#64748b;cursor:pointer;flex:1;font-size:14px;padding:12px;transition:all .15s ease}.status-option.active[data-v-f07dcf58]{border-color:#8b5cf6;color:#fff}.btn-primary[data-v-f07dcf58]{background:#8b5cf6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .15s ease}.btn-primary[data-v-f07dcf58]:hover:not(:disabled){background:#7c3aed}.btn-primary[data-v-f07dcf58]:disabled{cursor:not-allowed;opacity:.5}.btn-secondary[data-v-f07dcf58]{background:transparent;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#94a3b8;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .15s ease}.btn-secondary[data-v-f07dcf58]:hover{background:#ffffff0a;color:#fff}.success-icon[data-v-f07dcf58]{color:#22c55e;height:64px;margin:0 auto 20px;width:64px}.success-icon svg[data-v-f07dcf58]{height:100%;width:100%}.secret-warning[data-v-f07dcf58]{color:#fb923c;font-size:15px;margin-bottom:20px;text-align:center}.secret-display[data-v-f07dcf58]{align-items:center;background:#0f0f14;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;display:flex;gap:8px;margin-bottom:16px;padding:16px}.secret-display code[data-v-f07dcf58]{color:#22c55e;flex:1;font-family:monospace;font-size:13px;word-break:break-all}.copy-btn[data-v-f07dcf58]{align-items:center;background:#ffffff0a;border:1px solid hsla(0,0%,100%,.06);border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.copy-btn[data-v-f07dcf58]:hover{background:#ffffff14;color:#fff}.copy-btn svg[data-v-f07dcf58]{height:16px;width:16px}.secret-hint[data-v-f07dcf58]{color:#64748b;font-size:13px;margin-bottom:12px}.code-example[data-v-f07dcf58]{background:#0f0f14;border-radius:8px;color:#94a3b8;font-family:monospace;font-size:12px;overflow-x:auto;padding:12px 16px;white-space:pre}.empty-deliveries[data-v-f07dcf58]{color:#64748b;padding:40px;text-align:center}.deliveries-table-container[data-v-f07dcf58]{overflow-x:auto}.deliveries-table[data-v-f07dcf58]{border-collapse:collapse;width:100%}.deliveries-table td[data-v-f07dcf58],.deliveries-table th[data-v-f07dcf58]{border-bottom:1px solid hsla(0,0%,100%,.04);padding:12px 16px;text-align:left}.deliveries-table th[data-v-f07dcf58]{color:#64748b;font-size:12px;font-weight:500;text-transform:uppercase}.deliveries-table td[data-v-f07dcf58]{color:#e2e8f0;font-size:14px}.status-code[data-v-f07dcf58]{border-radius:6px;font-size:12px;font-weight:500;padding:4px 8px}.status-code.success[data-v-f07dcf58]{background:#22c55e26;color:#22c55e}.status-code.failed[data-v-f07dcf58]{background:#ef444426;color:#ef4444}.text-red-400[data-v-f07dcf58]{color:#f87171}.text-green-400[data-v-f07dcf58]{color:#4ade80}.text-yellow-400[data-v-f07dcf58]{color:#facc15}.text-slate-500[data-v-f07dcf58]{color:#64748b}@media(max-width:768px){.page-header[data-v-f07dcf58]{flex-direction:column;gap:16px}.create-btn[data-v-f07dcf58]{justify-content:center;width:100%}.webhook-header[data-v-f07dcf58]{align-items:flex-start;flex-direction:column;gap:12px}.webhook-details[data-v-f07dcf58]{grid-template-columns:1fr}.webhook-actions[data-v-f07dcf58]{justify-content:flex-end;width:100%}}