.api-webhooks-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.api-webhooks-summary article{position:relative;overflow:hidden;background:#fff;border:1px solid #dce5f0;border-radius:18px;padding:18px 20px;box-shadow:0 10px 30px rgba(30,55,90,.055)}.api-webhooks-summary article:after{content:"";position:absolute;inset:auto -28px -42px auto;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,rgba(33,109,255,.09),rgba(33,109,255,0) 70%)}.api-webhooks-summary span{display:block;font-size:.78rem;color:#71819a;margin-bottom:6px;font-weight:700}.api-webhooks-summary strong{font-size:1.48rem;color:#132340;line-height:1}.api-webhooks-deliveries,.api-webhooks-worker{margin-top:18px}.api-webhooks-destination{max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.api-webhooks-events{display:flex;gap:6px;flex-wrap:wrap;max-width:330px}.api-webhooks-events code{font-size:.72rem;padding:4px 8px;border-radius:999px;background:#f1f5fb;border:1px solid #e5ebf3;color:#445977;font-weight:750}.api-webhooks-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:nowrap;min-width:max-content}.api-webhooks-action-button{min-height:34px;padding:6px 10px!important;border:1px solid #dbe4ef!important;background:#fff!important;color:#28415f!important;border-radius:9px!important;font-size:.75rem!important;font-weight:800!important;box-shadow:0 2px 8px rgba(32,54,86,.035);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.api-webhooks-action-button i{font-size:.88rem;color:#55708f}.api-webhooks-action-button:hover{transform:translateY(-1px);border-color:#bfd0e5!important;background:#f8fbff!important;box-shadow:0 7px 18px rgba(36,67,108,.08)}.api-webhooks-action-test{border-color:#cfe0ff!important;background:#f4f8ff!important;color:#1d63c7!important}.api-webhooks-action-test i{color:#1769ff}.api-webhooks-more-button{width:34px!important;height:34px!important;border:1px solid #dbe4ef!important;border-radius:9px!important;background:#fff!important;color:#536a88!important;box-shadow:0 2px 8px rgba(32,54,86,.035)}.api-webhooks-more-button:hover{background:#f5f8fc!important;border-color:#bfd0e5!important;color:#1769ff!important}.api-webhooks-more-button i{font-size:1.1rem;line-height:1}.api-webhooks-action-dropdown{min-width:230px;padding:7px}.api-webhooks-action-dropdown button{display:flex;align-items:center;gap:10px;font-weight:720}.api-webhooks-action-dropdown button i{width:18px;text-align:center;color:#667b97;font-size:.92rem}.api-webhooks-action-dropdown button.danger-text i{color:inherit}.api-webhooks-worker-code{padding:0 18px 18px;display:grid;gap:8px}.api-webhooks-worker-code code{padding:12px 14px;background:#f7f9fc;border:1px solid #dfe7f1;border-radius:12px;overflow:auto}.api-webhooks-worker-code small{color:#71819a}.api-webhooks-secret{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;background:#f7f9fc;border:1px solid #dfe7f1;padding:13px 14px;border-radius:12px;color:#253956}.api-webhooks-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.api-webhooks-detail-grid>div{border:1px solid #dfe7f1;border-radius:12px;padding:11px 12px;background:#fbfcfe}.api-webhooks-detail-grid small{display:block;color:#71819a;margin-bottom:4px}.api-webhooks-payload{max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#f7f9fc;padding:12px;border-radius:12px;border:1px solid #e1e8f1}.api-webhooks-attempts{display:grid;gap:8px}.api-webhooks-attempt{display:grid;grid-template-columns:70px 90px 1fr 100px;gap:8px;align-items:center;border-bottom:1px solid #e4eaf2;padding:8px 0;font-size:.85rem}

.api-webhooks-dialog{width:min(920px,calc(100vw - 34px))!important;max-height:calc(100vh - 32px)!important;max-height:calc(100dvh - 32px)!important;padding:0!important;border-radius:22px!important;overflow:hidden!important;background:#fff!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto}.api-webhooks-dialog .dialog-title{padding:24px 26px 18px;border-bottom:1px solid #e7edf5;background:linear-gradient(180deg,#fff,#fbfcff);position:relative;z-index:2}.api-webhooks-dialog .dialog-title h3{margin:3px 0 4px;color:#142540;font-size:1.35rem}.api-webhooks-dialog .dialog-title p{margin:0;color:#708099}.api-webhooks-dialog .dialog-kicker{display:block;color:#246ee9;font-size:.71rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.api-webhooks-dialog .dialog-body{margin:0;padding:20px 24px 18px;background:#f7f9fc;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.api-webhooks-dialog .dialog-actions{margin:0;padding:16px 24px 18px;border-top:1px solid #e6edf5;background:#fff;position:relative;z-index:2;box-shadow:0 -12px 26px rgba(31,56,91,.055)}.api-webhooks-dialog .dialog-actions .btn{min-height:42px;padding-inline:20px;border-radius:11px}.api-webhooks-form-stack{display:grid;gap:14px}.api-webhooks-form-section{background:#fff;border:1px solid #dfe7f1;border-radius:17px;padding:18px;box-shadow:0 8px 24px rgba(31,56,91,.035)}.api-webhooks-form-section-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.api-webhooks-section-mark{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:11px;background:#eef5ff;color:#1769ff;border:1px solid #dce9ff}.api-webhooks-section-mark i{font-size:1rem}.api-webhooks-form-section-head>div{display:flex;flex-direction:column;gap:2px;min-width:0}.api-webhooks-form-section-head strong{font-size:.93rem;color:#1b304d}.api-webhooks-form-section-head small{font-size:.76rem;line-height:1.45;color:#7a8aa1;font-weight:550}.api-webhooks-form-grid{gap:14px}.api-webhooks-form label,.api-webhooks-policy-grid label{gap:7px;font-size:.79rem;font-weight:800;color:#536782}.api-webhooks-form input[type=text],.api-webhooks-form input[type=url],.api-webhooks-form input[type=number]{min-height:44px;padding:10px 12px;border:1px solid #d8e2ee;border-radius:11px;background:#fbfcfe;color:#142540;font-weight:650;box-shadow:none}.api-webhooks-form input:focus{border-color:#7eacf6;box-shadow:0 0 0 3px rgba(23,105,255,.09);background:#fff}.api-webhooks-active-card{display:flex!important;align-items:center!important;gap:11px!important;align-self:end;min-height:44px;padding:8px 11px;border:1px solid #dce5ef;border-radius:11px;background:#fbfcfe;cursor:pointer}.api-webhooks-active-card>input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.api-webhooks-switch{position:relative;width:38px;height:22px;border-radius:999px;background:#cdd7e4;flex:0 0 38px;transition:background .18s ease}.api-webhooks-switch>span{position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(26,46,72,.2);transition:transform .18s ease}.api-webhooks-active-card>input:checked+.api-webhooks-switch{background:#2475f4}.api-webhooks-active-card>input:checked+.api-webhooks-switch>span{transform:translateX(16px)}.api-webhooks-active-card>input:focus-visible+.api-webhooks-switch{box-shadow:0 0 0 3px rgba(36,117,244,.14)}.api-webhooks-active-copy{display:flex;flex-direction:column;gap:0;min-width:0}.api-webhooks-active-copy strong{font-size:.8rem;color:#223856}.api-webhooks-active-copy small{margin:0!important;font-size:.68rem!important;color:#8997aa!important;font-weight:600!important}.api-webhooks-event-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.api-webhooks-event-option{display:grid!important;grid-template-columns:28px minmax(0,1fr);gap:10px!important;align-items:center;padding:11px 12px;border:1px solid #dce5ef;border-radius:12px;background:#fbfcfe;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.api-webhooks-event-option:hover{border-color:#bfd2ec;background:#f8fbff}.api-webhooks-event-option>input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.api-webhooks-event-check{width:25px;height:25px;border-radius:8px;border:1px solid #cfdbe9;background:#fff;display:grid;place-items:center;color:transparent;transition:all .15s ease}.api-webhooks-event-check i{font-size:.82rem}.api-webhooks-event-option>input:checked+.api-webhooks-event-check{background:#2475f4;border-color:#2475f4;color:#fff;box-shadow:0 4px 10px rgba(36,117,244,.18)}.api-webhooks-event-option:has(input:checked){border-color:#bfd6ff;background:#f5f9ff}.api-webhooks-event-option>input:focus-visible+.api-webhooks-event-check{box-shadow:0 0 0 3px rgba(36,117,244,.14)}.api-webhooks-event-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.api-webhooks-event-copy strong{font-size:.79rem;color:#223856;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.api-webhooks-event-copy small{margin:0!important;color:#8b99aa!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.67rem!important;font-weight:600!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.api-webhooks-policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.api-webhooks-input-suffix{position:relative}.api-webhooks-input-suffix input{padding-inline-end:42px!important}.api-webhooks-input-suffix>span{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);font-size:.7rem;color:#8898ad;font-weight:800;pointer-events:none}.api-webhooks-form small{display:block;margin-top:6px;color:#71819a}

@media(max-width:1180px){.api-webhooks-actions .api-webhooks-action-button span{display:none}.api-webhooks-action-button{width:34px!important;padding:0!important;justify-content:center!important}.api-webhooks-action-button i{font-size:.93rem}}
@media(max-width:1000px){.api-webhooks-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.api-webhooks-policy-grid{grid-template-columns:1fr 1fr}.api-webhooks-policy-grid label:first-child{grid-column:1/-1}}
@media(max-width:680px){.api-webhooks-summary{grid-template-columns:1fr}.api-webhooks-detail-grid{grid-template-columns:1fr}.api-webhooks-attempt{grid-template-columns:1fr}.api-webhooks-dialog{width:calc(100vw - 18px)!important;max-height:calc(100vh - 12px)!important;max-height:calc(100dvh - 12px)!important;border-radius:18px!important}.api-webhooks-dialog .dialog-title{padding:18px 18px 14px}.api-webhooks-dialog .dialog-body{padding:14px 12px 16px}.api-webhooks-dialog .dialog-actions{padding:12px 14px 14px}.api-webhooks-form-section{padding:14px}.api-webhooks-form-grid,.api-webhooks-event-picker,.api-webhooks-policy-grid{grid-template-columns:1fr}.api-webhooks-form-grid .span-2,.api-webhooks-policy-grid label:first-child{grid-column:auto}.api-webhooks-actions{justify-content:flex-start}}
@media(max-height:760px){.api-webhooks-dialog .dialog-title{padding:16px 20px 12px}.api-webhooks-dialog .dialog-body{padding:12px 16px 14px}.api-webhooks-dialog .dialog-actions{padding:11px 18px 13px}.api-webhooks-form-stack{gap:10px}.api-webhooks-form-section{padding:14px}.api-webhooks-form-section-head{margin-bottom:12px}}

.api-webhooks-signature-grid{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr);gap:12px;align-items:stretch}.api-webhooks-signature-status,.api-webhooks-signature-meta,.api-webhooks-signature-headers{border:1px solid #dbe6f4;background:#f8fbff;border-radius:14px;padding:14px 15px}.api-webhooks-signature-status{display:flex;flex-direction:column;justify-content:center}.api-webhooks-signature-state{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:6px 10px;border-radius:999px;background:#eef3f9;color:#64748b;font-size:.74rem;font-weight:850;letter-spacing:.01em}.api-webhooks-signature-state.configured{background:#e8f8ef;color:#17844f}.api-webhooks-signature-state.missing{background:#fff1f0;color:#c2413b}.api-webhooks-signature-status small{margin-top:8px}.api-webhooks-signature-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px}.api-webhooks-signature-meta div{min-width:0}.api-webhooks-signature-meta small,.api-webhooks-signature-headers>small{display:block;margin:0 0 5px;color:#7b8ba2;font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.api-webhooks-signature-meta strong,.api-webhooks-signature-meta code{color:#132340;font-size:.86rem}.api-webhooks-signature-headers{grid-column:1/-1}.api-webhooks-signature-headers div{display:flex;flex-wrap:wrap;gap:7px}.api-webhooks-signature-headers code{display:inline-flex;padding:6px 8px;border-radius:8px;background:#fff;border:1px solid #e0e8f2;color:#31537b;font-size:.72rem}.api-webhooks-signature-rotate{justify-self:start;grid-column:1/-1;display:inline-flex;gap:8px;align-items:center}.api-webhooks-signature-note{display:flex;gap:8px;align-items:flex-start;margin-top:11px;padding:10px 12px;border-radius:11px;background:#f5f8fc;color:#667891;font-size:.76rem;line-height:1.45}.api-webhooks-signature-note i{color:#2b73e8;margin-top:1px}.api-webhooks-signature-note code{font-size:.72rem}
@media(max-width:680px){.api-webhooks-signature-grid{grid-template-columns:1fr}.api-webhooks-signature-meta{grid-template-columns:1fr}.api-webhooks-signature-headers{grid-column:auto}.api-webhooks-signature-rotate{grid-column:auto;width:100%;justify-content:center}}