:root{--bg:#0b0e14;--panel:#141922;--border:#232a36;--text:#e6e9ef;--muted:#8b94a3;--accent:#4f8cff;--ok:#2ecc71;--warn:#f1c40f;--err:#e74c3c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1100px;margin:0 auto;padding:24px}nav.top{display:flex;gap:20px;align-items:center;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--panel)}nav.top strong{font-size:15px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px 18px;margin-bottom:16px}h1{font-size:20px;margin:4px 0 18px}h2{font-size:15px;margin:0 0 12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}td code,th{font-size:12px}td code{background:#0c1017;padding:2px 6px;border-radius:5px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.badge.success{background:rgba(46,204,113,.15);color:var(--ok)}.badge.pending{background:rgba(241,196,15,.15);color:var(--warn)}.badge.failed{background:rgba(231,76,60,.15);color:var(--err)}.badge.dead{background:rgba(231,76,60,.28);color:#ff8a7a}form.inline{display:grid;grid-gap:10px;gap:10px;max-width:520px}label{display:grid;grid-gap:4px;gap:4px;font-size:13px;color:var(--muted)}input,select,textarea{background:#0c1017;border:1px solid var(--border);color:var(--text);border-radius:7px;padding:8px 10px;font:inherit}button{background:var(--accent);color:#fff;border:0;border-radius:7px;padding:8px 14px;font:inherit;font-weight:600;cursor:pointer}button.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.secret{background:#17202b;border:1px dashed var(--accent);padding:10px;border-radius:8px;word-break:break-all}.grid{display:grid;grid-gap:16px;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:860px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.kpi .label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.kpi .value{font-size:26px;font-weight:700;margin-top:4px}.kpi .sub{color:var(--muted);font-size:12px;margin-top:2px}.kpi .value.ok{color:var(--ok)}.kpi .value.warn{color:var(--warn)}.kpi .value.err{color:var(--err)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.seg a,.seg button{background:transparent;border:0;color:var(--muted);padding:6px 12px;cursor:pointer;font:inherit;text-decoration:none}.seg a.on,.seg button.on{background:var(--accent);color:#fff}.flow-wrap{overflow-x:auto}.flow-node rect{rx:8}.flow-label{fill:var(--text);font-size:12px;font-weight:600}.flow-sub{fill:var(--muted);font-size:11px}.flow-edge{fill:none;stroke:var(--border)}.flow-edge.live{stroke:var(--accent);animation:dash 1s linear infinite}@keyframes dash{to{stroke-dashoffset:-12}}.jsonv{background:#0c1017;border:1px solid var(--border);border-radius:8px;padding:12px;overflow-x:auto;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}.jsonv .k{color:#7cb7ff}.jsonv .s{color:#7ee787}.jsonv .n{color:#f0b866}.jsonv .b{color:#d2a8ff}.timeline{display:grid;grid-gap:8px;gap:8px}.tl-item{display:grid;grid-template-columns:90px 1fr;grid-gap:10px;gap:10px;align-items:start}.tl-dot{width:10px;height:10px;border-radius:999px;margin-top:5px}.tl-dot.success{background:var(--ok)}.tl-dot.failed{background:var(--warn)}.tl-dot.dead{background:var(--err)}.tl-dot.pending{background:var(--muted)}.tl-line{border-left:1px solid var(--border);padding-left:12px}.expand-btn{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:3px 9px;cursor:pointer;font:inherit}