:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background:#0a0f14; color:#e8eef5; }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(circle at top right,#12302c 0,transparent 35%),#0a0f14; min-height:100vh; }
main { width:min(1180px,calc(100% - 32px)); margin:0 auto; padding:40px 0; }
header,.filters { display:flex; align-items:center; justify-content:space-between; gap:16px; }
h1 { margin:4px 0 24px; font-size:clamp(28px,5vw,48px); letter-spacing:-.04em; }
.eyebrow { color:#4ee0a2; font-size:12px; font-weight:800; letter-spacing:.18em; }
button,select,input { border:1px solid #293642; border-radius:9px; background:#111922; color:#e8eef5; padding:10px 12px; }
button { background:#4ee0a2; color:#07120e; font-weight:800; cursor:pointer; }
.actions { display:flex; gap:8px; }.actions form { margin:0; }.secondary { background:#18232d; color:#dce8f1; }
.filters { justify-content:flex-start; flex-wrap:wrap; background:#0f171f; border:1px solid #202c36; padding:16px; border-radius:14px; }
label { display:flex; align-items:center; gap:9px; color:#9db0c0; font-size:13px; }
#status { margin-left:auto; color:#8293a2; font-size:13px; }
.summary { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:16px 0; }
.metric,.call { border:1px solid #202c36; background:rgba(15,23,31,.94); border-radius:14px; }
.metric { padding:18px; }.metric strong { display:block; font-size:28px; }.metric span { color:#8293a2; font-size:12px; }
.calls { display:grid; gap:12px; }
.call { padding:16px; }.call-head { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.badge { border-radius:999px; padding:4px 8px; font-size:11px; font-weight:800; }.accepted { background:#143b2d;color:#65efb4; }.ignored { background:#3b2920;color:#ffb17c; }
.meta { color:#8293a2; font-size:12px; }.group { color:#bdcbd7; margin:10px 0; }
details { margin-top:10px; } summary { color:#4ee0a2; cursor:pointer; font-size:13px; }
pre { overflow:auto; max-height:420px; background:#080d12; border-radius:9px; padding:12px; font-size:12px; color:#b9c8d4; }
.empty { padding:50px;text-align:center;color:#8293a2;border:1px dashed #293642;border-radius:14px; }
@media(max-width:650px){ .summary{grid-template-columns:1fr} #status{width:100%;margin:0} }