.event-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.event-kpi{padding:16px 18px;display:flex;flex-direction:column;gap:7px}.event-kpi span{font-size:12px;color:var(--muted)}.event-kpi strong{font-size:22px;letter-spacing:-.3px}.event-controls label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.event-controls select,.filter-field input{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;padding:9px 11px;outline:none}.event-controls select:focus,.filter-field input:focus{border-color:var(--accent)}.live-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 11px;font-size:12px;color:var(--muted)}.live-pill i{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 14%,transparent)}.live-pill.paused i{background:#a0a7b4;box-shadow:none}.filters{display:grid;grid-template-columns:1fr 1fr 1.4fr auto auto;gap:10px;align-items:end;margin-bottom:16px}.filter-field{display:grid;gap:6px}.filter-field label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.primary-btn,.secondary-btn{border-radius:9px;padding:10px 13px;font-weight:700;cursor:pointer}.primary-btn{border:1px solid var(--accent);background:var(--accent);color:#fff}.secondary-btn{border:1px solid var(--line);background:var(--surface);color:var(--text)}.events-list{display:grid;gap:10px}.event-row{border:1px solid var(--line);border-radius:12px;background:var(--surface2);overflow:hidden}.event-main{display:grid;grid-template-columns:150px 1fr auto;gap:14px;align-items:center;padding:13px 15px}.event-time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.event-type{font-weight:750;font-size:14px}.event-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.event-tag{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:650}.event-tag.muted{background:var(--surface);color:var(--muted);border:1px solid var(--line)}.event-expand{border:0;background:transparent;color:var(--accent);font-weight:700;cursor:pointer}.event-details{display:none;border-top:1px solid var(--line);padding:13px 15px}.event-row.open .event-details{display:block}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.event-detail{padding:9px;background:var(--surface);border:1px solid var(--line);border-radius:9px}.event-detail b{display:block;font-size:10px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.event-detail span{font-size:12px;word-break:break-word}.payload{margin:0;padding:12px;border-radius:9px;background:#10131a;color:#e8edf5;overflow:auto;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;max-height:280px}.error-note{padding:14px;border:1px solid #e8b4b4;background:rgba(220,70,70,.06);border-radius:10px;color:#b53b3b;font-size:13px}.empty-note{padding:28px;text-align:center}.spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.event-kpis{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.event-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.event-kpis{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.event-main{grid-template-columns:1fr auto}.event-time{grid-column:1/-1}.event-grid{grid-template-columns:1fr}.top-actions .live-pill{display:none}}