:root,[data-theme=dark]{--bg: #0a0c10;--bg-1: #0f1217;--bg-2: #161a22;--bg-3: #1d222c;--bg-inset: #07080b;--border: #20242e;--border-2: #2a3040;--border-strong: #3a4254;--fg: #e7eaef;--fg-1: #b6bdc9;--muted: #7a8290;--subtle: #565d6c;--faint: #3a4150;--accent: #5b8cff;--accent-2: #4070ff;--accent-tint: rgba(91,140,255,.12);--ok: #3ddc97;--ok-tint: rgba(61,220,151,.12);--warn: #f5b942;--warn-tint: rgba(245,185,66,.12);--bad: #ff5d5d;--bad-tint: rgba(255,93,93,.12);--info: #c084fc;--info-tint: rgba(192,132,252,.12);--shadow-1: 0 1px 0 rgba(255,255,255,.04) inset, 0 1px 2px rgba(0,0,0,.3);--shadow-2: 0 8px 24px rgba(0,0,0,.45), 0 2px 6px rgba(0,0,0,.35);--ring: 0 0 0 1px var(--accent), 0 0 0 4px var(--accent-tint)}[data-theme=light]{--bg: #f7f8fa;--bg-1: #ffffff;--bg-2: #f1f3f7;--bg-3: #e7eaf0;--bg-inset: #fafbfc;--border: #e5e8ee;--border-2: #d3d8e2;--border-strong: #bbc2cf;--fg: #0c0f15;--fg-1: #2c323d;--muted: #6b7280;--subtle: #8a92a0;--faint: #b9bfca;--accent: #2f5dff;--accent-2: #1a47e6;--accent-tint: rgba(47,93,255,.1);--ok: #0a8f5a;--ok-tint: rgba(10,143,90,.1);--warn: #b67700;--warn-tint: rgba(182,119,0,.1);--bad: #d33636;--bad-tint: rgba(211,54,54,.1);--info: #7b3fce;--info-tint: rgba(123,63,206,.1);--shadow-1: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 2px rgba(15,23,42,.06);--shadow-2: 0 12px 28px rgba(15,23,42,.1), 0 2px 6px rgba(15,23,42,.06);--ring: 0 0 0 1px var(--accent), 0 0 0 4px var(--accent-tint)}:root{--font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-serif: "IBM Plex Serif", Georgia, serif;--radius-1: 4px;--radius-2: 6px;--radius-3: 10px;--side-w: 220px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:13px;line-height:1.45;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11","tnum"}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent-tint)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:padding-box;border:2px solid transparent}.app{display:grid;grid-template-columns:var(--side-w) 1fr;height:100vh;background:var(--bg)}.main{display:grid;grid-template-rows:44px 1fr;min-width:0;min-height:0}.topbar{display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--border);background:var(--bg-1);position:relative}.topbar .crumbs{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-family:var(--font-mono)}.topbar .crumbs strong{color:var(--fg);font-weight:500}.topbar .crumbs .sep{color:var(--faint)}.topbar .grow{flex:1}.search{position:relative;width:320px}.search input{width:100%;height:28px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-2);padding:0 10px 0 28px;color:var(--fg);font-family:var(--font-mono);font-size:12px;outline:none}.search input:focus{box-shadow:var(--ring);border-color:transparent}.search input::placeholder{color:var(--subtle)}.search .ic{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--subtle)}.search kbd{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:10px;color:var(--subtle);background:var(--bg-3);border:1px solid var(--border);padding:1px 5px;border-radius:3px}.health-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border:1px solid var(--border);border-radius:999px;font-family:var(--font-mono);font-size:11px;color:var(--fg-1);background:var(--bg-2)}.health-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--ok-tint);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.icon-btn{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:var(--radius-2);color:var(--muted)}.icon-btn:hover{background:var(--bg-2);color:var(--fg)}.sidebar{background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.brand{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);height:44px}.brand-mark{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--accent),var(--info));display:grid;place-items:center;color:#fff;font-family:var(--font-serif);font-style:italic;font-weight:700;font-size:14px;box-shadow:0 1px #ffffff26 inset,0 1px 2px #0000004d}.brand-name{font-weight:600;letter-spacing:-.01em;font-size:13px}.brand-name .tld{color:var(--muted);font-weight:400}.org-switch{margin:10px 10px 4px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-2);background:var(--bg-2);font-size:12px;display:flex;align-items:center;gap:8px}.org-switch .av{width:20px;height:20px;border-radius:4px;background:linear-gradient(135deg,#ec4899,#8b5cf6);display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff}.org-switch .grow{flex:1;min-width:0}.org-switch .name{color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-switch .meta{color:var(--muted);font-family:var(--font-mono);font-size:10px}.nav-section{padding:8px 8px 4px}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--subtle);padding:8px 8px 6px;font-family:var(--font-mono);font-weight:500}.nav-item{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:var(--radius-2);color:var(--fg-1);font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--bg-2);color:var(--fg)}.nav-item.active{background:var(--bg-3);color:var(--fg);box-shadow:inset 0 0 0 1px var(--border-2)}.nav-item .ic{width:16px;height:16px;color:var(--muted);flex-shrink:0}.nav-item.active .ic{color:var(--accent)}.nav-item .count{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--muted);background:var(--bg-2);padding:1px 6px;border-radius:999px}.nav-item.active .count{background:var(--bg);color:var(--fg-1)}.nav-item .count.bad{color:var(--bad);background:var(--bad-tint)}.sidebar-foot{margin-top:auto;padding:12px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;font-family:var(--font-mono)}.sidebar-foot .grow{flex:1}.theme-toggle{display:inline-flex;border:1px solid var(--border);border-radius:999px;background:var(--bg-2);overflow:hidden}.theme-toggle button{width:24px;height:22px;display:grid;place-items:center;color:var(--muted)}.theme-toggle button.on{background:var(--bg-3);color:var(--fg)}.view{overflow:auto;min-height:0;background:var(--bg)}.view-pad{padding:20px 24px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:18px 24px 14px;border-bottom:1px solid var(--border)}.page-head h1{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em}.page-head .sub{color:var(--muted);font-size:12px;margin-top:4px;font-family:var(--font-mono)}.page-head .actions{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-2);background:var(--bg-2);color:var(--fg);font-size:12px;font-weight:500;cursor:pointer;transition:background 80ms,border-color 80ms;white-space:nowrap}.btn:hover{background:var(--bg-3);border-color:var(--border-2)}.btn.primary{background:var(--accent);border-color:var(--accent-2);color:#fff}.btn.primary:hover{background:var(--accent-2)}.btn.danger{color:var(--bad);border-color:var(--border)}.btn.danger:hover{background:var(--bad-tint);border-color:var(--bad)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--bg-2)}.btn .ic{width:14px;height:14px}.btn-group{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-2);background:var(--bg-2);overflow:hidden}.btn-group button{height:26px;padding:0 10px;font-size:12px;color:var(--muted);border-right:1px solid var(--border)}.btn-group button:last-child{border-right:0}.btn-group button.on{background:var(--bg-3);color:var(--fg)}.btn-group button:hover:not(.on){color:var(--fg)}.badge{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 6px;border-radius:3px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;border:1px solid transparent;white-space:nowrap}.badge.ok{background:var(--ok-tint);color:var(--ok);border-color:var(--ok-tint)}.badge.warn{background:var(--warn-tint);color:var(--warn);border-color:var(--warn-tint)}.badge.bad{background:var(--bad-tint);color:var(--bad);border-color:var(--bad-tint)}.badge.info{background:var(--info-tint);color:var(--info);border-color:var(--info-tint)}.badge.muted{background:var(--bg-2);color:var(--muted);border-color:var(--border)}.badge .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-3)}.card-head{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);font-size:12px;color:var(--fg-1);font-weight:500}.card-head .meta{color:var(--muted);font-family:var(--font-mono);font-size:11px}.card-head .grow{flex:1}.card-body{padding:14px}.kv{display:grid;grid-template-columns:140px 1fr;gap:4px 16px;font-family:var(--font-mono);font-size:11.5px}.kv dt{color:var(--muted)}.kv dd{margin:0;color:var(--fg)}.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.tbl th{text-align:left;font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--subtle);padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg-1);position:sticky;top:0;z-index:1;font-family:var(--font-mono)}.tbl td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap}.tbl tr:hover td{background:var(--bg-2)}.tbl tr.selected td{background:var(--bg-3)}.tbl td.mono,.tbl th.mono{font-family:var(--font-mono);font-size:11.5px}.tbl td.num{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.tbl td.muted{color:var(--muted)}.tbl td.right,.tbl th.right{text-align:right}.tbl td.actions{text-align:right;padding-right:14px}.tbl-empty{padding:40px;text-align:center;color:var(--muted);font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-3);padding:14px;position:relative;overflow:hidden}.stat .lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-mono)}.stat .val{font-size:28px;font-weight:600;letter-spacing:-.02em;margin-top:6px;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.stat .delta{margin-top:6px;font-size:11px;color:var(--muted);font-family:var(--font-mono);display:flex;align-items:center;gap:4px}.stat .delta.up{color:var(--ok)}.stat .delta.down{color:var(--bad)}.stat .spark{position:absolute;right:14px;bottom:14px;opacity:.7}.mail-row{display:grid;grid-template-columns:18px 26px 220px 1fr 80px 90px 80px 30px;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--border);font-size:12px;cursor:pointer;transition:background 60ms}.mail-row:hover{background:var(--bg-2)}.mail-row.selected{background:var(--bg-3)}.mail-row.flash{animation:flashRow .6s ease-out}@keyframes flashRow{0%{background:var(--accent-tint)}to{background:transparent}}.mail-row .verdict{width:4px;height:26px;border-radius:2px}.mail-row .verdict.allow{background:var(--ok)}.mail-row .verdict.quarantine{background:var(--warn)}.mail-row .verdict.block{background:var(--bad)}.mail-row .av{width:20px;height:20px;border-radius:4px;display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff}.mail-row .from{display:flex;flex-direction:column;min-width:0}.mail-row .from .name{color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row .from .addr{color:var(--muted);font-family:var(--font-mono);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row .subj{color:var(--fg-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row .subj .preview{color:var(--muted);margin-left:6px}.mail-row .to{font-family:var(--font-mono);font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row .score{font-family:var(--font-mono);font-size:11px;text-align:right;font-variant-numeric:tabular-nums}.mail-row .ts{font-family:var(--font-mono);font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.mail-row .chev{color:var(--subtle)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;animation:fadeIn .14s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slideover{position:fixed;top:0;right:0;bottom:0;width:min(960px,78vw);background:var(--bg);border-left:1px solid var(--border-2);box-shadow:var(--shadow-2);z-index:51;display:grid;grid-template-rows:52px 1fr auto;animation:slideIn .2s cubic-bezier(.2,.8,.2,1)}@keyframes slideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.slideover-head{display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--border);background:var(--bg-1)}.slideover-head .grow{flex:1;min-width:0}.slideover-head .id{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.slideover-head .subj-line{font-size:13px;color:var(--fg);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60ch}.slideover-body{overflow:auto;padding:18px 22px 22px}.slideover-foot{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--border);background:var(--bg-1)}.signals-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 18px}.signal{border:1px solid var(--border);border-radius:var(--radius-2);background:var(--bg-1);padding:10px 12px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}.signal:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--border-strong)}.signal.ok:before{background:var(--ok)}.signal.warn:before{background:var(--warn)}.signal.bad:before{background:var(--bad)}.signal .head{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.signal .val{font-size:14px;color:var(--fg);font-weight:500}.signal .val.mono{font-family:var(--font-mono);font-size:12.5px}.signal .det{font-size:11px;color:var(--muted);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mono-panel{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-2);padding:12px 14px;font-family:var(--font-mono);font-size:11.5px;line-height:1.55;color:var(--fg-1);overflow:auto;max-height:340px;white-space:pre}.mono-panel .hk{color:var(--info)}.mono-panel .hv{color:var(--fg)}.mono-panel .ok{color:var(--ok)}.mono-panel .bad{color:var(--bad)}.mono-panel .muted{color:var(--muted)}.section-h{display:flex;align-items:center;gap:8px;margin:18px 0 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono);color:var(--muted)}.section-h .line{flex:1;height:1px;background:var(--border)}.input,.select,.textarea{width:100%;height:30px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-2);color:var(--fg);padding:0 10px;font-family:var(--font-mono);font-size:12px;outline:none}.input:focus,.select:focus,.textarea:focus{box-shadow:var(--ring);border-color:transparent}.textarea{height:auto;padding:8px 10px;resize:vertical;min-height:80px;line-height:1.5}.field-row{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.field-row:last-child{border-bottom:0}.field-row .lbl{font-size:12px;color:var(--fg-1)}.field-row .lbl .hint{display:block;color:var(--muted);font-size:11px;margin-top:2px}.toggle{--w: 30px;--h: 16px;width:var(--w);height:var(--h);background:var(--bg-3);border:1px solid var(--border);border-radius:999px;position:relative;cursor:pointer;transition:background .12s;flex-shrink:0}.toggle:after{content:"";position:absolute;top:1px;left:1px;width:12px;height:12px;background:var(--fg-1);border-radius:50%;transition:transform .14s cubic-bezier(.2,.8,.2,1)}.toggle.on{background:var(--accent);border-color:var(--accent-2)}.toggle.on:after{transform:translate(12px);background:#fff}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:12px}.tab{padding:8px 12px;font-size:12px;color:var(--muted);border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px;font-family:var(--font-mono)}.tab:hover{color:var(--fg-1)}.tab.on{color:var(--fg);border-color:var(--accent)}.tab .count{font-size:10px;margin-left:6px;color:var(--subtle);background:var(--bg-2);padding:1px 5px;border-radius:999px}.chip{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border:1px solid var(--border);background:var(--bg-2);border-radius:999px;font-family:var(--font-mono);font-size:11px;color:var(--fg-1)}.chip .x{color:var(--subtle);cursor:pointer}.chip .x:hover{color:var(--bad)}.chart{position:relative}.chart .axis-y{position:absolute;left:0;top:0;bottom:18px;width:28px;pointer-events:none}.chart .axis-y span{position:absolute;right:4px;font-family:var(--font-mono);font-size:10px;color:var(--subtle);transform:translateY(-50%)}.chart svg{display:block;width:100%}.empty{padding:60px 20px;text-align:center;color:var(--muted)}.empty h3{color:var(--fg);margin:0 0 6px;font-size:14px}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.hstack{display:flex;align-items:center;gap:8px}.vstack{display:flex;flex-direction:column;gap:8px}.right{text-align:right}.grow{flex:1}.sep{color:var(--faint);margin:0 4px}.cb{width:14px;height:14px;border:1px solid var(--border-2);border-radius:3px;background:var(--bg-2);display:inline-grid;place-items:center;cursor:pointer;flex-shrink:0}.cb.on{background:var(--accent);border-color:var(--accent-2)}.cb.on svg{stroke:#fff}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--bad);box-shadow:0 0 0 0 var(--bad-tint);animation:liveDot 1.4s ease-out infinite;display:inline-block}@keyframes liveDot{0%{box-shadow:0 0 0 0 var(--bad-tint)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}.filter-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-1)}.filter-bar .grow{flex:1}code,.code{font-family:var(--font-mono);font-size:11.5px;background:var(--bg-2);padding:1px 5px;border-radius:3px;border:1px solid var(--border);color:var(--fg)}