.dashboard{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:40px}.dashboard-header{text-align:center;margin-bottom:60px}.dashboard-header h1{font-size:3rem;color:#fff;margin:0;font-weight:700}.dashboard-header p{color:#a0a0c0;font-size:1.2rem;margin-top:10px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto}.dashboard-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;cursor:pointer;transition:all .3s ease}.dashboard-card:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.card-icon{font-size:3rem;margin-bottom:16px}.dashboard-card h2{color:#fff;font-size:1.5rem;margin:0 0 12px}.dashboard-card p{color:#a0a0c0;margin:0;line-height:1.5}.workflow-list-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:24px}.list-header{display:flex;align-items:center;gap:24px;margin-bottom:32px;max-width:1400px;margin-left:auto;margin-right:auto}.list-header h1{color:#fff;font-size:1.8rem;margin:0;flex:1}.back-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:.95rem;transition:all .2s}.back-btn:hover{background:#ffffff26}.new-btn{background:#4caf50;border:none;color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s}.new-btn:hover{background:#45a049;transform:translateY(-1px)}.new-btn.large{padding:16px 32px;font-size:1.1rem}.list-content{max-width:1400px;margin:0 auto}.list-message{text-align:center;color:#a0a0c0;padding:60px;font-size:1.1rem}.list-message.error{color:#ff6b6b}.list-empty{text-align:center;padding:80px 40px;background:#ffffff08;border-radius:16px;border:1px dashed rgba(255,255,255,.1)}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.list-empty h2{color:#fff;margin:0 0 12px}.list-empty p{color:#a0a0c0;margin:0 0 24px}.workflow-table{width:100%;border-collapse:collapse;background:#ffffff08;border-radius:12px;overflow:hidden}.workflow-table th{background:#ffffff0d;color:#a0a0c0;font-weight:600;text-align:left;padding:16px 20px;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.workflow-table td{padding:16px 20px;border-top:1px solid rgba(255,255,255,.05);color:#e0e0e0}.workflow-table tr:hover td{background:#ffffff05}.name-cell .workflow-name{color:#64b5f6;cursor:pointer;font-weight:500}.name-cell .workflow-name:hover{text-decoration:underline}.desc-cell{color:#a0a0c0;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count-cell{text-align:center;color:#a0a0c0}.date-cell{color:#a0a0c0;white-space:nowrap}.actions-cell{white-space:nowrap}.action-btn{background:#ffffff1a;border:none;color:#fff;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.85rem;margin-right:8px;transition:all .2s}.action-btn:hover{background:#ffffff26}.action-btn.edit:hover{background:#4caf50}.action-btn.delete:hover{background:#e74c3c}.services-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:24px}.services-header{display:flex;align-items:center;gap:24px;margin-bottom:32px;max-width:1200px;margin-left:auto;margin-right:auto}.services-header h1{color:#fff;font-size:1.8rem;margin:0;flex:1}.services-content{max-width:1200px;margin:0 auto}.services-intro{background:#ffffff08;border-radius:12px;padding:20px 24px;margin-bottom:32px}.services-intro p{color:#a0a0c0;margin:0;line-height:1.5}.services-empty{text-align:center;padding:80px 40px;background:#ffffff08;border-radius:16px;border:1px dashed rgba(255,255,255,.1)}.services-empty .empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.services-empty h2{color:#fff;margin:0 0 12px}.services-empty p{color:#a0a0c0;margin:0 0 24px}.services-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:48px}.service-card{display:flex;align-items:center;gap:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px 24px;transition:all .2s}.service-card:hover{background:#ffffff0d;border-color:#ffffff26}.service-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:10px}.service-info{flex:1}.service-info h3{color:#fff;margin:0 0 4px;font-size:1.1rem}.service-type{color:#a0a0c0;font-size:.85rem}.service-status{padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:500}.service-status.configured{background:#4caf5026;color:#4caf50}.service-status.pending{background:#ffc10726;color:#ffc107}.service-actions{display:flex;gap:8px}.services-section{margin-top:48px}.services-section h2{color:#fff;font-size:1.3rem;margin:0 0 20px}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.integration-card{display:flex;flex-direction:column;align-items:center;gap:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px 16px;cursor:pointer;transition:all .2s}.integration-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.integration-icon{font-size:2rem}.integration-name{color:#e0e0e0;font-size:.9rem;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#1e1e2e;border-radius:16px;width:90%;max-width:480px;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.modal-header h2{color:#fff;margin:0;font-size:1.3rem}.modal-header .close-btn{background:none;border:none;color:#a0a0c0;font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-header .close-btn:hover{color:#fff}.modal-body{padding:24px}.form-field{margin-bottom:20px}.form-field:last-child{margin-bottom:0}.form-field label{display:block;color:#a0a0c0;font-size:.85rem;margin-bottom:8px}.form-field input,.form-field select{width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.95rem}.form-field input:focus,.form-field select:focus{outline:none;border-color:#4caf50}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.08)}.btn-secondary{background:#ffffff1a;border:none;color:#e0e0e0;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:.95rem;transition:all .2s}.btn-secondary:hover{background:#ffffff26}.btn-primary{background:#4caf50;border:none;color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s}.btn-primary:hover{background:#45a049}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.error-banner{background:#f4433626;border:1px solid rgba(244,67,54,.3);color:#f44336;padding:12px 16px;border-radius:8px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between}.error-banner button{background:none;border:none;color:#f44336;font-size:1.2rem;cursor:pointer;padding:0}.loading-state{text-align:center;padding:60px 20px;color:#a0a0c0;font-size:1rem}.service-status.connected{background:#4caf5026;color:#4caf50}.service-status.expired{background:#ff980026;color:#ff9800}.service-status.error{background:#f4433626;color:#f44336}.provider-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-height:400px;overflow-y:auto}.provider-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s;text-align:center}.provider-option:hover{background:#ffffff0f;border-color:#4caf50;transform:translateY(-2px)}.provider-option .provider-icon{font-size:2rem}.provider-option .provider-name{color:#fff;font-weight:500;font-size:.95rem}.provider-option .provider-desc{color:#a0a0c0;font-size:.75rem;line-height:1.3}.credential-form{display:flex;flex-direction:column;gap:20px}.selected-provider{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff08;border-radius:12px;margin-bottom:8px}.selected-provider .provider-icon.large{font-size:2.5rem}.selected-provider h3{color:#fff;margin:0 0 4px;font-size:1.1rem}.selected-provider p{color:#a0a0c0;margin:0;font-size:.85rem}.oauth-section{text-align:center;padding:20px}.oauth-section p{color:#a0a0c0;margin:0 0 20px;line-height:1.5}.oauth-btn{padding:14px 28px;font-size:1rem}.action-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.action-btn.edit{background:#4caf5026;color:#4caf50}.action-btn.edit:hover{background:#4caf5040}.action-btn.edit:disabled{opacity:.5;cursor:not-allowed}.action-btn.delete{background:#f4433626;color:#f44336}.action-btn.delete:hover{background:#f4433640}.sidebar{width:280px;background:linear-gradient(180deg,#12121a,#0d0d14);border-right:1px solid #1e1e2e;display:flex;flex-direction:column;z-index:10;flex-shrink:0}.sidebar-header{padding:20px;border-bottom:1px solid #1e1e2e}.logo{display:flex;align-items:center;gap:12px;margin-bottom:16px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 20px #ff6b6b4d}.logo-text{font-size:20px;font-weight:700;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.search-box{position:relative}.search-box input{width:100%;padding:12px 16px 12px 40px;background:#1a1a24;border:1px solid #2a2a3a;border-radius:10px;color:#fff;font-family:inherit;font-size:14px;transition:all .2s ease}.search-box input:focus{outline:none;border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.search-box:before{content:"🔍";position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.5}.catalog{flex:1;overflow-y:auto;padding:16px}.category{margin-bottom:16px}.category-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#1a1a24;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.category-header:hover{background:#222230}.category-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#888}.category-toggle{font-size:10px;color:#666;transition:transform .2s ease}.category-toggle.expanded{transform:rotate(180deg)}.category-nodes{padding:8px 0;display:grid;gap:8px}.catalog-node{display:flex;align-items:center;gap:12px;padding:12px;background:#14141c;border:1px solid #1e1e2e;border-radius:10px;cursor:grab;transition:all .2s ease}.catalog-node:hover{background:#1a1a24;border-color:var(--node-color);transform:translate(4px)}.catalog-node:active{cursor:grabbing}.catalog-node-icon{width:36px;height:36px;background:var(--node-color);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.catalog-node-info{flex:1;min-width:0}.catalog-node-name{font-size:13px;font-weight:500;color:#fff;margin-bottom:2px}.catalog-node-desc{font-size:11px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#12121a;border-bottom:1px solid #1e1e2e;flex-shrink:0}.toolbar-left{display:flex;align-items:center;gap:16px}.toolbar-title{font-size:16px;font-weight:600}.toolbar-title.editable{cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s ease;display:flex;align-items:center;gap:6px}.toolbar-title.editable:hover{background:#ffffff1a}.toolbar-title .edit-icon{font-size:12px;opacity:0;transition:opacity .2s ease;color:#888}.toolbar-title.editable:hover .edit-icon{opacity:1}.toolbar-title-input{font-size:16px;font-weight:600;font-family:inherit;background:#1a1a24;border:1px solid #FF6B6B;border-radius:6px;padding:4px 8px;color:#fff;outline:none;min-width:200px}.toolbar-stats{display:flex;gap:16px;font-size:12px;color:#666}.stat{display:flex;align-items:center;gap:6px}.stat-value{color:#ff6b6b;font-weight:600}.toolbar-right{display:flex;align-items:center;gap:12px}.back-btn{width:36px;height:36px;background:#222230;border:none;border-radius:8px;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.back-btn:hover{background:#2a2a3a;color:#fff}.unsaved-indicator{color:#ff6b6b;margin-left:4px}.save-btn{padding:8px 20px;background:#222230;border:1px solid #333;border-radius:8px;color:#888;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.save-btn:hover{background:#2a2a3a;color:#fff;border-color:#444}.save-btn.has-changes{background:#4caf50;border-color:#4caf50;color:#fff;box-shadow:0 4px 12px #4caf504d}.save-btn.has-changes:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 6px 16px #4caf5066}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.action-btn{padding:8px 16px;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:none;border-radius:8px;color:#fff;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ff6b6b4d}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.workflow-node{position:absolute;width:200px;background:#14141c;border:2px solid #1e1e2e;border-radius:12px;cursor:move;transition:box-shadow .2s ease,border-color .2s ease;-webkit-user-select:none;user-select:none}.workflow-node:hover{border-color:var(--node-color);box-shadow:0 0 20px #ff6b6b33}.workflow-node.selected{border-color:#ff6b6b;box-shadow:0 0 30px #ff6b6b4d}.workflow-node.trigger-node{border-style:dashed}.trigger-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:2px 8px;background:#ff6b6b;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:1px;color:#fff}.node-header{display:flex;align-items:center;gap:8px;padding:12px;border-radius:10px 10px 0 0;position:relative}.node-icon{font-size:18px}.node-name{flex:1;font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-btn{width:20px;height:20px;background:#0000004d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:0;transition:all .2s ease}.workflow-node:hover .delete-btn{opacity:1}.delete-btn:hover{background:#f44}.node-body{padding:12px}.node-description{font-size:11px;color:#666;margin-bottom:8px}.node-config-preview{font-size:10px;font-family:JetBrains Mono,monospace;background:#0a0a0f;padding:8px;border-radius:6px}.config-item{display:flex;gap:6px;margin-bottom:4px}.config-item:last-child{margin-bottom:0}.config-key{color:#4ecdc4}.config-value{color:#f7dc6f}.workflow-node.drop-target{border-color:#4caf50!important;box-shadow:0 0 25px #4caf5080!important}.connector{position:absolute;width:14px;height:14px;background:#0a0a0f;border:3px solid var(--node-color);border-radius:50%;cursor:crosshair;transition:all .2s ease;z-index:10;transform:translateY(-50%)}.connector:hover{transform:translateY(-50%) scale(1.3);background:var(--node-color)}.input-connector{left:-7px}.output-connector{right:-7px}.connector-label{position:absolute;font-size:9px;font-weight:600;white-space:nowrap;pointer-events:none;top:50%;transform:translateY(-50%)}.input-label{left:18px;color:#888}.output-label{right:18px;text-align:right}.canvas-container{flex:1;position:relative;overflow:hidden}.canvas{width:100%;height:100%;position:relative;cursor:default}.canvas-grid{position:absolute;width:100%;height:100%;background-image:radial-gradient(circle,#1e1e2e 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.canvas-content{position:absolute;top:0;left:0;transform-origin:0 0}.connections-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.3}.empty-state-title{font-size:20px;font-weight:600;color:#888;margin-bottom:8px}.empty-state-desc{font-size:14px;color:#666}.connections-layer{pointer-events:all}.connections-layer path{pointer-events:stroke}.canvas-controls{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:100}.zoom-slider-container{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#14141cf2;border:1px solid #2a2a3a;border-radius:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.zoom-slider-container .zoom-btn{width:28px;height:28px;background:#222230;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:all .2s ease}.zoom-slider-container .zoom-btn:hover{background:#ff6b6b;color:#fff}.zoom-slider{width:120px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#2a2a3a;border-radius:2px;outline:none;cursor:pointer}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#ff6b6b;border-radius:50%;cursor:pointer;transition:transform .2s ease}.zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.zoom-slider::-moz-range-thumb{width:14px;height:14px;background:#ff6b6b;border:none;border-radius:50%;cursor:pointer}.zoom-label{font-size:12px;color:#888;min-width:40px;text-align:center}.canvas-hints{display:flex;gap:16px;font-size:11px;color:#555}.canvas-hints span{padding:4px 8px;background:#14141ccc;border-radius:4px}.config-panel{position:fixed;top:0;right:0;width:380px;height:100vh;background:#12121a;border-left:1px solid #1e1e2e;z-index:100;display:flex;flex-direction:column;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.config-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #1e1e2e}.config-title{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600}.config-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.close-btn{width:32px;height:32px;background:#1a1a24;border:none;border-radius:8px;color:#888;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#ff6b6b;color:#fff}.config-panel-body{flex:1;overflow-y:auto;padding:20px}.config-field{margin-bottom:20px}.config-field label{display:block;font-size:12px;font-weight:500;color:#888;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.config-field input[type=text],.config-field input[type=number],.config-field select,.config-field textarea{width:100%;padding:12px 14px;background:#1a1a24;border:1px solid #2a2a3a;border-radius:8px;color:#fff;font-family:inherit;font-size:14px;transition:all .2s ease}.config-field input:focus,.config-field select:focus,.config-field textarea:focus{outline:none;border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.config-field textarea{resize:vertical;min-height:100px}.config-field textarea.code-editor{font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.6;background:#0a0a0f}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#FF6B6B}.config-panel-footer{display:flex;gap:12px;padding:20px;border-top:1px solid #1e1e2e}.btn-secondary{flex:1;padding:12px;background:#1a1a24;border:1px solid #2a2a3a;border-radius:8px;color:#888;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#222230;color:#fff}.btn-primary{flex:1;padding:12px;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:none;border-radius:8px;color:#fff;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.workflow-builder{display:flex;height:100vh;width:100vw;background:var(--color-bg-primary);overflow:hidden}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.placeholder-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:24px;max-width:1200px;margin:0 auto}.placeholder-page .back-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:.95rem;transition:all .2s;margin-bottom:32px}.placeholder-page .back-btn:hover{background:#ffffff26}.placeholder-page h1{color:#fff;font-size:2rem;margin:0 0 16px}.placeholder-page p{color:#a0a0c0;font-size:1.1rem}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen p{color:#a0a0c0;font-size:1.1rem}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;text-align:center;padding:24px}.error-screen h2{color:#ff6b6b;margin-bottom:16px}.error-screen p{color:#a0a0c0;margin-bottom:24px;max-width:400px}.error-screen button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:12px 32px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:transform .2s,box-shadow .2s}.error-screen button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}:root{--color-bg-primary: #0a0a0f;--color-bg-secondary: #12121a;--color-bg-tertiary: #1a1a24;--color-bg-dark: #0d0d14;--color-border: #1e1e2e;--color-border-hover: #2a2a3a;--color-accent: #FF6B6B;--color-accent-light: #FF8E8E;--color-accent-glow: rgba(255, 107, 107, .3);--color-text-primary: #e0e0e0;--color-text-secondary: #888;--color-text-muted: #666;--color-node-webhook: #FF6B6B;--color-node-schedule: #4ECDC4;--color-node-manual: #45B7D1;--color-node-email-trigger: #96CEB4;--color-node-http: #DDA0DD;--color-node-code: #F7DC6F;--color-node-email-send: #82E0AA;--color-node-database: #85C1E9;--color-node-if: #F5B041;--color-node-switch: #AF7AC5;--color-node-merge: #5DADE2;--color-node-loop: #58D68D;--color-node-set: #F1948A;--color-node-function: #BB8FCE;--color-node-filter: #7FB3D5;--color-node-aggregate: #73C6B6;--font-sans: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-width: 280px;--config-panel-width: 380px;--toolbar-height: 56px;--transition-fast: .2s ease;--transition-normal: .3s ease;--shadow-accent: 0 4px 20px rgba(255, 107, 107, .3);--shadow-accent-hover: 0 6px 20px rgba(255, 107, 107, .4);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}