.flow-chart-container{position:relative;width:100%;height:600px;background-color:#1e1e1e;overflow:hidden;cursor:grab}.flow-chart-container:active{cursor:grabbing}#canvas{position:relative;width:100%;height:100%;background-size:20px 20px;padding:20px;box-sizing:border-box;transform-origin:center center;transition:transform .01s ease;cursor:grab}#canvas:active{cursor:grabbing}#svgLayer{position:absolute;top:0;left:0;overflow:visible;transition:transform .01s ease}#svgLayer line{pointer-events:all;cursor:pointer}.node{width:100%;height:100%;padding:8px 8px 16px;background:#fff;border-radius:8px;cursor:move;-webkit-user-select:none;user-select:none;z-index:10;box-shadow:0 4px 12px #0006;overflow:visible;transition:box-shadow .01s ease,transform .1s ease;position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.node:hover{box-shadow:0 6px 16px #00000073;transform:translateY(-1px)}.node.start{background:#4db76a;color:#000}.node.end{background:#e05757;color:#000}.node.task{background:#5dadde;color:#000}.node.decision{background:#ffd257;color:#000}.node>.title{font-weight:700;text-align:center;margin:4px 0}.description{font-size:12px;padding:4px;background:#eee;border:1px solid #ccc;border-radius:4px;margin:4px 0;resize:none;align-self:stretch}.port{position:absolute;width:14px;height:14px;background:#f1f1f1;border:2px solid #333;border-radius:50%;cursor:pointer;z-index:20;transition:all .01s ease;box-shadow:0 0 0 2px #fff3}.port.input{top:-12px;left:50%;transform:translate(-50%);box-shadow:0 0 5px #fff;z-index:30}.port.output{bottom:-12px;left:50%;transform:translate(-50%);box-shadow:0 0 5px #fff;z-index:30}.port:hover{background:#fc0;border-color:#555;transform:translate(-50%) scale(1.3);box-shadow:0 0 0 3px #ffffff80}.port-highlight{background:#f90!important;transform:translate(-50%) scale(1.5)!important;box-shadow:0 0 10px 3px #f90c!important}@keyframes pulse{0%{box-shadow:0 0 #ffffff80}70%{box-shadow:0 0 0 6px #fff0}to{box-shadow:0 0 #fff0}}.port.input:hover,.port.output:hover{animation:pulse 1.5s infinite}.flow-delete-btn{position:absolute;top:2px;right:2px;width:16px;height:16px;background:#f44336;color:#fff;border-radius:50%;font-size:14px;line-height:12px;text-align:center;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:25;font-family:Arial,sans-serif}.connection-label{z-index:15;cursor:text;border:none;outline:none;position:relative;width:100%;max-width:150px;overflow:hidden}.connection-label-input{background:transparent;border:none;outline:none;color:#ffd257;font-size:16px;text-align:center}#toolbar{position:absolute;top:20px;right:20px;padding:10px;background:#323232cc;border:1px solid #555;border-radius:4px;z-index:1000;display:flex;flex-direction:column;gap:5px}#toolbar button{margin:2px;padding:5px 10px;background:#444;color:#fff;border:1px solid #666;border-radius:3px;cursor:pointer}#toolbar button:hover{background:#555}.zoom-controls{display:flex;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #555}.zoom-controls button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0;font-size:16px;font-weight:700}.zoom-controls span{color:#fff;margin:0 5px;min-width:50px;text-align:center}.zoom-controls button:last-child{width:auto;font-size:12px;font-weight:400}.active-path[data-v-452b2a8f]{background-color:#0ff3!important;box-shadow:0 0 8px #0ff!important;text-shadow:0 0 4px #00FFFF!important;border-width:2px!important}.tree>ul{padding-top:30px;position:relative;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;margin:0 auto;padding-left:0;display:inline-block}.tree ul{padding-top:30px;position:relative;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;padding-left:0}.tree li{float:left;text-align:center;list-style-type:none;position:relative;padding:30px 15px 0;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}.tree li:before,.tree li:after{content:"";position:absolute;top:0;right:50%;border-top:1px solid #00FFFF;width:50%;height:30px}.tree li:after{right:auto;left:50%;border-left:1px solid #00FFFF}.tree li:only-child:after,.tree li:only-child:before{display:none}.tree li:only-child{padding-top:0}.tree li:first-child:before,.tree li:last-child:after{border:0 none}.tree li:last-child:before{border-right:1px solid #00FFFF;border-radius:0 5px 0 0;-webkit-border-radius:0 5px 0 0;-moz-border-radius:0 5px 0 0}.tree li:first-child:after{border-radius:5px 0 0;-webkit-border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0}.tree ul ul:before{content:"";position:absolute;top:0;left:50%;border-left:1px solid #00FFFF;width:0;height:30px}.tree li div{border:1px solid #00FFFF;padding:8px 16px;text-decoration:none;color:#0ff;font-family:arial,verdana,tahoma;font-size:16px;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;background-color:#000;cursor:pointer;min-width:100px;text-shadow:0 0 2px #00FFFF}.tree li div:hover{background:#023;color:#0ff;border:1px solid #00FFFF;box-shadow:0 0 5px #0ff}.tree-container{width:100%;display:flex;justify-content:center;overflow-x:auto}.tree{display:inline-block;text-align:center;padding:20px 0;margin:0 auto}.main-container[data-v-dcb243c0]{width:100%;min-height:100vh;background-color:#000}.steps-table-container[data-v-dcb243c0]{background-color:#000;color:#fff;padding:20px;font-family:Arial,sans-serif;min-height:calc(100vh - 60px);width:100%;box-sizing:border-box;max-width:1200px;margin:0 auto}[data-v-dcb243c0]:root{--app-height: 100%}html[data-v-dcb243c0],body[data-v-dcb243c0]{margin:0;padding:0;min-height:100vh;width:100%;background-color:#000}h2[data-v-dcb243c0]{color:#0ff;margin-top:30px;margin-bottom:20px}.header[data-v-dcb243c0]{display:flex;justify-content:space-between;align-items:center;background-color:#111;padding:10px 20px;border-bottom:2px solid #00FFFF;width:100%;box-sizing:border-box}.logo[data-v-dcb243c0]{width:150px}.nav[data-v-dcb243c0]{display:flex;gap:20px}.nav-item[data-v-dcb243c0]{color:#fff;text-decoration:none;font-size:18px;transition:color .2s}.nav-item[data-v-dcb243c0]:hover,.nav-item.active[data-v-dcb243c0]{color:#0ff}.user-profile[data-v-dcb243c0]{display:flex;align-items:center;gap:10px}.user-avatar[data-v-dcb243c0]{width:30px;height:30px;background-color:#0ff;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-avatar svg[data-v-dcb243c0]{fill:#000}.form-section[data-v-dcb243c0]{background-color:#111;padding:20px;border-radius:5px;margin-bottom:30px}.form-grid[data-v-dcb243c0]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.form-group[data-v-dcb243c0]{display:flex;flex-direction:column;gap:8px;max-width:250px}label[data-v-dcb243c0]{font-size:14px;color:#0ff}select[data-v-dcb243c0],input[type=text][data-v-dcb243c0]{background-color:#222;border:1px solid #444;color:#fff;padding:8px 12px;border-radius:4px}select[data-v-dcb243c0]:focus,input[type=text][data-v-dcb243c0]:focus{border-color:#0ff;outline:none}.button-container[data-v-dcb243c0]{margin-top:20px;display:flex;justify-content:flex-start}.steps-table[data-v-dcb243c0]{width:100%;border-collapse:collapse;margin-top:20px;background-color:#111}.steps-table th[data-v-dcb243c0]{background-color:#222;color:#0ff;text-align:center;padding:12px;font-weight:400;box-shadow:0 2px #0ff;position:sticky;top:0;z-index:1}.steps-table td[data-v-dcb243c0]{padding:12px;border-bottom:1px solid #333}.steps-table tr[data-v-dcb243c0]:hover{background-color:#1a1a1a}.steps-table tr.dragging[data-v-dcb243c0]{background-color:#222;opacity:.7}.steps-table tr.highlighted[data-v-dcb243c0]{background-color:#00ffff1a}.steps-table tr.highlighted[data-v-dcb243c0]:hover{background-color:#00ffff26}.drag-handle[data-v-dcb243c0]{cursor:move;margin-right:10px;color:#666}.action-btn[data-v-dcb243c0]{background-color:#222;color:#fff;border:1px solid #fff;padding:8px 15px;border-radius:4px;cursor:pointer;transition:all .2s}.action-btn[data-v-dcb243c0]:hover{background-color:#fff;color:#000}.populate-btn[data-v-dcb243c0]{background-color:#111}.add-btn[data-v-dcb243c0]{background-color:#0a3}.delete-btn[data-v-dcb243c0]{background-color:#a00}.small-btn[data-v-dcb243c0]{padding:3px 8px;margin:0 2px}.dark-textarea[data-v-dcb243c0]{background-color:#222;border:1px solid #444;color:#fff;padding:8px 12px;border-radius:4px;width:100%;resize:vertical}.dark-textarea[data-v-dcb243c0]:focus{border-color:#0ff;outline:none}input[type=checkbox][data-v-dcb243c0]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background-color:#222;border:1px solid #444;border-radius:3px;cursor:pointer;position:relative}input[type=checkbox][data-v-dcb243c0]:checked{background-color:#0ff;border-color:#0ff}input[type=checkbox][data-v-dcb243c0]:checked:after{content:"✓";position:absolute;color:#000;font-size:14px;top:50%;left:50%;transform:translate(-50%,-50%)}.column-number[data-v-dcb243c0]{width:120px}.column-activity[data-v-dcb243c0]{width:auto}.column-activity input[data-v-dcb243c0]{width:100%}.column-check[data-v-dcb243c0]{width:80px;text-align:center}.column-actions[data-v-dcb243c0]{width:100px;text-align:center}.user-avatar[data-v-dcb243c0]{width:40px;height:40px;background-color:#0ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}html,body{margin:0;padding:0;min-height:100vh;width:100%;background-color:#000;color:#fff;font-family:Arial,sans-serif}#app{min-height:100vh;width:100%;background-color:#000}.app-container{width:100%;height:100vh;box-sizing:border-box}