:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#04060c;--panel:#1118278c;--line:#94a3b824;--txt:#cbd5e1;--dim:#64748b;--cyan:#22d3ee;--violet:#a78bfa;--green:#34d399;--amber:#fbbf24;--red:#f87171}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--txt);background:var(--bg);min-height:100vh;margin:0;font:13px/1.5 Segoe UI,system-ui,sans-serif}.boot-loading{text-align:center;color:var(--dim);padding:40px}header{z-index:5;border-bottom:1px solid var(--line);background:#04060ce6;flex-wrap:wrap;align-items:center;gap:18px;padding:14px 22px;display:flex;position:sticky;top:0}.pulse{background:var(--green);border-radius:50%;width:10px;height:10px}.pulse.bad{background:var(--red)}h1{letter-spacing:.04em;color:var(--cyan);margin:0;font-size:17px;font-weight:700}h1 small{letter-spacing:.14em;opacity:.9;color:var(--dim);font-weight:400}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{letter-spacing:.05em;border:1px solid var(--line);text-transform:uppercase;background:#1e293b80;border-radius:999px;padding:3px 12px;font-size:11.5px}.chip.ok{color:var(--green);border-color:#34d39980}.chip.warn{color:var(--amber);border-color:#fbbf2480}.chip.bad{color:var(--red);border-color:#f8717199}.stats{gap:26px;margin-left:auto;display:flex}.stat{text-align:right}.stat b{font-variant-numeric:tabular-nums;color:#f1f5f9;font-size:22px;font-weight:700;line-height:1.1;display:block}.stat span{letter-spacing:.18em;text-transform:uppercase;color:var(--dim);font-size:10px}main{grid-template-columns:400px 1fr;gap:16px;padding:16px 22px;display:grid}section{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px}section h2{color:var(--dim);letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 10px;font-size:11px;font-weight:600;display:flex}.rightcol{flex-direction:column;gap:16px;min-width:0;display:flex}.duo{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stage{border:1px solid #0000;border-radius:10px;grid-template-columns:1fr 92px 64px;align-items:center;gap:8px;margin:0 0 6px;padding:8px 10px;transition:border-color .3s;display:grid;position:relative}.stage.active{border-color:#22d3ee66}.stage .nm{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.stage .nm i{color:var(--dim);letter-spacing:.08em;font-size:10px;font-style:normal;display:block}.stage svg{width:92px;height:26px}.stage .ct{text-align:right;font-variant-numeric:tabular-nums}.stage .ct b{color:var(--cyan);font-size:16px;line-height:1;display:block}.stage .ct span{color:var(--dim);font-size:10px}.clwrap{align-items:flex-start;gap:18px;display:flex}.ring{flex:none;width:110px;height:110px;position:relative}.ring svg{transform:rotate(-90deg)}.ring .val{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring .val b{color:#f1f5f9;font-variant-numeric:tabular-nums;font-size:20px}.ring .val span{letter-spacing:.18em;color:var(--dim);text-transform:uppercase;font-size:9px}.checklist-items{flex-wrap:wrap;align-content:flex-start;gap:6px;max-height:210px;display:flex;overflow-y:auto}.pill{color:#ddd6fe;background:#a78bfa17;border:1px solid #a78bfa59;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 7px;font-size:11px;display:inline-flex}.pill .tick{color:var(--green);font-weight:700}.pill.arm{color:#a7f3d0;background:#34d3991a;border-color:#34d39973}.pill time{color:var(--dim);font-size:10px}.armbadge{color:var(--dim);margin-top:10px;font-size:11px}.armbadge b{color:var(--green);letter-spacing:.06em}.ctl{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:var(--txt);border:1px solid var(--line);background:#1e293b99;border-radius:8px;padding:7px 16px;font:600 12px Segoe UI,system-ui;transition:border-color .15s}.btn:hover:not(:disabled){border-color:#94a3b880}.btn:disabled{opacity:.35;cursor:not-allowed}.btn.primary{color:#67e8f9;background:#22d3ee14;border-color:#22d3ee8c}.btn.danger{color:#fca5a5;background:#f8717112;border-color:#f871718c}.bar{background:#94a3b81a;border-radius:6px;height:10px;margin:10px 0 4px;overflow:hidden}.bar>div{background:linear-gradient(90deg, var(--violet), var(--cyan));border-radius:6px;width:0%;height:100%;transition:width .5s}.bar.err>div{background:linear-gradient(90deg, #b91c1c, var(--red))}.console{color:#7dd3fc;border:1px solid var(--line);white-space:pre;background:#020611b3;border-radius:8px;max-height:150px;margin:10px 0 0;padding:8px 10px;font:11px consolas,monospace;overflow-y:auto}.trace{max-height:200px;overflow-y:auto}.lane{margin:0 0 11px}.lane .thead{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.lane b{color:#93c5fd;cursor:pointer;font-family:consolas,monospace;font-size:11px}.lane .tlabel{color:#e2e8f0;font-size:11px;font-weight:600}.lane .ttype{color:var(--dim);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);border-radius:4px;padding:0 5px;font-size:9.5px}.lane .thead .muted{margin-left:auto;font-size:10px}.hops{flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;display:flex}.hop{color:#a5f3fc;background:#22d3ee14;border:1px solid #22d3ee59;border-radius:5px;padding:1px 8px;font-size:10.5px}.hops .arr{color:var(--dim);font-family:consolas,monospace;font-size:9.5px}.feed{max-height:300px;overflow-y:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #94a3b812;padding:3px 8px;font-size:12px}th{color:var(--dim);letter-spacing:.14em;text-transform:uppercase;background:#090d17e6;font-size:10px;font-weight:600;position:sticky;top:0}.eid{color:#93c5fd;cursor:pointer;font-family:consolas,monospace}.path{color:var(--dim);text-overflow:ellipsis;max-width:330px;overflow:hidden}.muted{color:var(--dim)}tr.vfail td{color:#fca5a5;background:#f871710f}tr.vpass td:last-child{color:var(--green)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:4px}