.webhook-page{max-width:1300px}.webhook-list{display:grid;gap:12px}.webhook-card{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface-card)}.webhook-summary{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:14px;padding:16px}.webhook-summary div{display:grid;gap:4px}.webhook-summary b{font-size:11px}.webhook-summary small{color:var(--muted);font:8px ui-monospace,monospace}.webhook-status{padding:7px 9px;border-radius:999px;text-align:center;font-size:8px;font-weight:800}.status-processed{color:#137a51;background:#e7f8f0}.status-failed{color:#a33f3f;background:#fff0f0}.status-processing{color:#8a6810;background:#fff8df}.status-ignored{color:#596c7b;background:#edf2f5}.webhook-card details{border-top:1px solid var(--line)}.webhook-card summary{padding:12px 16px;color:var(--blue);font-size:9px;font-weight:750;cursor:pointer}.webhook-error,.webhook-json{max-height:440px;margin:0;padding:16px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#142236;color:#d9e6ef;font:9px/1.6 ui-monospace,monospace}.webhook-error{border-top:1px solid #f0caca;background:#fff6f6;color:#9e3e3e}@media(max-width:700px){.webhook-summary{grid-template-columns:1fr}.webhook-summary>div:last-child{margin-top:4px}}.webhook-diff[open] summary{border-bottom:1px solid var(--line)}.webhook-diff .table-wrap{margin:12px;border-radius:7px}.webhook-diff code{color:#3f667e;font-size:8px}.webhook-diff td{white-space:normal;word-break:break-word}.webhook-diff td span{display:inline-flex;padding:4px 6px;border-radius:99px;font-size:7px;font-weight:900}.diff-added{color:#137a51;background:#e7f8f0}.diff-removed{color:#a33f3f;background:#fff0f0}.diff-changed{color:#8a6810;background:#fff8df}.webhook-no-diff{margin:12px;padding:14px;border:1px dashed #d7e1e8;border-radius:7px;color:var(--muted);font-size:9px;text-align:center}.webhook-search-panel{display:grid;gap:12px;margin-bottom:16px;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.webhook-search-panel nav{display:flex;gap:7px}.webhook-search-panel nav a{display:flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:10px;font-weight:800}.webhook-search-panel nav a.active{border-color:var(--blue);color:#dbeafe;background:#1d4f78}.webhook-search-panel nav small{display:grid;min-width:19px;height:19px;place-items:center;border-radius:99px;background:#ffffff1a;font-size:8px}.webhook-search-panel form{display:flex;gap:8px}.webhook-search-panel form>div{display:flex;min-width:220px;flex:1;align-items:center;gap:9px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#0f1a2e}.webhook-search-panel form svg{width:16px;color:var(--muted)}.webhook-search-panel input{width:100%;height:40px;border:0;outline:0;color:var(--text);background:transparent;font-size:10px}.webhook-search-panel .ghost,.webhook-search-panel .primary{min-height:40px}.webhook-search-empty{display:grid;min-height:220px;place-items:center;align-content:center;gap:7px;text-align:center}.webhook-search-empty svg{width:26px;color:var(--blue)}.webhook-search-empty b{font-size:12px}.webhook-search-empty span{max-width:460px;color:var(--muted);font-size:9px}.webhook-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.webhook-pagination span{color:var(--muted);font-size:9px}.webhook-pagination div{display:flex;gap:8px}.webhook-pagination a{display:flex;align-items:center;gap:5px}.webhook-pagination svg{width:14px}@media(max-width:700px){.webhook-search-panel form{flex-wrap:wrap}.webhook-search-panel form>div{flex-basis:100%}}