:root{--bg:#0d0d10;--bg2:#111116;--card:#17171c;--card2:#1e1e25;--line:#2a2a33;--text:#f4f4f6;--muted:#9a9aa6;--dim:#6a6a76;--fire1:#ff7043;--fire2:#ff3d00;--fire3:#ff5722;--amber:#f5b400;--green:#00e676;--red:#ff5252;--blue:#3b9bff;--purple:#a78bfa;--radius:16px;color:var(--text);background:var(--bg);font-family:Geist,Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#2c2c35;border-radius:8px}::-webkit-scrollbar-track{background:0 0}.fire-text{background:linear-gradient(120deg, var(--fire1), var(--fire2));color:#0000;-webkit-background-clip:text;background-clip:text}.mono{font-family:JetBrains Mono,SF Mono,Consolas,monospace}.app{min-height:100vh;display:flex}.sidebar{background:var(--bg2);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:6px;width:256px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.side-brand{align-items:center;gap:10px;padding:4px 8px 8px;display:flex}.side-tag{letter-spacing:1.4px;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line);margin-bottom:8px;padding:0 8px 14px;font-size:10.5px}.side-group{letter-spacing:1.6px;text-transform:uppercase;color:var(--dim);margin:16px 10px 6px;font-size:10.5px;font-weight:700}.nav-item{color:var(--muted);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:11px;padding:9px 11px;font-size:13.6px;font-weight:500;transition:all .12s;display:flex}.nav-item:hover{background:var(--card);color:var(--text)}.nav-item.active{color:#fff;background:#ff57221f;border-color:#ff57224d}.nav-ico{text-align:center;width:18px;font-size:15px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#0d0d10d1;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.3px;font-size:20px;font-weight:700}.topbar .sub{color:var(--muted);margin-top:1px;font-size:13px}.nav-toggle{cursor:pointer;background:var(--card);border:1px solid var(--line);width:38px;height:38px;color:var(--text);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;transition:all .12s;display:flex}.nav-toggle:hover{background:var(--card2);border-color:#ff572266}.content{width:100%;max-width:1320px;padding:26px 28px 60px}.grid{gap:16px;display:grid}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}@media (width<=1080px){.g4,.g3{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.g2,.g3,.g4{grid-template-columns:1fr}.content{padding:22px 16px 60px}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.card.glow{background:linear-gradient(180deg, #ff57220f, transparent 40%), var(--card)}.card.pad0{padding:0;overflow:hidden}.card-title{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.stat-label{color:var(--muted);font-size:12.5px;font-weight:500}.stat-value{letter-spacing:-.5px;margin-top:6px;font-size:28px;font-weight:800}.stat-sub{color:var(--dim);align-items:center;gap:5px;margin-top:6px;font-size:12px;display:flex}.up{color:var(--green)}.down{color:var(--red)}.badge{border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.b-good{color:var(--green);background:#00e67621}.b-warn{color:var(--amber);background:#f5b40024}.b-bad{color:var(--red);background:#ff525224}.b-info{color:var(--blue);background:#3b9bff24}.b-fire{color:var(--fire3);background:#ff572226}.b-mut{background:var(--card2);color:var(--muted)}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot.live{background:var(--green);animation:1.8s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #00e67680}70%{box-shadow:0 0 0 7px #00e67600}to{box-shadow:0 0 #00e67600}}table.tbl{border-collapse:collapse;width:100%;font-size:13.4px}table.tbl th{text-align:left;color:var(--dim);text-transform:uppercase;letter-spacing:.5px;padding:0 14px 12px;font-size:11.5px;font-weight:600}table.tbl td{border-top:1px solid var(--line);color:var(--text);padding:13px 14px}table.tbl tr:hover td{background:#ffffff05}.num{font-variant-numeric:tabular-nums}.r{text-align:right}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid var(--line);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;padding:7px 13px;font-size:12.5px}.pill.on{color:#fff;background:#ff57221f;border-color:#ff572259}.muted{color:var(--muted)}.dim{color:var(--dim)}.page-grid{gap:16px;display:grid}.sec-title{margin:6px 0 2px;font-size:15px;font-weight:700}.avatar{color:#0d0d10;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;display:flex}.bar-track{background:var(--card2);border-radius:999px;height:8px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--fire1), var(--fire2));border-radius:999px;height:100%}.btn-fire{background:linear-gradient(135deg, var(--fire1), var(--fire2));color:#0d0d10;cursor:pointer;border:none;border-radius:10px;padding:11px 16px;font-size:13.5px;font-weight:700}.btn-ghost{background:var(--card2);color:var(--text);border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:11px 16px;font-size:13.5px}.kfade{animation:.35s both kfade}@keyframes kfade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.chat-bubble{border-radius:14px;max-width:80%;padding:10px 13px;font-size:13.5px;line-height:1.5}.chat-in{background:var(--card2);border-bottom-left-radius:4px;align-self:flex-start}.chat-out{background:linear-gradient(135deg, var(--fire1), var(--fire2));color:#0d0d10;border-bottom-right-radius:4px;align-self:flex-end;font-weight:500}.log-line{border-bottom:1px solid var(--line);gap:10px;padding:9px 0;font-size:13px;display:flex}.log-time{color:var(--dim);min-width:52px;font-size:11.5px}.flow-node{background:var(--card2);border:1px solid var(--line);text-align:center;border-radius:12px;flex:1;min-width:130px;padding:14px 16px}.flow-node .nm{font-size:14px;font-weight:700}.flow-node .ds{color:var(--muted);margin-top:2px;font-size:11.5px}.flow-arrow{color:var(--fire3);align-items:center;font-size:22px;display:flex}