.webhooks-page{min-height:100vh;background:var(--dash-cream);color:var(--dash-green);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.webhooks-shell{width:min(1260px,calc(100% - 48px));margin:0 auto;padding:46px 0 70px;animation:dash-in .32s ease both}.webhooks-intro{min-height:90px;margin-bottom:35px}.webhooks-intro h1{margin:0;font-size:26px;font-weight:720;letter-spacing:-.045em;line-height:1.05}.webhooks-intro p{margin:11px 0 0;color:var(--dash-muted);font-size:16px;line-height:1.5}.webhook-section-number{padding-top:5px;color:var(--dash-coral-dark);font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.webhook-secret{display:grid;grid-template-columns:1fr minmax(220px,1.5fr) auto auto;grid-gap:14px;gap:14px;align-items:center;margin:0 0 26px;padding:18px 20px;border:2px solid #e8b7a8;border-radius:5px;background:#fff1eb}.webhook-secret div{display:grid;grid-gap:3px;gap:3px}.webhook-secret span{color:#7e655a;font-size:12px}.webhook-secret code{overflow:auto;color:#713b2e;font-size:12px}.webhook-actions button,.webhook-endpoint-main>button,.webhook-secret button{border:2px solid var(--dash-line);border-radius:3px;background:transparent;color:var(--dash-green-2);cursor:pointer;font-size:12px;font-weight:750;transition:background .16s ease,border-color .16s ease,color .16s ease}.webhook-secret button{min-height:36px;padding:0 12px;border-color:var(--dash-coral);background:var(--dash-coral);color:#fff}.webhook-secret button:hover{border-color:var(--dash-coral-dark);background:var(--dash-coral-dark)}.webhook-secret button.quiet{border-color:#e8b7a8;background:transparent;color:#713b2e}.webhook-secret button.quiet:hover{background:#ffe4d9}.webhooks-error{margin:0 0 26px;padding:12px 15px;border-left:3px solid var(--dash-coral-dark);background:#fff0ed;color:#8d3526;font-size:13px}.webhook-create,.webhook-list{display:grid;grid-template-columns:48px 1fr;grid-gap:18px;gap:18px;margin-bottom:26px;padding:28px 23px;border:2px solid var(--dash-line);border-radius:5px;background:rgba(255,250,240,.65)}.webhook-create-body,.webhook-list-body{min-width:0}.webhook-create h2,.webhook-list h2{margin:0 0 22px;font-size:20px;letter-spacing:-.025em}.webhook-create-body>label{display:grid;grid-gap:9px;gap:9px;color:var(--dash-green);font-size:13px;font-weight:750}.webhook-create input[type=url]{min-height:44px;padding:0 14px;border:2px solid var(--dash-line);border-radius:3px;background:var(--dash-paper);color:var(--dash-green);font-size:14px;font-weight:550;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.webhook-create input[type=url]::placeholder{color:#899892}.webhook-create input[type=url]:focus{border-color:var(--dash-green-2);box-shadow:0 0 0 3px rgba(23,93,78,.12)}.webhook-create fieldset{display:flex;gap:20px;margin:22px 0;padding:0;border:0}.webhook-create legend{margin-bottom:10px;font-size:13px;font-weight:750}.webhook-create fieldset label{display:flex;gap:7px;align-items:center;color:var(--dash-muted);font:600 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.webhook-create input[type=checkbox]{accent-color:var(--dash-green-2)}.webhook-primary{min-height:44px;padding:0 17px;border:0;border-radius:4px;background:var(--dash-coral);color:#fff;cursor:pointer;font-size:14px;font-weight:800;transition:background .16s ease,box-shadow .16s ease}.webhook-primary:hover{background:var(--dash-coral-dark);box-shadow:0 5px 14px rgba(187,68,50,.16)}.webhook-primary:disabled{cursor:wait;opacity:.55}.webhook-empty{margin:0;color:var(--dash-muted);font-size:14px}.webhook-endpoint{padding:20px 0;border-top:2px solid var(--dash-line)}.webhook-endpoint-main{display:grid;grid-template-columns:72px 1fr auto;grid-gap:18px;gap:18px;align-items:start}.webhook-state{width:max-content;padding:5px 7px;border-radius:3px;background:#e7e8e4;color:#6b7470;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.webhook-state.on{background:#d9eee6;color:#256d58}.webhook-endpoint code{word-break:break-all;color:var(--dash-green);font-size:13px}.webhook-endpoint p{margin:7px 0 0;color:var(--dash-muted);font-size:12px}.webhook-endpoint-main>button{min-height:36px;padding:0 12px}.webhook-endpoint-main>button:hover{border-color:#aebfb8;background:#f3e9dc;color:var(--dash-coral-dark)}.webhook-actions{display:flex;gap:18px;margin:16px 0 0 90px}.webhook-actions button{padding:0;border:0;color:var(--dash-green-2)}.webhook-actions button:hover{color:var(--dash-coral-dark);text-decoration:underline}.webhook-actions .danger{color:#a54839}.webhook-deliveries{display:grid;margin:22px 0 0 90px;border-top:1px dashed #bccbc4}.webhook-deliveries>div{display:grid;grid-template-columns:80px 1fr 140px minmax(160px,1fr);grid-gap:12px;gap:12px;padding:12px 0;border-bottom:1px dashed #d2dcd7;font-size:12px}.webhook-deliveries .delivered{color:#256d58}.webhook-deliveries .pending{color:#886814}.webhook-deliveries small{color:var(--dash-muted)}@media (max-width:760px){.webhooks-shell{width:calc(100% - 28px);padding:30px 0 50px}.webhooks-intro{min-height:0;margin-bottom:25px}.webhooks-intro p{font-size:14px}.webhook-secret{grid-template-columns:1fr}.webhook-create,.webhook-list{grid-template-columns:1fr;gap:14px;padding:22px 18px}.webhook-section-number{padding-top:0}.webhook-create fieldset{align-items:flex-start;flex-direction:column;gap:10px}.webhook-endpoint-main{grid-template-columns:1fr}.webhook-actions,.webhook-deliveries{margin-left:0}.webhook-deliveries>div{grid-template-columns:1fr 1fr}.webhook-deliveries small{grid-column:1/-1}}