:root{--bg:#0b1020;--panel:#121a2e;--panel2:#17213a;--text:#eaf0ff;--muted:#9badc9;--line:#263652;--brand:#7c5cff;--brand2:#16c7b7;--danger:#ff5c7a;--success:#32d583;--warn:#fdb022}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,#1b2750,#0b1020 45%);color:var(--text)}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:rgba(18,26,46,.85);border-right:1px solid var(--line);padding:24px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand.center{justify-content:center}.brand span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.logo{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand2));font-weight:900}.sidebar nav{display:grid;gap:8px}.sidebar nav a{padding:11px 13px;border-radius:12px;color:var(--muted)}.sidebar nav a:hover{background:var(--panel2);color:var(--text)}.main{padding:28px;overflow:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topbar h1{margin:0;font-size:28px}.user-pill{background:var(--panel);border:1px solid var(--line);padding:9px 13px;border-radius:999px;color:var(--muted)}.card{background:rgba(18,26,46,.9);border:1px solid var(--line);border-radius:20px;padding:22px;margin-bottom:20px;box-shadow:0 18px 60px rgba(0,0,0,.22)}.card-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.grid{display:grid;gap:18px}.grid.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card h2,.card h3{margin-top:0}.cards strong{font-size:36px}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--muted);font-size:13px}.btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:10px 14px;border-radius:12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:700}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));border:0}.btn.small{padding:7px 10px;font-size:12px}.btn.danger{background:rgba(255,92,122,.12);color:#ff9aae;border-color:rgba(255,92,122,.35)}.form-grid{display:grid;gap:14px}label{display:grid;gap:7px;color:var(--muted);font-weight:700}input,textarea,select{width:100%;border:1px solid var(--line);background:#0c1326;color:var(--text);padding:12px 13px;border-radius:12px;font:inherit}textarea{min-height:90px;resize:vertical}.code,pre,code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.code{min-height:320px}pre{background:#070b16;border:1px solid var(--line);border-radius:14px;padding:16px;overflow:auto}.alert{border-radius:14px;padding:12px 14px;margin-bottom:16px}.alert.success{background:rgba(50,213,131,.13);border:1px solid rgba(50,213,131,.35)}.alert.error{background:rgba(255,92,122,.13);border:1px solid rgba(255,92,122,.35)}.badge{display:inline-block;border-radius:999px;padding:5px 9px;font-size:12px;background:var(--panel2);color:var(--muted)}.badge.success,.badge.active{background:rgba(50,213,131,.12);color:#7ee8b0}.badge.error,.badge.inactive{background:rgba(255,92,122,.12);color:#ff9aae}.badge.running{background:rgba(253,176,34,.13);color:#ffd18a}.inline{display:inline}.check{display:flex;align-items:center;gap:10px;grid-template-columns:auto 1fr}.check input{width:auto}.login,.install{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card,.install-card{width:min(100%,460px);background:rgba(18,26,46,.92);border:1px solid var(--line);border-radius:24px;padding:28px}.install-card{width:min(100%,720px)}ol li{margin:8px 0}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.grid.cards,.grid.two{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.main{padding:18px}table{font-size:13px}}
/* Visual Builder */
.visual-shell{display:flex;flex-direction:column;gap:1rem;height:calc(100vh - 5.5rem)}
.visual-top{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem}
.visual-top small{display:block;color:#8ea0c5;margin-top:.2rem}.visual-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.visual-body{display:grid;grid-template-columns:1fr 380px;gap:1rem;min-height:0;flex:1}.canvas-wrap{position:relative;overflow:auto;min-height:650px;padding:0;background:#071126;background-image:radial-gradient(rgba(139,158,202,.25) 1px, transparent 1px);background-size:22px 22px}.flow-canvas{position:relative;width:2600px;height:1400px;z-index:2}.flow-lines{position:absolute;inset:0;width:2600px;height:1400px;z-index:1;pointer-events:none}.flow-link{fill:none;stroke:#6f87c9;stroke-width:2.5;opacity:.9}.flow-node{position:absolute;width:210px;min-height:72px;border:1px solid #2a3a60;background:#0d1730;border-radius:14px;box-shadow:0 10px 35px rgba(0,0,0,.28);display:flex;align-items:center;gap:.8rem;padding:.75rem;cursor:grab;user-select:none}.flow-node:hover{border-color:#55c8e8}.flow-node.selected{border-color:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,.15)}.flow-node.dragging{cursor:grabbing}.node-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#7857ff,#22d3ee);font-weight:800;color:white}.node-text strong{display:block;font-size:.92rem}.node-text span{display:block;color:#8ea0c5;font-size:.75rem;margin-top:.18rem}.node-ports .port{position:absolute;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:999px;border:1px solid #5873b1;background:#0a1022;color:white;display:grid;place-items:center;font-size:12px;line-height:1}.node-ports .in{left:-10px}.node-ports .out{right:-10px;background:#162343}.node-panel{overflow:auto;padding:1rem 1.2rem}.node-panel hr{border:0;border-top:1px solid #223252;margin:1rem 0}.node-panel h3{margin:.2rem 0 .35rem}.node-panel .muted{color:#8ea0c5;font-size:.85rem;line-height:1.35}.panel-actions{margin-top:1rem}.canvas-help{position:absolute;left:1rem;bottom:1rem;z-index:3;color:#8ea0c5;background:rgba(8,16,36,.8);border:1px solid #213152;border-radius:12px;padding:.65rem .9rem;font-size:.85rem}.node-search-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:50;display:none;justify-content:flex-end}.node-search-backdrop.show{display:flex}.node-search-modal{width:430px;height:100%;border-radius:0;padding:1.1rem;background:#0b1226;overflow:auto}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.node-search-input{width:100%;padding:.8rem 1rem;border:1px solid #33446f;background:#081126;color:#eef4ff;border-radius:10px;margin-bottom:1rem}.node-search-list h4{color:#8ea0c5;margin:1.2rem 0 .5rem;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em}.node-result{width:100%;display:flex;align-items:center;gap:.8rem;text-align:left;background:transparent;border:0;color:#eef4ff;padding:.75rem;border-radius:12px;cursor:pointer}.node-result:hover{background:#121d3a}.node-result-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#14234b}.node-result strong,.node-result small{display:block}.node-result small{color:#8ea0c5;margin-top:.2rem;line-height:1.3}
@media(max-width:1100px){.visual-body{grid-template-columns:1fr}.node-panel{min-height:420px}.visual-shell{height:auto}.canvas-wrap{min-height:600px}.node-search-modal{width:100%}}