:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#1976d2;text-decoration:inherit}a:hover{color:#1565c0}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3{line-height:1.1}#root{height:100vh;width:100%}button{border-radius:8px;border:1px solid #d0d0d0;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;color:#213547;cursor:pointer;transition:border-color .25s}button:hover{border-color:#1976d2;background-color:#f0f0f0}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.app-container{display:flex;height:100vh;width:100%;background-color:#f5f5f5}@keyframes spin{to{transform:rotate(360deg)}}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f5f5f5}.auth-loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.auth-loading p{margin-top:12px;color:#6b7280;font-size:14px}.status-toast{position:fixed;bottom:12px;right:12px;background:#fff;border:1px solid #eee;padding:6px 10px;border-radius:6px;box-shadow:0 2px 4px #0000001a;z-index:2000}.status-toast.error{background:#f44336;color:#fff;border-color:#f44336}.entity-type-selector{display:flex;padding:.5rem;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0}.entity-type-selector button{flex:1;padding:.5rem;background-color:#f5f5f5;border:1px solid #ccc;cursor:pointer;font-size:.875rem;font-weight:500;color:#666;transition:all .2s}.entity-type-selector button:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;border-right:none}.entity-type-selector button:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.entity-type-selector button.active{background-color:#fff;color:#1976d2;border-color:#1976d2;z-index:1}.sidebar{background-color:#fff;border-right:1px solid #e0e0e0;overflow-y:auto;padding:0}.sidebar h2{font-size:1.2rem;margin:0;padding:1rem;background-color:#f8f8f8;border-bottom:1px solid #e0e0e0;color:#333;font-weight:600}.fields-sidebar{background-color:#f8f9fa;border-right:none;border-left:1px solid #e0e0e0}.fields-list-container{padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.field-category{border:1px solid #e0e0e0;border-radius:6px;padding:.5rem;background-color:#fff}.field-category summary{font-weight:600;cursor:pointer;list-style:none;outline:none}.field-category summary::-webkit-details-marker{display:none}.field-category summary:after{content:"›";float:right;transform:rotate(90deg);transition:transform .2s ease}.field-category[open] summary:after{transform:rotate(270deg)}.field-category-description{font-size:.8rem;color:#666;margin:.35rem 0 .5rem}.field-category ul{list-style:none;padding-left:.75rem;margin:0;display:flex;flex-direction:column;gap:.35rem}.field-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.85rem}.field-item button{padding:2px 10px;font-size:.75rem;background-color:#e9ecef;border:1px solid #ced4da;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.field-item button:hover:not(:disabled){background-color:#dee2e6}.field-item button:disabled{background-color:#f8f9fa;color:#adb5bd;border-color:#e9ecef;cursor:not-allowed}.nested-group{display:flex;flex-direction:column;gap:.35rem}.nested-group-title{font-weight:500;font-style:italic;color:#6c757d}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding-right:.5rem;background-color:#f8f8f8;border-bottom:1px solid #e0e0e0}.sidebar-header h2{padding:1rem;margin:0;border-bottom:none;background-color:transparent;flex-grow:1}.new-workflow-button{width:28px;height:28px;border-radius:50%;background-color:#1976d2;color:#fff;border:none;font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;padding:0}.new-workflow-button:hover{background-color:#1565c0}.workflows-sidebar{width:350px;min-width:350px;display:flex;flex-direction:column}.workflow-list-container{padding:.5rem;border-bottom:1px solid #e0e0e0}.workflow-search{width:100%;padding:.5rem .75rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem;margin-bottom:.5rem;box-sizing:border-box}.workflow-list{list-style:none;margin:0;padding:0;max-height:250px;overflow-y:auto}.workflow-item{padding:.75rem;cursor:pointer;border-radius:4px;margin-bottom:2px;transition:background-color .2s}.workflow-item:hover{background-color:#f0f0f0}.workflow-item.selected{background-color:#e7f3ff;color:#06c;font-weight:600}.workflow-item-content{display:flex;justify-content:space-between;align-items:center}.workflow-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-type{font-size:.75rem;color:#666;background-color:#eee;padding:2px 6px;border-radius:8px;white-space:nowrap}.workflow-type.group-badge{background-color:#e0f2f1;color:#00796b}.no-results{padding:1rem;text-align:center;color:#999;font-style:italic}.version-selector{padding:1rem;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.version-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.version-selector-header label{margin-bottom:0}.version-selector-actions{display:flex;align-items:center;gap:8px}.delete-workflow-button{padding:2px 8px;font-size:.75rem;background-color:#fff0f0;border:1px solid #d32f2f;color:#d32f2f;font-weight:600;cursor:pointer;border-radius:4px;transition:all .2s}.delete-workflow-button:hover{background-color:#ffebee;border-color:#c62828}.delete-workflow-button:disabled{background-color:#eee;border-color:#ccc;color:#999;cursor:not-allowed}.version-selector label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.25rem;color:#555}.version-selector select{width:100%;padding:.5rem;border-radius:4px;border:1px solid #ccc;background-color:#fff;font-size:.9rem}.runs-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.runs-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#fff;border-bottom:1px solid #e0e0e0}.runs-header h3{margin:0;font-size:1rem;font-weight:600;color:#333}.new-run-button-compact{width:auto;padding:6px 12px;height:28px;border-radius:4px;background-color:#4caf50;color:#fff;border:none;font-size:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;white-space:nowrap}.new-run-button-compact:hover{background-color:#45a049}.new-run-button-compact.stop-run-button{background-color:#f44336}.new-run-button-compact.stop-run-button:hover{background-color:#d32f2f}.new-run-button-compact:disabled{background-color:#ccc;cursor:not-allowed}.runs-list{flex:1;overflow-y:auto;padding:.5rem}.run-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-bottom:.5rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s}.run-item:hover{background-color:#f8f9fa;border-color:silver}.run-item.selected{background-color:#e8f5e9;border-color:#4caf50}.run-status{display:flex;align-items:center;gap:.5rem}.status-indicator{width:8px;height:8px;border-radius:50%;display:inline-block}.status-indicator.pending{background-color:#ffc107}.status-indicator.running{background-color:#2196f3;animation:pulse 1.5s infinite}.status-indicator.completed{background-color:#4caf50}.status-indicator.failed{background-color:#f44336}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.status-text{font-size:.875rem;text-transform:capitalize;color:#495057}.run-time{font-size:.75rem;color:#6c757d}.no-runs{text-align:center;padding:2rem 1rem;color:#999;font-style:italic;font-size:.875rem}.add-step-button{width:auto;padding:4px 10px;height:28px;border-radius:4px;background-color:#e7f3ff;color:#1976d2;border:1px solid #1976d2;font-size:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;white-space:nowrap}.add-step-button:hover{background-color:#d0e8ff;border-color:#1565c0}.add-step-button:disabled{background-color:#f5f5f5;border-color:#ccc;color:#999;cursor:not-allowed}.steps-sidebar{width:300px;min-width:300px}.steps-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f8f8f8;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:10}.steps-header h2{padding:0;border:none;background:none;margin:0;font-size:1.2rem;font-weight:600;color:#333}.steps-list{list-style:none;margin:0;padding:0}.step-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s;position:relative}.step-item:hover{background-color:#f8f8f8}.step-item.selected{background-color:#e8f5e9;border-left:3px solid #4caf50;padding-left:calc(1rem - 3px)}.step-item.workflow-details{background-color:#eef6ff}.step-item.workflow-details.selected{background-color:#dbeafe;border-left-color:#1976d2}.step-item.dragging{background-color:#e0f7fa;box-shadow:0 4px 8px #0000001a}.step-item .step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.step-name{font-weight:500;color:#333}.step-status-badge{font-size:.75rem;padding:.125rem .5rem;border-radius:12px;font-weight:600;text-transform:uppercase}.step-status-badge.pending{background-color:#e0e0e0;color:#757575}.step-status-badge.running{background-color:#fff3e0;color:#f57c00}.step-status-badge.completed{background-color:#e8f5e9;color:#2e7d32}.step-status-badge.failed{background-color:#ffebee;color:#c62828}.step-description{font-size:.875rem;color:#666}.step-actions{display:flex;align-items:center;gap:.35rem}.duplicate-step-button{background:#e9ecef;border:1px solid #ced4da;color:#495057;border-radius:4px;width:24px;height:24px;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:0}.duplicate-step-button:hover{background-color:#dee2e6;border-color:#adb5bd}.main-content{flex:1;display:flex;flex-direction:column;background-color:#fafafa}.content-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;border-bottom:1px solid #e0e0e0}.view-selector{display:flex;gap:0;background-color:#f5f5f5;border-radius:6px;padding:2px}.view-button{padding:.5rem 1rem;background-color:transparent;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;color:#666;transition:all .2s;min-width:80px}.view-button.active{background-color:#fff;color:#1976d2;box-shadow:0 1px 3px #0000001a}.toolbar-actions{display:flex;gap:.75rem}.toolbar-button{padding:.5rem 1rem;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;color:#495057;transition:all .2s}.toolbar-button.primary{background-color:#1976d2;border-color:#1976d2;color:#fff}.content-area{flex:1;padding:2rem;overflow-y:auto}.code-view,.json-view{height:100%;overflow:auto;padding:1.5rem}.screenshots-container{background-color:#fff;border:2px dashed #d0d0d0;border-radius:8px;max-height:70vh;overflow-y:auto;display:flex;gap:1rem;padding:1rem;align-items:flex-start;justify-content:center}.screenshot-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;border:1px solid #e0e0e0;border-radius:4px;padding:.5rem}.screenshot-image-container{width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fafafa;border-radius:4px}.screenshot-wrapper h4{margin:0 0 .5rem;font-size:.9rem;color:#555}.screenshot-wrapper img{width:100%;height:auto;max-height:60vh;object-fit:contain;background-color:#f8f8f8}.clickable-screenshot{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border-radius:4px}.clickable-screenshot:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.placeholder-content{color:#999;font-size:1.1rem;text-align:center}.placeholder-content-small{color:#999;font-size:.9rem;text-align:center;padding:2rem 0}.code-viewer-container,.json-viewer-container{height:100%;display:flex;flex-direction:column;background:#1e1e1e;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.code-viewer-header,.json-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#252526;border-bottom:1px solid #3e3e3e}.code-viewer-title,.json-viewer-title{margin:0;font-size:1rem;font-weight:500;color:#ccc}.code-viewer-content,.json-viewer-content{flex:1;overflow:auto;padding:1rem}.copy-button{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#3a3a3a;color:#ccc;border:1px solid #505050;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.copy-button:hover{background:#4a4a4a;border-color:#606060}.copy-button.copied{background:#0e7a3e;border-color:#0e7a3e;color:#fff}.instruction-editor{margin-top:1rem;margin-bottom:1.5rem}.instruction-editor label{display:block;font-weight:600;margin-bottom:.5rem;color:#333}.instruction-textarea{width:100%;padding:.75rem;border:1px solid #d0d0d0;border-radius:6px;font-family:inherit;font-size:.95rem;line-height:1.5;resize:vertical;box-sizing:border-box}.instruction-textarea:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.instruction-textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}#playwright-input::placeholder{color:#6a9955;opacity:.8}#playwright-input:focus{outline:none;border-color:#007acc;box-shadow:0 0 0 2px #007acc33}#playwright-input:disabled{background-color:#2d2d2d;cursor:not-allowed;opacity:.6}.agent-config,.max-steps-editor{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.5rem}.agent-type-select,.max-steps-input{width:200px;padding:.5rem .75rem;border:1px solid #d0d0d0;border-radius:6px;font-size:.95rem;box-sizing:border-box}.agent-type-select:disabled,.max-steps-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.agent-config-helper,.max-steps-helper{font-size:.75rem;color:#6c757d}.wait-time-editor{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.5rem}.wait-time-input{width:140px;padding:.5rem .75rem;border:1px solid #d0d0d0;border-radius:6px;font-size:.95rem;box-sizing:border-box}.wait-time-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.wait-time-helper{font-size:.75rem;color:#6c757d}.create-workflow-form{padding:1rem;display:flex;flex-direction:column;gap:.75rem;background-color:#fdfdfd;border-bottom:1px solid #e0e0e0}.create-workflow-form label{font-weight:600;font-size:.85rem;color:#333;margin-bottom:-.25rem}.create-workflow-form h3{margin:0 0 .5rem;font-size:1.1rem}.create-workflow-form input,.create-workflow-form textarea,.create-workflow-form select{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem;box-sizing:border-box;font-family:inherit}.create-workflow-form textarea{resize:vertical;min-height:100px;font-family:monospace}.import-upload-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .5rem;border:1px solid #dbe6f5;background:#f4f8ff;border-radius:4px;font-size:.8rem;color:#24446c}.import-clear-button{border:1px solid #b0c4de;background:#fff;color:#24446c;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;cursor:pointer}.import-clear-button:hover{background:#eef4ff}.import-upload-note{font-size:.78rem;color:#355b88;background:#eef4ff;border:1px solid #dbe6f5;border-radius:4px;padding:.45rem .5rem}.form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.form-actions button{padding:.4rem .8rem;font-size:.85rem}.form-actions button.primary{background-color:#1976d2;border-color:#1976d2;color:#fff}.form-actions button:disabled{opacity:.7;cursor:not-allowed}.form-error{color:#d32f2f;background-color:#ffebee;padding:.5rem;border-radius:4px;font-size:.85rem}.toolbar-button:disabled{opacity:.6;cursor:not-allowed}.toolbar-button.primary:disabled{background-color:#e0e0e0;border-color:#e0e0e0;color:#9e9e9e}.toolbar-button.primary:disabled:hover{background-color:#e0e0e0;border-color:#e0e0e0}.step-header-main{display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:1rem}.step-header-main h2{margin:0}.toolbar-button.delete-button{margin-left:auto;background-color:#fff0f0;border-color:#d32f2f;color:#d32f2f;font-size:1.2rem;padding:.5rem;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.toolbar-button.delete-button:hover{background-color:#ffebee;border-color:#c62828}.group-editor-container{display:flex;flex-direction:column;gap:1.5rem}.group-editor-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.group-editor-header h2{margin:0;font-size:1.5rem}.group-run-path-preview{border:1px solid #e0e0e0;border-radius:8px;padding:1rem;background:#fbfbfb}.group-run-path-preview h3{margin:0 0 .75rem;font-size:1rem}.group-run-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.group-run-path-column{background:#fff;border:1px solid #ececec;border-radius:6px;padding:.75rem}.group-run-path-column h4{margin:0 0 .5rem;font-size:.9rem;color:#444}.group-run-path-column ol{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.25rem}.stage-list{display:flex;flex-direction:column;gap:1rem}.stage-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;transition:all .2s ease-in-out}.stage-item.selected{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.stage-item-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;border-top-left-radius:8px;border-top-right-radius:8px}.stage-item-header h3{margin:0;font-size:1rem;font-weight:600}.stage-subtitle{font-size:.85rem;color:#6c757d;font-weight:400}.workflow-info-editor{margin:1rem;padding:1rem;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;display:flex;flex-direction:column;gap:.75rem}.workflow-info-header{display:flex;justify-content:space-between;align-items:center}.workflow-info-editor h3{margin:0;font-size:1rem;font-weight:600;color:#333}.workflow-delete-button{background-color:#fff0f0;border:1px solid #d32f2f;color:#d32f2f;padding:.4rem .8rem;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.workflow-delete-button:hover:not(:disabled){background-color:#ffebee}.workflow-delete-button:disabled{opacity:.6;cursor:not-allowed}.workflow-info-editor label{font-size:.8rem;font-weight:600;color:#555}.workflow-info-editor input,.workflow-info-editor select{width:100%;padding:.5rem .75rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem;box-sizing:border-box;font-family:inherit}.stage-actions{display:flex;align-items:center;gap:.5rem}.stage-action-button{background:#e9ecef;border:1px solid #ced4da;color:#495057;border-radius:4px;width:28px;height:28px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.stage-action-button:hover:not(:disabled){background-color:#dee2e6;border-color:#adb5bd}.stage-action-button:disabled{opacity:.5;cursor:not-allowed}.stage-action-button.remove{background-color:#fff0f0;border-color:#d32f2f;color:#d32f2f}.stage-action-button.remove:hover{background-color:#ffebee}.stage-item-content{padding:1rem}.stage-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-field{display:flex;flex-direction:column;gap:.25rem}.form-field.condition-field{grid-column:1 / -1}.form-field label{font-weight:500;font-size:.8rem;color:#495057}.form-field input,.form-field select{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem;box-sizing:border-box;font-family:inherit}.success-dialog-overlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-dialog-content{position:relative;background:#fff;border-radius:12px;padding:32px 40px;min-width:280px;max-width:400px;text-align:center;box-shadow:0 12px 40px #00000026;animation:scaleIn .25s ease-out}.success-dialog-content--error{border:1px solid #fecaca}.success-dialog-close{position:absolute;top:12px;right:12px;background:transparent;border:none;border-radius:50%;width:28px;height:28px;font-size:18px;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.success-dialog-close:hover{background:#f0f0f0;color:#666}.success-dialog-icon{width:56px;height:56px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 4px 12px #22c55e4d}.success-dialog-icon--error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.success-dialog-icon svg{width:28px;height:28px;color:#fff}.success-dialog-message{margin:0;font-size:16px;font-weight:500;color:#374151;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}.success-dialog-message--error{color:#991b1b}.run-with-json-overlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .2s ease-out}.run-with-json-modal{position:relative;background:#fff;border-radius:12px;padding:24px 28px;min-width:480px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 12px 40px #00000026;animation:scaleIn .25s ease-out}.run-with-json-close{position:absolute;top:12px;right:12px;background:transparent;border:none;border-radius:50%;width:28px;height:28px;font-size:18px;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.run-with-json-close:hover{background:#f0f0f0;color:#666}.run-with-json-title{margin:0 0 8px;font-size:18px;font-weight:600;color:#374151}.run-with-json-description{margin:0 0 12px;font-size:13px;color:#6b7280}.run-with-json-description code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:12px}.run-with-json-actions-top{margin-bottom:8px}.run-with-json-paste{padding:6px 12px;font-size:13px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;color:#374151}.run-with-json-paste:hover{background:#e5e7eb}.run-with-json-textarea{width:100%;min-height:400px;max-height:50vh;padding:12px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;border:1px solid #d1d5db;border-radius:8px;resize:vertical;box-sizing:border-box}.run-with-json-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.run-with-json-error{margin:8px 0 0;font-size:13px;color:#dc2626}.run-with-json-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.run-with-json-cancel{padding:8px 16px;font-size:14px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;color:#374151}.run-with-json-cancel:hover{background:#e5e7eb}.run-with-json-start{padding:8px 16px;font-size:14px;background:#22c55e;border:none;border-radius:6px;cursor:pointer;color:#fff;font-weight:500}.run-with-json-start:hover{background:#16a34a}@media (max-width: 1024px){.workflows-sidebar{width:300px;min-width:300px}.steps-sidebar{width:250px;min-width:250px}}@media (max-width: 768px){.app-container{flex-direction:column}.sidebar{width:100%!important;min-width:100%!important;max-height:200px;border-right:none;border-bottom:1px solid #e0e0e0}}@media (max-width: 768px){.group-run-path-grid{grid-template-columns:1fr}}.group-editor-container .group-editor-header{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem}.group-name-input{flex:1;font-size:1.5rem;font-weight:600;padding:8px 12px;border:1px solid #ccc;border-radius:4px}.group-editor-container h2{margin:0;padding-bottom:.5rem;border-bottom:1px solid #eee;margin-bottom:1rem}.new-entity-dropdown{position:relative;display:inline-block}.new-entity-dropdown .new-workflow-button.dropdown-trigger{width:auto;height:auto;border-radius:4px;padding:.4rem .75rem;font-size:.875rem;background-color:#1976d2;color:#fff}.new-entity-dropdown .new-workflow-button.dropdown-trigger:hover{background-color:#1565c0}.publication-filter-button{width:32px;height:32px;border-radius:16px;font-size:15px;padding:0}.new-entity-menu{position:absolute;right:0;top:100%;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px #00000026;z-index:1000;margin-top:4px;min-width:200px}.new-entity-menu button{display:block;width:100%;padding:.5rem 1rem;background:none;border:none;text-align:left;cursor:pointer;font-size:.875rem;color:#333;transition:background-color .2s}.new-entity-menu button:hover{background-color:#f5f5f5}.new-entity-menu button:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.new-entity-menu button:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.hierarchical-list{list-style:none;padding:0;margin:0}.group-item{list-style:none;margin-bottom:.25rem}.group-header{display:flex;align-items:center;padding:.5rem .75rem;cursor:pointer;border-radius:4px;transition:background-color .2s;gap:.5rem}.group-header:hover{background-color:#f5f5f5}.group-header.selected{background-color:#e3f2fd;color:#1976d2;font-weight:500}.expand-icon{font-size:.875rem;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:.25rem;border-radius:3px}.expand-icon:hover{background-color:#0000000d}.group-name{flex:1;font-weight:500}.nested-workflow-list{list-style:none;padding-left:2rem;margin:.25rem 0}.workflow-item.nested{margin-bottom:.25rem}.workflow-item.nested .workflow-item-content{padding:.4rem .75rem;font-size:.875rem}.logo-management-section{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}.logo-management-section h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#333}.logo-management-section .section-description{margin:0 0 1rem;font-size:.875rem;color:#666;line-height:1.4}.logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.logo-uploader{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;transition:border-color .2s,box-shadow .2s}.logo-uploader:hover{border-color:silver}.logo-uploader--error{border-color:#e53e3e;background:#fff5f5}.logo-uploader__header{margin-bottom:.75rem}.logo-uploader__title{margin:0 0 .25rem;font-size:.9rem;font-weight:600;color:#333}.logo-uploader__description{margin:0;font-size:.75rem;color:#888;line-height:1.4}.logo-uploader__preview{position:relative;background-color:#f5f5f5;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px dashed #d0d0d0;margin-bottom:.75rem}.logo-uploader__preview img{max-width:100%;max-height:100%;object-fit:contain}.logo-uploader__image-button{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:none;background:transparent;cursor:pointer;transition:opacity .2s}.logo-uploader__image-button:hover{opacity:.85}.logo-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000d9;cursor:pointer}.logo-lightbox__image{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:4px;box-shadow:0 4px 24px #0006}.logo-lightbox__close{position:absolute;top:20px;right:20px;width:40px;height:40px;padding:0;border:none;background:#ffffff1a;color:#fff;font-size:28px;line-height:1;border-radius:50%;cursor:pointer;transition:background .2s}.logo-lightbox__close:hover{background:#fff3}.logo-uploader__placeholder{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:#aaa}.logo-uploader__placeholder-icon{font-size:1.5rem;opacity:.6}.logo-uploader__placeholder span:last-child{font-size:.75rem}.logo-uploader__overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;color:#555}.logo-uploader__overlay--success{background:#f0fdf4f2;color:#15803d}.logo-uploader__spinner{width:24px;height:24px;border:3px solid #e0e0e0;border-top-color:#3b82f6;border-radius:50%;animation:logo-spinner .8s linear infinite}@keyframes logo-spinner{to{transform:rotate(360deg)}}.logo-uploader__checkmark{font-size:1.5rem;color:#22c55e}.logo-uploader__button{width:100%;padding:.5rem 1rem;font-size:.8rem;font-weight:500;color:#fff;background-color:#3b82f6;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.logo-uploader__button:hover:not(:disabled){background-color:#2563eb}.logo-uploader__button:disabled{background-color:#93c5fd;cursor:not-allowed}.logo-uploader__button--replace{background-color:#6b7280}.logo-uploader__button--replace:hover:not(:disabled){background-color:#4b5563}.logo-uploader__error{margin-top:.5rem;padding:.5rem;font-size:.75rem;color:#c53030;background:#fed7d7;border-radius:4px;line-height:1.3}.variable-value-box{margin-top:8px;padding:10px;border:1px solid #e5e7eb;border-radius:6px;background:#fafafa}.variable-value-box__header{font-weight:600;font-size:12px;margin-bottom:6px;color:#374151}.source-badge{margin-left:6px;font-weight:400;font-size:11px;background:#e5e7eb;padding:1px 6px;border-radius:10px}.variable-value-box__list{display:flex;flex-direction:column;gap:4px}.variable-value-row{display:grid;grid-template-columns:auto 16px 1fr;gap:8px;align-items:baseline;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Courier New,monospace;font-size:12px}.variable-value-row__key,.variable-value-row__val{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variable-value-row__key{color:#06c;font-weight:500}.variable-value-row__arrow{color:#6b7280}.variable-value-row__val{color:#374151}.variable-value-box__empty{color:#6b7280;font-size:12px;font-style:italic}.group-run-detail{padding:16px;height:100%;overflow-y:auto}.run-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.run-header h3{margin:0;font-size:20px;font-weight:600}.run-controls{display:flex;align-items:center;gap:12px}.run-badges{display:flex;gap:8px}.status-badge,.source-badge{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500}.source-badge{background:#e3f2fd;color:#1976d2}.stages-timeline{display:flex;flex-direction:column;gap:12px}.stage-card{border:1px solid #e0e0e0;border-radius:8px;background:#fff;overflow:hidden}.stage-header{padding:16px;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.stage-header:hover{background-color:#f5f5f5}.stage-info{display:flex;align-items:center;gap:16px;flex:1}.stage-index{font-size:18px;font-weight:700;color:#666;min-width:40px}.stage-details{flex:1}.stage-details h4{margin:0 0 4px;font-size:16px;font-weight:500}.stage-meta{display:flex;gap:12px;font-size:13px;color:#666}.workflow-name{font-style:italic}.stage-thumbnail{width:80px;height:60px;border-radius:4px;overflow:hidden;background:#f5f5f5}.stage-thumbnail img{width:100%;height:100%;object-fit:cover;cursor:pointer}.stage-status{display:flex;align-items:center;gap:12px}.status-indicator{width:12px;height:12px;border-radius:50%}.expand-indicator{font-size:12px;color:#666;transition:transform .2s}.stage-controls{display:flex;gap:8px;margin-left:12px}.stage-controls .toolbar-button{padding:4px 12px;font-size:13px}.debug-button{background:#4caf50;color:#fff}.stop-button,.stop-all-button{color:#f44336}.stage-content{padding:16px;background:#f8f8f8;border-top:1px solid #e0e0e0}.loading-spinner{text-align:center;padding:24px;color:#666}.panel-loading{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0;color:#888;font-size:13px}.panel-loading-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.panel-loading-spinner.large{width:28px;height:28px;border-width:3px}.content-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;min-height:200px;color:#888;font-size:14px}.steps-list{display:flex;flex-direction:column;gap:8px}.step-row{display:flex;align-items:center;gap:12px;padding:8px;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.step-index{font-size:14px;font-weight:500;color:#666;min-width:24px}.step-info{flex:1}.step-name{font-size:14px;font-weight:500;margin-bottom:4px}.step-meta{display:flex;gap:12px;font-size:12px;color:#666}.step-status{font-weight:500}.step-message{font-style:italic}.verification-badge{padding:2px 8px;border-radius:3px;color:#fff;font-size:11px}.step-artifacts{display:flex;gap:8px;align-items:center}.artifact-thumb{position:relative;width:60px;height:45px;border-radius:4px;overflow:hidden;cursor:pointer;border:1px solid #e0e0e0}.artifact-thumb img{width:100%;height:100%;object-fit:cover}.artifact-thumb:hover{box-shadow:0 2px 4px #0003}.artifact-label{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;font-size:10px;text-align:center;padding:2px}.dom-link{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#e3f2fd;color:#1976d2;text-decoration:none;border-radius:4px;font-size:12px;transition:background-color .2s}.dom-link:hover{background:#bbdefb}.stage-error{margin-top:12px;padding:12px;background:#ffebee;color:#c62828;border-radius:4px;font-size:13px}.no-steps,.no-stages{text-align:center;padding:24px;color:#666}.live-debug-viewer{border-radius:8px;overflow:hidden;border:2px solid transparent;transition:all .3s ease}.live-debug-viewer.paused{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ff9800;box-shadow:0 0 0 4px #ff980026,0 4px 12px #ff980033}.live-debug-viewer.paused .debug-header{background:linear-gradient(90deg,#ff9800,#ffa726);color:#fff;padding:12px 16px}.live-debug-viewer.paused .debug-header h3{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.live-debug-viewer.paused .debug-actions .toolbar-button{background-color:#fff;border-color:#ffffff4d;color:#e65100;font-weight:500}.live-debug-viewer.paused .debug-actions .toolbar-button:hover{background-color:#fff8e1;border-color:#ff9800}.fields-sidebar{display:flex;flex-direction:column}.fields-list-container{flex:1;overflow-y:auto}.settings-section{border-top:1px solid #e0e0e0;background-color:#fff}.settings-buttons{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.admin-button{width:100%;padding:.5rem 1rem;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.875rem;outline:none;transition:background-color .2s}.admin-button:hover{background-color:#e0e0e0;border-color:#ddd}.admin-button:focus{outline:none}.logout-button{width:100%;padding:.5rem 1rem;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.875rem;outline:none;transition:background-color .2s}.logout-button:hover:not(:disabled){background-color:#e0e0e0;border-color:#ddd}.logout-button:focus{outline:none}.logout-button:disabled{cursor:not-allowed;opacity:.7}.logout-spinner{display:inline-block;width:16px;height:16px;border:2px solid #ccc;border-top-color:#666;border-radius:50%;animation:logout-spin .8s linear infinite}@keyframes logout-spin{to{transform:rotate(360deg)}}.logs-tab{display:flex;flex-direction:column;height:100%;overflow:hidden}.logs-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #e0e0e0;background:#fafafa;flex-shrink:0}.logs-run-info{font-size:12px;color:#616161;display:flex;align-items:center;gap:8px}.logs-run-status{font-weight:600;text-transform:uppercase;font-size:11px}.logs-toolbar-actions{display:flex;align-items:center;gap:8px}.logs-live-indicator{color:#f44336;font-size:11px;font-weight:600;animation:logs-pulse 1.5s ease-in-out infinite}@keyframes logs-pulse{0%,to{opacity:1}50%{opacity:.4}}.logs-content{flex:1;overflow:hidden}.logs-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#9e9e9e;font-size:14px}.logs-step-filter{padding:4px 8px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;font-size:12px;color:#333;cursor:pointer;max-width:220px}.logs-step-filter:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d226}.logs-detail{flex:1;overflow-y:auto;padding:8px;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:12px;background:#fff}.logs-detail-error{padding:20px;color:#c62828;text-align:center}.logs-detail-loading,.logs-detail-empty{padding:20px;color:#9e9e9e;text-align:center}.logs-warnings-banner{display:flex;gap:12px;padding:6px 10px;background:#fff8e1;border:1px solid #ffe082;border-radius:4px;margin-bottom:8px;font-size:11px;color:#f57f17}.log-entry{border-bottom:1px solid #f5f5f5}.log-entry--error{background:#fff8f8}.log-entry-header{display:flex;align-items:center;gap:6px;padding:4px 6px;cursor:pointer;white-space:nowrap}.log-entry-header:hover{background:#f5f5f5}.log-timestamp{color:#9e9e9e;font-size:11px;flex-shrink:0}.log-badge{padding:1px 5px;border-radius:3px;font-size:9px;font-weight:600;text-transform:uppercase;flex-shrink:0}.log-step-name{color:#5c6bc0;font-weight:500;font-size:11px;flex-shrink:0;max-width:150px;overflow:hidden;text-overflow:ellipsis}.log-message{color:#333;font-size:12px;overflow:hidden;text-overflow:ellipsis;flex:1}.log-expand-icon{color:#9e9e9e;font-size:10px;flex-shrink:0}.log-entry-meta{padding:8px 12px 8px 28px;background:#fafafa;border-top:1px solid #f0f0f0}.log-meta-item{margin-bottom:8px;font-size:11px;color:#555}.log-meta-item strong{color:#333}.log-meta-pre{margin:4px 0;padding:6px 8px;background:#f5f5f5;border-radius:4px;font-size:11px;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.log-thumbnail{width:80px;height:60px;object-fit:cover;border-radius:4px;cursor:pointer;border:1px solid #e0e0e0;vertical-align:middle;margin-left:6px}.log-thumbnail:hover{border-color:#1976d2;box-shadow:0 0 4px #1976d24d}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f5f5f5;padding:20px}.login-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:40px;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:32px}.login-header h1{margin:0 0 8px;font-size:24px;font-weight:600;color:#1a1a1a}.login-header p{margin:0;color:#666;font-size:14px}.login-content{display:flex;flex-direction:column;gap:20px;align-items:center}.login-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:12px;color:#dc2626;font-size:14px;text-align:center;width:100%}.google-login-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 24px;background-color:#fff;color:#1a1a1a;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s}.google-login-button:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af;box-shadow:0 1px 3px #0000001a}.google-login-button:disabled{opacity:.6;cursor:not-allowed}.google-icon{flex-shrink:0}.login-hint{color:#6b7280;font-size:13px;text-align:center;margin:0}.admin-page{flex:1;display:flex;flex-direction:column;background-color:#fafafa;overflow:hidden}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;border-bottom:1px solid #e0e0e0}.admin-header-left{display:flex;align-items:center;gap:1rem;flex:1}.admin-header-center{display:flex;justify-content:center;flex:1}.admin-header-right{flex:1;justify-content:flex-end;display:flex;align-items:center;gap:1.5rem}.back-button{padding:.5rem 1rem;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;color:#333;outline:none;transition:background-color .2s}.back-button:hover{background-color:#e0e0e0;border-color:#ddd}.back-button:focus{outline:none}.admin-logout-button{padding:.5rem 1rem;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.875rem;color:#333;outline:none;transition:background-color .2s}.admin-logout-button:hover{background-color:#e0e0e0;border-color:#ddd}.admin-logout-button:focus{outline:none}.admin-header h1{margin:0;font-size:1.5rem;color:#333}.admin-tabs{display:flex;gap:0;background-color:#f5f5f5;border-radius:6px;padding:2px;flex-wrap:wrap;justify-content:center}.admin-tab{padding:.5rem 1rem;background-color:transparent;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;color:#666;transition:all .2s;min-width:100px}.admin-tab.active{background-color:#fff;color:#1976d2;box-shadow:0 1px 3px #0000001a}.admin-content{flex:1;padding:1.5rem 2rem;overflow-y:auto}.admin-loading,.admin-error{padding:2rem;text-align:center;color:#666}.admin-error{color:#d32f2f}.users-toolbar{margin-bottom:1rem}.create-user-button{padding:.5rem 1rem;background-color:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500}.create-user-button:hover{background-color:#1565c0}.users-table,.logs-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.users-table th,.users-table td,.logs-table th,.logs-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e0e0e0}.users-table th,.logs-table th{background-color:#f8f9fa;font-weight:600;color:#555;font-size:.8rem;text-transform:uppercase}.users-table td,.logs-table td{font-size:.875rem;color:#333}.role-badge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.role-badge.admin{background-color:#e3f2fd;color:#1976d2}.role-badge.user{background-color:#f5f5f5;color:#666}.edit-button,.delete-button{padding:.25rem .5rem;margin-right:.5rem;border:1px solid;border-radius:4px;cursor:pointer;font-size:.75rem}.edit-button{background-color:#fff;border-color:#1976d2;color:#1976d2}.edit-button:hover{background-color:#e3f2fd}.delete-button{background-color:#fff0f0;border-color:#d32f2f;color:#d32f2f}.delete-button:hover{background-color:#ffebee}.user-form-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.user-form-modal{background:#fff;border-radius:8px;padding:1.5rem;width:100%;max-width:400px;box-shadow:0 4px 20px #00000026}.user-form-modal h2{margin:0 0 1rem;font-size:1.25rem}.user-form-modal .form-group{margin-bottom:1rem}.user-form-modal .form-group label{display:block;margin-bottom:.25rem;font-weight:500;font-size:.875rem;color:#555}.user-form-modal .form-group input,.user-form-modal .form-group select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem;box-sizing:border-box}.user-form-modal .form-error{background-color:#ffebee;color:#d32f2f;padding:.5rem;border-radius:4px;margin-bottom:1rem;font-size:.875rem}.user-form-modal .form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem}.user-form-modal .form-actions button{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.875rem}.user-form-modal .form-actions button.primary{background-color:#1976d2;border-color:#1976d2;color:#fff}.action-badge{padding:.25rem .5rem;background-color:#e8eaf6;color:#3f51b5;border-radius:4px;font-size:.75rem;font-family:monospace}.metadata-cell code{font-size:.75rem;background-color:#f5f5f5;padding:.125rem .25rem;border-radius:3px;max-width:300px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding:.5rem}.pagination button{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;font-size:.875rem}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-size:.875rem;color:#666}.logs-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:1rem;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{font-size:.75rem;font-weight:600;color:#555;text-transform:uppercase}.filter-group select,.filter-group input[type=date],.filter-group input[type=number],.filter-group input[type=text],.filter-group input:not([type]){padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem;min-width:150px;background-color:#fff}.filter-group select:focus,.filter-group input[type=date]:focus,.filter-group input[type=number]:focus,.filter-group input[type=text]:focus,.filter-group input:not([type]):focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.filter-group select:disabled{opacity:.6;cursor:not-allowed}.clear-filters-button{padding:.5rem 1rem;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.875rem;color:#666;transition:background-color .2s}.clear-filters-button:hover{background-color:#e0e0e0}.filter-summary{margin-bottom:.75rem;padding:.5rem .75rem;background-color:#e3f2fd;border-radius:4px;font-size:.875rem;color:#1976d2}.logs-loading{padding:2rem;text-align:center;color:#666;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.automation-runs-tab{display:flex;flex-direction:column;gap:1rem}.automation-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.automation-kpi{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.875rem 1rem;box-shadow:0 1px 3px #00000014}.automation-kpi span{display:block;margin-bottom:.35rem;color:#666;font-size:.75rem;font-weight:600;text-transform:uppercase}.automation-kpi strong{color:#222;font-size:1.35rem;line-height:1.2}.automation-kpi small{display:block;margin-top:.3rem;color:#777;font-size:.76rem;font-weight:600}.automation-filters{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;align-items:flex-end}.filter-group-wide input{min-width:220px}.automation-table-wrap{max-width:100%;overflow-x:auto;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.automation-runs-table{width:100%;min-width:1680px;table-layout:fixed;border-collapse:collapse;background-color:#fff}.automation-runs-table th:nth-child(1){width:150px}.automation-runs-table th:nth-child(2){width:300px}.automation-runs-table th:nth-child(3){width:190px}.automation-runs-table th:nth-child(4){width:130px}.automation-runs-table th:nth-child(5),.automation-runs-table th:nth-child(6){width:120px}.automation-runs-table th:nth-child(7),.automation-runs-table th:nth-child(9){width:90px}.automation-runs-table th:nth-child(8){width:110px}.automation-runs-table th:nth-child(10){width:240px}.automation-runs-table th:nth-child(11){width:140px}.automation-runs-table th,.automation-runs-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e0e0e0;vertical-align:top}.automation-runs-table th{background-color:#f8f9fa;color:#555;font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.automation-runs-table td{color:#333;font-size:.875rem;overflow-wrap:anywhere}.automation-run-cell{min-width:0}.automation-run-row.is-expanded td{background-color:#fcfcfc}.automation-row-toggle{display:inline-flex;align-items:center;margin-bottom:.5rem;padding:.25rem .5rem;color:#1976d2;background-color:#fff;border:1px solid #bfdbfe;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:600;text-align:left;white-space:nowrap}.automation-row-toggle:hover{background-color:#eff6ff}.automation-row-toggle.is-expanded{color:#374151;border-color:#d1d5db;background-color:#f9fafb}.automation-run-cell-header{display:flex;min-width:0;align-items:center;gap:.5rem;margin-bottom:.35rem}.automation-run-kind{color:#777;font-size:.7rem;font-weight:600;text-transform:uppercase}.automation-copyable-id{display:block;max-width:100%;color:#333;background-color:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.78rem;font-weight:500;line-height:1.35;overflow-x:auto;overflow-y:hidden;-webkit-user-select:all;user-select:all;white-space:nowrap}.automation-muted{margin-top:.25rem;color:#777;font-size:.75rem;word-break:break-all}.automation-cost-cell{font-variant-numeric:tabular-nums;white-space:nowrap}.outcome-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.outcome-badge.pending{background-color:#fff8e1;color:#8a5b00}.outcome-badge.service_succeeded{background-color:#e8f5e9;color:#2e7d32}.outcome-badge.service_failed,.outcome-badge.timed_out{background-color:#ffebee;color:#c62828}.automation-links{display:flex;flex-direction:column;gap:.25rem}.automation-links a{color:#1976d2;font-size:.8rem;font-weight:600;text-decoration:none}.automation-links a:hover{text-decoration:underline}.automation-failure-cell{max-width:260px;word-break:break-word}.automation-failure-display,.automation-failure-editor{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.automation-failure-display span{max-width:100%;white-space:pre-wrap}.automation-failure-display button,.automation-failure-actions button{padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:4px;background-color:#fff;color:#374151;cursor:pointer;font-size:.75rem;font-weight:600}.automation-failure-display button:hover:not(:disabled),.automation-failure-actions button:hover:not(:disabled){background-color:#f3f4f6}.automation-failure-display button:disabled,.automation-failure-actions button:disabled{color:#9ca3af;cursor:not-allowed}.automation-admin-action-cell{max-width:150px}.automation-admin-action{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem}.automation-admin-action button{padding:.25rem .5rem;border:1px solid #a5d6a7;border-radius:4px;background-color:#fff;color:#2e7d32;cursor:pointer;font-size:.75rem;font-weight:700;text-align:left;white-space:nowrap}.automation-admin-action button:hover:not(:disabled){background-color:#e8f5e9}.automation-admin-action button:disabled{border-color:#d1d5db;background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.automation-admin-action-complete{display:inline-block;padding:.25rem .5rem;border-radius:4px;background-color:#e8f5e9;color:#2e7d32;font-size:.75rem;font-weight:700;white-space:nowrap}.automation-action-error{color:#c62828;font-size:.75rem;line-height:1.25}.automation-failure-editor textarea{width:min(100%,260px);min-height:5.5rem;padding:.45rem .5rem;border:1px solid #d1d5db;border-radius:4px;color:#333;font:inherit;resize:vertical}.automation-failure-actions{display:flex;flex-wrap:wrap;gap:.4rem}.automation-failure-error{color:#c62828;font-size:.75rem}.automation-detail-row td{max-width:0;background-color:#fbfbfb;padding:1rem}.automation-run-details{display:flex;min-width:0;max-width:100%;flex-direction:column;gap:1rem}.automation-detail-actions{display:flex;justify-content:flex-end}.automation-detail-actions button{padding:.35rem .6rem;border:1px solid #d1d5db;border-radius:4px;background-color:#fff;color:#374151;cursor:pointer;font-size:.75rem;font-weight:600}.automation-detail-actions button:hover{background-color:#f3f4f6}.automation-replay-panel{width:min(100%,960px);max-width:100%;overflow:hidden;background-color:#fff;border:1px solid #d1d5db;border-radius:6px}.automation-replay-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;border-bottom:1px solid #e5e7eb}.automation-replay-header span{color:#555;font-size:.75rem;font-weight:600;text-transform:uppercase}.automation-replay-header a{color:#1976d2;font-size:.8rem;font-weight:600;text-decoration:none}.automation-replay-header a:hover{text-decoration:underline}.automation-replay-panel iframe{display:block;width:100%;height:clamp(260px,40vh,420px);border:0;background-color:#fff}.automation-detail-grid{display:grid;min-width:0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.automation-detail-grid div,.automation-notes,.automation-event{padding:.75rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px}.automation-parent-run-detail{grid-column:1 / -1}.automation-detail-grid span,.automation-event span{display:block;color:#777;font-size:.75rem}.automation-detail-grid strong{display:block;margin-top:.25rem;color:#333;font-size:.8rem;font-weight:600;word-break:break-all}.automation-detail-grid strong .automation-copyable-id{font-size:.82rem;font-weight:600}.automation-notes{color:#7a2e0e;background-color:#fff7ed;border-color:#fed7aa}.automation-events{display:flex;flex-direction:column;gap:.5rem}.automation-event{display:flex;flex-direction:column;gap:.4rem}.automation-event p{margin:0;color:#444}.automation-event code{display:block;max-width:100%;padding:.4rem;overflow-x:auto;background-color:#f5f5f5;border-radius:4px;color:#333;font-size:.75rem;overflow-wrap:anywhere;white-space:pre-wrap}.automation-empty{padding:2rem;color:#777;text-align:center}.automation-analytics-tab{display:flex;flex-direction:column;gap:1rem}.automation-analytics-card{overflow:hidden;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #00000014}.automation-analytics-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:1.15rem 1.25rem .5rem}.automation-analytics-card-header h2{margin:0;color:#222;font-size:1.25rem;line-height:1.25}.automation-analytics-card-header p{max-width:920px;margin:.55rem 0 0;color:#666;font-size:.92rem;line-height:1.5}.automation-analytics-date-range{flex-shrink:0;padding-top:.2rem;color:#555;font-size:.82rem;font-weight:700;white-space:nowrap}.automation-analytics-chart-wrap{width:100%;overflow-x:auto;padding:0 1rem 1rem}.automation-analytics-legend{display:flex;align-items:center;gap:.45rem;margin:.35rem 0 .25rem 3.5rem;color:#374151;font-size:.82rem;font-weight:700}.automation-analytics-legend-swatch{width:1.5rem;height:.25rem;background-color:#f97316;border-radius:999px}.automation-analytics-chart{display:block;width:100%;min-width:760px;height:auto}.automation-analytics-grid-line{stroke:#e5e7eb;stroke-width:1}.automation-analytics-axis-line{stroke:#cbd5e1;stroke-width:1.2}.automation-analytics-axis-label{fill:#6b7280;font-size:14px;font-weight:600}.automation-analytics-axis-title{fill:#333;font-size:15px;font-weight:700}.automation-analytics-line{fill:none;stroke:#f97316;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.automation-analytics-hit-point{fill:transparent;cursor:pointer}.automation-analytics-crosshair{stroke:#94a3b8;stroke-dasharray:4 4;stroke-width:1}.automation-analytics-active-point{fill:#fff;stroke:#f97316;stroke-width:3}.automation-analytics-tooltip rect{fill:#fff;stroke:#d1d5db;stroke-width:1;filter:drop-shadow(0 8px 16px rgba(15,23,42,.14))}.automation-analytics-tooltip text{fill:#374151;font-size:13px;font-weight:700}.automation-analytics-tooltip .automation-analytics-tooltip-date{fill:#111827;font-size:14px}.automation-analytics-method{padding:.85rem 1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#555;font-size:.86rem;line-height:1.45;box-shadow:0 1px 3px #00000014}.prompt-lift-card{margin-top:.25rem}.prompt-lift-header{padding-bottom:1rem}.prompt-lift-headline{display:grid;grid-template-columns:minmax(280px,1.3fr) minmax(220px,.7fr);gap:1rem;padding:0 1.25rem 1rem}.prompt-lift-main-metric,.prompt-lift-side-metric{padding:1rem;background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:8px}.prompt-lift-main-metric span,.prompt-lift-side-metric span,.prompt-lift-pill span{display:block;margin-bottom:.35rem;color:#667085;font-size:.74rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.prompt-lift-main-metric strong{display:block;color:#111827;font-size:2.1rem;line-height:1.1}.prompt-lift-main-metric strong b{color:#777;font-size:1.15rem;font-weight:700}.prompt-lift-side-metric strong{display:block;color:#111827;font-size:1.65rem;line-height:1.15}.prompt-lift-main-metric small,.prompt-lift-side-metric small{display:block;margin-top:.45rem;color:#777;font-size:.84rem;font-weight:600}.prompt-lift-chart{display:flex;flex-direction:column;gap:.55rem;padding:0 1.25rem 1.1rem}.prompt-lift-chart-header,.prompt-lift-row{display:grid;grid-template-columns:minmax(220px,.42fr) minmax(220px,1fr) 84px;gap:.85rem;align-items:center}.prompt-lift-chart-header{color:#667085;font-size:.74rem;font-weight:800;text-transform:uppercase}.prompt-lift-chart-header span:last-child{grid-column:2 / 4}.prompt-lift-provider{min-width:0}.prompt-lift-provider strong{display:block;overflow:hidden;color:#333;font-size:.9rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.prompt-lift-provider span{display:block;margin-top:.12rem;color:#777;font-size:.74rem;font-weight:600}.prompt-lift-bar-track{height:14px;overflow:hidden;background-color:#eef2f7;border-radius:999px}.prompt-lift-bar{height:100%;min-width:6px;background-color:#60a5fa;border-radius:999px}.prompt-lift-bar.mixed_version_diff{background-color:#f97316}.prompt-lift-bar.task_changed{background-color:#22c55e}.prompt-lift-bar.negative{background-color:#dc2626}.prompt-lift-value{color:#333;font-size:.86rem;font-variant-numeric:tabular-nums;font-weight:800;text-align:right}.prompt-lift-legend{display:flex;flex-wrap:wrap;gap:.8rem 1rem;padding-top:.35rem;color:#666;font-size:.82rem;font-weight:700}.prompt-lift-legend span{display:inline-flex;align-items:center;gap:.35rem}.prompt-lift-legend span:before{width:.58rem;height:.58rem;border-radius:999px;content:""}.prompt-lift-legend .guardrail_added:before{background-color:#60a5fa}.prompt-lift-legend .mixed_version_diff:before{background-color:#f97316}.prompt-lift-legend .task_changed:before{background-color:#22c55e}.prompt-lift-method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;padding:0 1.25rem 1.25rem}.prompt-lift-pill{padding:.78rem .85rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px}.prompt-lift-pill strong{display:block;color:#222;font-size:1.15rem;line-height:1.15}@media (max-width: 900px){.prompt-lift-headline{grid-template-columns:1fr}.prompt-lift-chart-header,.prompt-lift-row{grid-template-columns:minmax(150px,.5fr) minmax(140px,1fr) 70px}.prompt-lift-main-metric strong{font-size:1.7rem}}.computer-use-dashboard-tab{display:flex;flex-direction:column;gap:1rem}.computer-use-toolbar,.computer-use-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #00000014}.computer-use-toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;padding:1rem}.computer-use-section{overflow:hidden}.external-review-queue-body{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;padding:1rem}.external-review-toggle{display:inline-flex;align-items:center;gap:.5rem;min-height:38px;color:#333;font-size:.86rem;font-weight:700}.external-review-queue-status{display:flex;min-width:140px;flex-direction:column;gap:.25rem;color:#555;font-size:.78rem}.external-review-queue-status strong{color:#222;font-size:.9rem}.computer-use-section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid #e5e7eb}.computer-use-section-header h2{margin:0;color:#333;font-size:1rem}.computer-use-actions{display:flex;flex-wrap:wrap;gap:.5rem}.computer-use-actions button{padding:.45rem .65rem;border:1px solid #bfdbfe;border-radius:4px;background-color:#fff;color:#1976d2;cursor:pointer;font-size:.78rem;font-weight:700}.computer-use-actions button:hover:not(:disabled){background-color:#eff6ff}.computer-use-actions button.danger{border-color:#fecaca;color:#c62828}.computer-use-actions button.danger:hover:not(:disabled){background-color:#ffebee}.computer-use-actions button:disabled{color:#9ca3af;cursor:not-allowed}.computer-use-action-message{margin:0;padding:.85rem 1rem;overflow-x:auto;border:1px solid #bbf7d0;border-radius:6px;background-color:#f0fdf4;color:#166534;font-size:.82rem;white-space:pre-wrap}.computer-use-table-wrap{max-width:100%;overflow-x:auto}.computer-use-candidates-table,.computer-use-groups-table{width:100%;border-collapse:collapse;table-layout:fixed}.computer-use-candidates-table{min-width:1380px}.computer-use-groups-table{min-width:1180px}.computer-use-candidates-table th:nth-child(1),.computer-use-groups-table th:nth-child(1){width:76px}.computer-use-candidates-table th:nth-child(2){width:190px}.computer-use-candidates-table th:nth-child(3){width:150px}.computer-use-candidates-table th:nth-child(4){width:160px}.computer-use-candidates-table th:nth-child(5){width:190px}.computer-use-candidates-table th:nth-child(6){width:330px}.computer-use-groups-table th:nth-child(2){width:260px}.computer-use-groups-table th:nth-child(3){width:170px}.computer-use-groups-table th:nth-child(4){width:100px}.computer-use-groups-table th:nth-child(5){width:150px}.computer-use-groups-table th:nth-child(6){width:330px}.computer-use-candidates-table th,.computer-use-candidates-table td,.computer-use-groups-table th,.computer-use-groups-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb;color:#333;font-size:.84rem;overflow-wrap:anywhere;vertical-align:top}.computer-use-candidates-table th,.computer-use-groups-table th{background-color:#f8f9fa;color:#555;font-size:.75rem;font-weight:700;text-transform:uppercase}.computer-use-groups-table tr.needs-disable td{background-color:#fff7ed}.computer-use-action-badge{display:inline-flex;padding:.25rem .5rem;border-radius:4px;font-size:.74rem;font-weight:700;white-space:nowrap}.computer-use-action-badge.enable_existing_group{background-color:#e3f2fd;color:#1976d2}.computer-use-action-badge.create_from_generic_group{background-color:#ecfdf5;color:#047857}.computer-use-action-badge.needs_review{background-color:#f5f5f5;color:#666}.computer-use-workflow-details{margin-top:.4rem}.computer-use-workflow-details summary{color:#1976d2;cursor:pointer;font-size:.78rem;font-weight:700}.computer-use-workflow-details div{display:flex;flex-direction:column;gap:.15rem;margin-top:.45rem;padding:.45rem;border:1px solid #e5e7eb;border-radius:4px;background-color:#fafafa}.computer-use-workflow-details span{color:#777;font-size:.75rem}.webhooks-tab{display:flex;flex-direction:column;gap:2rem}.webhook-env-selector{background-color:#fff;border-radius:8px;padding:1rem 1.5rem;box-shadow:0 1px 3px #0000001a}.webhook-env-selector .filter-group{margin:0}.webhook-section{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.webhook-section h2{margin:0 0 .5rem;font-size:1.25rem;color:#333;font-family:monospace}.webhook-description{color:#666;font-size:.875rem;margin:0 0 1.5rem}.webhook-form{display:flex;flex-direction:column;gap:1rem;max-width:500px}.webhook-form .form-group{display:flex;flex-direction:column;gap:.25rem}.webhook-form .form-group label{font-size:.875rem;font-weight:500;color:#555}.webhook-form .form-group input,.webhook-form .form-group select,.webhook-form .form-group textarea{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem;font-family:inherit;background-color:#fff}.webhook-form .form-group input:focus,.webhook-form .form-group select:focus,.webhook-form .form-group textarea:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.webhook-form .form-error{background-color:#ffebee;color:#d32f2f;padding:.5rem .75rem;border-radius:4px;font-size:.875rem}.webhook-form .form-success{background-color:#e8f5e9;color:#2e7d32;padding:.5rem .75rem;border-radius:4px;font-size:.875rem}.webhook-submit{align-self:flex-start;padding:.5rem 1rem;background-color:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s}.webhook-submit:hover:not(:disabled){background-color:#1565c0}.webhook-submit:disabled{opacity:.6;cursor:not-allowed}.webhook-results{margin-bottom:1rem}.webhook-results-detail{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.webhook-result-item{padding:.5rem .75rem;border-radius:4px;font-size:.875rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.webhook-result-item.success{background-color:#e8f5e9;border:1px solid #c8e6c9}.webhook-result-item.error{background-color:#ffebee;border:1px solid #ffcdd2}.webhook-result-item code{background-color:#0000000d;padding:.125rem .375rem;border-radius:3px;font-size:.75rem;max-width:100%;overflow-x:auto;word-break:break-all}.webhook-result-item .error-text{color:#d32f2f;font-size:.8rem}.omniform-testing{max-width:none}.omniform-step{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.omniform-step:first-of-type{margin-top:0;padding-top:0;border-top:none}.omniform-step h3{margin:0 0 1rem;font-size:1rem;color:#333;font-weight:600}.group-search{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.group-search-input{flex:1;max-width:400px;padding:.5rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem}.group-search-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.group-search-input::placeholder{color:#999}.search-results-count{font-size:.8rem;color:#666}.group-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;max-height:200px;overflow-y:auto;padding:.5rem;background-color:#f8f9fa;border-radius:6px;border:1px solid #e0e0e0}.group-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .15s}.group-checkbox:hover{border-color:#1976d2}.group-checkbox.selected{background-color:#e3f2fd;border-color:#1976d2}.group-checkbox input{margin:0}.group-name{font-weight:500;color:#333}.group-id{font-size:.75rem;color:#888;font-family:monospace}.step-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.selection-count{font-size:.875rem;color:#666}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.response-header span{font-size:.875rem;color:#666}.copy-button{padding:.375rem .75rem;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.75rem;color:#555;transition:background-color .15s}.copy-button:hover{background-color:#e0e0e0}.json-viewer{background-color:#1e1e1e;border:1px solid transparent;border-radius:6px;overflow:auto;max-height:300px}.json-viewer.credential-result-success{border-color:#2e7d32}.json-viewer.credential-result-error{border-color:#d32f2f}.json-viewer pre{margin:0;padding:1rem;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.75rem;line-height:1.5;color:#d4d4d4;white-space:pre-wrap;word-break:break-word}.webhook-submit.secondary{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.webhook-submit.secondary:hover:not(:disabled){background-color:#e0e0e0}.fields-editor{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto;padding:.5rem;background-color:#f8f9fa;border-radius:6px;border:1px solid #e0e0e0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:.75rem;background-color:#fff;border-radius:4px;border:1px solid #e8e8e8;align-items:center}.field-row.file-field{background-color:#fff8e1;border-color:#ffe082}.field-info{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.field-label{font-weight:500;font-size:.875rem;color:#333}.field-id{font-size:.7rem;color:#888;font-family:monospace;background-color:#f0f0f0;padding:.125rem .375rem;border-radius:3px}.field-type{font-size:.65rem;padding:.125rem .375rem;border-radius:3px;font-weight:600;text-transform:uppercase;background-color:#e8eaf6;color:#3f51b5}.field-type.type-file{background-color:#fff3e0;color:#e65100}.field-type.type-email{background-color:#e3f2fd;color:#1565c0}.field-type.type-password{background-color:#fce4ec;color:#c2185b}.required-badge{font-size:.65rem;padding:.125rem .375rem;border-radius:3px;background-color:#ffebee;color:#c62828;font-weight:600}.field-input{display:flex;align-items:center}.field-input input[type=text],.field-input input[type=password],.field-input input[type=date],.field-input select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem}.field-input input:focus,.field-input select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.file-upload-control{display:flex;flex-direction:column;gap:.5rem;width:100%}.file-upload-control input[type=file]{font-size:.8rem}.upload-status{font-size:.75rem;padding:.25rem .5rem;border-radius:3px}.upload-status.uploading{background-color:#e3f2fd;color:#1976d2}.upload-status.success{background-color:#e8f5e9;color:#2e7d32}.upload-status.error{background-color:#ffebee;color:#c62828}.execute-result{margin-top:1rem}.execute-result .form-success{background-color:#e8f5e9;color:#2e7d32;padding:.75rem 1rem;border-radius:4px;font-size:.875rem;margin-bottom:1rem}.execute-result code{background-color:#0000001a;padding:.125rem .375rem;border-radius:3px;font-family:monospace}.loading-text,.no-data{padding:1rem;text-align:center;color:#666;font-size:.875rem}.form-error{background-color:#ffebee;color:#d32f2f;padding:.5rem .75rem;border-radius:4px;font-size:.875rem;margin-top:.5rem}.automation-funnel-tab{display:flex;flex-direction:column;gap:1rem}.automation-funnel-section{display:flex;flex-direction:column;gap:.75rem}.automation-funnel-section-header,.automation-funnel-analysis-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.automation-funnel-section-header h2,.automation-funnel-analysis-header h2{margin:0;color:#222;font-size:1rem}.automation-funnel-analysis-header span,.automation-funnel-analysis-header div:last-child{color:#666;font-size:.8rem}.automation-funnel-section-header button,.funnel-primary-action{padding:.55rem .8rem;border:1px solid #1976d2;border-radius:4px;background-color:#1976d2;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;white-space:nowrap}.automation-funnel-section-header button{border-color:#d1d5db;background-color:#fff;color:#374151}.automation-funnel-section-header button:hover:not(:disabled),.funnel-primary-action:hover:not(:disabled){filter:brightness(.97)}.automation-funnel-section-header button:disabled,.funnel-primary-action:disabled{opacity:.6;cursor:not-allowed}.automation-kpi em{display:block;margin-top:.35rem;color:#666;font-size:.8rem;font-style:normal;font-weight:600}.automation-funnel-rules-table,.automation-funnel-buckets-table,.automation-funnel-rows-table{width:100%;table-layout:fixed;border-collapse:collapse;background-color:#fff}.automation-funnel-rules-table{min-width:1180px}.automation-funnel-buckets-table{min-width:720px}.automation-funnel-rows-table{min-width:1480px}.automation-funnel-rules-table th,.automation-funnel-rules-table td,.automation-funnel-buckets-table th,.automation-funnel-buckets-table td,.automation-funnel-rows-table th,.automation-funnel-rows-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e0e0e0;vertical-align:top}.automation-funnel-rules-table th,.automation-funnel-buckets-table th,.automation-funnel-rows-table th{background-color:#f8f9fa;color:#555;font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.automation-funnel-rules-table td,.automation-funnel-buckets-table td,.automation-funnel-rows-table td{color:#333;font-size:.875rem;overflow-wrap:anywhere}.automation-funnel-rules-table th:nth-child(1){width:90px}.automation-funnel-rules-table th:nth-child(2){width:270px}.automation-funnel-rules-table th:nth-child(3){width:130px}.automation-funnel-rules-table th:nth-child(4){width:220px}.automation-funnel-rules-table th:nth-child(6){width:90px}.automation-funnel-rules-table th:nth-child(7){width:130px}.automation-funnel-rows-table th:nth-child(1){width:145px}.automation-funnel-rows-table th:nth-child(2){width:280px}.automation-funnel-rows-table th:nth-child(3),.automation-funnel-rows-table th:nth-child(4){width:160px}.automation-funnel-rows-table th:nth-child(5){width:270px}.automation-funnel-rows-table th:nth-child(6),.automation-funnel-rows-table th:nth-child(7){width:180px}.automation-funnel-rows-table th:nth-child(8){width:120px}.funnel-rule-editor-grid{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(140px,.8fr) minmax(170px,1fr) 90px auto;gap:.75rem;align-items:end}.funnel-rule-editor-grid textarea{width:100%;min-height:74px;padding:.5rem;border:1px solid #ddd;border-radius:4px;font:inherit;resize:vertical}.funnel-rule-value{grid-column:1 / -1}.funnel-rule-enabled{display:inline-flex;align-items:center;gap:.4rem;padding-bottom:.55rem;color:#374151;font-size:.8rem;font-weight:600}.funnel-add-rule-form{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #00000014}.funnel-add-rule-form .funnel-primary-action{align-self:flex-start}.funnel-rule-name{display:flex;align-items:center;gap:.5rem}.funnel-rule-name span{padding:.15rem .4rem;border-radius:4px;background-color:#f3f4f6;color:#666;font-size:.7rem;font-weight:700;text-transform:uppercase}.funnel-condition-cell,.funnel-reason-cell{white-space:pre-wrap}.funnel-rule-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.funnel-rule-actions button{padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:4px;background-color:#fff;color:#374151;cursor:pointer;font-size:.75rem;font-weight:600}.funnel-rule-actions button:hover:not(:disabled){background-color:#f3f4f6}.funnel-rule-actions button:disabled{color:#9ca3af;cursor:not-allowed}.automation-funnel-breakdown{display:grid;gap:1rem}.funnel-row-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:.75rem;background-color:#fafafa}.funnel-row-details strong{display:block;margin-bottom:.3rem;color:#374151;font-size:.78rem}.funnel-row-details pre{max-height:170px;margin:0;overflow:auto;white-space:pre-wrap;word-break:break-word;color:#333;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.78rem}.funnel-row-details-wide{grid-column:1 / -1}@media (max-width: 900px){.automation-funnel-section-header,.automation-funnel-analysis-header{align-items:flex-start;flex-direction:column}.funnel-rule-editor-grid,.funnel-row-details{grid-template-columns:1fr}.funnel-rule-value,.funnel-row-details-wide{grid-column:auto}}