@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";:root{--void: #040710;--bg: #0a0e17;--card: #111827;--card2: #1a2235;--brd: #1f2b42;--brd2: #2a3a56;--t1: #eaeff7;--t2: #8a96b0;--t3: #505d76;--t4: #343f55;--app: #38bdf8;--ihm: #c084fc;--svc: #60a5fa;--grp: #818cf8;--gw: #94a3b8;--asc: #fb923c;--bat: #f472b6;--sel: #f59e0b;--leaf: #a78bfa;--rmi: #78716c;--nifi: #14b8a6}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--void);color:var(--t1);font-family:DM Sans,sans-serif;overflow:hidden;height:100vh;width:100vw}#root{width:100%;height:100%}.top{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:10px;padding:10px 16px;background:linear-gradient(180deg,var(--void) 55%,transparent);pointer-events:none}.top>*{pointer-events:auto}.mark{width:26px;height:26px;background:linear-gradient(135deg,var(--sel),#d97706);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#000;flex-shrink:0}.top-t{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--t2)}.top-t b{color:var(--sel);font-weight:600}.pill{font-family:JetBrains Mono,monospace;font-size:9px;padding:2px 7px;border-radius:3px;background:var(--card);border:1px solid var(--brd);color:var(--t3);white-space:nowrap}.sc{position:fixed;top:38px;left:16px;z-index:100;display:flex;gap:2px;background:var(--card);border:1px solid var(--brd);border-radius:5px;padding:2px}.sb{font-family:JetBrains Mono,monospace;font-size:9px;padding:4px 10px;border:none;background:none;color:var(--t3);cursor:pointer;border-radius:3px;transition:all .12s;white-space:nowrap}.sb:hover{color:var(--t2);background:#ffffff08}.sb.on{background:#818cf826;color:var(--grp);font-weight:600}.search-container{position:fixed;top:38px;right:16px;z-index:100}.search-input{font-family:JetBrains Mono,monospace;font-size:10px;padding:5px 10px;border-radius:4px;background:var(--card);border:1px solid var(--brd);color:var(--t1);width:200px;outline:none}.search-input:focus{border-color:var(--svc)}.search-input::placeholder{color:var(--t4)}.search-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--card);border:1px solid var(--brd);border-radius:4px;margin-top:2px;max-height:200px;overflow-y:auto;z-index:101}.search-item{padding:5px 10px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:9px;color:var(--t2);transition:background .1s}.search-item:hover{background:#ffffff08;color:var(--t1)}.search-item-code{color:var(--t3);margin-left:6px;font-size:8px}.leg{position:fixed;top:10px;right:16px;z-index:100;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.lc{display:flex;align-items:center;gap:4px;font-family:JetBrains Mono,monospace;font-size:9px;color:var(--t3)}.ld{width:6px;height:6px;border-radius:50%}svg.topology-svg{width:100%;height:100%;cursor:grab}svg.topology-svg:active{cursor:grabbing}.tt{position:fixed;z-index:300;pointer-events:none;opacity:0;transition:opacity .12s;background:var(--card);border:1px solid var(--brd);border-radius:7px;padding:10px 12px;min-width:220px;max-width:420px;box-shadow:0 10px 36px #0009;font-size:11px}.tt.on{opacity:1}.tt-h{display:flex;align-items:center;gap:6px;margin-bottom:6px}.tt-b{font-family:JetBrains Mono,monospace;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 5px;border-radius:3px}.tt-n{font-weight:600;font-size:12px}.tt-s{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--t3);margin-bottom:5px}.tt-d{height:1px;background:var(--brd);margin:5px 0}.tt-r{display:flex;justify-content:space-between;padding:1px 0;font-size:10px}.tt-k{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--t3)}.tt-v{color:var(--t2);text-align:right;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt-list{font-size:9px;color:var(--t3);line-height:1.5;font-family:JetBrains Mono,monospace;max-height:160px;overflow-y:auto}.dp{position:fixed;bottom:0;left:0;right:60px;z-index:100;background:linear-gradient(0deg,var(--void) 60%,transparent);padding:24px 16px 12px;transform:translateY(100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.dp.on{transform:translateY(0)}.dc{background:var(--card);border:1px solid var(--brd);border-radius:7px;padding:12px 40px 12px 16px;display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;max-height:180px;overflow-y:auto;position:relative}.di{min-width:200px}.dn{font-size:13px;font-weight:600}.dm{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--t3);margin-top:2px;line-height:1.5}.dt{display:flex;gap:4px;flex-wrap:wrap;flex:1}.dtg{font-family:JetBrains Mono,monospace;font-size:8px;padding:2px 5px;border-radius:3px;background:var(--bg);border:1px solid var(--brd);color:var(--t2)}.dx{background:none;border:1px solid var(--brd);color:var(--t3);border-radius:4px;padding:4px 9px;cursor:pointer;font-size:10px;font-family:JetBrains Mono,monospace;position:absolute;top:8px;right:8px}.dx:hover{border-color:var(--t2);color:var(--t1)}.ctl{position:fixed;bottom:12px;right:16px;z-index:100;display:flex;flex-direction:column;gap:2px}.cb{width:30px;height:30px;background:var(--card);border:1px solid var(--brd);border-radius:4px;color:var(--t3);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .1s}.cb:hover{background:var(--card2);color:var(--t1);border-color:var(--svc)}@keyframes flow{to{stroke-dashoffset:-24}}.fl{animation:flow 2s linear infinite}@keyframes pulse{0%,to{opacity:.12;r:40}50%{opacity:.04;r:52}}.pr{animation:pulse 3s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}