.timeout-warning-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease}.timeout-warning-modal{background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:16px;padding:32px;max-width:400px;width:90%;box-shadow:0 20px 60px #00000080;border:2px solid rgba(239,68,68,.5);animation:slideUp .3s ease,pulse 2s ease-in-out infinite}.timeout-warning-header{text-align:center;margin-bottom:24px}.warning-icon{font-size:48px;display:block;margin-bottom:12px;animation:shake .5s ease-in-out infinite}.timeout-warning-header h3{font-size:24px;color:#fff;margin:0}.timeout-warning-body{text-align:center;margin-bottom:24px}.timeout-warning-body p{color:#fecaca;font-size:16px;margin:0 0 16px}.countdown-timer{font-size:64px;font-weight:700;color:#fff;margin:20px 0;font-variant-numeric:tabular-nums;text-shadow:0 0 20px rgba(255,255,255,.5)}.timeout-hint{font-size:14px!important;color:#fca5a5!important}.timeout-warning-footer{display:flex;justify-content:center}.btn-stay-signed-in{background:linear-gradient(135deg,#fff,#f3f4f6);color:#dc2626;border:none;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0000004d}.btn-stay-signed-in:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}@keyframes pulse{0%,to{box-shadow:0 20px 60px #00000080}50%{box-shadow:0 20px 60px #ef444499}}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:9999;padding:var(--space-md) 0;transition:all var(--transition-base);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(139,92,246,.1)}.navbar-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl)}.navbar-logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-decoration:none;transition:all var(--transition-base)}.navbar-logo:hover{transform:scale(1.05)}.logo-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.logo-icon svg{width:40px;height:40px;aspect-ratio:1 / 1}.nav-links{display:flex;align-items:center;justify-content:center;gap:2rem;list-style:none;margin:0;padding:0;flex:1}.nav-link{font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;font-weight:700;position:relative;transition:all var(--transition-base)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-base)}.nav-link:hover{transform:scale(1.05);color:#06b6d4}.nav-link:hover:after{width:100%;box-shadow:0 0 8px #06b6d4cc,0 0 16px #06b6d480}.theme-toggle{background:transparent;border:1px rgba(139,92,246,.2);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:1.25rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.theme-toggle:hover{transform:scale(1.05) rotate(15deg)}.theme-toggle:active{transform:scale(.95)}.btn-nav{white-space:nowrap}.menu-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:var(--space-sm)}.menu-icon{display:flex;flex-direction:column;gap:5px;width:24px;height:20px}.menu-icon span{width:100%;height:2px;background:var(--color-text-primary);transition:all var(--transition-base);border-radius:2px}.menu-icon.open span:nth-child(1){transform:rotate(45deg) translateY(7px)}.menu-icon.open span:nth-child(2){opacity:0}.menu-icon.open span:nth-child(3){transform:rotate(-45deg) translateY(-7px)}.mobile-menu{display:none;flex-direction:column;gap:var(--space-md);padding:var(--space-xl);margin-top:var(--space-md);border-radius:var(--border-radius-xl)}.mobile-link{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;padding:var(--space-md);border-radius:var(--border-radius-md);transition:all var(--transition-base)}.mobile-link:hover{background:#8b5cf61a;color:var(--color-text-primary)}@media(max-width:768px){.theme-toggle-mobile{background:transparent;border:1px rgba(139,92,246,.2);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:1.25rem;width:40px;height:40px;transition:all var(--transition-base)}.theme-toggle-mobile:hover{transform:scale(1.1) rotate(15deg);background:transparent!important}.nav-links,.theme-toggle,.btn-nav{display:none}.menu-toggle{display:block}.mobile-menu{display:flex}}.user-menu-container{position:relative}.user-menu-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;transition:all .2s;box-shadow:0 2px 8px #8b5cf64d}.user-menu-button:hover .user-avatar{transform:scale(1.05);box-shadow:0 4px 12px #8b5cf680}.user-menu-overlay{position:fixed;inset:0;z-index:998}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#1e1b4bf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(139,92,246,.3);border-radius:12px;box-shadow:0 8px 24px #0006;z-index:999;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{padding:12px 16px}.user-dropdown-email{color:#a78bfa;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-divider{height:1px;background:#8b5cf633;margin:4px 0}.user-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#fff;text-decoration:none;background:none;border:none;width:100%;text-align:left;font-size:14px;cursor:pointer;transition:all .2s}.user-dropdown-item:hover{background:#8b5cf626}.user-dropdown-item span:first-child{font-size:16px}.user-dropdown-signout{color:#fca5a5}.user-dropdown-signout:hover{background:#ef444426}.footer{background:linear-gradient(180deg,transparent 0%,rgba(13,11,20,.8) 50%,rgba(6,6,9,1) 100%);border-top:1px solid rgba(139,92,246,.1);padding:var(--space-3xl) 0 var(--space-xl);margin-top:var(--space-3xl)}.footer-content{display:grid;grid-template-columns:2fr 3fr;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-logo{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.footer-logo .logo-icon{color:var(--color-primary);flex-shrink:0}.footer-tagline{color:var(--color-text-muted);font-size:var(--font-size-xs);max-width:280px;line-height:1.5}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.footer-section{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-section h4{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.footer-section a{color:var(--color-text-muted);font-size:var(--font-size-xs);text-decoration:none;transition:all .2s ease;line-height:1.6}.footer-section a:hover{color:var(--color-primary-light);transform:translate(2px)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-lg);border-top:1px solid rgba(139,92,246,.1)}.footer-bottom p{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0}.footer-social{display:flex;gap:var(--space-md);align-items:center}.footer-social a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-text-muted);transition:all .2s ease;text-decoration:none;border-radius:6px}.footer-social a:hover{color:var(--color-primary);background:#8b5cf61a;transform:translateY(-2px)}@media(max-width:768px){.footer{padding:var(--space-2xl) 0 var(--space-lg)}.footer-content{grid-template-columns:1fr;gap:var(--space-xl);margin-bottom:var(--space-xl)}.footer-links{grid-template-columns:1fr;gap:var(--space-lg)}.footer-bottom{flex-direction:column;gap:var(--space-md);text-align:center}}[data-theme=light] .footer{background:linear-gradient(180deg,transparent 0%,#f8fafc 50%,#f1f5f9 100%);border-top:1px solid rgba(139,92,246,.2)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:80px;overflow:hidden}.hero-background{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-gradient{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:150%;height:150%;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite}.floating-shapes{position:absolute;inset:0}.shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:float 8s ease-in-out infinite}.shape-1{top:10%;left:10%;width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.25) 0%,transparent 70%);animation-delay:0s}.shape-2{top:60%;right:10%;width:400px;height:400px;background:radial-gradient(circle,rgba(6,182,212,.2) 0%,transparent 70%);animation-delay:2s}.shape-3{bottom:10%;left:30%;width:350px;height:350px;background:radial-gradient(circle,rgba(167,139,250,.15) 0%,transparent 70%);animation-delay:4s}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center}.hero-text{display:flex;flex-direction:column;gap:var(--space-xl)}.hero-title{font-size:var(--font-size-6xl);line-height:var(--line-height-tight);margin:0}.hero-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:600px}.hero-actions{display:flex;gap:var(--space-lg);width:fit-content;flex-wrap:wrap}.hero-cta{display:flex;gap:var(--space-lg);flex-wrap:wrap}.hero-stats{display:flex;align-items:center;gap:var(--space-xl);margin-top:var(--space-2xl);padding:var(--space-lg) var(--space-xl);background:#1a182566;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.15);border-radius:var(--border-radius-xl);width:fit-content}.stat-item{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-value{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,#a78bfa,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.stat-divider{width:1px;height:40px;background:linear-gradient(180deg,transparent 0%,rgba(139,92,246,.3) 50%,transparent 100%)}.hero-visual{position:relative}.hero-card{position:relative;padding:var(--space-3xl);overflow:hidden}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,rgba(139,92,246,.3) 90deg,transparent 180deg,transparent 270deg,transparent 360deg);animation:rotate 6s linear infinite;opacity:.5}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.visual-content{position:relative;z-index:1}.node-demo{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.demo-node{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-2xl);border-radius:var(--border-radius-xl);transition:all var(--transition-base)}.node-primary{background:#8b5cf633;border:2px solid var(--color-primary);box-shadow:0 0 20px #8b5cf64d}.node-secondary{background:#06b6d433;border:2px solid var(--color-secondary);box-shadow:0 0 20px #06b6d44d}.node-accent{background:#f59e0b33;border:2px solid var(--color-accent);box-shadow:0 0 20px #f59e0b4d}.demo-node:hover{transform:scale(1.05)}.node-icon{font-size:var(--font-size-3xl)}.node-label{font-family:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.demo-connection{width:2px;height:40px;background:linear-gradient(180deg,#8b5cf680,#06b6d480);position:relative}.demo-connection:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;gap:var(--space-3xl)}.hero-title{font-size:var(--font-size-5xl)}.hero-subtitle{font-size:var(--font-size-lg)}}@media(max-width:768px){.hero{min-height:auto;padding:var(--space-4xl) 0}.hero-title{font-size:var(--font-size-4xl)}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.shape{display:none}}[data-theme=light] .node-primary,[data-theme=light] .node-secondary,[data-theme=light] .node-accent{box-shadow:0 2px 4px #0000001a}[data-theme=light] .hero-gradient,[data-theme=light] .floating-shapes,[data-theme=light] .shape{display:none}[data-theme=light] .hero-stats{background:#fffc;border:1px solid rgba(139,92,246,.2);box-shadow:0 4px 12px #00000014}[data-theme=light] .stat-value{background:linear-gradient(135deg,#7c3aed,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .stat-label{color:#64748b}[data-theme=light] .stat-divider{background:linear-gradient(180deg,transparent 0%,rgba(139,92,246,.25) 50%,transparent 100%)}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.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__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.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.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.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-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.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-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.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.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.agent-canvas{width:auto;height:600px;border-radius:var(--border-radius-xl);overflow:hidden;position:relative;background:transparent!important}.agent-canvas :global(.react-flow__pane){background:transparent!important}:global(.agent-node){padding:var(--space-lg) var(--space-xl);border-radius:var(--border-radius-lg);font-family:var(--font-heading);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-base);box-shadow:var(--shadow-md)}:global(.agent-node:hover){transform:scale(1.05);box-shadow:var(--shadow-lg)}:global(.node-coordinator){background:#8b5cf626;border:2px solid #7c3aed;color:#e9d5ff;box-shadow:0 2px 8px #8b5cf640}:global(.node-data){background:#06b6d426;border:2px solid #0891b2;color:#cffafe;box-shadow:0 2px 8px #06b6d440}:global(.node-analysis){background:#10b98126;border:2px solid #059669;color:#d1fae5;box-shadow:0 2px 8px #10b98140}:global(.node-action){background:#f59e0b26;border:2px solid #d97706;color:#fef3c7;box-shadow:0 2px 8px #f59e0b40}:global(.react-flow__controls){background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(14,165,233,.3);border-radius:var(--border-radius-md)}:global(.react-flow__controls-button){background:#0ea5e91a;border:none;color:var(--color-text-primary);transition:all var(--transition-base)}:global(.react-flow__controls-button:hover){background:#0ea5e94d}[data-theme=light] :global(.react-flow__controls){background:#fffc;border:1px solid rgba(14,165,233,.3)}[data-theme=light] :global(.react-flow__controls-button){color:#0f172a}[data-theme=light] :global(.react-flow__controls-button:hover){background:#0ea5e933}.agent-canvas-wrapper :global(.react-flow__minimap),.agent-canvas :global(.react-flow__minimap),:global(.react-flow__minimap){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;position:absolute!important;left:-9999px!important;top:-9999px!important}.agent-canvas-wrapper :global(.react-flow__attribution),.agent-canvas :global(.react-flow__attribution),.agent-canvas-wrapper :global(.react-flow__panel),.agent-canvas :global(.react-flow__panel),.agent-canvas-wrapper :global(.react-flow__panel.react-flow__attribution),.agent-canvas :global(.react-flow__panel.react-flow__attribution),.agent-canvas-wrapper :global(.react-flow__panel.bottom),.agent-canvas :global(.react-flow__panel.bottom),.agent-canvas-wrapper :global(.react-flow__panel.right),.agent-canvas :global(.react-flow__panel.right),:global(.react-flow__attribution),:global(.react-flow__panel),:global(.react-flow__panel.react-flow__attribution),:global(.react-flow__panel.bottom),:global(.react-flow__panel.right),:global(.react-flow__panel.bottom.right){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;position:absolute!important;left:-9999px!important;top:-9999px!important;overflow:hidden!important}.agent-canvas-wrapper :global(.react-flow__attribution a),.agent-canvas :global(.react-flow__attribution a),:global(.react-flow__attribution a){display:none!important;visibility:hidden!important}.canvas-legend{display:flex;justify-content:center;gap:var(--space-2xl);margin-top:var(--space-xl);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.legend-dot{width:12px;height:12px;border-radius:50%;box-shadow:var(--shadow-sm)}.legend-dot.data{background:var(--color-secondary);box-shadow:0 0 8px #06b6d480}.legend-dot.analysis{background:var(--color-success);box-shadow:0 0 8px #10b98180}.legend-dot.action{background:var(--color-accent);box-shadow:0 0 8px #f59e0b80}@media(max-width:768px){.agent-canvas{height:500px}.canvas-legend{gap:var(--space-md)}}[data-theme=light] :global(.node-coordinator){background:#8b5cf626;border:2px solid #7c3aed;color:#1e1b4b;box-shadow:0 2px 8px #8b5cf640}[data-theme=light] :global(.node-data){background:#06b6d426;border:2px solid #0891b2;color:#164e63;box-shadow:0 2px 8px #06b6d440}[data-theme=light] :global(.node-analysis){background:#10b98126;border:2px solid #059669;color:#14532d;box-shadow:0 2px 8px #10b98140}[data-theme=light] :global(.node-action){background:#f59e0b26;border:2px solid #d97706;color:#78350f;box-shadow:0 2px 8px #f59e0b40}.password-prompt-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.password-prompt-modal{background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:16px;padding:32px;max-width:450px;width:90%;box-shadow:0 20px 60px #00000080;border:1px solid rgba(139,92,246,.2);animation:slideUp .3s ease}.password-prompt-header{text-align:center;margin-bottom:24px}.password-prompt-header h3{font-size:24px;color:#fff;margin:0 0 8px}.password-prompt-header p{color:#a78bfa;font-size:14px;margin:0}.password-prompt-form{display:flex;flex-direction:column;gap:20px}.password-prompt-form .form-group{display:flex;flex-direction:column;gap:8px}.password-prompt-form label{color:#e9d5ff;font-size:14px;font-weight:500}.password-prompt-form .form-input{background:#ffffff0d;border:1px solid rgba(139,92,246,.3);border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;transition:all .2s}.password-prompt-form .form-input:focus{outline:none;border-color:#8b5cf6;background:#ffffff14;box-shadow:0 0 0 3px #8b5cf61a}.password-prompt-form .form-input::placeholder{color:#6b7280}.password-prompt-form small{color:#9ca3af;font-size:12px}.password-prompt-form .btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.password-prompt-form .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.password-prompt-form .btn-primary:disabled{opacity:.5;cursor:not-allowed}.password-prompt-form .alert{padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:14px}.password-prompt-form .alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.security-note{margin-top:20px;padding:16px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:8px;display:flex;gap:12px;font-size:13px}.security-note span:first-child{font-size:20px}.security-note strong{color:#e9d5ff;display:block;margin-bottom:4px}.security-note p{color:#c4b5fd;margin:0;line-height:1.5}.password-prompt-form .button-group{display:flex;gap:12px}.password-prompt-form .btn-secondary{flex:1;background:#ffffff0d;color:#e9d5ff;border:1px solid rgba(139,92,246,.3);border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.password-prompt-form .btn-secondary:hover:not(:disabled){background:#ffffff14;border-color:#8b5cf6}.password-prompt-form .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.api-key-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.api-key-modal{background:var(--color-surface-elevated);border-radius:var(--radius-lg);width:90%;max-width:440px;box-shadow:0 20px 60px #00000080;border:1px solid rgba(139,92,246,.3);animation:slideUp .3s ease-out;overflow:hidden}.api-key-modal-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid rgba(139,92,246,.2);display:flex;justify-content:space-between;align-items:center}.modal-title{display:flex;gap:var(--space-sm);align-items:center}.service-icon{font-size:24px;line-height:1}.modal-title h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.modal-close-btn{background:none;border:none;color:var(--color-text-muted);font-size:32px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s}.modal-close-btn:hover{background:#ffffff1a;color:var(--color-text-primary)}.api-key-modal-body{padding:var(--space-md) var(--space-lg)}.form-group{margin-bottom:var(--space-md)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:6px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.form-group label .optional{font-weight:400;color:var(--color-text-muted);font-size:var(--font-size-xs)}.form-input,select.form-input{width:100%;padding:10px 14px;background:#0000004d;border:1px solid rgba(139,92,246,.25);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-family:Courier New,monospace;transition:all .2s}.form-input:focus,select.form-input:focus{outline:none;border-color:var(--color-primary);background:#0006;box-shadow:0 0 0 3px #8b5cf61f;color:var(--color-text-primary)}select.form-input option{background-color:var(--color-surface);color:var(--color-text-secondary);padding:10px}.form-input::placeholder{color:var(--color-text-muted);opacity:.4}.form-group small{display:none}.alert{padding:12px 16px;border-radius:var(--radius-md);margin-bottom:var(--space-lg);display:flex;gap:12px;align-items:flex-start;font-size:var(--font-size-sm)}.alert span:first-child{font-size:18px;line-height:1}.api-key-modal-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid rgba(139,92,246,.2);display:flex;gap:10px;justify-content:flex-end}.btn-secondary,.btn-primary{padding:8px 16px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-secondary{background:#ffffff1a;color:var(--color-text-secondary)}.btn-secondary:hover:not(:disabled){background:#ffffff26;color:var(--color-text-primary)}.btn-primary{background:var(--gradient-primary);color:var(--color-text-primary)}.btn-secondary:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}[data-theme=light] .form-input,[data-theme=light] select.form-input{background:#f8fafc;border:1px solid rgba(139,92,246,.3);color:#0f172a}[data-theme=light] .form-input:focus,[data-theme=light] select.form-input:focus{background:#fff;border-color:var(--color-primary);color:#0f172a}[data-theme=light] select.form-input option{background-color:#fff;color:#0f172a}[data-theme=light] .form-input::placeholder{color:#64748b;opacity:.7}[data-theme=light] .form-group label{color:#1e293b;font-weight:600}[data-theme=light] .form-group small{color:#475569}[data-theme=light] .modal-title h3{color:#0f172a}[data-theme=light] .form-group label .optional{color:#64748b}.flowise-card{min-width:180px;width:fit-content;max-width:320px;background:var(--color-surface);border-radius:12px;border:1.5px solid rgba(139,92,246,.3);overflow:hidden;transition:all .3s ease}.flowise-card.edit-mode{min-width:auto;width:fit-content;max-width:700px;background:var(--color-surface-elevated);box-shadow:0 8px 32px #0006;z-index:1000}.flowise-card.selected{border-color:#8b5cf6cc;box-shadow:0 0 0 3px #8b5cf64d}.node-layout{display:flex;gap:16px;padding:16px}.icon-section{position:relative;flex-shrink:0}.large-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:32px;background:#8b5cf61f;border-radius:12px;border:1px solid rgba(139,92,246,.28);transition:all .2s ease}.large-icon.type-coordinator{color:#10b981;border-color:#10b98166;background:#10b9811a}.large-icon.type-data{color:#14b8a6;border-color:#14b8a666;background:#14b8a61a}.large-icon.type-analysis{color:#ec4899;border-color:#ec489966;background:#ec48991a}.large-icon.type-action{color:#f59e0b;border-color:#f59e0b66;background:#f59e0b1a}.large-icon.type-validation{color:#10b981;border-color:#10b98159;background:#10b9811a}.large-icon.type-processing{color:#14b8a6;border-color:#14b8a659;background:#14b8a61a}.large-icon.type-monitoring{color:#ec4899;border-color:#ec489959;background:#ec48991a}.large-icon.type-ai-agent{color:#8b5cf6;border-color:#8b5cf666;background:#8b5cf61f}.large-icon.type-condition{color:#f97316;border-color:#f9731666;background:#f973161a}.large-icon.type-start{color:#22c55e;border-color:#22c55e66;background:#22c55e1a}.large-icon.type-execute-flow{color:#a8a279;border-color:#a8a27966;background:#a8a2791f}.large-icon.type-http{color:#ef4444;border-color:#ef444466;background:#ef44441a}.large-icon.type-llm{color:#3b82f6;border-color:#3b82f666;background:#3b82f61a}.large-icon.type-human-input{color:#9333ea;border-color:#9333ea66;background:#9333ea1a}.large-icon.type-custom-function{color:#6b7280;border-color:#6b728066;background:#6b72801a}.large-icon.type-output{color:#8b5cf6;border-color:#8b5cf666;background:#8b5cf61f}.large-icon.type-vector-rag{color:#3b82f6;border-color:#3b82f666;background:#3b82f61a}.validation-check{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:var(--color-success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}.content-section{display:flex;flex-direction:column;gap:8px;min-width:0}.title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.node-title{font-size:16px;font-weight:600;color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.node-title:hover{color:var(--color-primary-light)}.title-edit{background:#8b5cf61a;border:1px solid rgba(139,92,246,.4);border-radius:6px;padding:4px 8px;color:var(--color-text-primary);font-size:16px;font-weight:600;font-family:var(--font-heading)}.options-menu{background:none;border:none;color:var(--color-text-secondary);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;opacity:0}.flowise-card:hover .options-menu{opacity:1}.options-menu:hover{background:#8b5cf633;color:var(--color-text-primary)}.model-chips{display:flex;flex-wrap:wrap;gap:6px}.llm-chip,.role-chip-small{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:12px;font-size:12px;font-weight:500;color:var(--color-text-secondary)}.chip-emoji{font-size:14px}.chip-label{white-space:nowrap}.flowise-handle{width:14px;height:14px;background:var(--color-primary);border:2px solid var(--color-bg-dark);transition:all .2s ease}.flowise-handle:hover{width:18px;height:18px;box-shadow:0 0 12px #8b5cf6cc}.node-coordinator .large-icon{background:#10b98126;border-color:#10b9814d}.node-coordinator{border-color:#10b98180}.node-coordinator .llm-chip,.node-coordinator .role-chip-small{background:#10b98126;border-color:#10b9814d}.node-data .large-icon{background:#14b8a626;border-color:#14b8a64d}.node-data{border-color:#14b8a680}.node-data .llm-chip,.node-data .role-chip-small{background:#14b8a626;border-color:#14b8a64d}.node-analysis .large-icon{background:#ec489926;border-color:#ec48994d}.node-analysis{border-color:#ec489980}.node-analysis .llm-chip,.node-analysis .role-chip-small{background:#ec489926;border-color:#ec48994d}.node-action .large-icon{background:#f59e0b26;border-color:#f59e0b4d}.node-action{border-color:#f59e0b80}.node-action .llm-chip,.node-action .role-chip-small{background:#f59e0b26;border-color:#f59e0b4d}.edit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(139,92,246,.2)}.edit-title{font-size:15px;font-weight:600;color:var(--color-text-primary);letter-spacing:.02em}.close-edit{background:none;border:none;color:var(--color-text-secondary);font-size:28px;cursor:pointer;padding:0;line-height:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-edit:hover{background:#8b5cf626;color:var(--color-text-primary)}.edit-fields{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.field-group{display:flex;flex-direction:column;gap:6px}.field-group-row{flex-direction:row;gap:8px;align-items:flex-end}.field-subgroup{display:flex;flex-direction:column;gap:4px;flex:1}.field-subgroup .field-label{font-size:11px;margin-bottom:0}.field-subgroup .field-input{width:100%}.node-vector-rag .field-group{gap:4px;margin-bottom:8px}.node-vector-rag .field-label{font-size:12px;margin-bottom:2px}.node-vector-rag .field-input{padding:6px 10px;font-size:13px}.node-vector-rag .field-hint{font-size:11px;line-height:1.3;margin-top:2px}.node-vector-rag .api-key-config-btn{padding:8px 12px;font-size:12px}.node-vector-rag textarea.field-input{padding:6px 10px;min-height:60px;resize:vertical}.node-vector-rag .edit-fields{gap:10px}.node-retriever .field-group{gap:4px;margin-bottom:6px}.node-retriever .field-group-row{gap:6px;margin-bottom:4px}.node-retriever .field-subgroup{gap:2px}.node-retriever .field-subgroup .field-label{font-size:10px}.node-retriever .field-subgroup .field-input{padding:5px 8px;font-size:12px}.node-retriever .field-label{font-size:12px;margin-bottom:2px}.node-retriever .field-input{padding:6px 10px;font-size:13px}.node-retriever .field-hint{font-size:11px;line-height:1.3;margin-top:2px}.node-retriever textarea.field-input{padding:6px 10px;min-height:50px;resize:vertical}.node-retriever .edit-fields{gap:8px}.node-retriever.edit-mode{max-width:550px}.node-retriever.edit-mode .node-layout{gap:12px;padding:12px}.node-retriever.edit-mode .edit-header{margin-bottom:12px;padding-bottom:8px}.node-retriever.edit-mode .edit-title{font-size:14px}.node-vector-rag.edit-mode{max-width:550px}.node-vector-rag.edit-mode .node-layout{gap:12px;padding:12px}.node-vector-rag.edit-mode .edit-header{margin-bottom:12px;padding-bottom:8px}.node-vector-rag.edit-mode .edit-title{font-size:14px}.field-label{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.field-input,.field-textarea{background:var(--color-surface);border:1px solid rgba(139,92,246,.25);border-radius:8px;padding:10px 14px;color:var(--color-text-primary);font-size:14px;font-family:var(--font-body);transition:all .2s ease}.field-input:hover,.field-textarea:hover{border-color:#8b5cf666}.field-input:focus,.field-textarea:focus{outline:none;border-color:#8b5cf699;background:var(--color-surface-elevated);box-shadow:0 0 0 3px #8b5cf61a}.field-textarea{resize:vertical;min-height:60px;line-height:1.5}.edit-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.btn-cancel,.btn-save{padding:8px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-cancel{background:#8b5cf614;border:1px solid rgba(139,92,246,.2);color:var(--color-text-secondary)}.btn-cancel:hover{background:#8b5cf626;border-color:#8b5cf64d;color:var(--color-text-primary)}.btn-save{background:var(--gradient-primary);border:1px solid rgba(139,92,246,.4);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.btn-save:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.btn-save:active{transform:translateY(0)}[data-theme=light] .flowise-card{background:#fff;border-color:#8b5cf666;box-shadow:0 2px 8px #00000014}[data-theme=light] .flowise-card.edit-mode{background:#fff;box-shadow:0 8px 32px #0000001f}[data-theme=light] .large-icon,[data-theme=light] .llm-chip,[data-theme=light] .role-chip-small{background:#8b5cf614}[data-theme=light] .title-edit{background:#8b5cf60d}[data-theme=light] .field-input,[data-theme=light] .field-textarea{background:#f8fafc;border-color:#8b5cf64d}[data-theme=light] .field-input:focus,[data-theme=light] .field-textarea:focus{background:#fff}.output-control{display:flex;align-items:center;gap:12px;margin:8px 0}.output-btn{width:32px;height:32px;border-radius:6px;border:1px solid rgba(139,92,246,.3);background:#8b5cf61a;color:var(--color-text-primary);font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.output-btn:hover:not(:disabled){background:#8b5cf633;border-color:#8b5cf680;transform:scale(1.05)}.output-btn:active:not(:disabled){transform:scale(.95)}.output-btn:disabled{opacity:.3;cursor:not-allowed}.output-count{min-width:100px;text-align:center;font-size:14px;font-weight:500;color:var(--color-text-primary)}.field-hint{font-size:11px;color:var(--color-text-secondary);margin-top:2px;font-style:italic;opacity:.8}.condition-row{display:flex;gap:8px;margin-bottom:8px;align-items:center}.condition-select{padding:6px 10px;background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:6px;color:var(--color-text-primary);font-size:12px;cursor:pointer;transition:all .2s ease;width:auto;min-width:120px}.condition-select:hover{background:#8b5cf61a;border-color:#8b5cf666}.condition-input{padding:6px 10px;background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:6px;color:var(--color-text-primary);font-size:12px;transition:all .2s ease;width:auto;min-width:120px}.condition-input:focus{outline:none;background:#8b5cf61a;border-color:#8b5cf680}.condition-input::placeholder{color:var(--color-text-secondary);opacity:.6}.condition-remove-btn{width:28px;height:28px;border-radius:6px;border:1px solid rgba(239,68,68,.3);background:#ef44441a;color:var(--color-danger);font-size:20px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.condition-remove-btn:hover{background:#ef444433;border-color:#ef444480;transform:scale(1.05)}.condition-add-btn:hover{background:#10b98133;border-color:#10b98180;border-style:solid}.output-display{margin-top:8px;padding:10px;background:#06b6d41a;border:1px solid rgba(6,182,212,.3);border-radius:8px}.output-label{font-size:11px;font-weight:600;color:var(--color-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.output-content{font-size:13px;color:var(--color-text-primary);line-height:1.5;word-wrap:break-word;max-height:120px;overflow-y:auto}.output-content::-webkit-scrollbar{width:4px}.output-content::-webkit-scrollbar-thumb{background:#06b6d466;border-radius:2px}.node-output .large-icon{background:#06b6d426;border-color:#06b6d44d}.node-output{border-color:#06b6d480}.api-key-config-btn{width:100%;padding:12px 16px;background:var(--gradient-primary);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.api-key-config-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.api-key-config-btn:active{transform:translateY(0)}.features{background:linear-gradient(180deg,transparent 0%,rgba(13,11,20,.5) 50%,transparent 100%)}[data-theme=light] .features{background:transparent}.features-header{text-align:center;max-width:800px;margin:0 auto var(--space-4xl)}.features-header h2{margin-bottom:var(--space-lg)}.features-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.features-grid{margin-top:var(--space-3xl)}.feature-card{display:flex;flex-direction:column;gap:var(--space-lg);text-align:center;position:relative;overflow:hidden;transition:transform .3s ease,opacity .3s ease}.feature-card:hover{transform:scale(1.02)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.feature-card:hover:before{opacity:1}.feature-icon{font-size:3rem;margin:0 auto;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-xl);background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);transition:all var(--transition-base)}.feature-icon svg{width:32px;height:32px;color:var(--color-primary-light);transition:all var(--transition-base);position:relative;z-index:1}.feature-card:hover .feature-icon{transform:translateY(-4px);border-color:#8b5cf64d}.feature-card:hover .feature-icon svg{transform:scale(1.1)}.feature-violet .feature-icon{background:#8b5cf60d;border-color:#8b5cf633}.feature-violet .feature-icon svg{color:#a78bfa}.feature-cyan .feature-icon{background:#06b6d40d;border-color:#06b6d433}.feature-cyan .feature-icon svg{color:#22d3ee}.feature-emerald .feature-icon{background:#10b9810d;border-color:#10b98133}.feature-emerald .feature-icon svg{color:#34d399}.feature-amber .feature-icon{background:#f59e0b0d;border-color:#f59e0b33}.feature-amber .feature-icon svg{color:#fbbf24}.feature-rose .feature-icon{background:#ec48990d;border-color:#ec489933}.feature-rose .feature-icon svg{color:#f472b6}.feature-indigo .feature-icon{background:#6366f10d;border-color:#6366f133}.feature-indigo .feature-icon svg{color:#818cf8}.feature-blue .feature-icon{background:#3b82f60d;border-color:#3b82f633}.feature-blue .feature-icon svg{color:#60a5fa}.feature-teal .feature-icon{background:#14b8a60d;border-color:#14b8a633}.feature-teal .feature-icon svg{color:#5eead4}.feature-title{font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0}.feature-description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.feature-card.card-glass:hover{transform:scale(1.02)}.synthetic-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:var(--gradient-bg)}.neural-network-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at top,rgba(14,165,233,.15) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(139,92,246,.15) 0%,transparent 50%);pointer-events:none;animation:pulseGradient 8s ease-in-out infinite}@keyframes pulseGradient{0%,to{opacity:.6}50%{opacity:1}}.synthetic-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(14,165,233,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.05) 1px,transparent 1px);background-size:50px 50px;opacity:.3;pointer-events:none}[data-theme=light] .gradient-overlay{background:radial-gradient(ellipse at top,rgba(14,165,233,.08) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(139,92,246,.08) 0%,transparent 50%)}[data-theme=light] .synthetic-background:before{background-image:linear-gradient(rgba(14,165,233,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.03) 1px,transparent 1px);opacity:.5}.home-page{padding-top:0;position:relative;min-height:100vh}.cta-demo-section{background:linear-gradient(180deg,transparent 0%,rgba(139,92,246,.05) 50%,transparent 100%);padding:var(--space-4xl) 0}.cta-content{text-align:center;max-width:900px;margin:0 auto}.cta-title{font-size:var(--font-size-4xl);margin-bottom:var(--space-lg);letter-spacing:-.02em}.cta-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--space-3xl);line-height:var(--line-height-relaxed)}.demo-preview{margin:var(--space-3xl) 0;border-radius:var(--border-radius-2xl);overflow:hidden;background:#1a182566;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(139,92,246,.2);min-height:400px;display:flex;align-items:center;justify-content:center}.demo-placeholder{text-align:center;padding:var(--space-4xl)}.demo-icon{font-size:4rem;margin-bottom:var(--space-lg);animation:pulse 2s ease-in-out infinite}.demo-placeholder p{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:var(--space-sm);font-weight:var(--font-weight-semibold)}.demo-placeholder small{color:var(--color-text-muted);font-size:var(--font-size-sm)}.cta-actions{display:flex;gap:var(--space-lg);justify-content:center;margin-bottom:var(--space-3xl);flex-wrap:wrap}.cta-features{display:flex;gap:var(--space-2xl);justify-content:center;flex-wrap:wrap}.cta-feature-item{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-size:var(--font-size-base)}.feature-check{color:var(--color-success);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}[data-theme=light] .demo-preview{background:#fffc;border:1px solid rgba(139,92,246,.2);box-shadow:0 4px 12px #00000014}[data-theme=light] .cta-demo-section{background:linear-gradient(180deg,transparent 0%,rgba(139,92,246,.03) 50%,transparent 100%)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.cta-section{text-align:center;margin-top:var(--space-4xl);padding:var(--space-4xl) var(--space-2xl);background:#8b5cf60d;border-radius:var(--border-radius-2xl);border:1px solid rgba(139,92,246,.2)}.cta-section h2{margin-bottom:var(--space-lg);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-section p{color:var(--color-text-secondary);font-size:var(--font-size-lg);max-width:600px;margin:0 auto var(--space-xl)}.node-toolbar-container{position:absolute;top:var(--space-lg);left:var(--space-lg);z-index:10;pointer-events:none}.node-toolbar-container>*{pointer-events:auto}.node-toolbar{position:relative;padding:var(--space-lg);min-width:100px;max-width:230px;max-height:calc(100vh - 120px);overflow-y:auto;transition:all var(--transition-base);transform-origin:top left;opacity:0;transform:scale(.95);pointer-events:none;visibility:hidden}.node-toolbar::-webkit-scrollbar{width:6px}.node-toolbar::-webkit-scrollbar-track{background:#0003;border-radius:3px}.node-toolbar::-webkit-scrollbar-thumb{background:#5c8ff666;border-radius:3px}.node-toolbar::-webkit-scrollbar-thumb:hover{background:#5c8ff699}.node-toolbar.visible{opacity:1;transform:scale(1);pointer-events:auto;visibility:visible}.toolbar-trigger{position:absolute;top:0;left:0;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#2e3ec833;border:1px solid rgba(92,141,246,.3);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);z-index:20;box-shadow:var(--shadow-lg)}.toolbar-trigger:hover{background:#5c8df633;border-color:var(--color-primary);transform:translateY(-2px)}.toolbar-trigger.hidden{opacity:0;pointer-events:none;transform:scale(.9)}.trigger-icon{font-size:var(--font-size-lg)}.toolbar-section{margin-bottom:var(--space-md)}.toolbar-section:last-of-type{margin-bottom:0}.toolbar-title{font-size:13px;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid rgba(139,92,246,.2);cursor:pointer;-webkit-user-select:none;user-select:none}.toolbar-title:hover{background:#8b5cf61a;border-radius:6px}.toggle-icon{font-size:10px;color:var(--color-text-secondary);transition:transform .2s ease}.toolbar-buttons{display:flex;flex-direction:column;gap:6px}.toolbar-btn{display:flex;align-items:center;gap:var(--space-sm);padding:8px 10px;background:#1a182580;border:1px solid rgba(139,92,246,.25);border-radius:6px;width:auto;color:var(--color-text-primary);font-family:var(--font-heading);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.toolbar-btn:hover{background:#ffffff0f;border-color:#8b5cf666;transform:translate(3px)}.toolbar-btn:active{transform:translate(1px)}.btn-icon{font-size:var(--font-size-lg);flex-shrink:0}.btn-label{flex:1}.btn-primary{background:linear-gradient(135deg,#8b5cf633,#7c3aed33);border-color:#8b5cf666}.btn-primary:hover{background:linear-gradient(135deg,#8b5cf64d,#7c3aed4d);border-color:#8b5cf699}.btn-coordinator .btn-icon{color:#10b981}.btn-data .btn-icon{color:#14b8a6}.btn-analysis .btn-icon{color:#ec4899}.btn-action .btn-icon{color:#f59e0b}.btn-condition .btn-icon{color:#f97316}.btn-start .btn-icon{color:#22c55e}.btn-execute .btn-icon{color:#a8a279}.btn-http .btn-icon{color:#ef4444}.btn-llm .btn-icon{color:#3b82f6}.btn-human .btn-icon{color:#9333ea}.btn-custom .btn-icon{color:#6b7280}.btn-output .btn-icon{color:#6366f1}.btn-vector-rag .btn-icon{color:#3b82f6}.btn-retriever .btn-icon{color:#ec4899}.btn-human:hover{border-color:#9333ea;background:#9333ea26}.btn-custom:hover{border-color:#6b7280;background:#6b728026}.toolbar-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.3),transparent);margin:var(--space-md) 0}.toolbar-stats{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:8px;margin-top:var(--space-md)}.stat-label{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:16px;font-weight:700;color:var(--color-primary)}[data-theme=light] .node-toolbar{background:#fffffff2;border:1px solid rgba(139,92,246,.3);box-shadow:var(--shadow-lg)}[data-theme=light] .toolbar-trigger{background:#fffffff2;border:1px solid rgba(139,92,246,.4)}[data-theme=light] .toolbar-trigger:hover{background:#8b5cf61a;border-color:var(--color-primary)}[data-theme=light] .toolbar-btn{background:#fffc;border:1px solid rgba(139,92,246,.3)}[data-theme=light] .toolbar-btn:hover{background:#8b5cf614;border-color:#8b5cf680}[data-theme=light] .toolbar-divider{background:linear-gradient(90deg,transparent,rgba(139,92,246,.4),transparent)}[data-theme=light] .toolbar-stats{background:#8b5cf614;border:1px solid rgba(139,92,246,.2)}[data-theme=light] .node-toolbar::-webkit-scrollbar-thumb{background:#8b5cf64d}.btn-output:hover{border-color:#06b6d4;background:#06b6d426}.node-context-menu{position:fixed;min-width:auto;width:max-content;padding:0;border-radius:0;z-index:1000;box-shadow:none;animation:contextMenuFadeIn .15s ease-out;display:flex;flex-direction:column;gap:var(--space-xs);align-items:flex-start;background:transparent;pointer-events:none}.node-context-menu>*{pointer-events:auto}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;justify-content:flex-start;padding:var(--space-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-full);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);text-align:left;position:relative;height:40px;min-width:40px}.context-menu-item:hover{background:#8b5cf633;border-color:#8b5cf64d;transform:translate(2px)}.context-menu-item.danger:hover{background:#ef444433;border-color:#ef44444d;color:var(--color-danger)}.menu-icon{font-size:var(--font-size-lg);flex-shrink:0;display:flex;align-items:center;justify-content:center;line-height:1}.menu-label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:all var(--transition-base);font-size:var(--font-size-xs)}.context-menu-item:hover .menu-label{max-width:100px;opacity:1;margin-left:var(--space-xs);margin-right:var(--space-xs)}.context-menu-divider{height:1px;width:100%;background:#8b5cf633;margin:var(--space-xs) 0}.toast{position:fixed;bottom:var(--space-xl);right:var(--space-xl);display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;animation:slideIn .3s ease;z-index:1000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-xl);min-width:280px}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.toast-message{flex:1}.toast-success{background:#10b981e6;border:1px solid rgba(16,185,129,1);color:#fff}.toast-error{background:#ef4444e6;border:1px solid rgba(239,68,68,1);color:#fff}.toast-warning{background:#f59e0be6;border:1px solid rgba(245,158,11,1);color:#fff}.toast-info{background:#06b6d4e6;border:1px solid rgba(6,182,212,1);color:#fff}[data-theme=light] .toast-success{background:#10b981f2}[data-theme=light] .toast-error{background:#ef4444f2}[data-theme=light] .toast-warning{background:#f59e0bf2}[data-theme=light] .toast-info{background:#06b6d4f2}.workflow-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.workflow-modal{background:linear-gradient(135deg,#1a1825,#2d2640);border-radius:16px;padding:0;max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid rgba(139,92,246,.3);animation:slideUp .3s ease}.workflow-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid rgba(139,92,246,.2)}.workflow-modal-header h2{font-size:20px;color:#fff;margin:0}.modal-close-btn{background:none;border:none;color:#a78bfa;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.modal-close-btn:hover{background:#8b5cf633}.workflow-modal-body{padding:32px;overflow-y:auto}.save-workflow-form{display:flex;flex-direction:column;gap:24px}.save-workflow-form label{color:#e9d5ff;font-size:14px;font-weight:500}.workflow-name-input{background:#ffffff0d;border:1px solid rgba(139,92,246,.3);border-radius:8px;padding:12px 16px;color:#fff;font-size:16px;transition:all .2s}.workflow-name-input:focus{outline:none;border-color:#8b5cf6;background:#ffffff14;box-shadow:0 0 0 3px #8b5cf61a}.save-workflow-actions{display:flex;gap:12px;justify-content:flex-end}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.btn-secondary{background:#ffffff0d;color:#fff;border:1px solid rgba(139,92,246,.3)}.btn-secondary:hover:not(:disabled){background:#ffffff14}.workflow-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.workflow-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#ffffff0d;border:1px solid rgba(139,92,246,.2);border-radius:12px;transition:all .2s}.workflow-item:hover{background:#ffffff14;border-color:#8b5cf666}.workflow-info{flex:1}.workflow-name{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.workflow-meta{color:#a78bfa;font-size:12px}.workflow-actions{display:flex;gap:8px}.btn-load,.btn-delete{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-load{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.btn-load:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.btn-delete{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.btn-delete:hover{background:#ef444433}.btn-delete.confirm{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;animation:pulse .5s ease-in-out}.empty-state{text-align:center;padding:48px 24px;color:#a78bfa}.empty-icon{font-size:64px;display:block;margin-bottom:16px}.empty-state p{font-size:18px;margin:0 0 8px;color:#fff}.empty-state small{font-size:14px;color:#a78bfa}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.full-demo-page{min-height:100vh;height:100vh;overflow:hidden;background:var(--gradient-bg);display:flex;flex-direction:column}.demo-topbar{display:flex;align-items:center;gap:var(--space-md);height:48px;padding:0 var(--space-lg);background:#1a1825cc;border-bottom:1px solid rgba(139,92,246,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:18px;text-decoration:none;border-radius:8px;transition:all .2s ease;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3)}.topbar-actions{display:flex;align-items:center;gap:var(--space-sm)}.topbar-projects-menu{position:relative;display:inline-flex}.projects-dropdown{position:absolute;top:110%;right:0;background:var(--color-surface-elevated, #1f1b2c);border:1px solid rgba(139,92,246,.35);border-radius:12px;overflow:hidden;box-shadow:0 12px 30px #00000040;padding:6px;min-width:180px;z-index:200;display:flex;flex-direction:column;gap:4px}.projects-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;background:none;color:var(--color-text-primary);text-decoration:none;border-radius:10px;cursor:pointer;font-size:13px;text-align:left;transition:all .15s ease}.projects-dropdown-item:hover{background:#8b5cf61f}.demo-canvas-container{position:relative;width:100%;flex:1;min-height:0}.canvas-wrapper{width:100%;height:100%;background:linear-gradient(to right,rgba(139,92,246,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(139,92,246,.05) 1px,transparent 1px),#0d0b1480;background-size:20px 20px,20px 20px,auto;overflow:hidden}:global(.react-flow__edge.valid-connection path){stroke:#10b981!important;filter:drop-shadow(0 0 6px rgba(16,185,129,.5))}:global(.react-flow__node.selected){box-shadow:0 0 0 3px #8b5cf699!important}:global(.react-flow__edge-path){stroke-width:2px;filter:drop-shadow(0 0 4px rgba(139,92,246,.3))}:global(.react-flow__edge.selected .react-flow__edge-path),:global(.react-flow__edge:hover .react-flow__edge-path){stroke-width:3px;filter:drop-shadow(0 0 8px rgba(139,92,246,.6))}:global(.react-flow__minimap){background:#0d0b14e6!important;border:1px solid rgba(139,92,246,.3);border-radius:8px}:global(.react-flow__minimap-node){fill:#8b5cf666;stroke:#8b5cf699}:global(.react-flow__controls){background:#1a1825e6!important;border:1px solid rgba(139,92,246,.3);border-radius:8px;box-shadow:0 4px 16px #0000004d}:global(.react-flow__controls-button){background:#1a182599!important;border-bottom:1px solid rgba(139,92,246,.2)!important;color:var(--color-text-primary)!important}:global(.react-flow__controls-button:hover){background:#8b5cf633!important}:global(.react-flow__controls-button svg){fill:currentColor}[data-theme=light] .demo-topbar{background:#ffffffe6;border-bottom-color:#8b5cf64d}[data-theme=light] .canvas-wrapper{background:linear-gradient(to right,rgba(139,92,246,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(139,92,246,.08) 1px,transparent 1px),#f8fafcf2}.demo-topbar{position:relative;z-index:100}.topbar-actions{position:relative}.projects-page{min-height:100vh;background:var(--gradient-bg);display:flex;flex-direction:column}.projects-topbar{display:flex;align-items:center;gap:var(--space-md);height:48px;padding:0 var(--space-lg);background:#1a1825cc;border-bottom:1px solid rgba(139,92,246,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;position:relative;z-index:100}.home-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:18px;text-decoration:none;border-radius:8px;transition:all .2s ease;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);color:var(--color-text-primary)}.home-button:hover{background:#8b5cf633;border-color:#8b5cf680;transform:translateY(-1px)}.topbar-title{font-family:var(--font-heading);font-size:15px;font-weight:600;color:var(--color-text-primary);letter-spacing:.02em}.topbar-desc{font-size:13px;color:var(--color-text-secondary);padding-left:var(--space-md);border-left:1px solid rgba(139,92,246,.3);flex:1}.topbar-actions{display:flex;align-items:center;gap:var(--space-sm);position:relative}.topbar-action-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:var(--color-text-primary);font-family:var(--font-heading);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.topbar-action-btn:hover{background:#8b5cf633;border-color:#8b5cf680;transform:translateY(-1px)}.topbar-action-btn:active{transform:translateY(0)}.topbar-action-btn span:first-child{font-size:16px}.projects-body{display:flex;gap:var(--space-lg);padding:var(--space-xl) var(--space-lg)}.projects-sidebar{width:220px;background:var(--color-surface-elevated);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg);padding:var(--space-lg);height:fit-content;position:sticky;top:calc(var(--space-lg) + 48px)}.sidebar-title{font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-md);font-size:14px}.sidebar-links{display:flex;flex-direction:column;gap:var(--space-sm)}.sidebar-link{display:flex;align-items:center;gap:var(--space-sm);padding:10px 12px;border-radius:var(--radius-md);color:var(--color-text-primary);text-decoration:none;border:1px solid transparent;transition:all .2s ease}.sidebar-link:hover{background:#8b5cf61a;border-color:#8b5cf633;transform:translate(2px)}.sidebar-link.active{background:#8b5cf626;border-color:#8b5cf659;color:var(--color-text-primary);box-shadow:0 6px 16px #8b5cf62e}.sidebar-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-primary)}.projects-container{flex:1;max-width:1100px;width:100%;margin:0 auto;padding:0;overflow-y:auto}.projects-loading,.projects-error,.projects-empty{text-align:center;padding:var(--space-2xl) var(--space-lg)}.loading-spinner{width:48px;height:48px;margin:0 auto var(--space-md);border:3px solid rgba(139,92,246,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.projects-error p{color:var(--color-text-secondary);margin-bottom:var(--space-md)}.projects-error button{padding:8px 16px;background:#8b5cf633;color:var(--color-text-primary);border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm)}.projects-header{display:flex;justify-content:flex-end;margin-bottom:var(--space-xl)}.btn-new-project-large{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:12px;color:var(--color-text-primary);font-family:var(--font-heading);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-new-project-large:hover{background:#8b5cf633;border-color:#8b5cf680;transform:translateY(-2px)}.btn-new-project-large:active{transform:translateY(0)}.projects-empty{padding:var(--space-3xl) var(--space-lg)}.empty-icon{font-size:64px;margin-bottom:var(--space-md)}.projects-empty h2{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-xl);color:var(--color-text-primary)}.projects-empty p{margin:0 0 var(--space-lg) 0;color:var(--color-text-secondary)}.projects-empty .btn-new-project{display:inline-flex;align-items:center;gap:var(--space-xs);padding:12px 24px;background:var(--gradient-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .2s}.projects-empty .btn-new-project:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.project-card{background:var(--color-surface-elevated);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all .2s}.project-card:hover{transform:translateY(-4px);border-color:#8b5cf666;box-shadow:0 8px 24px #8b5cf633}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm);gap:var(--space-sm)}.project-card-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-delete{background:none;border:none;font-size:18px;cursor:pointer;padding:4px;opacity:.6;transition:all .2s;flex-shrink:0}.btn-delete:hover{opacity:1;transform:scale(1.1)}.project-description{margin:0 0 var(--space-md) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-sm);border-top:1px solid rgba(139,92,246,.1)}.project-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.project-arrow{font-size:20px;color:var(--color-primary);opacity:.6;transition:all .2s}.project-card:hover .project-arrow{opacity:1;transform:translate(4px)}[data-theme=light] .projects-page{background:var(--gradient-bg)}[data-theme=light] .projects-topbar{background:#ffffffe6;border-bottom-color:#8b5cf64d}[data-theme=light] .project-card{background:#fff;border-color:#8b5cf64d}[data-theme=light] .project-card:hover{box-shadow:0 8px 24px #8b5cf626}@media(max-width:768px){.projects-header{flex-direction:column}.projects-grid{grid-template-columns:1fr}}.contact-form{max-width:100%;padding:var(--space-xl)}.form-title{text-align:left;margin-bottom:var(--space-sm);font-size:var(--font-size-xl)}.form-subtitle{text-align:left;color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-size:var(--font-size-sm);line-height:1.5}.form-message{padding:var(--space-md) var(--space-lg);border-radius:8px;margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:500}.form-message svg{flex-shrink:0}.form-message.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--color-success)}.form-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-danger)}.form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group label{font-family:var(--font-heading);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.form button[type=submit]{width:100%;margin-top:var(--space-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.form-footer{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.contact-page{min-height:100vh;padding-top:80px}.contact-hero{text-align:center;padding:var(--space-2xl) 0 var(--space-xl)}.contact-title{margin-bottom:var(--space-md);font-size:clamp(2rem,5vw,3rem)}.contact-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);max-width:600px;margin:0 auto;line-height:1.6}.contact-content{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-2xl);align-items:start}.contact-info{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.info-item{display:flex;gap:var(--space-md);align-items:flex-start;padding:var(--space-lg);transition:all .2s ease;border-radius:12px}.info-item:hover{transform:translateY(-2px);border-color:#8b5cf666}.info-icon{flex-shrink:0;width:24px;height:24px;color:var(--color-primary);margin-top:2px}.info-item h4{font-size:var(--font-size-base);font-weight:600;margin-bottom:4px;color:var(--color-text-primary)}.info-item p{color:var(--color-text-secondary);margin:0;font-size:var(--font-size-sm);line-height:1.5}@media(max-width:1024px){.contact-content{grid-template-columns:1fr;gap:var(--space-2xl)}.contact-hero{padding:var(--space-xl) 0 var(--space-lg)}}@media(max-width:640px){.contact-info{gap:var(--space-sm)}.info-item{padding:var(--space-md)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-container{background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;width:100%;max-width:450px;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(139,92,246,.2)}[data-theme=light] .auth-container{background:#fffffff2;border:1px solid rgba(139,92,246,.1)}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;margin-bottom:24px;font-size:24px;font-weight:700;color:var(--color-primary);transition:transform .2s}.auth-logo:hover{transform:scale(1.05)}.logo-icon{font-size:32px}.auth-header h1{font-size:28px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.auth-header p{color:var(--color-text-secondary);font-size:15px;margin:0}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:14px;font-weight:600;color:var(--color-text-primary)}.form-group input{padding:12px 16px;border:2px solid rgba(139,92,246,.3);border-radius:10px;font-size:15px;transition:all .2s;background:var(--color-surface-elevated);color:var(--color-text-primary)}.form-group input::placeholder{color:var(--color-text-muted)}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:var(--color-surface-elevated)}[data-theme=light] .form-group input{background:#fff;border-color:#e2e8f0}[data-theme=light] .form-group input:focus{background:#fff;border-color:#667eea}.form-hint{font-size:13px;color:var(--color-text-muted)}.alert{padding:12px 16px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:14px}.alert-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}[data-theme=light] .alert-error{background:#fff5f5;color:#c53030;border:1px solid #feb2b2}.alert-success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}[data-theme=light] .alert-success{background:#f0fff4;color:#276749;border:1px solid #9ae6b4}.auth-submit-btn{padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:8px}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{position:relative;text-align:center;margin:8px 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#8b5cf633}[data-theme=light] .auth-divider:before{background:#e2e8f0}.auth-divider span{position:relative;background:var(--color-surface);padding:0 16px;color:var(--color-text-muted);font-size:14px}[data-theme=light] .auth-divider span{background:#fffffff2}.auth-toggle-btn{padding:12px;background:transparent;color:#667eea;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.auth-toggle-btn:hover{border-color:#667eea;background:#667eea0d}.auth-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid rgba(139,92,246,.2)}[data-theme=light] .auth-footer{border-top:1px solid #e2e8f0}.auth-footer a{color:var(--color-primary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.auth-footer a:hover{color:var(--color-primary-light)}@media(max-width:500px){.auth-container{padding:30px 20px}.auth-header h1{font-size:24px}}.api-keys-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:100px 20px 40px}.api-keys-container{max-width:1200px;margin:0 auto}.api-keys-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;color:#fff}.api-keys-header h1{font-size:36px;font-weight:700;margin:0 0 8px}.api-keys-header p{font-size:16px;opacity:.9;margin:0}.api-keys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-bottom:32px}.api-key-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000001a;transition:transform .2s,box-shadow .2s}.api-key-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000026}.card-header{margin-bottom:16px}.service-info{display:flex;align-items:center;gap:12px}.service-icon{font-size:32px}.service-info h3{font-size:18px;font-weight:600;margin:0 0 4px;color:#1a202c}.key-status{display:flex;align-items:center;gap:6px;font-size:13px;color:#48bb78}.status-dot{width:8px;height:8px;border-radius:50%;background:#48bb78}.card-body{padding-top:16px;border-top:1px solid #e2e8f0}.card-body.empty{text-align:center;padding:24px 0}.card-body.empty p{color:#718096;margin-bottom:16px}.key-value{margin-bottom:12px}.key-value code{display:block;padding:12px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;font-family:Monaco,Courier New,monospace;font-size:14px;color:#2d3748}.key-meta{font-size:13px;color:#718096;margin-bottom:16px}.card-actions{display:flex;gap:8px}.security-notice{background:#fffffff2;border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:16px}.security-notice>span{font-size:24px}.security-notice strong{display:block;margin-bottom:4px;color:#1a202c}.security-notice p{margin:0;color:#718096;font-size:14px}.btn-primary{padding:12px 24px;background:#fff;color:#667eea;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-secondary{padding:10px 20px;background:transparent;color:#667eea;border:2px solid #667eea;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#667eea1a}.btn-danger-outline{padding:8px 16px;background:transparent;color:#e53e3e;border:1px solid #feb2b2;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger-outline:hover{background:#fff5f5;border-color:#e53e3e}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:24px;color:#1a202c}.modal-close{background:none;border:none;font-size:28px;color:#a0aec0;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background:#f7fafc;color:#2d3748}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#2d3748}.form-control{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;transition:all .2s}.form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group small{display:block;margin-top:6px;font-size:13px;color:#718096}.alert{padding:14px 16px;border-radius:10px;display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:14px}.alert button{margin-left:auto;background:none;border:none;font-size:20px;cursor:pointer;opacity:.7;transition:opacity .2s}.alert button:hover{opacity:1}.alert-error{background:#fff5f5;color:#c53030;border:1px solid #feb2b2}.alert-success{background:#f0fff4;color:#276749;border:1px solid #9ae6b4}.loading{display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}@media(max-width:768px){.api-keys-grid{grid-template-columns:1fr}.api-keys-header{flex-direction:column;gap:16px}}.profile-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e1b4b,#312e81);padding:100px 20px 40px}.profile-container{max-width:900px;margin:0 auto}.profile-header{display:flex;align-items:center;gap:24px;margin-bottom:40px;padding:32px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(139,92,246,.2)}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#fff;box-shadow:0 4px 12px #8b5cf666}.profile-info h1{font-size:32px;color:#fff;margin:0 0 8px}.profile-email{color:#a78bfa;font-size:16px;margin:0}.profile-sections{display:flex;flex-direction:column;gap:24px}.profile-section{background:#ffffff0d;border-radius:16px;padding:32px;border:1px solid rgba(139,92,246,.2)}.profile-section h2{font-size:20px;color:#fff;margin:0 0 24px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:8px}.info-item label{color:#a78bfa;font-size:14px;font-weight:500}.info-value{color:#fff;font-size:16px}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.badge-free{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.status-verified{color:#34d399}.status-unverified{color:#fbbf24}.password-form{display:flex;flex-direction:column;gap:20px;max-width:500px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#e9d5ff;font-size:14px;font-weight:500}.form-input{background:#ffffff0d;border:1px solid rgba(139,92,246,.3);border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;transition:all .2s}.form-input:focus{outline:none;border-color:#8b5cf6;background:#ffffff14;box-shadow:0 0 0 3px #8b5cf61a}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.alert{padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:14px}.alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.quick-links{display:flex;flex-direction:column;gap:12px}.link-btn{background:#ffffff0d;border:1px solid rgba(139,92,246,.3);border-radius:8px;padding:16px 20px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.link-btn:hover{background:#ffffff14;border-color:#8b5cf6;transform:translate(4px)}.danger-zone{border-color:#ef44444d!important}.danger-zone h2{color:#fca5a5}.danger-zone p{color:#fecaca;margin:0 0 16px;font-size:14px}.btn-danger{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.btn-danger:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.profile-header{flex-direction:column;text-align:center}.info-grid{grid-template-columns:1fr}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-dark: #080810;--color-bg-darker: #040408;--color-bg-lighter: #0f0f1a;--color-surface: #151520;--color-surface-elevated: #1a1a28;--color-primary: #0ea5e9;--color-primary-light: #38bdf8;--color-primary-dark: #0284c7;--color-secondary: #06b6d4;--color-secondary-light: #22d3ee;--color-secondary-dark: #0891b2;--color-accent: #8b5cf6;--color-accent-light: #a78bfa;--color-accent-dark: #7c3aed;--color-synthetic: #10b981;--color-synthetic-light: #34d399;--color-success: #10b981;--color-danger: #ef4444;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--gradient-primary: linear-gradient(135deg, #0ea5e9 0%, #8b5cf6 100%);--gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #0ea5e9 100%);--gradient-accent: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);--gradient-synthetic: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--gradient-bg: linear-gradient(180deg, #080810 0%, #0f0f1a 50%, #080810 100%);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Space Grotesk", "Inter", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-2xl: 1.5rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .25);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .3);--shadow-glow-blue: 0 0 30px rgba(14, 165, 233, .4), 0 0 60px rgba(14, 165, 233, .2);--shadow-glow-cyan: 0 0 30px rgba(6, 182, 212, .4), 0 0 60px rgba(6, 182, 212, .2);--shadow-glow-purple: 0 0 30px rgba(139, 92, 246, .4), 0 0 60px rgba(139, 92, 246, .2);--shadow-glow-green: 0 0 30px rgba(16, 185, 129, .4), 0 0 60px rgba(16, 185, 129, .2);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal: 1300;--z-popover: 1400;--z-tooltip: 1500}[data-theme=light]{--color-bg-dark: #ffffff;--color-bg-darker: #fafbfc;--color-bg-lighter: #f0f7ff;--color-surface: #ffffff;--color-surface-elevated: #fafbfc;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--gradient-bg: linear-gradient(180deg, #ffffff 0%, #f0f7ff 50%, #e0f2fe 100%);--shadow-sm: 0 1px 2px 0 rgba(14, 165, 233, .08);--shadow-md: 0 4px 6px -1px rgba(14, 165, 233, .12), 0 2px 4px -1px rgba(14, 165, 233, .08);--shadow-lg: 0 10px 15px -3px rgba(14, 165, 233, .15), 0 4px 6px -2px rgba(14, 165, 233, .08);--shadow-xl: 0 20px 25px -5px rgba(14, 165, 233, .15), 0 10px 10px -5px rgba(14, 165, 233, .08);--shadow-glow-blue: 0 0 20px rgba(14, 165, 233, .25), 0 0 40px rgba(14, 165, 233, .15);--shadow-glow-cyan: 0 0 20px rgba(6, 182, 212, .25), 0 0 40px rgba(6, 182, 212, .15);--shadow-glow-purple: 0 0 20px rgba(139, 92, 246, .25), 0 0 40px rgba(139, 92, 246, .15);--shadow-glow-green: 0 0 20px rgba(16, 185, 129, .25), 0 0 40px rgba(16, 185, 129, .15)}[data-theme=light] .glass{background:#ffffffb3;border:1px solid rgba(14,165,233,.3);box-shadow:var(--shadow-lg)}[data-theme=light] .glass-strong{background:#ffffffe6;border:1px solid rgba(14,165,233,.3)}[data-theme=light] .card{background:#fff;border:1px solid rgba(14,165,233,.3);box-shadow:var(--shadow-md)}[data-theme=light] .card:hover{border-color:#0ea5e980;box-shadow:var(--shadow-lg),var(--shadow-glow-blue)}[data-theme=light] .card-glass{background:#fffc;border:1px solid rgba(14,165,233,.3)}[data-theme=light] .card-glass:hover{background:#fffffff2;border-color:#0ea5e980}[data-theme=light] .input{background:#fff;border:1px solid rgba(14,165,233,.3)}[data-theme=light] .badge{background:#0ea5e91a;border:1px solid rgba(14,165,233,.3)}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--gradient-bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-5xl);letter-spacing:-.02em}h2{font-size:var(--font-size-4xl);letter-spacing:-.01em}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}p{margin-bottom:var(--space-md)}a{color:var(--color-primary-light);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary)}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.container-wide{max-width:1600px;margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-4xl) 0}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-secondary{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#1a182599;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(14,165,233,.2);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg)}.glass-strong{background:#1a1825cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:.01em;border-radius:var(--border-radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;outline:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow-blue)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow-blue)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--gradient-secondary);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow-cyan)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow-cyan)}.btn-outline{background:transparent;color:var(--color-primary-light);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-large{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-lg)}.btn-small{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm)}.card{background:var(--color-surface);border-radius:var(--border-radius-xl);padding:var(--space-xl);border:1px solid rgba(139,92,246,.2);transition:all var(--transition-base)}.card:hover{transform:translateY(-4px);border-color:#0ea5e999;box-shadow:var(--shadow-lg),var(--shadow-glow-blue)}.card-glass{background:#1a182599;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius-xl);padding:var(--space-xl);border:1px solid rgba(14,165,233,.2);transition:all var(--transition-base)}.card-glass:hover{transform:translateY(-4px);border-color:#0ea5e966;box-shadow:var(--shadow-lg),var(--shadow-glow-blue);background:#1a1825cc}.input{width:100%;padding:var(--space-md);font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-surface);border:1px solid rgba(139,92,246,.2);border-radius:var(--border-radius-md);transition:all var(--transition-base);outline:none}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #8b5cf633}.input::placeholder{color:var(--color-text-muted)}textarea.input{resize:vertical;min-height:120px}.grid{display:grid;gap:var(--space-xl)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}@media(max-width:768px){:root{--font-size-5xl: 2.5rem;--font-size-4xl: 2rem;--font-size-3xl: 1.5rem}.section{padding:var(--space-3xl) 0}.container,.container-wide{padding:0 var(--space-md)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn var(--transition-slow) ease-out}.animate-slideUp{animation:slideUp var(--transition-slow) ease-out}.animate-float{animation:float 3s ease-in-out infinite}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-bg-darker)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}.react-flow__attribution,.react-flow__panel.react-flow__attribution,.react-flow__panel.bottom.right,.react-flow__panel[data-message]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}