:root{--bg: #0a0c12;--panel: #0f1220;--panel-2: #131726;--line: rgba(255,255,255,.08);--fg: #e8ecf4;--muted: #8f99afx;--muted: #8f99af;--faint: #6b7488;--violet: #8b7cff;--indigo: #5b6cff;--teal: #4fd1c5;--pink: #e879f9;--amber: #f5b651;--grad: linear-gradient(100deg,#8b7cff,#5b6cff 50%,#4fd1c5);--ok: #4ade80;--err: #f87171;--warn: #fbbf24;--mono: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.ok{color:var(--ok)}.err{color:var(--err)}.boot,.pane-state{display:grid;place-items:center;height:100%;color:var(--muted);font-family:var(--mono)}.btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--panel-2);color:var(--fg);border-radius:9px;padding:8px 13px;font:600 13.5px var(--sans);cursor:pointer;transition:.15s}.btn:hover{border-color:#ffffff40;transform:translateY(-1px)}.btn.primary{background:var(--grad);color:#0a0c12;border:0}.btn.ghost{background:transparent}.btn.sm{padding:6px 10px;font-size:12.5px}.inp{background:#0b0e16;border:1px solid var(--line);color:var(--fg);border-radius:9px;padding:9px 12px;font:14px var(--sans);width:100%}.inp:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px #5b6cff2e}.app{display:grid;grid-template-columns:236px 1fr;height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--line);padding:16px 14px;display:flex;flex-direction:column;gap:14px}.brand{display:flex;align-items:center;gap:9px;font-weight:700}.brand em{font:500 11px var(--mono);color:var(--faint);font-style:normal;border:1px solid var(--line);padding:1px 5px;border-radius:5px}.workspace{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:9px;padding:8px 10px}.wdot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal)}.workspace .plan{margin-left:auto;font:600 10px var(--mono);text-transform:uppercase;color:var(--violet)}.side-nav{display:flex;flex-direction:column;gap:2px;margin-top:4px}.side-nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;color:var(--muted);font-weight:500}.side-nav a:hover{background:var(--panel-2);color:var(--fg)}.side-nav a.active{background:var(--panel-2);color:var(--fg);box-shadow:inset 2px 0 0 var(--violet)}.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px}.who{display:flex;align-items:center;gap:10px}.who .av{width:32px;height:32px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-weight:800;color:#0a0c12}.who .nm{font-weight:600;font-size:13px}.who .rl{color:var(--faint);font-size:11px}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:16px;padding:14px 22px;border-bottom:1px solid var(--line);background:#0a0c1299;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar h1{font-size:16px;margin:0;font-weight:700}.tb-search{flex:1;max-width:420px}.tb-search input{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:8px 12px;color:var(--fg)}.tb-user{margin-left:auto;display:flex;align-items:center;gap:8px;font:500 12.5px var(--mono);color:var(--muted)}.page{padding:22px;overflow:auto}.content{display:contents}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.kpi .n{font:800 26px var(--mono);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.kpi .l{color:var(--muted);font-size:12.5px;margin-top:2px}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.toolbar .inp{max-width:280px}.hint{color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:16px;font-size:13.5px}.list{display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;transition:.15s}.flow-row:hover,.row:hover{border-color:#fff3;transform:translateY(-1px)}.fr-main{flex:1;min-width:0}.fr-title{font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px}.fr-title .ver{font:500 11px var(--mono);color:var(--faint)}.fr-desc{color:var(--muted);font-size:13px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60ch}.chips{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}.chip{font:600 11px var(--mono);color:#cdd4e6;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:3px 9px}.chip.ghost{color:var(--faint)}.fr-stats{display:flex;gap:22px}.fr-stats>div{text-align:right;display:flex;flex-direction:column}.fr-stats b{font:700 14px var(--mono)}.fr-stats span{color:var(--faint);font-size:11px}.empty{color:var(--muted);padding:30px;text-align:center;border:1px dashed var(--line);border-radius:12px}.pill{font:700 10.5px var(--mono);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:3px 8px;border:1px solid transparent}.pill.ok{color:var(--ok);background:#4ade801a;border-color:#4ade804d}.pill.err{color:var(--err);background:#f871711a;border-color:#f871714d}.pill.warn{color:var(--warn);background:#fbbf241a;border-color:#fbbf244d}.pill.muted{color:var(--muted);background:var(--panel-2);border-color:var(--line)}.breadcrumb{color:var(--faint);font-size:13px;margin-bottom:12px}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--fg)}.detail-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.detail-head h2{margin:0 0 6px;font-size:20px}.detail-actions{display:flex;gap:10px}.subtabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px}.subtab{background:transparent;border:0;color:var(--muted);font:600 13px var(--sans);padding:9px 12px;cursor:pointer;border-bottom:2px solid transparent}.subtab.active{color:var(--fg);border-bottom-color:var(--violet)}.canvas-wrap{background:#0b0e16;border:1px solid var(--line);border-radius:14px;overflow:auto;padding:8px;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:22px 22px}.canvas{position:relative}.wires{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.node{position:absolute;width:180px;background:var(--panel-2);border:1px solid var(--line);border-top:2px solid var(--violet);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}.node .ntype{font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.08em}.node .nlabel{font:600 12.5px var(--mono)}.node .port{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--panel-2);border:2px solid var(--faint);top:50%}.node .port.in{left:-6px}.node .port.out{right:-6px;border-color:var(--violet)}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;color:var(--faint);font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.07em;padding:10px 12px;border-bottom:1px solid var(--line)}.table td{padding:10px 12px;border-bottom:1px solid var(--line)}.table tr:hover td{background:#ffffff05}.table a{color:#c7cede}.table a:hover{color:#fff}.waterfall{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.span{display:grid;grid-template-columns:260px 1fr 80px;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid var(--line);cursor:pointer}.span:hover,.span.sel{background:var(--panel-2)}.sp-name{display:flex;align-items:center;gap:8px;font:600 12.5px var(--mono)}.dotype{width:8px;height:8px;border-radius:2px}.sp-type{font:500 10px var(--mono);color:var(--faint);text-transform:uppercase;margin-left:6px}.sp-bar{background:#ffffff0a;border-radius:4px;height:16px}.sp-bar .bar{height:100%;border-radius:4px;background:var(--indigo)}.sp-bar .bar.error{background:var(--err)}.sp-dur{text-align:right;font:600 12px var(--mono);color:var(--muted)}.detail-panel{margin-top:16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.detail-panel .dh{font-weight:700;margin-bottom:10px}.kv{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line);font-size:13px}.kv span{color:var(--muted)}pre.code{background:#0b0e16;border:1px solid var(--line);border-radius:10px;padding:12px;font:12.5px var(--mono);color:#cdd6ea;overflow:auto;margin:12px 0 0}.login{position:relative;display:grid;place-items:center;min-height:100vh}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(91,108,255,.25),transparent 55%),radial-gradient(circle at 75% 75%,rgba(79,209,197,.18),transparent 55%)}.login-card{position:relative;width:min(380px,92vw);background:#0f1220d9;border:1px solid var(--line);border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 80px -30px #000}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:4px}.login-card label{display:flex;flex-direction:column;gap:6px;font:600 12px var(--mono);color:var(--muted)}.note{color:var(--muted);font-size:12.5px;margin:0}.note.ok{color:var(--ok)}@media (max-width: 820px){.app{grid-template-columns:1fr}.sidebar{display:none}.kpis{grid-template-columns:1fr 1fr}.span{grid-template-columns:160px 1fr 60px}}