:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#eaf1ff;background:#0a1020;font-size:14px}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,.btn{cursor:pointer;border:0;border-radius:10px;padding:11px 16px;font-weight:650;transition:.15s}button:hover,.btn:hover{filter:brightness(1.13)}.primary{background:#4d78ff;color:white}.secondary{background:#202d48;color:#dce6ff;border:1px solid #344361}.danger{background:#4a202b;color:#ffb9c4}.top{height:72px;border-bottom:1px solid #202c44;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#0e172b}.brand{font-size:19px;font-weight:850;letter-spacing:-.7px;color:#f1f6ff}.brand span{color:#7798ff}.top nav{display:flex;gap:24px;align-items:center}.top nav a{color:#b3c1da;font-weight:600}.top nav a:hover,.top nav a.active{color:#fff}.dashboard{max-width:1150px;margin:55px auto;padding:0 24px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{color:#7d9dff;font-weight:800;letter-spacing:2px;font-size:11px}h1{font-size:31px;letter-spacing:-1px;margin:9px 0}p{color:#93a4c0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:32px 0}.stat,.panel{background:#111c32;border:1px solid #273652;border-radius:16px}.stat{padding:25px}.stat small{display:block;color:#8ea1c2;margin-bottom:12px}.stat strong{font-size:24px}.panelhead{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid #263550}.panelhead h2{font-size:18px;margin:0}.panelhead span{color:#91a1bb}.empty{text-align:center;padding:60px 15px}.emptyicon{font-size:65px;color:#7798ff}.item{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid #22314c}.item:last-child{border-bottom:0}.itemicon{font-size:26px;color:#7798ff}.itemtext{flex:1;min-width:0}.itemtext b{display:block;overflow-wrap:anywhere}.itemtext small{display:block;color:#8ea1c2;margin-top:5px}.auth{display:grid;place-items:center;background:radial-gradient(circle at 50% 0%,#192d58,#0a1020 65%)}.authbox{width:min(440px,92vw);background:#111d34;border:1px solid #2b3d61;border-radius:20px;padding:38px;box-shadow:0 24px 80px #0005}.authbox h1{margin-top:30px}.authbox label{display:block;margin:23px 0;color:#c9d5e9;font-weight:650}.authbox input,.field{display:block;width:100%;background:#0c1527;border:1px solid #354564;color:#fff;border-radius:9px;padding:12px;margin-top:8px;outline:none}.authbox input:focus,.field:focus{border-color:#7798ff}.full{width:100%;margin-top:6px}.alert{background:#542633;color:#ffcad2;padding:12px;border-radius:8px}.editor-layout{display:grid;grid-template-columns:250px minmax(0,1fr) 265px;height:calc(100vh - 72px)}.sidebar{background:#111b30;padding:20px;border-right:1px solid #293752;overflow:auto}.sidebar.right{border-right:0;border-left:1px solid #293752}.sidebar h3{font-size:13px;text-transform:uppercase;color:#8da0c3;letter-spacing:1px;margin:10px 0 18px}.sidebar .tool{width:100%;display:block;text-align:left;margin-bottom:9px;background:#1b2a47;color:#e9efff;border:1px solid #334463}.sidebar .tool small{display:block;font-weight:400;color:#9bafcf;margin-top:4px}.sidebar label{display:block;margin:16px 0;color:#a9bad6;font-size:12px;font-weight:700}.sidebar input[type=color]{width:100%;height:38px;border:0;padding:0;background:transparent}.sidebar input[type=number]{width:100%}.workspace{min-width:0;display:flex;flex-direction:column;background:#0b1426}.toolbar{display:flex;align-items:center;gap:9px;padding:12px 15px;background:#121f36;border-bottom:1px solid #2b3a56;flex-wrap:wrap}.toolbar .field{width:230px;margin:0}.toolbar .small{padding:9px 11px}.canvas-wrap{flex:1;overflow:auto;background-color:#f5f7fb;background-image:radial-gradient(#d6dce7 1px,transparent 1px);background-size:22px 22px;position:relative}.diagram{display:block;min-width:1100px;min-height:700px;touch-action:none;user-select:none}.hint{color:#9fb0cd;font-size:12px;line-height:1.7}.status{margin-left:auto;color:#8ea7c8;font-size:12px}.separator{height:1px;background:#2b3b58;margin:20px 0}.right .primary,.right .danger{width:100%;margin-top:9px}.node-rect{stroke-width:3;cursor:move}.node-text{font-family:Arial,sans-serif;font-size:14px;font-weight:700;pointer-events:none}.node-group.selected .node-rect{stroke:#2563eb!important;stroke-dasharray:6 4}.edge-line{stroke-width:3;fill:none;cursor:pointer}.edge-line.selected{stroke:#2563eb!important;stroke-width:5}.connection-preview{stroke:#2563eb;stroke-width:2;stroke-dasharray:6 4;pointer-events:none}.top.editor-top{padding:0 20px}.top.editor-top nav{gap:15px}@media(max-width:1000px){.editor-layout{grid-template-columns:185px minmax(0,1fr)}.sidebar.right{grid-column:1/-1;border-left:0;border-top:1px solid #293752}.editor-layout{height:auto}.canvas-wrap{height:65vh}.sidebar{padding:13px}.stats{grid-template-columns:1fr}}@media(max-width:650px){.top{padding:0 12px}.top nav{gap:10px;font-size:12px}.brand{font-size:15px}.heading{align-items:flex-start;flex-direction:column}.item{flex-wrap:wrap}.itemtext{flex-basis:calc(100% - 55px)}.editor-layout{display:block}.sidebar{border:0}.toolbar .field{width:100%}.canvas-wrap{height:65vh}}
