.user-menu{position:relative}.user-menu-trigger{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;gap:8px}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;transition:transform .2s ease,box-shadow .2s ease}.user-menu-trigger:hover .user-avatar{transform:scale(1.05);box-shadow:0 4px 12px #667eea66}.user-avatar.large{width:48px;height:48px;font-size:18px}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:#1a1a24;border:1px solid #2a2a3a;border-radius:12px;box-shadow:0 8px 32px #0006;z-index:1000;animation:dropdown-appear .15s ease-out}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{display:flex;align-items:center;gap:12px;padding:16px}.user-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.user-name{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:12px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-divider{height:1px;background:#2a2a3a;margin:0 12px}.user-menu-items{padding:8px}.user-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px;background:none;border:none;border-radius:8px;color:#ccc;font-family:inherit;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.user-menu-item:hover{background:#222230;color:#fff}.user-menu-item .menu-icon{font-size:16px;width:20px;text-align:center}.user-menu-item:last-child:hover{background:#ff6b6b1a;color:#ff6b6b}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:60px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:1px solid #2a2a4a;flex-shrink:0;position:sticky;top:0;z-index:100}.app-header-left{display:flex;align-items:center;gap:16px;min-width:0;flex:1}.app-header-back{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.app-header-back:hover{background:#fff3}.app-header-title{display:flex;align-items:baseline;gap:12px;min-width:0}.app-header-title h1{margin:0;font-size:20px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-subtitle{font-size:14px;color:#fff9;white-space:nowrap}.app-header-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:default;flex-shrink:0}.desktop-only{display:flex}.mobile-only{display:none}@media(max-width:1024px){.app-header-right{gap:12px}}@media(max-width:767px){.app-header{padding:0 12px;height:56px}.app-header-left{gap:10px}.app-header-back{width:32px;height:32px;font-size:16px}.app-header-title h1{font-size:16px}.app-header-subtitle{display:none}.app-header-right{gap:8px}.desktop-only{display:none}.mobile-only{display:flex}.user-avatar{width:32px;height:32px;font-size:12px}}@media(max-width:479px){.app-header{padding:0 8px}.app-header-title h1{font-size:14px;max-width:150px}}.hamburger-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.hamburger-icon{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px}.hamburger-icon span{display:block;height:2px;width:100%;background:#fff;border-radius:1px;transition:all .3s ease}.hamburger-icon.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.app-header-mobile{position:relative}.mobile-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#1e1e3f;border:1px solid #2a2a4a;border-radius:12px;min-width:250px;box-shadow:0 8px 32px #0006;z-index:1000;overflow:hidden}.mobile-menu-user{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff08}.mobile-menu-user .user-info{display:flex;flex-direction:column;gap:2px}.mobile-menu-user .user-name{color:#fff;font-weight:500;font-size:14px}.mobile-menu-user .user-email{color:#ffffff80;font-size:12px}.mobile-menu-actions{padding:8px}.mobile-menu-actions .new-btn{width:100%;justify-content:center}.mobile-menu-divider{height:1px;background:#ffffff1a;margin:0}.mobile-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;color:#fff;font-size:14px;cursor:pointer;transition:background .2s;text-align:left}.mobile-menu-item:hover{background:#ffffff0d}.mobile-menu-item.logout{color:#ff6b6b}.mobile-menu-item.logout:hover{background:#ff6b6b1a}.dashboard{min-height:100vh;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.dashboard-grid{padding:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.dashboard-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;cursor:pointer;transition:all .3s ease;text-align:center}.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}@media(max-width:1024px){.dashboard-grid{padding:24px;gap:20px}}@media(max-width:767px){.dashboard-grid{padding:16px;grid-template-columns:1fr;gap:16px}.dashboard-card{padding:24px}.card-icon{font-size:2.5rem;margin-bottom:12px}.dashboard-card h2{font-size:1.25rem}.dashboard-card p{font-size:.9rem}}@media(max-width:479px){.dashboard-grid{padding:12px;gap:12px}.dashboard-card{padding:20px}.card-icon{font-size:2rem}.dashboard-card h2{font-size:1.1rem}}.workflow-list-page{min-height:100vh;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.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;white-space:nowrap}.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;padding:24px;flex:1;width:100%;box-sizing:border-box}.list-message{text-align:center;color:#a0a0c0;padding:60px 20px;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-container{overflow-x:auto;border-radius:12px;background:#ffffff08}.workflow-table{width:100%;min-width:700px;border-collapse:collapse}.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;white-space:nowrap}.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:last-child{margin-right:0}.action-btn:hover{background:#ffffff26}.action-btn.edit:hover{background:#4caf50}.action-btn.delete:hover{background:#e74c3c}.status-cell{display:flex;align-items:center;gap:10px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ffffff26;border-radius:24px;transition:background .2s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch input:checked+.toggle-slider{background:#4caf50}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.status-label{font-size:.85rem;font-weight:500;min-width:55px}.status-label.active{color:#4caf50}.status-label.inactive{color:#a0a0c0}.workflow-cards{display:none;flex-direction:column;gap:16px}.workflow-card{background:#ffffff08;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.05)}.workflow-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.workflow-card-name{color:#64b5f6;font-weight:500;font-size:1rem;cursor:pointer;flex:1;word-break:break-word}.workflow-card-name:hover{text-decoration:underline}.workflow-card-status{display:flex;align-items:center;gap:8px;flex-shrink:0}.workflow-card-desc{color:#a0a0c0;font-size:.9rem;margin-bottom:12px;line-height:1.4}.workflow-card-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:.85rem;color:#888;margin-bottom:12px}.workflow-card-meta span{display:flex;align-items:center;gap:4px}.workflow-card-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.workflow-card-actions .action-btn{flex:1;text-align:center;margin-right:0}@media(max-width:1024px){.list-content{padding:16px}.workflow-table th,.workflow-table td{padding:12px 16px}.desc-cell{max-width:200px}}@media(max-width:767px){.list-content{padding:12px}.list-empty{padding:40px 20px}.empty-icon{font-size:3rem}.new-btn.large{padding:14px 24px;font-size:1rem;width:100%}.workflow-table-container{display:none}.workflow-cards{display:flex}}@media(max-width:479px){.list-content{padding:8px}.workflow-card{padding:12px}.workflow-card-meta{flex-direction:column;gap:8px}.workflow-card-actions{flex-direction:column}.workflow-card-actions .action-btn{width:100%}}.services-page{min-height:100vh;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.services-content{max-width:1200px;margin:0 auto;padding:24px;flex:1}.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{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}@media(max-width:1024px){.services-content{padding:16px}.integrations-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}}@media(max-width:767px){.services-content{padding:12px}.services-intro{padding:16px;margin-bottom:24px}.service-card{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.service-icon{width:40px;height:40px;font-size:1.5rem}.service-info{width:100%}.service-status{align-self:flex-start}.service-actions{width:100%;justify-content:flex-end}.integrations-grid{grid-template-columns:repeat(3,1fr);gap:8px}.integration-card{padding:16px 8px}.integration-icon{font-size:1.5rem}.integration-name{font-size:.75rem}.modal{width:95%;max-height:90vh;overflow-y:auto}.modal-header,.modal-body{padding:16px}.modal-footer{padding:16px;flex-direction:column}.modal-footer .btn-secondary,.modal-footer .btn-primary{width:100%}.provider-grid{grid-template-columns:1fr 1fr;gap:8px}.provider-option{padding:16px 12px}.provider-option .provider-icon{font-size:1.5rem}.provider-option .provider-name{font-size:.85rem}.services-empty{padding:40px 20px}.services-empty .empty-icon{font-size:3rem}}@media(max-width:479px){.services-content{padding:8px}.integrations-grid{grid-template-columns:repeat(2,1fr)}.service-actions{flex-direction:column;width:100%}.service-actions .action-btn{width:100%;text-align:center}}.multi-select{position:relative;min-width:160px}.multi-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:#0f3460;border:1px solid #1a4a7a;border-radius:6px;color:#e0e0e0;font-size:14px;cursor:pointer;text-align:left;transition:border-color .2s}.multi-select-trigger:hover{border-color:#2a5a8a}.multi-select-trigger.open{border-color:#4a90d9;border-bottom-left-radius:0;border-bottom-right-radius:0}.multi-select-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select-arrow{font-size:10px;margin-left:8px;color:#888}.multi-select-dropdown{position:absolute;top:100%;left:0;right:0;background:#0f3460;border:1px solid #4a90d9;border-top:none;border-bottom-left-radius:6px;border-bottom-right-radius:6px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #0000004d}.multi-select-option{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;transition:background .15s;color:#e0e0e0;font-size:14px}.multi-select-option:hover{background:#1a4a7a}.multi-select-option.select-all{border-bottom:1px solid #1a4a7a;font-weight:500;color:#4a90d9}.multi-select-option input[type=checkbox]{width:16px;height:16px;accent-color:#4a90d9;cursor:pointer}.multi-select-option span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datetime-picker{position:relative;min-width:180px}.datetime-trigger{display:flex;align-items:center;width:100%;padding:8px 12px;background:#0f3460;border:1px solid #1a4a7a;border-radius:6px;color:#888;font-size:14px;cursor:pointer;text-align:left;transition:border-color .2s;gap:8px}.datetime-trigger.has-value{color:#e0e0e0}.datetime-trigger:hover{border-color:#2a5a8a}.datetime-trigger.open{border-color:#4a90d9;border-bottom-left-radius:0;border-bottom-right-radius:0}.datetime-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datetime-clear{font-size:16px;color:#888;padding:0 4px;cursor:pointer;transition:color .2s}.datetime-clear:hover{color:#f44336}.datetime-icon{font-size:14px}.datetime-dropdown{position:absolute;top:100%;left:0;right:0;background:#0f3460;border:1px solid #4a90d9;border-top:none;border-bottom-left-radius:6px;border-bottom-right-radius:6px;padding:12px;z-index:100;box-shadow:0 4px 12px #0000004d}.datetime-date-section,.datetime-time-section{margin-bottom:12px}.datetime-date-section label,.datetime-time-section label{display:block;font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.datetime-date-section input[type=date]{width:100%;padding:8px 10px;background:#16213e;border:1px solid #1a4a7a;border-radius:4px;color:#e0e0e0;font-size:14px}.datetime-date-section input[type=date]:focus{outline:none;border-color:#4a90d9}.datetime-date-section input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7)}.time-inputs{display:flex;align-items:center;justify-content:center;gap:8px}.time-input-group{display:flex;flex-direction:column;align-items:center;gap:2px}.time-btn{width:36px;height:24px;background:#16213e;border:1px solid #1a4a7a;border-radius:4px;color:#888;cursor:pointer;font-size:10px;transition:all .15s;display:flex;align-items:center;justify-content:center}.time-btn:hover:not(:disabled){background:#1a4a7a;color:#e0e0e0}.time-btn:disabled{opacity:.3;cursor:not-allowed}.time-input{width:50px;padding:8px 4px;background:#16213e;border:1px solid #1a4a7a;border-radius:4px;color:#e0e0e0;font-size:18px;font-weight:500;text-align:center;font-family:monospace;-moz-appearance:textfield}.time-input::-webkit-outer-spin-button,.time-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.time-input:focus{outline:none;border-color:#4a90d9}.time-separator{font-size:24px;font-weight:700;color:#888;margin:0 4px}.datetime-quick-times{display:flex;gap:4px;flex-wrap:wrap;padding-top:8px;border-top:1px solid #1a4a7a}.datetime-quick-times button{flex:1;min-width:50px;padding:6px 8px;background:#16213e;border:1px solid #1a4a7a;border-radius:4px;color:#aaa;font-size:12px;cursor:pointer;transition:all .15s}.datetime-quick-times button:hover{background:#1a4a7a;color:#e0e0e0;border-color:#4a90d9}.executions-page{min-height:100vh;height:100vh;background:#1a1a2e;overflow-y:auto;overflow-x:hidden}.executions-content{padding:24px 24px 48px;max-width:1400px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#16213e;border-radius:12px;padding:20px;text-align:center;border:1px solid #0f3460}.stat-value{font-size:36px;font-weight:700;color:#e0e0e0;margin-bottom:4px}.stat-label{font-size:14px;color:#888}.stat-card.stat-success .stat-value{color:#4caf50}.stat-card.stat-error .stat-value{color:#f44336}.stat-card.stat-running .stat-value{color:#2196f3}.executions-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:16px;padding:16px;background:#16213e;border-radius:12px;border:1px solid #0f3460}.filter-group{display:flex;flex-direction:column;gap:4px;min-width:0}.filter-group label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px}.filter-group select,.filter-group input[type=date],.filter-group input[type=datetime-local]{padding:8px 12px;background:#0f3460;border:1px solid #1a4a7a;border-radius:6px;color:#e0e0e0;font-size:14px;min-width:160px}.filter-group input[type=datetime-local]{min-width:200px}.filter-group select:focus,.filter-group input[type=date]:focus,.filter-group input[type=datetime-local]:focus{outline:none;border-color:#4a90d9}.filter-group input[type=date]::-webkit-calendar-picker-indicator,.filter-group input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.7)}.clear-filters-btn{padding:8px 16px;background:transparent;border:1px solid #f44336;border-radius:6px;color:#f44336;cursor:pointer;font-size:14px;transition:all .2s;white-space:nowrap}.clear-filters-btn:hover{background:#f443361a}.executions-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.filter-active-note{font-size:12px;color:#4a90d9;margin-left:auto}.refresh-btn{padding:8px 16px;background:#0f3460;border:1px solid #1a4a7a;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:14px;transition:all .2s}.refresh-btn:hover:not(:disabled){background:#1a4a7a}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.auto-refresh-note{font-size:12px;color:#666}.error-message{background:#3d1f1f;border:1px solid #f44336;border-radius:8px;padding:12px 16px;color:#f44336;margin-bottom:16px}.executions-table-container{background:#16213e;border-radius:12px;border:1px solid #0f3460;overflow-x:auto}.executions-table{width:100%;min-width:800px;border-collapse:collapse}.executions-table th,.executions-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #0f3460;white-space:nowrap}.executions-table th{background:#0f3460;color:#888;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0}.executions-table tbody tr{transition:background .2s}.executions-table tbody tr:hover{background:#1a2a4a}.executions-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.status-success{background:#4caf5033;color:#4caf50}.status-badge.status-error{background:#f4433633;color:#f44336}.status-badge.status-running{background:#2196f333;color:#2196f3;animation:pulse 1.5s infinite}.status-badge.status-unknown{background:#9e9e9e33;color:#9e9e9e}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.executions-table .trigger-cell{min-width:100px}.executions-trigger-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#0f346080;border-radius:6px;font-size:12px;color:#e0e0e0}.executions-trigger-badge .trigger-icon{font-size:14px}.executions-trigger-badge .trigger-text{color:#aaa}.workflow-name{color:#e0e0e0;font-weight:500}.date-cell{color:#888;font-size:13px}.duration-cell{color:#aaa;font-family:monospace}.nodes-cell{color:#aaa;text-align:center}.error-cell{color:#f44336;font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-cell,.empty-cell{text-align:center;color:#666;padding:40px 16px!important;white-space:normal!important}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;padding:16px}.page-btn{padding:8px 16px;background:#0f3460;border:1px solid #1a4a7a;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:14px;transition:all .2s}.page-btn:hover:not(:disabled){background:#1a4a7a}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#888;font-size:14px}@media(max-width:1024px){.executions-content{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-value{font-size:28px}.executions-filters{gap:12px;padding:12px}.filter-group select,.filter-group input[type=date],.filter-group input[type=datetime-local]{min-width:140px}}@media(max-width:767px){.executions-content{padding:12px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:12px}.stat-value{font-size:24px}.stat-label{font-size:11px}.executions-filters{flex-direction:column;align-items:stretch;gap:12px}.filter-group{width:100%}.filter-group select,.filter-group input[type=date],.filter-group input[type=datetime-local]{width:100%;min-width:unset}.clear-filters-btn{width:100%}.executions-toolbar{flex-direction:column;align-items:stretch;gap:8px}.filter-active-note{margin-left:0;text-align:center}.refresh-btn{width:100%}.auto-refresh-note{text-align:center}.executions-table th,.executions-table td{padding:10px 12px;font-size:12px}.pagination{gap:8px;padding:12px}.page-btn{padding:6px 12px;font-size:12px}}@media(max-width:479px){.stats-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:20px}.stat-label{font-size:10px}}.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}.sidebar-toggle{display:none;position:fixed;top:70px;left:12px;z-index:1001;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:none;color:#fff;font-size:20px;cursor:pointer;box-shadow:0 4px 20px #ff6b6b66;transition:all .3s ease}.sidebar-toggle:hover{transform:scale(1.1)}.sidebar-toggle.collapsed{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #667eea66}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99}.catalog-node-add{display:none;width:28px;height:28px;border-radius:50%;background:var(--node-color);color:#fff;font-size:18px;font-weight:700;align-items:center;justify-content:center;flex-shrink:0}.sidebar-hint{display:none;padding:12px 16px;text-align:center;font-size:12px;color:#666;border-top:1px solid #1e1e2e;background:#0d0d14}@media(max-width:767px),(max-height:500px)and (pointer:coarse){.sidebar-toggle{display:flex;align-items:center;justify-content:center}.sidebar-overlay{display:block}.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;z-index:100;transform:translate(0);transition:transform .3s ease}.sidebar.collapsed{transform:translate(-100%)}.sidebar.mobile .catalog-node{cursor:pointer}.sidebar.mobile .catalog-node:hover{transform:none}.sidebar.mobile .catalog-node:active{background:#222230;border-color:var(--node-color)}.sidebar.mobile .catalog-node-add{display:flex}.sidebar.mobile .sidebar-hint{display:block}.sidebar-header{padding:16px}.catalog{padding:12px}.logo-icon{width:36px;height:36px;font-size:18px}.logo-text{font-size:18px}.catalog-node{padding:10px;gap:10px}.catalog-node-icon{width:32px;height:32px;font-size:16px}}@media(max-width:479px){.sidebar{width:100%}.sidebar-toggle{top:64px;left:8px;width:40px;height:40px;font-size:18px}}.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}.import-btn{background:linear-gradient(135deg,#5dade2,#85c1e9);box-shadow:0 4px 12px #5dade24d}.import-btn:hover{box-shadow:0 6px 20px #5dade266}.export-btn{background:linear-gradient(135deg,#58d68d,#82e0aa);box-shadow:0 4px 12px #58d68d4d}.export-btn:hover{box-shadow:0 6px 20px #58d68d66}@media(max-width:767px),(max-height:500px)and (pointer:coarse){.toolbar{padding:10px 12px;flex-wrap:wrap;gap:8px}.toolbar-left{flex:1;min-width:0;gap:10px}.back-btn{width:32px;height:32px;font-size:16px}.toolbar-title{font-size:14px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-title-input{font-size:14px;min-width:120px}.toolbar-stats{display:none}.toolbar-right{gap:8px}.save-btn,.action-btn,.import-btn,.export-btn{padding:8px 12px;font-size:12px}.save-btn .btn-text,.action-btn .btn-text{display:none}}@media(max-width:479px){.toolbar{padding:8px}.toolbar-title{max-width:100px;font-size:13px}.save-btn,.action-btn{padding:6px 10px}.import-btn,.export-btn{display:none}}.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}@media(max-width:767px),(max-height:500px)and (pointer:coarse){.workflow-node{-webkit-touch-callout:none;-webkit-user-select:none;touch-action:none}.workflow-node .delete-btn{opacity:1;width:28px;height:28px;font-size:18px}.node-header{padding:14px 12px}.connector{width:20px;height:20px;border-width:4px}.input-connector{left:-10px}.output-connector{right:-10px}.workflow-node:active{opacity:.9;transform:scale(1.02)}}.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}@media(max-width:767px),(max-height:500px)and (pointer:coarse){.canvas{touch-action:none}.canvas-controls{bottom:12px;left:50%;right:auto;transform:translate(-50%);width:auto;max-width:320px}.zoom-slider-container{width:auto;justify-content:center;padding:10px 16px}.zoom-slider{width:100px;flex:none}.canvas-hints{justify-content:center;gap:8px}.canvas-hints span{font-size:10px;padding:3px 6px}.empty-state-icon{font-size:48px}.empty-state-title{font-size:16px}.empty-state-desc{font-size:12px;padding:0 20px}}@media(max-width:479px){.zoom-slider-container .zoom-btn{width:32px;height:32px}.zoom-label{display:none}}.config-panel{position:fixed;top:61px;right:0;width:380px;height:calc(100vh - 61px);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}.credential-selector{display:flex;flex-direction:column;gap:8px}.credential-selector select{width:100%;padding:12px 14px;background:#1a1a24;border:1px solid #2a2a3a;border-radius:8px;color:#fff;font-family:inherit;font-size:14px;cursor:pointer;transition:all .2s ease}.credential-selector select:focus{outline:none;border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.credential-selector select:disabled{opacity:.6;cursor:not-allowed}.credential-hint{font-size:11px;color:#888;padding:8px 12px;background:#1a1a24;border-radius:6px;border-left:3px solid #FF6B6B}.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);display:flex;flex-direction:column}.placeholder-content{max-width:1200px;margin:0 auto;padding:40px 24px;text-align:center}.placeholder-content 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}.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:#1a1a2e;border:1px solid #2a2a4a;border-radius:12px;padding:24px;max-width:400px;width:90%;color:#fff}.modal h3{margin:0 0 8px;font-size:1.2rem;color:#fff}.modal p{margin:0 0 20px;color:#a0a0c0;font-size:.9rem}.trigger-select-modal .trigger-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.trigger-option{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#2a2a4a;border:1px solid #3a3a5a;border-radius:8px;cursor:pointer;transition:all .2s;color:#fff}.trigger-option:hover:not(:disabled){background:#3a3a6a;border-color:#667eea}.trigger-option:disabled{opacity:.5;cursor:not-allowed}.trigger-name{font-weight:500}.trigger-type{font-size:.8rem;color:#888;background:#1a1a2e;padding:4px 8px;border-radius:4px}.modal-cancel{width:100%;padding:10px;background:transparent;border:1px solid #3a3a5a;border-radius:8px;color:#a0a0c0;cursor:pointer;transition:all .2s}.modal-cancel:hover:not(:disabled){background:#2a2a4a;color:#fff}.modal-cancel:disabled{opacity:.5;cursor:not-allowed}.executing-modal{text-align:center}.executing-modal .loading-spinner{margin:0 auto 16px}@media(max-width:767px),(max-height:500px)and (pointer:coarse){.workflow-builder{position:relative}.main-area{width:100%}}: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)}::-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}