.qb-webhook-stats.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:0;display:grid}@media (max-width:1100px){.qb-webhook-stats.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.qb-webhook-stats.stats-grid{grid-template-columns:1fr}}.qb-webhook-stats .stat-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow,0 2px 8px #00000014);border-radius:12px;min-height:94px;padding:12px 14px;transition:box-shadow .15s,border-color .15s;position:relative;overflow:hidden}.qb-webhook-stats .stat-card.is-clickable{cursor:pointer}.qb-webhook-stats .stat-card.is-clickable:hover{border-color:var(--primary,#3b82f6);box-shadow:0 4px 14px #3b82f61f}.qb-webhook-stats .stat-card:before{content:"";opacity:.9;width:100%;height:3px;position:absolute;top:0;left:0}.qb-webhook-stats .stat-card.accent-info:before{background:#2563eb}.qb-webhook-stats .stat-card.accent-success:before{background:#10b981}.qb-webhook-stats .stat-card.accent-danger:before{background:#ef4444}.qb-webhook-stats .stat-card.accent-warning:before{background:#f59e0b}.qb-webhook-stats .stat-card.accent-purple:before{background:#7c3aed}.qb-webhook-stats .stat-header{justify-content:space-between;align-items:center;gap:10px;min-width:0;margin-bottom:6px;display:flex}.qb-webhook-stats .stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.qb-webhook-stats .stat-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;line-height:1.2}.qb-webhook-stats .stat-value.is-sm{font-size:1rem;font-weight:700}.qb-webhook-stats .stat-value.is-success{color:#10b981}.qb-webhook-stats .stat-value.is-danger{color:#ef4444}.qb-webhook-stats .stat-value.is-warning{color:#d97706}.qb-webhook-stats .stat-value.is-last{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;line-height:1.35;overflow:hidden}.qb-webhook-stats .stat-hint{color:var(--text-secondary);margin-top:4px;font-size:12px;line-height:1.35}.qb-webhook-stats .stat-icon{border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:inline-flex}.qb-webhook-stats .stat-icon.soft-info{color:#2563eb;background:#3b82f61f}.qb-webhook-stats .stat-icon.soft-success{color:#10b981;background:#10b9811f}.qb-webhook-stats .stat-icon.soft-danger{color:#dc2626;background:#ef44441f}.qb-webhook-stats .stat-icon.soft-warning{color:#d97706;background:#f59e0b1f}.qb-webhook-stats .stat-icon.soft-purple{color:#7c3aed;background:#8b5cf61f}.qb-webhook-stats .stat-card-link{color:inherit;text-decoration:none;display:block}
.webhook-events-section{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);box-shadow:var(--shadow,0 2px 8px #00000014);border-radius:12px;padding:1.5rem}.webhook-events-section h2{align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1rem;font-weight:700;display:flex}.webhook-events-section .webhook-events-subtitle{color:var(--text-secondary,#64748b);margin-bottom:1.25rem;font-size:.82rem}.webhook-events-section .qb-webhook-stats.stats-grid{margin-bottom:1.25rem}.webhook-events-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.webhook-events-filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.webhook-events-filters label{color:var(--text-secondary);font-size:.82rem}.webhook-events-status-ok{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.webhook-events-status-fail{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}[data-theme=dark] .webhook-events-status-ok{color:#86efac;background:#052e16;border-color:#166534}[data-theme=dark] .webhook-events-status-fail{color:#fca5a5;background:#450a0a;border-color:#991b1b}@media (max-width:768px){.webhook-events-section{padding:1rem}.webhook-events-toolbar{flex-direction:column;align-items:stretch}.webhook-events-filters,.webhook-events-filters .ant-select,.webhook-events-toolbar .btn{width:100%}}