.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}:root{--bg-primary:#0f0f23;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--bg-card:#1e1e3f;--border-color:#2d2d5a;--border-hover:#4a4a8a;--text-primary:#fff;--text-secondary:#a0a0c0;--text-muted:#6b6b8a;--accent-blue:#4f8cff;--accent-purple:#8b5cf6;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-red:#ef4444;--accent-cyan:#06b6d4;--accent-pink:#ec4899;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--shadow-glow:0 0 20px #4f8cff33;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--transition:all 0.2s ease}[data-theme=light]{--bg-primary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#fff;--border-color:#e2e8f0;--border-hover:#cbd5e1;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-glow:0 0 20px #4f8cff26}*{box-sizing:border-box;margin:0;padding:0}body{background:#0f0f23;background:var(--bg-primary);color:#fff;color:var(--text-primary);overflow:hidden;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#1a1a2e;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#2d2d5a;background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4a4a8a;background:var(--border-hover)}.app-container{width:100vw}.app-container,.sidebar{display:flex;height:100vh;overflow:hidden}.sidebar{background:#1a1a2e;background:var(--bg-secondary);border-right:1px solid #2d2d5a;border-right:1px solid var(--border-color);flex-direction:column;min-width:300px;transition:all .2s ease;transition:var(--transition);width:300px}.sidebar-header{background:linear-gradient(135deg,#16213e,#1a1a2e);background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border-bottom:1px solid #2d2d5a;border-bottom:1px solid var(--border-color);padding:20px}.sidebar-logo{gap:12px}.logo-icon,.sidebar-logo{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:10px;box-shadow:0 2px 8px #667eea33;height:40px;justify-content:center;width:40px}.logo-text{display:flex;flex-direction:column;gap:1px}.logo-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800;letter-spacing:-.5px;line-height:1.1}.logo-tagline{color:#6b6b8a;color:var(--text-muted);font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.header-brand{font-size:20px;letter-spacing:-.5px}.sidebar-title{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:10px}.sidebar-title svg{color:#4f8cff;color:var(--accent-blue)}.sidebar-subtitle{color:#6b6b8a;color:var(--text-muted);font-size:12px;margin-top:4px}.sidebar-ai-section{border-bottom:1px solid #2d2d5a;border-bottom:1px solid var(--border-color);padding:8px 12px}.ai-sidebar-btn{align-items:center;background:#1a1a2e;background:var(--bg-secondary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:8px;padding:8px 10px;transition:all .2s ease;transition:var(--transition);width:100%}.ai-sidebar-btn:hover{background:#16213e;background:var(--bg-tertiary);border-color:#4a4a8a;border-color:var(--border-hover)}.ai-sidebar-btn-icon{align-items:center;color:#a0a0c0;color:var(--text-secondary);display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.ai-sidebar-btn-icon svg{height:16px;width:16px}.ai-sidebar-btn-content{flex:1 1;text-align:left}.ai-sidebar-btn-title{color:#fff;color:var(--text-primary);display:block;font-size:13px;font-weight:500}.ai-sidebar-btn-desc{display:none}.ai-sidebar-btn>svg{color:#6b6b8a;color:var(--text-muted);flex-shrink:0;height:14px;width:14px}.sidebar-actions{border-bottom:1px solid #2d2d5a;border-bottom:1px solid var(--border-color);display:flex;gap:8px;padding:12px 16px}.sidebar-action-btn{align-items:center;background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:#a0a0c0;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:11px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease;transition:var(--transition)}.sidebar-action-btn:hover{background:#1e1e3f;background:var(--bg-card);border-color:#4a4a8a;border-color:var(--border-hover);color:#fff;color:var(--text-primary)}.sidebar-content{flex:1 1;overflow-y:auto;padding:12px}.category-section{margin-bottom:4px}.category-header{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#a0a0c0;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:all .2s ease;transition:var(--transition);width:100%}.category-header.expanded,.category-header:hover{background:#16213e;background:var(--bg-tertiary);color:#fff;color:var(--text-primary)}.category-header-left{align-items:center;display:flex;gap:10px}.category-chevron{align-items:center;color:#6b6b8a;color:var(--text-muted);display:flex;justify-content:center;transition:all .2s ease;transition:var(--transition)}.category-header.expanded .category-chevron{color:#4f8cff;color:var(--accent-blue)}.category-icon{align-items:center;background:#1e1e3f;background:var(--bg-card);border-radius:6px;border-radius:var(--radius-sm);color:#a0a0c0;color:var(--text-secondary);display:flex;height:28px;justify-content:center;width:28px}.category-header.expanded .category-icon,.category-header:hover .category-icon{background:#4f8cff26;color:#4f8cff;color:var(--accent-blue)}.category-name{font-size:13px;font-weight:600}.category-count{background:#1e1e3f;background:var(--bg-card);border-radius:10px;color:#6b6b8a;color:var(--text-muted);font-size:11px;padding:2px 8px}.category-nodes{animation:expandIn .2s ease;padding:8px 0 8px 20px}@keyframes expandIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sidebar-footer{border-top:1px solid #2d2d5a;border-top:1px solid var(--border-color);padding:12px}.sidebar-section{margin-bottom:24px}.section-title{color:#6b6b8a;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;padding-left:4px;text-transform:uppercase}.node-palette{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.draggable-node{align-items:center;background:#1e1e3f;background:var(--bg-card);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);cursor:grab;display:flex;flex-direction:column;gap:8px;padding:14px 12px;transition:all .2s ease;transition:var(--transition);-webkit-user-select:none;user-select:none}.draggable-node:hover{background:#16213e;background:var(--bg-tertiary);border-color:#4a4a8a;border-color:var(--border-hover);box-shadow:0 4px 6px #0006;box-shadow:var(--shadow-md);transform:translateY(-2px)}.draggable-node:active{cursor:grabbing;transform:scale(.98)}.draggable-node .node-icon{align-items:center;border-radius:8px;border-radius:var(--radius-md);display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.draggable-node .node-label{color:#a0a0c0;color:var(--text-secondary);font-size:11px;font-weight:500;text-align:center}.node-service .node-icon{background:#4f8cff26;color:#4f8cff;color:var(--accent-blue)}.node-database .node-icon{background:#8b5cf626;color:#8b5cf6;color:var(--accent-purple)}.node-api .node-icon{background:#10b98126;color:#10b981;color:var(--accent-green)}.node-user .node-icon{background:#f59e0b26;color:#f59e0b;color:var(--accent-orange)}.node-cloud .node-icon{background:#06b6d426;color:#06b6d4;color:var(--accent-cyan)}.node-process .node-icon{background:#ec489926;color:#ec4899;color:var(--accent-pink)}.node-decision .node-icon{background:#ef444426;color:#ef4444;color:var(--accent-red)}.node-note .node-icon{background:#a0a0c026;color:#a0a0c0;color:var(--text-secondary)}.node-server .node-icon{background:#64748b26;color:#64748b}.node-container .node-icon{background:#0ea5e926;color:#0ea5e9}.node-queue .node-icon{background:#a855f726;color:#a855f7}.node-cache .node-icon{background:#f9731626;color:#f97316}.node-lambda .node-icon{background:#f59e0b26;color:#f59e0b}.node-microservice .node-icon{background:#8b5cf626;color:#8b5cf6}.node-worker .node-icon{background:#ec489926;color:#ec4899}.node-vm .node-icon{background:#6366f126;color:#6366f1}.node-storage .node-icon{background:#10b98126;color:#10b981}.node-dataLake .node-icon{background:#06b6d426;color:#06b6d4}.node-blob .node-icon{background:#3b82f626;color:#3b82f6}.node-s3 .node-icon{background:#f59e0b26;color:#f59e0b}.node-loadBalancer .node-icon{background:#8b5cf626;color:#8b5cf6}.node-cdn .node-icon{background:#06b6d426;color:#06b6d4}.node-firewall .node-icon{background:#ef444426;color:#ef4444}.node-dns .node-icon{background:#3b82f626;color:#3b82f6}.node-vpn .node-icon{background:#6366f126;color:#6366f1}.node-gateway .node-icon{background:#f59e0b26;color:#f59e0b}.node-router .node-icon{background:#64748b26;color:#64748b}.node-pubsub .node-icon{background:#ec489926;color:#ec4899}.node-eventBus .node-icon{background:#f9731626;color:#f97316}.node-stream .node-icon{background:#06b6d426;color:#06b6d4}.node-webhook .node-icon{background:#10b98126;color:#10b981}.node-kafka .node-icon{background:#00000026;color:#333}.node-users .node-icon{background:#8b5cf626;color:#8b5cf6}.node-mobile .node-icon{background:#3b82f626;color:#3b82f6}.node-browser .node-icon{background:#10b98126;color:#10b981}.node-desktop .node-icon{background:#64748b26;color:#64748b}.node-iot .node-icon{background:#06b6d426;color:#06b6d4}.node-aws .node-icon{background:#f59e0b26;color:#f59e0b}.node-kubernetes .node-icon{background:#326ce526;color:#326ce5}.node-docker .node-icon{background:#2496ed26;color:#2496ed}.node-serverless .node-icon{background:#f59e0b26;color:#f59e0b}.node-auth .node-icon{background:#10b98126;color:#10b981}.node-lock .node-icon{background:#6366f126;color:#6366f1}.node-key .node-icon{background:#f59e0b26;color:#f59e0b}.node-secrets .node-icon{background:#ef444426;color:#ef4444}.node-iam .node-icon{background:#8b5cf626;color:#8b5cf6}.node-certificate .node-icon{background:#10b98126;color:#10b981}.node-logs .node-icon{background:#64748b26;color:#64748b}.node-metrics .node-icon{background:#3b82f626;color:#3b82f6}.node-alert .node-icon{background:#ef444426;color:#ef4444}.node-dashboard .node-icon{background:#8b5cf626;color:#8b5cf6}.node-tracing .node-icon{background:#06b6d426;color:#06b6d4}.node-health .node-icon,.node-start .node-icon{background:#10b98126;color:#10b981}.node-end .node-icon{background:#ef444426;color:#ef4444}.node-group .node-icon{background:#4f8cff26;color:#4f8cff}.node-text .node-icon{background:#64748b26;color:#64748b}.canvas-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.toolbar{align-items:center;background:#1a1a2e;background:var(--bg-secondary);border-bottom:1px solid #2d2d5a;border-bottom:1px solid var(--border-color);display:flex;gap:12px;height:52px;justify-content:flex-start;min-height:52px;padding:0 20px;transition:all .2s ease;transition:var(--transition)}.toolbar::-webkit-scrollbar{display:none;height:0}.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:10px}.toolbar-center{align-items:center;background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:8px;padding:6px 16px}.toolbar-flow-name{font-size:13px;font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1200px){.toolbar-flow-name{max-width:150px}}@media (max-width:900px){.toolbar-flow-name{max-width:100px}.toolbar-btn span.btn-text{display:none}.toolbar-btn{padding:8px}}.toolbar-app-name{color:#6b6b8a;color:var(--text-muted);font-size:14px;font-weight:600;letter-spacing:.3px}.toolbar-btn{align-items:center;background:#0000;border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:#a0a0c0;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:6px;height:34px;padding:6px 12px;transition:all .2s ease;transition:var(--transition);white-space:nowrap}.toolbar-btn:hover{background:#16213e;background:var(--bg-tertiary);color:#fff;color:var(--text-primary)}.toolbar-btn.active{background:#4f8cff;background:var(--accent-blue);color:#fff}.toolbar-btn-icon{align-items:center;background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:#a0a0c0;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:34px}.toolbar-btn-icon:hover{background:#1e1e3f;background:var(--bg-card);border-color:#4a4a8a;border-color:var(--border-hover);color:#fff;color:var(--text-primary)}.toolbar-btn-icon:disabled{cursor:not-allowed;opacity:.4}.toolbar-divider{background:#2d2d5a;background:var(--border-color);flex-shrink:0;height:24px;margin:0 6px;width:1px}.zoom-display{color:#6b6b8a;color:var(--text-muted);font-size:12px;min-width:50px;text-align:center}.theme-toggle{background:#16213e;background:var(--bg-tertiary);border-radius:var(--radius-sm);flex-shrink:0;height:34px;transition:all .2s ease;transition:var(--transition);width:34px}.theme-toggle:hover{background:#f59e0b1a;border-color:#f59e0b;border-color:var(--accent-orange);color:#f59e0b;color:var(--accent-orange)}.react-flow-wrapper{background:#0f0f23;background:var(--bg-primary);flex:1 1;transition:all .2s ease;transition:var(--transition)}.react-flow{background:#0f0f23!important;background:var(--bg-primary)!important}.react-flow__background{background-color:#0f0f23!important;background-color:var(--bg-primary)!important}.react-flow__edge-path{stroke:#4a4a8a!important;stroke:var(--border-hover)!important;stroke-width:2px!important}.react-flow__edge.selected .react-flow__edge-path{stroke:#4f8cff!important;stroke:var(--accent-blue)!important;stroke-width:3px!important}.react-flow__edge:hover .react-flow__edge-path{stroke:#4f8cff!important;stroke:var(--accent-blue)!important}.react-flow__edge-text{fill:#a0a0c0!important;fill:var(--text-secondary)!important}.react-flow__edge-textbg{fill:#1a1a2e!important;fill:var(--bg-secondary)!important}.react-flow__connection-line{stroke:#4f8cff!important;stroke:var(--accent-blue)!important;stroke-width:2px!important}.react-flow__handle{background:#1a1a2e!important;background:var(--bg-secondary)!important;border:2px solid #4a4a8a!important;border:2px solid var(--border-hover)!important;height:10px!important;transition:all .2s ease!important;transition:var(--transition)!important;width:10px!important}.react-flow__handle:hover{transform:scale(1.2)}.react-flow__handle-connecting,.react-flow__handle:hover{background:#4f8cff!important;background:var(--accent-blue)!important;border-color:#4f8cff!important;border-color:var(--accent-blue)!important}.react-flow__handle-valid{background:#10b981!important;background:var(--accent-green)!important;border-color:#10b981!important;border-color:var(--accent-green)!important}.react-flow__selection{background:#4f8cff1a!important;border:1px dashed #4f8cff!important;border:1px dashed var(--accent-blue)!important}.react-flow__minimap{background:#1a1a2e!important;background:var(--bg-secondary)!important;border:1px solid #2d2d5a!important;border:1px solid var(--border-color)!important;border-radius:8px!important;border-radius:var(--radius-md)!important;overflow:hidden!important}.react-flow__minimap-mask{fill:#4f8cff1a!important}.react-flow__minimap-node{fill:#4a4a8a!important;fill:var(--border-hover)!important;stroke:none!important}.react-flow__controls{background:#0000!important;border:none!important;box-shadow:none!important}.react-flow__controls-button{background:#1a1a2e!important;background:var(--bg-secondary)!important;border:1px solid #2d2d5a!important;border:1px solid var(--border-color)!important;border-radius:6px!important;border-radius:var(--radius-sm)!important;height:32px!important;margin-bottom:4px!important;transition:all .2s ease!important;transition:var(--transition)!important;width:32px!important}.react-flow__controls-button:hover{background:#16213e!important;background:var(--bg-tertiary)!important;border-color:#4a4a8a!important;border-color:var(--border-hover)!important}.react-flow__controls-button svg{fill:#a0a0c0!important;fill:var(--text-secondary)!important}.react-flow__controls-button:hover svg{fill:#fff!important;fill:var(--text-primary)!important}.react-flow__attribution{display:none!important}.custom-node{background:#1e1e3f;background:var(--bg-card);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0006;box-shadow:var(--shadow-md);min-width:200px;overflow:hidden;transition:all .2s ease;transition:var(--transition)}.custom-node:hover{border-color:#4a4a8a;border-color:var(--border-hover);box-shadow:0 10px 15px #00000080;box-shadow:var(--shadow-lg)}.custom-node.selected{border-color:#4f8cff;border-color:var(--accent-blue);box-shadow:0 0 20px #4f8cff33;box-shadow:var(--shadow-glow)}.node-header{border-bottom:1px solid #2d2d5a;border-bottom:1px solid var(--border-color);gap:12px;padding:14px 16px}.node-header,.node-header-icon{align-items:center;display:flex}.node-header-icon{border-radius:8px;border-radius:var(--radius-md);flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.node-header-content{flex:1 1;min-width:0}.node-title{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-type{color:#6b6b8a;color:var(--text-muted);font-size:11px;letter-spacing:.3px;margin-top:2px;text-transform:uppercase}.node-body{padding:12px 16px}.node-description{color:#a0a0c0;color:var(--text-secondary);font-size:12px;line-height:1.5}.custom-node.service .node-header-icon{background:#4f8cff26;color:#4f8cff;color:var(--accent-blue)}.custom-node.database .node-header-icon{background:#8b5cf626;color:#8b5cf6;color:var(--accent-purple)}.custom-node.api .node-header-icon{background:#10b98126;color:#10b981;color:var(--accent-green)}.custom-node.user .node-header-icon{background:#f59e0b26;color:#f59e0b;color:var(--accent-orange)}.custom-node.cloud .node-header-icon{background:#06b6d426;color:#06b6d4;color:var(--accent-cyan)}.custom-node.process .node-header-icon{background:#ec489926;color:#ec4899;color:var(--accent-pink)}.custom-node.decision .node-header-icon{background:#ef444426;color:#ef4444;color:var(--accent-red)}.custom-node.note .node-header-icon{background:#a0a0c026;color:#a0a0c0;color:var(--text-secondary)}.custom-node.server .node-header-icon{background:#64748b26;color:#64748b}.custom-node.container .node-header-icon{background:#0ea5e926;color:#0ea5e9}.custom-node.queue .node-header-icon{background:#a855f726;color:#a855f7}.custom-node.cache .node-header-icon{background:#f9731626;color:#f97316}.custom-node.service.selected{border-color:#4f8cff;border-color:var(--accent-blue);box-shadow:0 0 20px #4f8cff4d}.custom-node.database.selected{border-color:#8b5cf6;border-color:var(--accent-purple);box-shadow:0 0 20px #8b5cf64d}.custom-node.api.selected{border-color:#10b981;border-color:var(--accent-green);box-shadow:0 0 20px #10b9814d}.custom-node.user.selected{border-color:#f59e0b;border-color:var(--accent-orange);box-shadow:0 0 20px #f59e0b4d}.custom-node.cloud.selected{border-color:#06b6d4;border-color:var(--accent-cyan);box-shadow:0 0 20px #06b6d44d}.custom-node.process.selected{border-color:#ec4899;border-color:var(--accent-pink);box-shadow:0 0 20px #ec48994d}.custom-node.decision.selected{border-color:#ef4444;border-color:var(--accent-red);box-shadow:0 0 20px #ef44444d}.custom-node.server.selected{border-color:#64748b;box-shadow:0 0 20px #64748b4d}.custom-node.container.selected{border-color:#0ea5e9;box-shadow:0 0 20px #0ea5e94d}.custom-node.queue.selected{border-color:#a855f7;box-shadow:0 0 20px #a855f74d}.custom-node.cache.selected{border-color:#f97316;box-shadow:0 0 20px #f973164d}.group-node{background:#4f8cff0d;border:2px dashed #4a4a8a;border:2px dashed var(--border-hover);border-radius:12px;border-radius:var(--radius-lg);min-height:200px;min-width:300px}.group-node .group-label{border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:#a0a0c0;color:var(--text-secondary);font-size:12px;font-weight:600;left:16px;padding:4px 12px;position:absolute;top:-12px}.group-node .group-label,.properties-panel{background:#1a1a2e;background:var(--bg-secondary)}.properties-panel{border-left:1px solid #2d2d5a;border-left:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;min-width:320px;transition:all .2s ease;transition:var(--transition);width:320px}.properties-header{align-items:center;border-bottom:1px solid #2d2d5a;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.properties-title{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600}.properties-close{background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#6b6b8a;color:var(--text-muted);cursor:pointer;display:flex;padding:4px;transition:all .2s ease;transition:var(--transition)}.properties-close:hover{background:#16213e;background:var(--bg-tertiary);color:#fff;color:var(--text-primary)}.properties-content{flex:1 1;overflow-y:auto;padding:20px}.property-group{margin-bottom:20px}.property-label{color:#6b6b8a;color:var(--text-muted);display:block;font-size:11px;font-weight:600;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.property-input{background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);font-size:13px;padding:10px 12px;transition:all .2s ease;transition:var(--transition);width:100%}.property-input:focus{border-color:#4f8cff;border-color:var(--accent-blue);box-shadow:0 0 0 3px #4f8cff1a;outline:none}.property-input::placeholder{color:#6b6b8a;color:var(--text-muted)}.property-textarea{font-family:inherit;min-height:80px;resize:vertical}.property-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b6b8a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.empty-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-title{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.empty-state-text{color:#6b6b8a;color:var(--text-muted);font-size:13px;line-height:1.5}.context-menu{background:#1a1a2e;background:var(--bg-secondary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 15px #00000080;box-shadow:var(--shadow-lg);min-width:180px;padding:6px;position:fixed;z-index:1000}.context-menu-item{align-items:center;border-radius:6px;border-radius:var(--radius-sm);color:#a0a0c0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 12px;transition:all .2s ease;transition:var(--transition)}.context-menu-item:hover{background:#16213e;background:var(--bg-tertiary);color:#fff;color:var(--text-primary)}.context-menu-item.danger{color:#ef4444;color:var(--accent-red)}.context-menu-item.danger:hover{background:#ef44441a}.context-menu-divider{background:#2d2d5a;background:var(--border-color);height:1px;margin:6px 0}.toast-container{bottom:20px;display:flex;flex-direction:column;gap:8px;position:fixed;right:20px;z-index:9999}.toast{align-items:center;animation:slideIn .3s ease;background:#1a1a2e;background:var(--bg-secondary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 15px #00000080;box-shadow:var(--shadow-lg);display:flex;gap:12px;padding:14px 18px}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-success{border-left:3px solid #10b981;border-left:3px solid var(--accent-green)}.toast-error{border-left:3px solid #ef4444;border-left:3px solid var(--accent-red)}.toast-info{border-left:3px solid #4f8cff;border-left:3px solid var(--accent-blue)}.toast-message{color:#fff;color:var(--text-primary);font-size:13px}.modal-overlay{bottom:0;left:0;right:0;top:0;z-index:9999}.modal{background:#1a1a2e;background:var(--bg-secondary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px #00000080;box-shadow:var(--shadow-lg);max-width:480px;width:100%}.modal-header{border-bottom:1px solid #2d2d5a;border-bottom:1px solid var(--border-color);padding:20px 24px}.modal-title{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600}.modal-body{padding:24px}.modal-footer{border-top:1px solid #2d2d5a;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn{align-items:center;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;justify-content:center;padding:10px 20px;transition:all .2s ease;transition:var(--transition)}.btn-secondary{background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);color:#a0a0c0;color:var(--text-secondary)}.btn-secondary:hover{border-color:#4a4a8a;border-color:var(--border-hover);color:#fff;color:var(--text-primary)}.btn-primary{background:#4f8cff;background:var(--accent-blue);border:1px solid #4f8cff;border:1px solid var(--accent-blue);color:#fff}.btn-primary:hover{background:#3d7ae6}.btn-danger{background:#ef4444;background:var(--accent-red);border:1px solid #ef4444;border:1px solid var(--accent-red);color:#fff}.btn-danger:hover{background:#dc2626}.help-panel{background:#16213e;background:var(--bg-tertiary);border-radius:8px;border-radius:var(--radius-md);margin-top:16px;padding:16px}.help-title{color:#fff;color:var(--text-primary);font-size:12px;font-weight:600;margin-bottom:12px}.help-item{align-items:center;color:#a0a0c0;color:var(--text-secondary);display:flex;font-size:11px;gap:10px;margin-bottom:8px}.help-item:last-child{margin-bottom:0}.help-key{background:#1e1e3f;background:var(--bg-card);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:4px;color:#6b6b8a;color:var(--text-muted);font-family:monospace;font-size:10px;padding:3px 8px}.ai-toolbar-btn{background:linear-gradient(135deg,#8b5cf6,#4f8cff)!important;background:linear-gradient(135deg,var(--accent-purple) 0,var(--accent-blue) 100%)!important;border:none!important;color:#fff!important;font-weight:600!important;gap:8px!important;padding:8px 16px!important}.ai-toolbar-btn:hover{box-shadow:0 4px 12px #8b5cf666;opacity:.9;transform:translateY(-1px)}.ai-toolbar-btn svg{height:18px;width:18px}.ai-modal{background:#1a1a2e;background:var(--bg-secondary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px #00000080,0 0 40px #8b5cf633;box-shadow:var(--shadow-lg),0 0 40px #8b5cf633;display:flex;flex-direction:column;max-height:90vh;max-width:640px;overflow:hidden;width:100%}.ai-modal-header{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#4f8cff1a);border-bottom:1px solid #2d2d5a;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.ai-modal-title{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:12px}.ai-modal-title svg{color:#8b5cf6;color:var(--accent-purple)}.ai-modal-body{flex:1 1;overflow-y:auto;padding:24px}.ai-modal-footer{background:#16213e;background:var(--bg-tertiary);border-top:1px solid #2d2d5a;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.ai-provider-section{margin-bottom:20px}.ai-label{color:#a0a0c0;color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.ai-label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ai-help-btn{background:#0000;border:none;color:#4f8cff;color:var(--accent-blue);cursor:pointer;font-size:12px;padding:0}.ai-help-btn:hover{text-decoration:underline}.ai-help-box{background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);color:#a0a0c0;color:var(--text-secondary);font-size:13px;line-height:1.6;margin-bottom:12px;padding:16px}.ai-help-box p{margin-bottom:8px}.ai-help-box ol{margin-bottom:12px;margin-left:20px}.ai-help-box li{margin-bottom:4px}.ai-help-box a{color:#4f8cff;color:var(--accent-blue);text-decoration:none}.ai-help-box a:hover{text-decoration:underline}.ai-help-note{color:#10b981;color:var(--accent-green);font-size:12px;margin-bottom:0!important;margin-top:8px}.ai-provider-tab,.ai-provider-tabs{display:flex;gap:8px}.ai-provider-tab{align-items:center;background:#16213e;background:var(--bg-tertiary);border:2px solid #2d2d5a;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);color:#a0a0c0;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;justify-content:center;padding:12px 16px;transition:all .2s ease;transition:var(--transition)}.ai-provider-tab:hover{border-color:#4a4a8a;border-color:var(--border-hover);color:#fff;color:var(--text-primary)}.ai-provider-tab.active{background:#8b5cf61a;border-color:#8b5cf6;border-color:var(--accent-purple);color:#fff;color:var(--text-primary)}.ai-provider-tab svg{opacity:.7}.ai-provider-tab.active svg{color:#8b5cf6;color:var(--accent-purple);opacity:1}.ai-input-group{margin-bottom:20px}.ai-input{background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);font-size:14px;padding:12px 14px;transition:all .2s ease;transition:var(--transition);width:100%}.ai-input:focus{border-color:#8b5cf6;border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.ai-input::placeholder{color:#6b6b8a;color:var(--text-muted)}.ai-textarea{background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.5;min-height:120px;padding:14px;resize:vertical;transition:all .2s ease;transition:var(--transition);width:100%}.ai-textarea:focus{border-color:#8b5cf6;border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.ai-textarea::placeholder{color:#6b6b8a;color:var(--text-muted)}.ai-examples{margin-bottom:20px}.ai-example-list{display:flex;flex-direction:column;gap:6px}.ai-example-btn{background:#1e1e3f;background:var(--bg-card);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:#a0a0c0;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:10px 12px;text-align:left;transition:all .2s ease;transition:var(--transition)}.ai-example-btn:hover{background:#8b5cf60d;border-color:#8b5cf6;border-color:var(--accent-purple);color:#fff;color:var(--text-primary)}.ai-node-types{margin-bottom:20px}.ai-node-types summary:hover{color:#fff;color:var(--text-primary)}.ai-node-grid{background:#16213e;background:var(--bg-tertiary);border-radius:8px;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;max-height:200px;overflow-y:auto;padding:12px}.ai-node-chip{border-radius:20px;color:#a0a0c0;color:var(--text-secondary);padding:4px 10px}.ai-error{align-items:center;color:#ef4444;color:var(--accent-red);font-size:13px;gap:10px;padding:12px 14px}.ai-generate-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#4f8cff)!important;background:linear-gradient(135deg,var(--accent-purple) 0,var(--accent-blue) 100%)!important;border:none!important;display:flex;font-weight:600;gap:8px;padding:12px 24px!important}.ai-generate-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.ai-generate-btn:disabled{cursor:not-allowed;opacity:.5}.ai-generate-btn svg,.ai-spinner{height:18px;width:18px}.ai-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff}@keyframes spin{to{transform:rotate(1turn)}}.ai-modal-large{max-height:85vh;max-width:720px}.ai-provider-badge{background:#8b5cf633;border-radius:20px;color:#8b5cf6;color:var(--accent-purple);font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.ai-steps{background:#16213e;background:var(--bg-tertiary);border-bottom:1px solid #2d2d5a;border-bottom:1px solid var(--border-color);justify-content:center;padding:16px 24px}.ai-step,.ai-steps{align-items:center;display:flex;gap:8px}.ai-step{color:#6b6b8a;color:var(--text-muted);font-size:13px;font-weight:500}.ai-step.active{color:#fff;color:var(--text-primary)}.ai-step.completed{color:#10b981;color:var(--accent-green)}.ai-step-number{align-items:center;background:#1e1e3f;background:var(--bg-card);border:2px solid #2d2d5a;border:2px solid var(--border-color);border-radius:50%;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.ai-step.active .ai-step-number{background:#8b5cf6;background:var(--accent-purple);border-color:#8b5cf6;border-color:var(--accent-purple);color:#fff}.ai-step.completed .ai-step-number{background:#10b981;background:var(--accent-green);border-color:#10b981;border-color:var(--accent-green);color:#fff}.ai-step-line{background:#2d2d5a;background:var(--border-color);height:2px;width:40px}.ai-step-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-config-warning{align-items:flex-start;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;border-radius:var(--radius-md);display:flex;gap:12px;margin-bottom:20px;padding:16px}.ai-config-warning svg{color:#f59e0b;color:var(--accent-orange);flex-shrink:0;margin-top:2px}.ai-config-warning strong{color:#f59e0b;color:var(--accent-orange);display:block;margin-bottom:4px}.ai-config-warning p{color:#a0a0c0;color:var(--text-secondary);font-size:13px;margin-bottom:8px}.ai-config-warning code{background:#1e1e3f;background:var(--bg-card);border-radius:6px;border-radius:var(--radius-sm);display:block;font-family:monospace;padding:8px 12px}.ai-config-warning code,.ai-input-hint{color:#6b6b8a;color:var(--text-muted);font-size:12px}.ai-input-hint{line-height:1.5;margin-bottom:12px}.ai-example-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.ai-example-card{background:#1e1e3f;background:var(--bg-card);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;padding:12px;text-align:left;transition:all .2s ease;transition:var(--transition)}.ai-example-card:hover{background:#8b5cf60d;border-color:#8b5cf6;border-color:var(--accent-purple)}.ai-example-text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#a0a0c0;color:var(--text-secondary);display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden}.ai-node-chip{align-items:flex-start;background:#1e1e3f;background:var(--bg-card);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);display:flex;flex-direction:column;font-size:11px;gap:2px;padding:6px 10px}.ai-node-chip-cat{color:#6b6b8a;color:var(--text-muted);font-size:9px;text-transform:uppercase}.ai-node-types summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:8px 0;-webkit-user-select:none;user-select:none}.ai-node-types summary svg{transition:all .2s ease;transition:var(--transition)}.ai-node-types[open] summary svg{transform:rotate(180deg)}.ai-skip-option{border-top:1px solid #2d2d5a;border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.ai-checkbox-label{align-items:center;color:#a0a0c0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:10px}.ai-checkbox-label input{accent-color:#8b5cf6;accent-color:var(--accent-purple);cursor:pointer;height:16px;width:16px}.ai-refine-header{margin-bottom:20px}.ai-refine-header h3{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:4px}.ai-refine-header p{color:#6b6b8a;color:var(--text-muted);font-size:13px}.ai-prompt-preview{background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);margin-bottom:20px;padding:14px}.ai-prompt-preview strong{color:#6b6b8a;color:var(--text-muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.ai-prompt-preview p{color:#a0a0c0;color:var(--text-secondary);font-size:13px;font-style:italic;margin-top:6px}.ai-questions{display:flex;flex-direction:column;gap:20px}.ai-question{background:#1e1e3f;background:var(--bg-card);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);padding:16px}.ai-question-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.ai-question-number{align-items:center;background:#8b5cf6;background:var(--accent-purple);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.ai-question-category{background:#16213e;background:var(--bg-tertiary);border-radius:10px;color:#6b6b8a;color:var(--text-muted);font-size:10px;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.ai-question-text{color:#fff;color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:12px}.ai-question-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.ai-option-btn{background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:#a0a0c0;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:8px 14px;transition:all .2s ease;transition:var(--transition)}.ai-option-btn:hover{border-color:#4a4a8a;border-color:var(--border-hover);color:#fff;color:var(--text-primary)}.ai-option-btn.selected{background:#8b5cf626;border-color:#8b5cf6;border-color:var(--accent-purple);color:#fff;color:var(--text-primary)}.ai-custom-input{background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);font-size:12px;padding:10px 12px;transition:all .2s ease;transition:var(--transition);width:100%}.ai-custom-input:focus{border-color:#8b5cf6;border-color:var(--accent-purple);outline:none}.ai-custom-input::placeholder{color:#6b6b8a;color:var(--text-muted)}.ai-generating{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 40px;text-align:center}.ai-generating-animation{height:80px;margin-bottom:24px;position:relative;width:80px}.ai-generating-spinner{animation:spin 1s linear infinite;border:3px solid #2d2d5a;border-top-color:#8b5cf6;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-purple);inset:0;position:absolute}.ai-generating-dots{align-items:center;display:flex;gap:6px;inset:0;justify-content:center;position:absolute}.ai-generating-dots span{animation:bounce 1.4s ease-in-out infinite;background:#8b5cf6;background:var(--accent-purple);border-radius:50%;height:8px;width:8px}.ai-generating-dots span:first-child{animation-delay:-.32s}.ai-generating-dots span:nth-child(2){animation-delay:-.16s}.ai-generating-dots span:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.ai-generating h3{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.ai-generating p{color:#6b6b8a;color:var(--text-muted);font-size:13px;margin-bottom:24px}.ai-generating-tips{background:#16213e;background:var(--bg-tertiary);border-radius:8px;border-radius:var(--radius-md);padding:12px 16px}.ai-tip{align-items:center;color:#a0a0c0;color:var(--text-secondary);display:flex;font-size:12px;gap:8px}.ai-tip-icon{font-size:14px}.ai-error{align-items:flex-start;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;border-radius:var(--radius-md);display:flex;gap:12px;margin-top:16px;padding:14px 16px}.ai-error svg{flex-shrink:0;margin-top:2px}.ai-error strong,.ai-error svg{color:#ef4444;color:var(--accent-red)}.ai-error strong{display:block;font-size:13px;margin-bottom:2px}.ai-error p{color:#a0a0c0;color:var(--text-secondary);font-size:12px;margin:0}.ai-assistant-panel{animation:slideInRight .25s ease-out;background:#1a1a2e;background:var(--bg-secondary);border-left:1px solid #2d2d5a;border-left:1px solid var(--border-color);display:flex;flex-direction:column;height:calc(100% - 60px);position:absolute;right:0;top:60px;width:400px;z-index:100}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.ai-assistant-header{align-items:center;background:#16213e;background:var(--bg-tertiary);border-bottom:1px solid #2d2d5a;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.ai-assistant-title{align-items:center;display:flex;gap:10px}.ai-assistant-title svg{color:#8b5cf6;color:var(--accent-purple);height:20px;width:20px}.ai-assistant-title h3{color:#fff;color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.ai-assistant-title span{background:#1e1e3f;background:var(--bg-card);border-radius:10px;color:#6b6b8a;color:var(--text-muted);font-size:11px;padding:3px 8px}.ai-assistant-actions{display:flex;gap:8px}.ai-assistant-actions button{align-items:center;background:#0000;border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:#6b6b8a;color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:32px}.ai-assistant-actions button:hover{background:#1e1e3f;background:var(--bg-card);border-color:#4a4a8a;border-color:var(--border-hover);color:#fff;color:var(--text-primary)}.ai-assistant-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.ai-message{animation:fadeInUp .2s ease-out;max-width:90%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ai-message.assistant{align-self:flex-start}.ai-message.user{align-self:flex-end}.ai-message-content{border-radius:16px;font-size:13px;line-height:1.5;padding:12px 16px}.ai-message.assistant .ai-message-content{border-bottom-left-radius:4px;color:#fff;color:var(--text-primary)}.ai-message.user .ai-message-content{background:linear-gradient(135deg,#8b5cf6,#667eea);background:linear-gradient(135deg,var(--accent-purple) 0,#667eea 100%);border-bottom-right-radius:4px;color:#fff}.ai-message-time{color:#6b6b8a;color:var(--text-muted);font-size:10px;margin-top:4px;padding:0 4px}.ai-message.user .ai-message-time{text-align:right}.ai-typing{background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:16px;border-bottom-left-radius:4px;display:flex;gap:4px;padding:12px 16px;width:-webkit-fit-content;width:fit-content}.ai-typing span{animation:typingBounce 1.4s ease-in-out infinite;background:#6b6b8a;background:var(--text-muted);border-radius:50%;height:6px;width:6px}.ai-typing span:first-child{animation-delay:0s}.ai-typing span:nth-child(2){animation-delay:.2s}.ai-typing span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.ai-suggestions{background:#16213e;background:var(--bg-tertiary);border-top:1px solid #2d2d5a;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px}.ai-suggestions-label{color:#6b6b8a;color:var(--text-muted);font-size:11px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase;width:100%}.ai-suggestion-chip{align-items:center;background:#1e1e3f;background:var(--bg-card);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:20px;color:#a0a0c0;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:12px;gap:6px;padding:6px 12px;transition:all .2s ease;transition:var(--transition)}.ai-suggestion-chip:hover{background:#8b5cf61a;border-color:#8b5cf6;border-color:var(--accent-purple);color:#8b5cf6;color:var(--accent-purple)}.ai-suggestion-chip svg{height:12px;width:12px}.ai-assistant-input{background:#1a1a2e;background:var(--bg-secondary);border-top:1px solid #2d2d5a;border-top:1px solid var(--border-color);display:flex;gap:10px;padding:16px 20px}.ai-assistant-input textarea{background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:13px;max-height:120px;min-height:44px;padding:12px 14px;resize:none;transition:all .2s ease;transition:var(--transition)}.ai-assistant-input textarea:focus{border-color:#8b5cf6;border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.ai-assistant-input textarea::placeholder{color:#6b6b8a;color:var(--text-muted)}.ai-send-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#667eea);background:linear-gradient(135deg,var(--accent-purple) 0,#667eea 100%);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:44px}.ai-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.ai-send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.ai-send-btn svg{height:18px;width:18px}.ai-changes-preview{background:#8b5cf614;border-top:1px solid #8b5cf633;padding:16px 20px}.ai-changes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.ai-changes-header h4{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:13px;font-weight:600;gap:8px;margin:0}.ai-changes-header h4 svg{color:#8b5cf6;color:var(--accent-purple)}.ai-changes-stats{display:flex;gap:12px;margin-bottom:12px}.ai-changes-stat{align-items:center;color:#a0a0c0;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.ai-changes-stat.added{color:#10b981;color:var(--accent-green)}.ai-changes-stat.modified{color:#f59e0b;color:var(--accent-orange)}.ai-changes-stat.removed{color:#ef4444;color:var(--accent-red)}.ai-apply-btn,.ai-changes-actions{display:flex;gap:8px}.ai-apply-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--accent-green) 0,#059669 100%);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;justify-content:center;padding:10px 16px;transition:all .2s ease;transition:var(--transition)}.ai-apply-btn:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.ai-discard-btn{align-items:center;background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:#a0a0c0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease;transition:var(--transition)}.ai-discard-btn:hover{background:#ef44441a;border-color:#ef4444;border-color:var(--accent-red);color:#ef4444;color:var(--accent-red)}.toolbar-btn.toolbar-btn-ai{background:linear-gradient(135deg,#8b5cf626,#667eea26);border-color:#8b5cf64d}.toolbar-btn.toolbar-btn-ai:hover{background:linear-gradient(135deg,#8b5cf640,#667eea40);border-color:#8b5cf6;border-color:var(--accent-purple)}.toolbar-btn.toolbar-btn-ai.active{background:linear-gradient(135deg,#8b5cf6,#667eea);background:linear-gradient(135deg,var(--accent-purple) 0,#667eea 100%);border-color:#0000;color:#fff}.ai-assistant-close{align-items:center;background:#0000;border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:#6b6b8a;color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:32px}.ai-assistant-close:hover{background:#ef44441a;border-color:#ef4444;border-color:var(--accent-red);color:#ef4444;color:var(--accent-red)}.ai-assistant-close svg{height:16px;width:16px}.ai-assistant-action-btn{align-items:center;background:#0000;border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:#6b6b8a;color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:32px}.ai-assistant-action-btn:hover{background:#1e1e3f;background:var(--bg-card);border-color:#4a4a8a;border-color:var(--border-hover);color:#fff;color:var(--text-primary)}.ai-provider-tag{background:#8b5cf61a;border-radius:10px;color:#8b5cf6;color:var(--accent-purple);font-size:10px;font-weight:500;padding:2px 8px}.ai-message-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf633,#667eea33);border-radius:50%;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.ai-message-avatar svg{color:#8b5cf6;color:var(--accent-purple);height:14px;width:14px}.ai-message.assistant{display:flex;gap:10px}.ai-message.assistant .ai-message-content{background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color)}.ai-message.assistant .ai-message-content p{margin:0;white-space:pre-line}.ai-message.user .ai-message-content p{margin:0}.ai-message.error .ai-message-content{background:#ef44441a;border-color:#ef44444d}.ai-assistant-warning{align-items:center;background:#f59e0b1a;border-top:1px solid #f59e0b33;color:#f59e0b;color:var(--accent-orange);display:flex;font-size:12px;gap:10px;padding:12px 20px}.ai-assistant-warning svg{flex-shrink:0}.ai-suggestions-list{display:flex;flex-wrap:wrap;gap:8px}.ai-assistant-input input{background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);flex:1 1;font-size:13px;padding:12px 14px;transition:all .2s ease;transition:var(--transition)}.ai-assistant-input input:focus{border-color:#8b5cf6;border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.ai-assistant-input input::placeholder{color:#6b6b8a;color:var(--text-muted)}.ai-assistant-input input:disabled{cursor:not-allowed;opacity:.6}.ai-send-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.auth-page{align-items:center;background:#0f0f23;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-container{background:#1a1a2e;background:var(--bg-secondary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:8px;max-width:360px;padding:32px;width:100%}.auth-header{margin-bottom:28px;text-align:center}.auth-logo{flex-direction:column;gap:12px;margin-bottom:20px}.auth-logo,.auth-logo-icon{align-items:center;display:flex}.auth-logo-icon{background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:16px;box-shadow:0 4px 16px #667eea33;height:64px;justify-content:center;width:64px}.auth-logo-text{align-items:center;display:flex;flex-direction:column;gap:2px}.auth-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;letter-spacing:-.5px;line-height:1.1}.auth-tagline{color:#6b6b8a;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.auth-logo svg{color:#a0a0c0;color:var(--text-secondary)}.auth-header h1{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:4px}.auth-header p{color:#6b6b8a;color:var(--text-muted);font-size:13px}.auth-form{gap:16px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:4px}.auth-field label{color:#a0a0c0;color:var(--text-secondary);font-size:12px;font-weight:500}.auth-field input,.auth-field textarea{background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;color:#fff;color:var(--text-primary);font-size:13px;padding:10px 12px;transition:all .15s ease}.auth-field input:focus,.auth-field textarea:focus{border-color:#6b6b8a;border-color:var(--text-muted);outline:none}.auth-field input::placeholder,.auth-field textarea::placeholder{color:#6b6b8a;color:var(--text-muted)}.auth-field textarea{min-height:80px;resize:vertical}.auth-error{background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;color:#a0a0c0;color:var(--text-secondary);font-size:12px;padding:10px 12px}.auth-error,.auth-submit{align-items:center;display:flex;gap:8px}.auth-submit{background:#fff;background:var(--text-primary);border:none;border-radius:6px;color:#0f0f23;color:var(--bg-primary);cursor:pointer;font-size:13px;font-weight:500;justify-content:center;margin-top:4px;padding:10px 14px;transition:all .15s ease}.auth-submit:hover:not(:disabled){opacity:.85}.auth-submit:disabled{cursor:not-allowed;opacity:.5}.auth-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:initial;height:14px;width:14px}.auth-footer{border-top:1px solid #2d2d5a;border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px;text-align:center}.auth-footer p{color:#6b6b8a;color:var(--text-muted);font-size:13px}.auth-footer a{color:#fff;color:var(--text-primary);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-loading{align-items:center;background:#0f0f23;background:var(--bg-primary);color:#a0a0c0;color:var(--text-secondary);flex-direction:column;gap:12px;min-height:100vh}.auth-loading,.otp-inputs{display:flex;justify-content:center}.otp-inputs{gap:8px;margin:20px 0}.otp-input{background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:8px;color:#fff;color:var(--text-primary);font-size:24px;font-weight:600;height:56px;text-align:center;transition:all .15s ease;width:48px}.otp-input:focus{border-color:#4f8cff;border-color:var(--accent-blue);box-shadow:0 0 0 2px #4f8cff33;outline:none}.otp-info,.otp-input::placeholder{color:#6b6b8a;color:var(--text-muted)}.otp-info{font-size:13px;margin-bottom:16px;text-align:center}.otp-resend{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:16px}.otp-resend p{color:#6b6b8a;color:var(--text-muted);font-size:13px}.auth-success-box{align-items:center;background:#16213e;background:var(--bg-tertiary);border:1px solid #10b981;border:1px solid var(--accent-green);border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center}.auth-success-box svg{color:#10b981;color:var(--accent-green);height:48px;width:48px}.auth-success-box h3{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.auth-success-box p{color:#a0a0c0;color:var(--text-secondary);font-size:13px;margin:0}.auth-error-box{align-items:center;background:#16213e;background:var(--bg-tertiary);border:1px solid #ef4444;border:1px solid var(--accent-red);border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center}.auth-error-box svg{color:#ef4444;color:var(--accent-red);height:48px;width:48px}.auth-error-box h3{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.auth-error-box p{color:#a0a0c0;color:var(--text-secondary);font-size:13px;margin:0}.auth-forgot-link{color:#6b6b8a;color:var(--text-muted);display:block;font-size:12px;margin-top:-8px;text-align:right;text-decoration:none;transition:color .15s ease}.auth-forgot-link:hover,.auth-link-btn{color:#fff;color:var(--text-primary)}.auth-link-btn{background:none;border:none;cursor:pointer;font-size:13px;font-weight:500;padding:0;text-decoration:underline;transition:opacity .15s ease}.auth-link-btn:hover{opacity:.8}.auth-link-btn:disabled{cursor:not-allowed;opacity:.5}.auth-description{color:#6b6b8a;color:var(--text-muted);font-size:13px;line-height:1.5;margin-bottom:20px;text-align:center}.auth-page-v2{background:#0f0f23;background:var(--bg-primary);display:flex;min-height:100vh}.auth-brand-side{background:linear-gradient(135deg,#667eea,#764ba2);display:none;flex:1 1;overflow:hidden;position:relative}@media (min-width:900px){.auth-brand-side{align-items:center;display:flex;justify-content:center}}.auth-brand-side.auth-brand-signup{background:linear-gradient(135deg,#11998e,#38ef7d)}.auth-brand-side.auth-brand-forgot{background:linear-gradient(135deg,#f093fb,#f5576c)}.auth-brand-side.auth-brand-reset{background:linear-gradient(135deg,#4facfe,#00f2fe)}.auth-brand-side.auth-brand-error{background:linear-gradient(135deg,#eb3349,#f45c43)}.auth-brand-side.auth-brand-success{background:linear-gradient(135deg,#11998e,#38ef7d)}.auth-brand-content{max-width:420px;padding:48px;position:relative;text-align:center;z-index:2}.auth-brand-shapes{inset:0;overflow:hidden;position:absolute;z-index:1}.brand-shape{animation:float 20s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.brand-shape-1{animation-delay:0s;height:300px;left:-100px;top:-100px;width:300px}.brand-shape-2{animation-delay:-5s;bottom:-50px;height:200px;right:-50px;width:200px}.brand-shape-3{animation-delay:-10s;height:150px;left:50%;top:50%;transform:translate(-50%,-50%);width:150px}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.05)}50%{transform:translate(-10px,20px) scale(.95)}75%{transform:translate(15px,10px) scale(1.02)}}.auth-brand-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.auth-brand-icon svg{color:#fff;height:40px;width:40px}.auth-brand-content h2{color:#fff;font-size:28px;font-weight:700;margin-bottom:12px}.auth-brand-content p{color:#ffffffd9;font-size:16px;line-height:1.6}.auth-form-side{align-items:center;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:24px}.auth-form-wrapper{display:flex;flex-direction:column;max-width:420px;min-height:100%;padding:20px 0;width:100%}.auth-logo-link{align-items:center;display:flex;gap:10px;margin-bottom:40px;text-decoration:none}.auth-logo-icon-new{align-items:center;background:linear-gradient(135deg,#6366f11a,#a855f71a);border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.auth-logo-link span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.auth-form-box{display:flex;flex:1 1;flex-direction:column}.auth-form-header{margin-bottom:32px}.auth-form-header h1{color:#fff;color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.auth-form-header p{color:#6b6b8a;color:var(--text-muted);font-size:15px;line-height:1.5}.auth-form-header p strong{color:#fff;color:var(--text-primary)}.auth-message{align-items:flex-start;border-radius:12px;display:flex;font-size:14px;gap:12px;line-height:1.5;margin-bottom:24px;padding:14px 16px}.auth-message svg{flex-shrink:0;height:20px;margin-top:1px;width:20px}.auth-message-error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.auth-message-success{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.auth-form-new{gap:20px}.auth-form-new,.form-field{display:flex;flex-direction:column}.form-field{gap:8px}.form-field label{color:#fff;color:var(--text-primary);font-size:14px;font-weight:500}.field-header{align-items:center;display:flex;justify-content:space-between}.field-link{color:#6366f1;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s ease}.field-link:hover{color:#4f46e5}.field-hint{color:#6b6b8a;color:var(--text-muted);font-size:12px;margin-top:4px}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon>svg{color:#6b6b8a;color:var(--text-muted);height:18px;left:14px;pointer-events:none;position:absolute;width:18px;z-index:1}.input-with-icon input{background:#16213e;background:var(--bg-tertiary);border:1.5px solid #2d2d5a;border:1.5px solid var(--border-color);border-radius:12px;color:#fff;color:var(--text-primary);font-size:15px;padding:14px 14px 14px 46px;transition:all .2s ease;width:100%}.input-with-icon input:focus{background:#1a1a2e;background:var(--bg-secondary);border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.input-with-icon input::placeholder,.password-toggle{color:#6b6b8a;color:var(--text-muted)}.password-toggle{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:12px;transition:all .15s ease;width:36px}.password-toggle:hover{background:#1a1a2e;background:var(--bg-secondary);color:#fff;color:var(--text-primary)}.password-toggle svg{height:18px;width:18px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:500px){.form-row{grid-template-columns:1fr}}.auth-submit-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 14px #6366f159;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:16px 24px;transition:all .2s ease;width:100%}.auth-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #6366f173;transform:translateY(-2px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-spinner-new{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.auth-separator{align-items:center;display:flex;gap:16px;margin:24px 0}.auth-separator:after,.auth-separator:before{background:#2d2d5a;background:var(--border-color);content:"";flex:1 1;height:1px}.auth-separator span{font-size:13px;font-weight:500}.auth-separator span,.auth-switch{color:#6b6b8a;color:var(--text-muted)}.auth-switch{align-items:center;display:flex;font-size:14px;gap:8px;justify-content:center}.auth-switch-link{color:#6366f1;font-weight:600;text-decoration:none;transition:color .15s ease}.auth-switch-link:hover{color:#4f46e5}.auth-footer-text{margin-top:auto;padding-top:40px}.auth-footer-text,.auth-terms{color:#6b6b8a;color:var(--text-muted);font-size:13px;text-align:center}.auth-terms{line-height:1.5}.auth-terms a{color:#a0a0c0;color:var(--text-secondary);text-decoration:underline}.auth-terms a:hover{color:#fff;color:var(--text-primary)}.otp-section{padding:8px 0}.otp-inputs-new{display:flex;gap:10px;justify-content:center}.otp-input-new{background:#16213e;background:var(--bg-tertiary);border:2px solid #2d2d5a;border:2px solid var(--border-color);border-radius:14px;caret-color:#6366f1;color:#fff;color:var(--text-primary);font-size:24px;font-weight:700;height:64px;text-align:center;transition:all .2s ease;width:52px}.otp-input-new:focus{background:#1a1a2e;background:var(--bg-secondary);border-color:#6366f1;box-shadow:0 0 0 4px #6366f126;outline:none}.otp-input-new.has-value{background:#6366f10d;border-color:#6366f1}.otp-actions{margin-top:20px;text-align:center}.otp-timer{color:#6b6b8a;color:var(--text-muted);font-size:14px}.otp-timer span{color:#6366f1;font-weight:600}.auth-link-btn-new{background:none;border:none;color:#6366f1;cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s ease}.auth-link-btn-new:hover{color:#4f46e5;text-decoration:underline}.auth-link-btn-new:disabled{cursor:not-allowed;opacity:.5}.auth-back-link{align-items:center;background:none;border:none;border-radius:8px;color:#6b6b8a;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;margin-top:24px;padding:12px;text-decoration:none;transition:color .15s ease}.auth-back-link:hover{background:#16213e;background:var(--bg-tertiary);color:#fff;color:var(--text-primary)}.auth-back-link svg{height:18px;width:18px}.auth-success-state{padding:20px 0;text-align:center}.auth-success-state .success-icon{align-items:center;background:#10b9811a;border-radius:50%;display:flex;height:72px;justify-content:center;margin:0 auto 20px;width:72px}.auth-success-state .success-icon svg{color:#10b981;height:36px;width:36px}.auth-success-state h1{color:#fff;color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:12px}.auth-success-state p{color:#6b6b8a;color:var(--text-muted);font-size:15px;line-height:1.5}.auth-success-state .email-highlight{color:#fff;color:var(--text-primary);font-weight:600;margin-top:4px}.success-actions{background:#16213e;background:var(--bg-tertiary);border-radius:12px;margin:24px 0;padding:16px}.success-actions .success-note{color:#6b6b8a;color:var(--text-muted);font-size:13px;margin-bottom:8px}.auth-error-state{padding:20px 0;text-align:center}.auth-error-state .error-icon{align-items:center;background:#ef44441a;border-radius:50%;display:flex;height:72px;justify-content:center;margin:0 auto 20px;width:72px}.auth-error-state .error-icon svg{color:#ef4444;height:36px;width:36px}.auth-error-state h1{color:#fff;color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:12px}.auth-error-state p{color:#6b6b8a;color:var(--text-muted);font-size:15px;line-height:1.5}.auth-loading-state{padding:40px 0;text-align:center}.loading-spinner-large{animation:spin .8s linear infinite;border:3px solid #2d2d5a;border:3px solid var(--border-color);border-radius:50%;border-top:3px solid #6366f1;height:48px;margin:0 auto 24px;width:48px}.auth-loading-state h1{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px}.auth-loading-state p{color:#6b6b8a;color:var(--text-muted);font-size:14px}.dashboard-page{background:#0f0f23;background:var(--bg-primary);min-height:100vh}[data-theme=light]{--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-tertiary:#f1f3f4;--text-primary:#1a1a1a;--text-secondary:#5f6368;--text-muted:#9aa0a6;--border-color:#e0e0e0;--border-hover:#d0d0d0}.dashboard-header{background:#1a1a2e;background:var(--bg-secondary);border-bottom:1px solid #2d2d5a;border-bottom:1px solid var(--border-color);justify-content:space-between;padding:12px 24px}.dashboard-header,.dashboard-header-left,.dashboard-logo{align-items:center;display:flex}.dashboard-logo{gap:12px}.header-logo-icon{align-items:center;background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:8px;box-shadow:0 2px 8px #667eea26;display:flex;height:36px;justify-content:center;width:36px}.header-logo-text{display:flex;flex-direction:column;gap:0}.header-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800;letter-spacing:-.3px;line-height:1.1}.header-tagline{color:#6b6b8a;color:var(--text-muted);font-size:9px;font-weight:600;letter-spacing:.8px;opacity:.8;text-transform:uppercase}.dashboard-logo svg{color:#a0a0c0;color:var(--text-secondary)}.dashboard-header-right{gap:12px}.dashboard-header-right,.dashboard-user-info{align-items:center;display:flex}.dashboard-user-name{font-size:13px;font-weight:500}.dashboard-user-name,.theme-toggle{color:#a0a0c0;color:var(--text-secondary)}.theme-toggle{align-items:center;background:#0000;border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.theme-toggle:hover{background:#16213e;background:var(--bg-tertiary);color:#fff;color:var(--text-primary)}.dashboard-logout{align-items:center;background:#0000;border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;color:#a0a0c0;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.dashboard-logout:hover{background:#16213e;background:var(--bg-tertiary);color:#fff;color:var(--text-primary)}.dashboard-main{margin:0 auto;max-width:720px;padding:32px 24px}.dashboard-title-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.dashboard-title-row h1{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600}.dashboard-subtitle{color:#6b6b8a;color:var(--text-muted);font-size:13px;margin-top:2px}.dashboard-create-btn{align-items:center;background:#fff;background:var(--text-primary);border:none;border-radius:6px;color:#0f0f23;color:var(--bg-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;text-decoration:none;transition:all .15s ease}.dashboard-create-btn:hover{opacity:.85}.dashboard-error{align-items:center;background:#1a1a2e;background:var(--bg-secondary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;color:#a0a0c0;color:var(--text-secondary);display:flex;font-size:13px;justify-content:space-between;margin-bottom:20px;padding:12px 14px}.dashboard-error button{background:none;border:none;color:#6b6b8a;color:var(--text-muted);cursor:pointer;font-size:16px;padding:0}.dashboard-loading{align-items:center;display:flex;justify-content:center;padding:60px 20px}.dashboard-spinner{animation:spin .6s linear infinite;border:2px solid #2d2d5a;border-top-color:#a0a0c0;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--text-secondary);height:24px;width:24px}.dashboard-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.dashboard-empty svg{color:#6b6b8a;color:var(--text-muted);margin-bottom:16px;opacity:.5}.dashboard-empty h2{color:#fff;color:var(--text-primary);font-size:16px;font-weight:500;margin-bottom:6px}.dashboard-empty p{color:#6b6b8a;color:var(--text-muted);font-size:13px;margin-bottom:20px}.dashboard-list{background:#2d2d5a;background:var(--border-color);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:1px;overflow:hidden}.flow-item{align-items:center;background:#1a1a2e;background:var(--bg-secondary);cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:background .1s ease}.flow-item:hover{background:#16213e;background:var(--bg-tertiary)}.flow-item-main{flex:1 1;min-width:0}.flow-item-title{align-items:center;display:flex;gap:8px}.flow-item-title h3{color:#fff;color:var(--text-primary);font-size:14px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-item-public{font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.flow-item-desc,.flow-item-public{color:#6b6b8a;color:var(--text-muted)}.flow-item-desc{font-size:12px;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-item-meta{align-items:center;color:#6b6b8a;color:var(--text-muted);display:flex;font-size:11px;gap:6px;margin-top:4px}.flow-item-actions{align-items:center;display:flex;gap:4px;margin-left:12px}.flow-action-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b6b8a;color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .1s ease;width:28px}.flow-action-btn:hover{background:#0f0f23;background:var(--bg-primary);color:#fff;color:var(--text-primary)}.flow-action-btn-danger:hover{color:#dc3545}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-content{background:#1a1a2e;background:var(--bg-secondary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px #00000080;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;width:100%}.modal-content.modal-small{max-width:420px}.modal-content h3{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:12px}.modal-content p{color:#a0a0c0;color:var(--text-secondary);font-size:14px;margin-bottom:20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-btn{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 18px;transition:all .2s ease;transition:var(--transition)}.modal-btn-secondary{background:#16213e;background:var(--bg-tertiary);color:#a0a0c0;color:var(--text-secondary)}.modal-btn-secondary:hover{background:#1e1e3f;background:var(--bg-card);color:#fff;color:var(--text-primary)}.modal-btn-primary{background:#4f8cff;background:var(--accent-blue);color:#fff}.modal-btn-primary:hover:not(:disabled){background:#3d7ae6}.modal-btn-primary:disabled{cursor:not-allowed;opacity:.6}.modal-btn-danger{background:#ef4444;background:var(--accent-red);color:#fff}.modal-btn-danger:hover{background:#dc2626}.share-link-box{display:flex;gap:8px;margin-bottom:16px}.share-link-box input{color:#fff;color:var(--text-primary);flex:1 1;font-family:monospace;font-size:13px}.share-link-box button,.share-link-box input{background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);padding:12px 14px}.share-link-box button{color:#a0a0c0;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;transition:var(--transition)}.share-link-box button:hover{background:#1e1e3f;background:var(--bg-card);color:#10b981;color:var(--accent-green)}.save-flow-form{display:flex;flex-direction:column;gap:16px}.save-flow-toggle{margin-top:8px}.toggle-label{align-items:flex-start;cursor:pointer;display:flex;gap:12px}.toggle-label input{display:none}.toggle-switch{background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:12px;flex-shrink:0;height:24px;position:relative;width:44px}.toggle-switch,.toggle-switch:after{transition:all .2s ease;transition:var(--transition)}.toggle-switch:after{background:#6b6b8a;background:var(--text-muted);border-radius:50%;content:"";height:16px;left:3px;position:absolute;top:3px;width:16px}.toggle-label input:checked+.toggle-switch{background:#10b981;background:var(--accent-green);border-color:#10b981;border-color:var(--accent-green)}.toggle-label input:checked+.toggle-switch:after{background:#fff;left:23px}.toggle-text{display:flex;flex-direction:column;gap:2px}.toggle-text strong{color:#fff;color:var(--text-primary);font-size:14px;font-weight:500}.toggle-text small{color:#6b6b8a;color:var(--text-muted);font-size:12px}.save-modal{animation:modalSlideIn .25s ease-out;background:#1a1a2e;background:var(--bg-secondary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 25px 50px -12px #0006;max-width:480px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.save-modal-header{align-items:flex-start;display:flex;gap:16px;padding:24px 24px 0;position:relative}.save-modal-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--accent-green),#059669);border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.save-modal-icon svg{color:#fff}.save-modal-title{flex:1 1}.save-modal-title h2{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 4px}.save-modal-title p{color:#6b6b8a;color:var(--text-muted);font-size:14px;margin:0}.save-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b6b8a;color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;transition:var(--transition);width:32px}.save-modal-close:hover{background:#16213e;background:var(--bg-tertiary);color:#fff;color:var(--text-primary)}.save-modal-form{display:flex;flex-direction:column;gap:20px;padding:24px}.save-modal-field{display:flex;flex-direction:column;gap:8px}.save-modal-field label{align-items:center;color:#a0a0c0;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:8px}.save-modal-field label svg{color:#6b6b8a;color:var(--text-muted)}.save-modal-field label .required{color:#ef4444;margin-left:2px}.save-modal-field label .optional{color:#6b6b8a;color:var(--text-muted);font-weight:400;margin-left:4px}.save-modal-field input,.save-modal-field textarea{background:#0f0f23;background:var(--bg-primary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:10px;color:#fff;color:var(--text-primary);font-size:14px;padding:12px 14px;transition:all .2s ease;transition:var(--transition);width:100%}.save-modal-field input:focus,.save-modal-field textarea:focus{border-color:#10b981;border-color:var(--accent-green);box-shadow:0 0 0 3px #10b98126;outline:none}.save-modal-field input::placeholder,.save-modal-field textarea::placeholder{color:#6b6b8a;color:var(--text-muted)}.save-modal-field textarea{min-height:80px;resize:vertical}.save-modal-visibility{margin-top:4px}.visibility-option{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.visibility-btn{align-items:center;background:#0f0f23;background:var(--bg-primary);border:2px solid #2d2d5a;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px;position:relative;transition:all .2s ease;transition:var(--transition)}.visibility-btn:hover{border-color:#6b6b8a;border-color:var(--text-muted)}.visibility-btn.active{background:#10b98114;border-color:#10b981;border-color:var(--accent-green)}.visibility-icon{align-items:center;background:#16213e;background:var(--bg-tertiary);border-radius:10px;color:#6b6b8a;color:var(--text-muted);display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:40px}.visibility-btn.active .visibility-icon{background:#10b981;background:var(--accent-green);color:#fff}.visibility-text{align-items:flex-start;display:flex;flex-direction:column;gap:2px;text-align:left}.visibility-title{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600}.visibility-desc{color:#6b6b8a;color:var(--text-muted);font-size:11px}.visibility-check{align-items:center;background:#10b981;background:var(--accent-green);border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;position:absolute;right:8px;top:8px;width:20px}.save-modal-actions{border-top:1px solid #2d2d5a;border-top:1px solid var(--border-color);display:flex;gap:12px;margin-top:4px;padding-top:8px}.save-modal-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease;transition:var(--transition)}.save-modal-btn.cancel{background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);color:#a0a0c0;color:var(--text-secondary)}.save-modal-btn.cancel:hover{background:#0f0f23;background:var(--bg-primary);color:#fff;color:var(--text-primary)}.save-modal-btn.primary{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--accent-green),#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.save-modal-btn.primary:hover:not(:disabled){box-shadow:0 6px 16px #10b98166;transform:translateY(-1px)}.save-modal-btn.primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.save-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.shared-flow-page{background:#0f0f23;background:var(--bg-primary);display:flex;flex-direction:column;height:100vh}.shared-flow-header{align-items:center;background:#1a1a2e;background:var(--bg-secondary);border-bottom:1px solid #2d2d5a;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 24px}.shared-flow-header-left,.shared-flow-header-right{flex:1 1}.shared-flow-header-right{align-items:center;display:flex;gap:12px;justify-content:flex-end}.shared-flow-header-center{text-align:center}.shared-flow-header-center h1{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600}.shared-flow-header-center span{color:#6b6b8a;color:var(--text-muted);font-size:12px}.shared-flow-btn{background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:#a0a0c0;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 16px;text-decoration:none;transition:all .2s ease;transition:var(--transition)}.shared-flow-btn:hover{background:#1e1e3f;background:var(--bg-card);color:#fff;color:var(--text-primary)}.shared-flow-btn-primary{background:#4f8cff;background:var(--accent-blue);border-color:#4f8cff;border-color:var(--accent-blue);color:#fff}.shared-flow-btn-primary:hover{background:#3d7ae6;color:#fff}.shared-flow-description{background:#1a1a2e;background:var(--bg-secondary);border-bottom:1px solid #2d2d5a;border-bottom:1px solid var(--border-color);padding:12px 24px}.shared-flow-description p{color:#a0a0c0;color:var(--text-secondary);font-size:14px;margin:0 auto;max-width:600px;text-align:center}.shared-flow-canvas{flex:1 1;min-height:0;width:100%}.shared-flow-canvas .react-flow{height:100%;width:100%}.shared-flow-error,.shared-flow-loading{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center;padding:40px;text-align:center}.shared-flow-error svg{color:#ef4444;color:var(--accent-red)}.shared-flow-error h2{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600}.shared-flow-error p{color:#a0a0c0;color:var(--text-secondary);font-size:14px;margin-bottom:8px}.editor-loading{background:#0f0f23;background:var(--bg-primary);flex-direction:column;gap:16px;min-height:100vh}.editor-loading,.toolbar-back-btn{align-items:center;color:#a0a0c0;color:var(--text-secondary);display:flex;justify-content:center}.toolbar-back-btn{background:#0000;border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;height:32px;margin-right:12px;transition:all .2s ease;transition:var(--transition);width:32px}.toolbar-back-btn:hover{background:#16213e;background:var(--bg-tertiary);color:#fff;color:var(--text-primary)}.toolbar-flow-name{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:6px}.unsaved-indicator{color:#f59e0b;color:var(--accent-orange);font-size:24px;line-height:1}.toolbar-btn-save{background:#10b981;background:var(--accent-green);border-color:#10b981;border-color:var(--accent-green);color:#fff}.toolbar-btn-save:hover:not(:disabled){background:#059669;border-color:#059669}.toolbar-btn-save:disabled{cursor:not-allowed;opacity:.5}.toolbar-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.modal-header{margin-bottom:20px}.modal-close{align-items:center;border-radius:6px;border-radius:var(--radius-sm);display:flex;height:32px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:32px}.modal-close:hover{background:#16213e;background:var(--bg-tertiary)}.toolbar-dropdown{position:relative}.toolbar-dropdown-menu{background:#1a1a2e;background:var(--bg-secondary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 10px 15px #00000080;box-shadow:var(--shadow-lg);margin-top:4px;min-width:160px;padding:4px;position:absolute;right:0;top:100%;z-index:100}.toolbar-dropdown-menu button{align-items:center;background:#0000;border:none;border-radius:4px;color:#a0a0c0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 10px;text-align:left;width:100%}.toolbar-dropdown-menu button:hover{background:#16213e;background:var(--bg-tertiary);color:#fff;color:var(--text-primary)}.dashboard-tabs{background:#16213e;background:var(--bg-tertiary);border-radius:8px;display:flex;gap:4px;margin-bottom:24px;padding:4px;width:-webkit-fit-content;width:fit-content}.dashboard-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b6b8a;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:all .15s ease}.dashboard-tab:hover{color:#a0a0c0;color:var(--text-secondary)}.dashboard-tab.active,.dashboard-tab:hover{background:#1a1a2e;background:var(--bg-secondary)}.dashboard-tab.active{box-shadow:0 1px 2px #0000004d;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-primary)}.teams-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.team-card{background:#1a1a2e;background:var(--bg-secondary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;padding:16px;transition:all .15s ease}.team-card:hover{border-color:#4a4a8a;border-color:var(--border-hover);box-shadow:0 4px 6px #0006;box-shadow:var(--shadow-md)}.team-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.team-card-header h3{color:#fff;color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.team-role{background:#4f8cff26;border-radius:4px;color:#4f8cff;color:var(--accent-blue);font-size:10px;font-weight:500;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.team-card-meta{color:#6b6b8a;color:var(--text-muted);font-size:12px;margin-bottom:12px}.team-invite-btn{align-items:center;background:#0000;border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:6px;color:#a0a0c0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:all .15s ease}.team-invite-btn:hover{background:#16213e;background:var(--bg-tertiary);border-color:#4a4a8a;border-color:var(--border-hover);color:#fff;color:var(--text-primary)}.invitations-banner{background:linear-gradient(135deg,#4f8cff1a,#8b5cf61a);border:1px solid #4f8cff;border:1px solid var(--accent-blue);border-radius:10px;margin-bottom:24px;padding:16px}.invitations-banner h3{color:#4f8cff;color:var(--accent-blue);font-size:13px;font-weight:600;margin-bottom:12px}.invitation-item{align-items:center;background:#1a1a2e;background:var(--bg-secondary);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px}.invitation-item:last-child{margin-bottom:0}.invitation-item span{color:#a0a0c0;color:var(--text-secondary);font-size:13px}.invitation-item strong{color:#fff;color:var(--text-primary)}.invitation-item button{background:#4f8cff;background:var(--accent-blue);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all .15s ease}.invitation-item button:hover{filter:brightness(1.1)}.modal-large{max-width:600px!important}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.modal-header h2{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.modal-close{background:#0000;border:none;color:#6b6b8a;color:var(--text-muted);cursor:pointer;padding:4px}.modal-close:hover{color:#fff;color:var(--text-primary)}.team-detail-section{margin-bottom:24px}.team-detail-section h4{color:#6b6b8a;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.team-members-list{display:flex;flex-direction:column;gap:8px}.team-member-item{align-items:center;background:#16213e;background:var(--bg-tertiary);border-radius:8px;display:flex;gap:12px;padding:10px}.team-member-avatar{align-items:center;background:linear-gradient(135deg,#4f8cff,#8b5cf6);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.team-member-info{display:flex;flex:1 1;flex-direction:column}.team-member-name{color:#fff;color:var(--text-primary);font-size:13px;font-weight:500}.team-member-email{font-size:11px}.team-member-email,.team-member-role{color:#6b6b8a;color:var(--text-muted)}.team-member-role{background:#1a1a2e;background:var(--bg-secondary);border-radius:4px;font-size:10px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.team-flows-list{display:flex;flex-direction:column;gap:6px}.team-flow-item{align-items:center;background:#16213e;background:var(--bg-tertiary);border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:background .15s ease}.team-flow-item:hover{background:#1a1a2e;background:var(--bg-secondary)}.team-flow-name{color:#fff;color:var(--text-primary);font-size:13px;font-weight:500}.team-flow-owner{color:#6b6b8a;color:var(--text-muted);font-size:11px}.team-empty-text{background:#16213e;background:var(--bg-tertiary);font-size:13px;padding:16px;text-align:center}.team-empty-text,.team-hint{border-radius:6px;color:#6b6b8a;color:var(--text-muted)}.team-hint{background:#4f8cff1a;font-size:12px;margin-top:12px;padding:8px 12px}.modal-hint{color:#6b6b8a;color:var(--text-muted);font-size:12px;margin-bottom:16px}.version-history-panel{background:#1a1a2e;background:var(--bg-secondary);border-left:1px solid #2d2d5a;border-left:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:320px;z-index:200}.version-history-header{align-items:center;border-bottom:1px solid #2d2d5a;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px}.version-history-header h3{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600}.panel-close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b6b8a;color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.panel-close-btn:hover{background:#16213e;background:var(--bg-tertiary);color:#fff;color:var(--text-primary)}.version-create{border-bottom:1px solid #2d2d5a;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;padding:12px 16px}.version-create input{background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:4px;color:#fff;color:var(--text-primary);font-size:13px;padding:8px 10px}.version-create input:focus{border-color:#6b6b8a;border-color:var(--text-muted);outline:none}.version-create button{background:#fff;background:var(--text-primary);border:none;border-radius:4px;color:#0f0f23;color:var(--bg-primary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px}.version-create button:hover{opacity:.9}.version-create button:disabled{cursor:not-allowed;opacity:.5}.version-list{flex:1 1;overflow-y:auto;padding:8px}.version-empty,.version-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.version-empty p{color:#6b6b8a;color:var(--text-muted);font-size:13px}.version-empty-hint{font-size:12px!important;margin-top:4px}.version-item{align-items:center;background:#16213e;background:var(--bg-tertiary);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:6px;padding:10px 12px}.version-item-info{flex:1 1;min-width:0}.version-item-title{align-items:center;display:flex;gap:8px}.version-number{background:#0f0f23;background:var(--bg-primary);border-radius:4px;font-size:12px;font-weight:600;padding:2px 6px}.version-desc,.version-number{color:#fff;color:var(--text-primary)}.version-desc{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-item-meta{align-items:center;color:#6b6b8a;color:var(--text-muted);display:flex;font-size:11px;gap:6px;margin-top:4px}.version-restore-btn{background:#0000;border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:4px;color:#a0a0c0;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:6px 10px;white-space:nowrap}.version-restore-btn:hover{background:#0f0f23;background:var(--bg-primary);color:#fff;color:var(--text-primary)}.version-restore-btn:disabled{cursor:not-allowed;opacity:.5}.comments-panel{background:#1a1a2e;background:var(--bg-secondary);border-left:1px solid #2d2d5a;border-left:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:340px;z-index:200}.comments-header{align-items:center;border-bottom:1px solid #2d2d5a;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px}.comments-header h3{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600}.comments-filters{border-bottom:1px solid #2d2d5a;border-bottom:1px solid var(--border-color);display:flex;gap:4px;padding:12px 16px}.comments-filters button{background:#0000;border:none;border-radius:4px;color:#6b6b8a;color:var(--text-muted);cursor:pointer;font-size:12px;padding:6px 10px}.comments-filters button:hover{color:#a0a0c0;color:var(--text-secondary)}.comments-filters button.active{background:#16213e;background:var(--bg-tertiary);color:#fff;color:var(--text-primary)}.comments-input{border-bottom:1px solid #2d2d5a;border-bottom:1px solid var(--border-color);padding:12px 16px}.comments-input-node{color:#6b6b8a;color:var(--text-muted);font-size:11px;margin-bottom:8px}.comments-input-node strong{color:#a0a0c0;color:var(--text-secondary)}.comments-input-row{display:flex;gap:8px}.comments-input-row input{background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:4px;color:#fff;color:var(--text-primary);flex:1 1;font-size:13px;padding:8px 10px}.comments-input-row input:focus{border-color:#6b6b8a;border-color:var(--text-muted);outline:none}.comments-input-row button{align-items:center;background:#fff;background:var(--text-primary);border:none;border-radius:4px;color:#0f0f23;color:var(--bg-primary);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.comments-input-row button:disabled{cursor:not-allowed;opacity:.3}.comments-no-node{border-bottom:1px solid #2d2d5a;border-bottom:1px solid var(--border-color);padding:16px;text-align:center}.comments-no-node p{color:#6b6b8a;color:var(--text-muted);font-size:13px}.comments-list{flex:1 1;overflow-y:auto;padding:12px}.comments-empty,.comments-loading{align-items:center;display:flex;justify-content:center;padding:40px 20px}.comments-empty p{color:#6b6b8a;color:var(--text-muted);font-size:13px}.comment-item{background:#16213e;background:var(--bg-tertiary);border-radius:6px;margin-bottom:8px;padding:12px}.comment-item.resolved{opacity:.6}.comment-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.comment-item-user{align-items:center;display:flex;gap:8px}.comment-avatar{align-items:center;background:#4f8cff;background:var(--accent-blue);border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:600;height:24px;justify-content:center;width:24px}.comment-name{color:#fff;color:var(--text-primary);font-size:12px;font-weight:500}.comment-time{font-size:11px}.comment-node-tag,.comment-time{color:#6b6b8a;color:var(--text-muted)}.comment-node-tag{background:#0f0f23;background:var(--bg-primary);border-radius:4px;cursor:pointer;display:inline-block;font-size:10px;margin-bottom:8px;padding:2px 6px}.comment-content,.comment-node-tag:hover{color:#a0a0c0;color:var(--text-secondary)}.comment-content{font-size:13px;line-height:1.5;margin-bottom:8px}.comment-actions{display:flex;gap:8px}.comment-delete-btn,.comment-resolve-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b6b8a;color:var(--text-muted);cursor:pointer;display:flex;font-size:11px;gap:4px;padding:4px 8px}.comment-delete-btn:hover,.comment-resolve-btn:hover{background:#0f0f23;background:var(--bg-primary);color:#a0a0c0;color:var(--text-secondary)}.comment-resolve-btn.resolved{color:#10b981;color:var(--accent-green)}.active-users-bar{align-items:center;background:#1a1a2e;background:var(--bg-secondary);border:1px solid #2d2d5a;border:1px solid var(--border-color);border-radius:20px;display:flex;gap:12px;padding:6px 12px;position:absolute;right:16px;top:56px;z-index:50}.active-users-indicator{align-items:center;color:#a0a0c0;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.active-users-dot{animation:pulse 2s ease-in-out infinite;background:#10b981;background:var(--accent-green);border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.active-users-avatars{display:flex;margin-left:-4px}.active-user-avatar{align-items:center;border:2px solid #1a1a2e;border:2px solid var(--bg-secondary);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:600;height:24px;justify-content:center;margin-left:-6px;width:24px}.active-user-avatar:first-child{margin-left:0}.active-user-more{background:#16213e;background:var(--bg-tertiary);color:#6b6b8a;color:var(--text-muted);font-size:9px}.collaborator-cursor{pointer-events:none;position:absolute;transition:left .1s ease,top .1s ease;z-index:1000}.cursor-label{border-radius:4px;color:#fff;font-size:10px;font-weight:500;left:14px;padding:2px 6px;position:absolute;top:14px;white-space:nowrap}
/*# sourceMappingURL=main.74b2c0e6.css.map*/