:root{--bg: #f6f7f9;--panel: #fff;--ink: #1b1f24;--muted: #5c6670;--line: #dde2e8;--accent: #1f6feb;--ok: #1a7f37;--warn: #9a6700;--bad: #cf222e;--soft: #eef2f7}@media (prefers-color-scheme: dark){:root{--bg: #0f1216;--panel: #171b21;--ink: #e6e9ee;--muted: #9aa4af;--line: #2a313a;--accent: #4493f8;--soft: #1f252d}}*{box-sizing:border-box}body{margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{display:grid;grid-template-columns:200px 1fr;min-height:100vh}nav.side{background:var(--panel);border-right:1px solid var(--line);padding:16px 0;position:sticky;top:0;height:100vh}nav.side .brand{font-weight:700;font-size:18px;padding:0 16px 12px}nav.side a{display:block;padding:7px 16px;color:var(--ink)}nav.side a.active{background:var(--soft);border-right:3px solid var(--accent)}nav.side .me{position:absolute;bottom:12px;padding:0 16px;color:var(--muted);font-size:12px}main{padding:20px 24px;max-width:1400px}h1{font-size:20px;margin:0 0 14px}h2{font-size:15px;margin:18px 0 8px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px;margin-bottom:14px}table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:8px}th,td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}tr:last-child td{border-bottom:0}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--soft)}button,.btn{font:inherit;padding:6px 12px;border-radius:6px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.danger{background:var(--bad);color:#fff;border-color:var(--bad)}button:disabled{opacity:.5;cursor:default}input,select,textarea{font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);width:100%}textarea.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;min-height:160px}label{display:block;font-size:12px;color:var(--muted);margin:8px 0 3px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px}.stat .n{font-size:24px;font-weight:700}.stat .l{color:var(--muted);font-size:12px}.pill{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;background:var(--soft)}.pill.ok{background:#dafbe1;color:var(--ok)}.pill.warn{background:#fff8c5;color:var(--warn)}.pill.bad{background:#ffebe9;color:var(--bad)}@media (prefers-color-scheme: dark){.pill.ok,.pill.warn,.pill.bad{background:var(--soft)}}.err{color:var(--bad);margin:8px 0}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;white-space:pre-wrap;word-break:break-word}.login{max-width:360px;margin:12vh auto}.timeline{list-style:none;padding:0;margin:0}.timeline li{display:grid;grid-template-columns:70px 170px 1fr;gap:10px;padding:5px 0;border-bottom:1px solid var(--line)}.timeline li.user{background:color-mix(in srgb,var(--accent) 6%,transparent)}.diff{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin-bottom:12px}.toolbar label{margin:0 0 3px}.toolbar>div{min-width:140px}details summary{cursor:pointer}@media (max-width: 800px){.shell{grid-template-columns:1fr}nav.side{position:static;height:auto}.grid2,.grid3{grid-template-columns:1fr}}.timeline.live{max-height:420px;overflow-y:auto}.timeline li.partial>span:last-child{color:var(--muted);font-style:italic}
