:root{--bg: #f6f7f9;--panel: #ffffff;--ink: #14181f;--muted: #5b6472;--line: #e2e5ea;--accent: #0b6e4f;--accent-ink: #ffffff;--warn: #9a5b00;--warn-bg: #fff4e0;--err: #b42318;--err-bg: #fdecea;--ok: #0b6e4f;--ok-bg: #e7f5ef;--info: #1d4ed8;--info-bg: #e8efff;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius: 8px;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Arabic,Tahoma,sans-serif;font-size:14px}@media(prefers-color-scheme:dark){:root{--bg: #0f1216;--panel: #171b21;--ink: #e8ebf0;--muted: #9aa3b2;--line: #2a303a;--accent: #35b48a;--accent-ink: #06130e;--warn: #f0b552;--warn-bg: #2f2410;--err: #f2867b;--err-bg: #34191a;--ok: #5ad1a4;--ok-bg: #12291f;--info: #8fb0ff;--info-bg: #17213a}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.side{background:var(--panel);border-inline-end:1px solid var(--line);padding:16px 12px;position:sticky;top:0;height:100vh;overflow:auto}.side h1{font-size:15px;margin:0 0 4px}.side .sub{color:var(--muted);font-size:12px;margin-bottom:16px}.nav{display:flex;flex-direction:column;gap:2px}.nav a{display:block;padding:7px 10px;border-radius:6px;text-decoration:none;color:var(--ink)}.nav a[aria-current=page]{background:var(--ok-bg);color:var(--accent);font-weight:600}.nav .group{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin:12px 10px 4px}.main{padding:0 24px 40px;min-width:0}.topbar{position:sticky;top:0;z-index:5;background:var(--bg);display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:16px}.topbar .spacer{flex:1}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:14px}.card h2{font-size:15px;margin:0 0 10px}.card h3{font-size:13px;margin:12px 0 6px;color:var(--muted)}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.stat{font-size:22px;font-weight:650}.muted{color:var(--muted)}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.btn{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:6px 12px;cursor:pointer}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.danger{color:var(--err)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:6px 8px}textarea{width:100%;min-height:80px}label.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}label.field>*{color:var(--ink);font-size:14px}.badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;background:var(--info-bg);color:var(--info);white-space:nowrap}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.err{background:var(--err-bg);color:var(--err)}.badge.neutral{background:var(--bg);color:var(--muted);border:1px solid var(--line)}table{width:100%;border-collapse:collapse}th,td{text-align:start;padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;color:var(--muted);font-weight:600}tbody tr.click{cursor:pointer}tbody tr.click:hover{background:var(--bg)}tbody tr[aria-selected=true]{background:var(--ok-bg)}.table-wrap{overflow-x:auto}pre,code{font-family:var(--mono);font-size:12px}pre{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:10px;overflow:auto;max-height:420px;white-space:pre-wrap;word-break:break-word}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.feed{list-style:none;padding:0;margin:0;max-height:520px;overflow:auto}.feed li{display:grid;grid-template-columns:92px 86px 1fr;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}.feed time{color:var(--muted);font-family:var(--mono);font-size:12px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:8px;align-items:baseline;padding:4px 0}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--line);flex:none;transform:translateY(1px)}.dot.done{background:var(--ok)}.dot.waiting,.dot.active{background:var(--warn)}.dot.pending{background:var(--line)}.msg{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:8px 0;max-width:760px}.msg.outbound{margin-inline-start:auto;background:var(--ok-bg)}.msg .meta{font-size:12px;color:var(--muted);margin-bottom:4px}.msg .body{white-space:pre-wrap}.notice{padding:8px 12px;border-radius:6px;margin:8px 0}.notice.err{background:var(--err-bg);color:var(--err)}.notice.ok{background:var(--ok-bg);color:var(--ok)}.notice.warn{background:var(--warn-bg);color:var(--warn)}.tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:12px}.tabs button{border:none;background:none;padding:8px 12px;border-bottom:2px solid transparent;cursor:pointer;color:var(--muted)}.tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.kv{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px}.kv dt{color:var(--muted)}.kv dd{margin:0}.synthetic{font-size:11px;color:var(--warn)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(max-width:860px){.app{grid-template-columns:1fr}.side{position:static;height:auto}.split{grid-template-columns:1fr}}.signin{max-width:440px;padding-top:40px}.signin input,.signin select{padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}