@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap);p.sectionTitle{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}p.sectionTagline{color:#424f62;font-size:.825rem;font-weight:500}p.sectionTagline,p.userName{line-height:1.375rem;margin:0}p.userName{color:#1e293b;font-size:1rem;font-weight:700}p.userEmail{color:#475569;font-size:.825rem;font-weight:500;line-height:1.375rem;margin:0}.floating-header-button-container{border-bottom:1px solid #e2e8f0;padding:.825rem 1.5rem;position:fixed;right:0;top:0;transition:width .3s ease-in-out;width:calc(100% - var(--sidebar-width));z-index:1199}.left-navigation.collapsed~.floating-header-button-container{width:calc(100% - var(--sidebar-width-collapsed))}.floating-hamburger-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:50%;box-shadow:0 2px 8px #00000014;color:#333;color:var(--header-icon-color,#333);cursor:pointer;display:flex;font-size:1.7rem;height:44px;justify-content:center;transition:box-shadow .2s;width:44px}.floating-hamburger-btn:hover{box-shadow:0 4px 16px #00000029}.enhanced-user-menu{animation:slideIn .3s ease-out;background:var(--card-bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000001f;min-width:320px;overflow:hidden;position:absolute;right:0;top:54px;z-index:2002}.user-profile-header{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;gap:16px;padding:24px 20px}.user-avatar-container{position:relative}.user-avatar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:3px solid #ffffff4d;font-size:20px;height:56px;width:56px}.online-indicator{background:#10b981;border:3px solid #fff;border-radius:50%;bottom:2px;height:16px;position:absolute;right:2px;width:16px}.user-details{flex:1 1}.user-display-name{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.user-email-display{color:#fffc;font-size:14px;margin:0;word-break:break-word}.user-menu-items{padding:16px 0}.menu-item-btn{align-items:center;background:none;border:none;color:var(--text-color-primary);cursor:pointer;display:flex;font-size:15px;gap:16px;padding:12px 20px;transition:background-color .2s ease;width:100%}.menu-item-btn:hover{background:var(--sidebar-item-hover-bg)}.menu-item-btn.logout-btn:hover{background:#ef44441a;color:#ef4444}.menu-item-icon{align-items:center;color:var(--text-color-secondary);display:flex;height:20px;justify-content:center;width:20px}.menu-item-btn:hover .menu-item-icon{color:var(--primary-color)}.menu-item-btn.logout-btn:hover .menu-item-icon{color:#ef4444}.theme-toggle-section{border-top:1px solid var(--border-color-light);padding:16px 20px}.theme-toggle-buttons{gap:12px}.theme-btn,.theme-toggle-buttons{display:flex;justify-content:center}.theme-btn{align-items:center;background:var(--background-light);border:1.5px solid var(--border-color);border-radius:50%;color:var(--text-color-secondary);cursor:pointer;flex-shrink:0;height:36px;padding:8px;transition:all .2s ease;width:36px}.theme-btn svg{height:16px;width:16px}.theme-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.theme-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}body.dark-theme-active .enhanced-user-menu{background:var(--card-bg-color);border-color:var(--border-color);box-shadow:0 8px 32px #0006}body.dark-theme-active .user-profile-header{background:linear-gradient(135deg,#7c3aed,#6d28d9)}body.dark-theme-active .theme-btn{background:var(--background-extra-light);border-color:var(--border-color)}body.dark-theme-active .theme-btn:hover{border-color:var(--primary-color)}.right-menu-dropdown{display:none}.notif-button,.notification-bell-wrapper{position:relative}.notif-button{align-items:center;background:#fff;background:var(--button-bg,#fff);border:1px solid #e2e8f0;border-radius:10px;color:#444;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;height:34px;justify-content:center;letter-spacing:.3px;padding:0 12px 0 10px;transition:background .15s,box-shadow .15s}.notif-button.active,.notif-button:hover{background:linear-gradient(99.78deg,#9181f4 -5.85%,#5038ed 109.55%);border-color:#0000;color:#fff}.notif-button.active{box-shadow:0 0 0 2px #9181f459}.notif-badge{background:linear-gradient(99.78deg,#9181f4 -5.85%,#5038ed 109.55%);border-radius:999px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 5px;position:absolute;right:-4px;top:-4px}.notif-label{display:inline-block;max-width:0;overflow:hidden;transition:max-width .25s ease;white-space:nowrap}.notif-button.active .notif-label,.notif-button:hover .notif-label{color:#fff;max-width:120px}.notif-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 12px 28px -6px #1b273333,0 4px 8px #1b27331f;display:flex;flex-direction:column;max-height:480px;overflow:hidden;position:absolute;right:0;top:42px;width:360px;z-index:300}.notif-header{font-size:14px;font-weight:600;justify-content:space-between;padding:10px 14px}.notif-header,.notif-mark-all{align-items:center;color:#fff;display:flex}.notif-mark-all{background:#ffffff2e;border:none;border-radius:8px;cursor:pointer;height:26px;justify-content:center;width:30px}.notif-mark-all:hover{background:#ffffff4d}.notif-list{flex:1 1;overflow-y:auto;padding:4px 0}.notif-empty,.notif-loading{color:#64748b;font-size:13px;padding:24px 14px;text-align:center}.notif-item{border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px 14px 8px;transition:background .12s}.notif-item.unread{background:linear-gradient(90deg,#f5f7ff,#fff)}.notif-item.unread:hover{background:#eef2ff}.notif-item.read{background:#fff}.notif-item.read:hover{background:#f8fafc}.notif-message{color:#1e293b;font-size:13px;font-weight:500;line-height:1.4}.notif-link-hint{color:#5038ed;display:inline-block;font-size:11px;font-weight:600;margin-left:6px;opacity:0;transform:translateY(-1px);transition:opacity .2s}.notif-item:hover .notif-link-hint{opacity:1}.notif-meta{align-items:center;color:#64748b;display:flex;font-size:11px;gap:6px}.notif-footer{background:#fafbfc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:8px 10px}.notif-refresh{background:linear-gradient(99.78deg,#9181f4 -5.85%,#5038ed 109.55%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px}.notif-refresh:hover{filter:brightness(1.05)}body.dark .notif-dropdown{background:#1e2533;border-color:#2c3a52}body.dark .notif-item.read{background:#1e2533}body.dark .notif-item.unread{background:linear-gradient(90deg,#2a3350,#1e2533)}body.dark .notif-item.unread:hover{background:#333f5d}body.dark .notif-item.read:hover{background:#252f45}body.dark .notif-message{color:#e2e8f0}body.dark .notif-meta{color:#94a3b8}body.dark .notif-footer{background:#252f45;border-top-color:#2c3a52}body.dark .notif-button{background:#252f45;border-color:#2c3a52;color:#e2e8f0}body.dark .notif-button.active,body.dark .notif-button:hover{background:linear-gradient(99.78deg,#9181f4 -5.85%,#5038ed 109.55%);color:#fff}body.dark .notif-link-hint{color:#9181f4}:root{--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-card:linear-gradient(135deg,#fffffff2,#fffc);--glass-backdrop:backdrop-filter:blur(20px);--shadow-enhanced:0 8px 25px #0000001a;--shadow-hover:0 12px 35px #00000026;--border-radius-card:16px;--border-radius-field:8px;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--section-spacing:0.875rem;--primary-color:#667eea;--text-color-primary:#2d3748;--text-color-secondary:#718096;--border-color:#e2e8f0;--background-light:#f7fafc}.scenario-creation-container{padding:1rem}.scenario-creation-container:before{border-radius:16px 16px 0 0;border-radius:var(--border-radius-card) var(--border-radius-card) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.scenario-creation-container h2,.scenario-creation-container:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary)}.scenario-creation-container h2{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1.5rem;position:relative;text-align:center}.scenario-creation-container h2:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:2px;bottom:-8px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.global-variables-section,.module-section,.project-module-selection-section,.project-selection-section,.scenario-management,.step-editor-section,.tags-section,.url-configuration-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius-card);box-shadow:0 4px 15px #00000014;margin-bottom:.875rem;margin-bottom:var(--section-spacing);overflow:hidden;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.global-variables-section:before,.module-section:before,.project-module-selection-section:before,.project-selection-section:before,.scenario-management:before,.step-editor-section:before,.tags-section:before,.url-configuration-section:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);content:"";height:2px;left:0;opacity:.7;position:absolute;right:0;top:0}.global-variables-section:hover,.module-section:hover,.project-module-selection-section:hover,.project-selection-section:hover,.scenario-management:hover,.step-editor-section:hover,.tags-section:hover,.url-configuration-section:hover{border-color:#667eea4d;box-shadow:0 12px 35px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-3px)}.section-header{color:#667eea;color:var(--primary-color);font-size:.9375rem;font-weight:600;gap:4px;margin-bottom:.625rem}.section-header:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:2px;content:"";height:16px;width:3px}.global-variables-section h3,.step-editor-section h3{align-items:center;color:#667eea;color:var(--primary-color);display:flex;font-size:.9375rem;font-weight:600;gap:4px;margin-bottom:.625rem}.global-variables-section h3:before,.step-editor-section h3:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:2px;content:"";height:16px;width:3px}.form-group{margin-bottom:.625rem}.form-group label{color:#667eea;font-size:.6875rem;letter-spacing:.02em;margin-bottom:.2rem;opacity:.9}.form-group input[type=number],.form-group input[type=text],.form-group input[type=url],.form-group select,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-field);box-shadow:inset 0 1px 3px #0000000d;color:#2d3748;color:var(--text-color-primary);font-size:.75rem;font-weight:500;line-height:1.2;min-height:28px;padding:.25rem .375rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff1a;box-shadow:inset 0 2px 8px #0000000d,0 0 0 4px #667eea26,0 8px 25px #667eea1a;transform:translateY(-2px)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{background:#ffffff14;border-color:#fff3}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .375rem center;background-repeat:no-repeat;background-size:12px;min-height:28px;padding-right:1.75rem}.add-tag-button,.advanced-button,.confirm-module-btn,.create-module-btn,.primary-button,.refresh-scenarios-btn,.update-scenario-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:none;border-radius:8px;border-radius:var(--border-radius-field);box-shadow:0 3px 12px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:3px;letter-spacing:.02em;min-height:28px;overflow:hidden;padding:.375rem .625rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.advanced-button:before,.confirm-module-btn:before,.create-module-btn:before,.primary-button:before,.update-scenario-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.advanced-button:hover:before,.confirm-module-btn:hover:before,.create-module-btn:hover:before,.primary-button:hover:before,.update-scenario-btn:hover:before{left:100%}.advanced-button:hover,.confirm-module-btn:hover,.create-module-btn:hover,.primary-button:hover,.update-scenario-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.advanced-button:active,.confirm-module-btn:active,.create-module-btn:active,.primary-button:active,.update-scenario-btn:active{box-shadow:0 4px 15px #667eea4d;transform:translateY(-1px)}.secondary-button{background:#ffffff1a;border:2px solid #fff3;border-radius:var(--border-radius-field);color:#2d3748;min-height:28px;padding:.375rem .625rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.secondary-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.advanced-automation-toolbar{background:linear-gradient(135deg,#667eea1a,#764ba20d);border:2px solid #667eea33;border-radius:16px;border-radius:var(--border-radius-card);box-shadow:0 8px 32px #667eea26;margin-bottom:2rem;padding:1.5rem}.automation-buttons{gap:1rem}.automation-stats{flex-wrap:wrap}.automation-stats .stat{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#2d3748;color:var(--text-color-primary);font-size:.875rem;font-weight:600;padding:.5rem 1rem}.step-creation-form{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:1.5rem}.form-grid .form-group{margin-bottom:0}.step-list{grid-gap:1rem;display:grid;gap:1rem}.step-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-field);gap:1rem;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.step-item:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.step-item.editing{background:#667eea1a;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.step-index{display:flex;font-size:.875rem;height:2rem;width:2rem}.step-bdd{background:#0003;border-left:3px solid #667eea;border-radius:6px;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.9rem;padding:.5rem .75rem}.step-actions{gap:.5rem}.step-actions button{background:#ffffff1a;border:1px solid #fff3;border-radius:50%;display:flex;height:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:2rem}.step-actions button:hover{background:#fff3;transform:scale(1.1)}.tag-input-container{gap:.75rem;margin-bottom:1rem}.tag,.tags-list{gap:.5rem}.tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;padding:.5rem .75rem}.remove-tag{font-size:1rem;font-weight:700;opacity:.8;transition:opacity .2s ease}.remove-tag:hover{opacity:1}.scenario-management{display:block;padding:2rem}.scenario-management-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.create-scenario,.scenario-selection-section{display:flex;flex-direction:column;gap:.875rem}.create-scenario h4,.scenario-selection-section h4{border-bottom:1px solid #ffffff1a;color:#667eea;color:var(--primary-color);font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.scenario-search-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:18px;padding-right:3rem}.scenario-select-container{align-items:stretch;display:flex;gap:.75rem}.scenario-select{flex:1 1}.refresh-scenarios-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:none;border-radius:8px;border-radius:var(--border-radius-field);color:#fff;cursor:pointer;font-size:1.2rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.refresh-scenarios-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px) rotate(90deg)}.modal-overlay{background:#000000b3}.modal-content{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius-card);box-shadow:0 8px 25px #0000001a;box-shadow:var(--shadow-enhanced);padding:2rem}.modal-header{border-bottom:1px solid #ffffff1a;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h3{color:#667eea;color:var(--primary-color);font-size:1.3rem}.close-btn{color:#2d3748;color:var(--text-color-primary);padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.close-btn:hover{background:#ffffff1a;transform:scale(1.1)}.form-row{align-items:flex-end;gap:.625rem}.form-row .form-group{flex:1 1}.form-row .form-group.form-col-2{flex:2 1}.form-row .form-group.form-col-3{flex:3 1}.form-row .form-group.form-col-half{flex:0.5 1}.form-group.compact{margin-bottom:.5rem}.form-group.compact input,.form-group.compact select{font-size:.6875rem;min-height:24px;padding:.25rem .375rem}.form-group.compact label{font-size:.625rem;margin-bottom:.15rem}.form-grid-2{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:1fr 1fr}.form-grid-3{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:1fr 1fr 1fr}.form-grid-auto{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.project-module-container{display:flex;flex-direction:column;gap:.75rem}.project-module-container .form-row{align-items:flex-end;display:flex;gap:.75rem}.project-module-container .form-row .form-group{flex:1 1;margin-bottom:0}.project-module_container .form-row .form-col-2{flex:2 1}.project-module-container .module-input-row{align-items:center;display:flex;gap:.5rem}.project-module-container .module-input-row select{flex:1 1}.project-module-container .create-module-btn{font-size:.6875rem;min-height:28px;padding:.25rem .5rem;white-space:nowrap}.project-module-container .no-project-warning,.project-module-container .no-projects-message,.project-module-container .project-info{font-size:.75rem;margin-top:.5rem}.project-module-container .loading-text{color:#718096;color:var(--text-color-secondary);font-size:.6875rem;margin-left:.5rem}@media (max-width:768px){.project-module-container .form-row{flex-direction:column;gap:.625rem}.project-module-container .form-row .form-group{margin-bottom:.625rem}.project-module-container .module-input-row{align-items:stretch;flex-direction:column;gap:.5rem}.project-module-container .create-module-btn{width:100%}.project-module-container .project-info{flex-wrap:wrap;justify-content:flex-start;max-width:100%}.project-module-container .project-badge{font-size:.75rem}.project-module-container .project-note{font-size:.625rem}}@media (max-width:1200px){.scenario-creation-container{padding:2rem}.scenario-management-grid,.step-creation-form{grid-template-columns:1fr}}@media (max-width:768px){.scenario-creation-container{margin:1rem;padding:1rem}.scenario-creation-container h2{font-size:2rem}.advanced-automation-toolbar{align-items:stretch;flex-direction:column;gap:1rem}.automation-buttons,.automation-stats{justify-content:center}.step-item{align-items:flex-start;flex-direction:column;text-align:left}.step-actions{align-self:flex-end}.tag-input-container{flex-direction:column}.modal-content{margin:1rem;padding:1.5rem}}@media (max-width:480px){.automation-buttons{flex-direction:column}.advanced-button{justify-content:center;width:100%}.step-creation-form{gap:1rem}.form-group input,.form-group select,.form-group textarea{padding:.25rem .375rem}}.url-input-row{flex-wrap:wrap;gap:.75rem;padding:.5rem 0}.url-input-row input{background:#fff;border:1px solid #d0d5dd;border-radius:8px;box-shadow:0 1px 2px 0 #1018280d;color:#596980;font-size:.875rem;min-width:55%;outline:none;padding:10px 14px;transition:all .2s ease}.url-variable-overlay{align-items:center;bottom:0;color:#0000;display:flex;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.875rem;gap:2px;left:0;overflow-x:auto;overflow-y:hidden;padding:10px 14px;pointer-events:none;position:absolute;right:0;top:0;white-space:nowrap}.url-variable-overlay .var-token{margin:0 2px}.url-input-row input:focus{background:#fff;border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 2px #667eea1a}.agent-status-indicator{align-items:center;animation:slideInFromLeft .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;max-width:-webkit-fit-content;max-width:fit-content;padding:.375rem .75rem;transition:all .2s ease;white-space:nowrap}.agent-status-indicator:hover{background:#fff;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.agent-status-text{color:#2d3748;color:var(--text-color-primary);font-size:.75rem;font-weight:500}.browser-toolbar{animation:slideInFromLeft .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #667eea33;border-radius:12px;gap:.5rem;padding:.5rem;transition:all .3s ease}.browser-toolbar:hover{background:#fff;border-color:#667eea4d;box-shadow:0 4px 15px #0000001a;transform:translateY(-1px)}.detection-button{background:#667eea1a;border:1px solid #667eea33;color:#667eea;color:var(--primary-color);display:inline-flex;font-size:.75rem;min-height:32px;padding:.4rem .75rem;transition:all .2s ease;white-space:nowrap}.detection-button:hover:not(:disabled){background:#667eea26;border-color:#667eea4d;box-shadow:0 2px 8px #667eea33}.detection-button.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-color:#0000;box-shadow:0 2px 8px #667eea4d}.close-browser-btn{align-items:center;background:#dc35451a;border:1px solid #dc354533;color:#dc3545;display:inline-flex;font-size:.75rem;justify-content:center;min-height:32px;padding:.4rem .75rem;transition:all .2s ease;white-space:nowrap}.close-browser-btn:hover:not(:disabled){background:#dc354526;border-color:#dc35454d;box-shadow:0 2px 8px #dc354533}.open-browser-btn{animation:slideInFromLeft .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#28a7451a;border:1px solid #28a74533;border-radius:12px;color:#28a745;display:inline-flex;font-size:.8rem;gap:.5rem;justify-content:center;padding:.5rem 1rem;white-space:nowrap}.open-browser-btn:hover:not(:disabled){background:#28a74526;border-color:#28a7454d;box-shadow:0 4px 15px #28a74533}.open-browser-btn:disabled{opacity:.5}.detection-status{animation:slideInFromLeft .3s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;margin-top:.75rem;padding:1rem;transition:all .3s ease}.detection-status:hover{background:#ffffff1f;border-color:#fff3}.step-editor-section{animation:slideInFromLeft .3s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:1px solid #667eea33;border-radius:16px;box-shadow:0 6px 20px #00000014;margin-bottom:.875rem;margin-bottom:var(--section-spacing);padding:1.25rem;transition:all .3s ease}.step-editor-section:hover{background:#fff;border-color:#667eea4d;box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.step-editor-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#2d3748;color:var(--text-color-primary);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.advanced-automation-toolbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eea14;border:1px solid #667eea26;border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:.75rem;transition:all .3s ease}.advanced-automation-toolbar:hover{background:#667eea1f;border-color:#667eea40;transform:translateY(-1px)}.automation-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.advanced-button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border:1px solid #667eea33;border-radius:8px;color:#667eea;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;min-height:32px;padding:.4rem .75rem;transition:all .2s ease;white-space:nowrap}.advanced-button:hover:not(:disabled){background:#fff;border-color:#667eea66;box-shadow:0 3px 10px #667eea33;transform:translateY(-1px)}.advanced-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.automation-stats{align-items:center;display:flex;gap:1rem}.stat{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;border:1px solid #667eea26;border-radius:6px;color:#718096;color:var(--text-color-secondary);font-size:.7rem;font-weight:600;padding:.25rem .5rem;white-space:nowrap}.step-creation-form{display:grid;margin-bottom:1rem}.form-grid,.step-creation-form{grid-gap:.75rem;gap:.75rem}.form-group{gap:.375rem}.form-group label{color:#2d3748;font-size:.8rem;margin:0}.form-group input,.form-group select{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffffff2;border:1px solid #667eea33;border-radius:8px;font-size:.875rem;padding:.5rem .75rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 2px #667eea1a;outline:none}.form-group input::placeholder{color:#718096;color:var(--text-color-secondary);opacity:.7}.button-group{align-items:center;display:flex;gap:.5rem;grid-column:1/-1;justify-content:flex-start;margin-top:.5rem}.primary-button{background:var(--gradient-primary);box-shadow:0 2px 8px #667eea4d;font-size:.8rem;gap:.375rem;padding:.5rem 1rem;white-space:nowrap}.primary-button:hover:not(:disabled){box-shadow:0 4px 15px #667eea66}.primary-button:disabled{opacity:.5}.secondary-button{background:#dc35451a;border:1px solid #dc354533;color:#dc3545;font-size:.8rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.secondary-button:hover:not(:disabled){background:#dc354526;border-color:#dc35454d;transform:translateY(-1px)}.current-steps{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f9fae6;border:1px solid #667eea26;border-radius:12px;padding:1rem;transition:all .3s ease}.current-steps:hover{background:#f8f9fa;border-color:#667eea40}.current-steps h4{align-items:center;color:#2d3748;color:var(--text-color-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 .75rem}.step-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.step-item{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border:1px solid #667eea1a;border-radius:8px;gap:.75rem;padding:.6rem .75rem;transition:all .2s ease}.step-item:hover{background:#fff;border-color:#667eea33;box-shadow:0 2px 8px #00000014;transform:translateX(4px)}.step-item.editing{background:#667eea14;border-color:#667eea4d;box-shadow:0 0 0 2px #667eea1a}.step-index{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:24px;justify-content:center;min-width:24px}.step-bdd{background:#667eea0d;border:1px solid #667eea1a;border-radius:4px;color:#2d3748;color:var(--text-color-primary);flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;padding:.25rem .5rem}.step-actions{flex-shrink:0;gap:.25rem}.step-actions button{align-items:center;background:#0000;border:1px solid #667eea33;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;min-height:28px;min-width:28px;padding:.25rem;transition:all .2s ease}.step-actions button[title="Move Up"]{background:linear-gradient(135deg,#38b6ff26,#38b6ff0d);border-color:#38b6ff66;color:#1d8ecf}.step-actions button[title="Move Down"]{background:linear-gradient(135deg,#ffab402e,#ffab400d);border-color:#ffab4073;color:#c46805}.step-actions button[title="Clone Step"]{background:linear-gradient(135deg,#9572fc2e,#9572fc0f);border-color:#9572fc73;color:#6b3fe6}.step-actions button[title="Clone Step"]:hover:not(:disabled),.step-actions button[title="Move Down"]:hover:not(:disabled),.step-actions button[title="Move Up"]:hover:not(:disabled){box-shadow:0 4px 10px #00000026;transform:translateY(-2px) scale(1.08)}.step-actions button:hover:not(:disabled){background:#667eea1a;border-color:#667eea4d;transform:scale(1.1)}.step-actions button:disabled{cursor:not-allowed;opacity:.5}.step-select-checkbox{cursor:pointer;margin-right:.4rem;transform:scale(1.1)}.template-actions-bar{display:flex;gap:.5rem;margin-top:.5rem}.step-templates-library{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #667eea40;border-radius:10px;box-shadow:0 4px 14px #00000014;margin-top:1.25rem;padding:.75rem 1rem}.step-templates-library h4{font-size:.95rem;margin:0 0 .5rem}.template-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.template-item{background:#667eea0f;border:1px solid #667eea33;border-radius:8px;padding:.5rem .6rem}.template-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.template-name-input{background:#ffffffb3;border:1px solid #667eea59;border-radius:6px;flex:1 1;font-size:.8rem;padding:.25rem .4rem}.template-name-input:focus{border-color:#9572fc99;box-shadow:0 0 0 2px #9572fc40;outline:none}.template-buttons button{background:#9572fc26;border:1px solid #9572fc66;border-radius:5px;cursor:pointer;font-size:.7rem;margin-left:.25rem;padding:.3rem .45rem}.template-buttons button:hover{background:#9572fc40}.template-buttons button:last-child{background:#ff636326;border-color:#ff636366}.template-buttons button:last-child:hover{background:#ff636340}.template-meta{font-size:.65rem;margin-top:.25rem;opacity:.7}.scenario-ref-panel{background:linear-gradient(135deg,#ffffffeb,#f5f6ffe6);border:1px solid #667eea40;border-radius:12px;box-shadow:0 3px 10px -2px #0000000f;margin-top:1rem;padding:.6rem .75rem .75rem}.scenario-ref-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.scenario-ref-title{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:.4rem;margin:0}.scenario-ref-title .count{font-size:.65rem;font-weight:500;opacity:.7}.scenario-ref-header-buttons{display:flex;gap:.4rem}.scenario-ref-header-buttons button{background:#9572fc26;border:1px solid #9572fc66;border-radius:6px;cursor:pointer;font-size:.7rem;padding:.25rem .5rem}.scenario-ref-header-buttons button:hover{background:#9572fc40}.collapse-btn{font-weight:700}.scenario-ref-body{margin-top:.5rem}.scenario-ref-search-row{margin-bottom:.4rem}.scenario-ref-search{background:#ffffffbf;border:1px solid #667eea4d;border-radius:6px;font-size:.7rem;padding:.35rem .55rem;width:100%}.scenario-ref-search:focus{border-color:#9572fc99;box-shadow:0 0 0 2px #9572fc33;outline:none}.scenario-ref-list{display:flex;flex-direction:column;gap:.35rem;list-style:none;margin:0;max-height:240px;overflow:auto;padding:0}.scenario-ref-item{align-items:center;background:#667eea0f;border:1px solid #667eea2e;border-radius:6px;display:flex;gap:.4rem;justify-content:space-between;padding:.35rem .45rem}.scenario-ref-name{flex:1 1;font-size:.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insert-ref-btn{background:linear-gradient(135deg,#9572fc59,#9572fc33);border:1px solid #9572fc8c;border-radius:5px;cursor:pointer;font-size:.65rem;padding:.25rem .4rem}.insert-ref-btn:hover{background:linear-gradient(135deg,#9572fc8c,#9572fc59)}.scenario-ref-footer{margin-top:.5rem;text-align:center}.scenario-ref-footer .small{font-size:.65rem;padding:.35rem .6rem}.no-steps-message.mini{font-size:.65rem;padding:.5rem}.no-steps-message{background:#667eea0d;border:1px dashed #667eea33;color:#718096;font-size:.875rem;margin:0;padding:1.5rem}.draggable-step{cursor:grab;-webkit-user-select:none;user-select:none}.draggable-step.dragging{cursor:grabbing;opacity:.6;transform:scale(.995)}.draggable-step.drag-over{background:#667eea0f;outline:2px dashed #667eea99;outline-offset:2px}.scenario-creation-container .tags-section.form-group{animation:slideInFromLeft .6s ease!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#fffffff2!important;border:1px solid #fff3!important;border-radius:12px!important;box-shadow:0 4px 15px #00000014!important;margin-bottom:.75rem!important;max-width:100%!important;padding:.5rem .75rem!important}.scenario-creation-container .tags-section.form-group label{color:var(--text-secondary)!important;display:block!important;font-size:.75rem!important;font-weight:600!important;margin:0 0 .25rem!important}.scenario-creation-container .tag-input-container{align-items:center!important;display:flex!important;gap:.375rem!important;margin-bottom:.5rem!important}.scenario-creation-container .tag-input{background:#fffc!important;border:1px solid #ffffff4d!important;border-radius:6px!important;flex:1 1!important;font-size:.75rem!important;min-height:24px!important;padding:.25rem .5rem!important}.scenario-creation-container .add-tag-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--gradient-primary)!important;border:none!important;border-radius:6px!important;color:#fff!important;font-size:.65rem!important;font-weight:600!important;min-height:24px!important;padding:.25rem .5rem!important}.scenario-creation-container div.tags-list{display:flex!important;flex-wrap:wrap!important;gap:.25rem!important}.scenario-creation-container div.tags-list span.tag{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--gradient-primary)!important;border-radius:12px!important;color:#fff!important;display:inline-flex!important;font-size:.65rem!important;font-weight:500!important;gap:.25rem!important;padding:.125rem .375rem!important}.scenario-creation-container input#newScenarioName{margin-bottom:.5rem!important}.scenario-creation-container input#newScenarioName,.scenario-creation-container input.scenario-search-input,.scenario-creation-container select.scenario-select{background:#fffc!important;border:1px solid #ffffff4d!important;border-radius:8px!important;font-size:.75rem!important;min-height:28px!important;padding:.375rem .5rem!important}.scenario-creation-container button.primary-button,.scenario-creation-container button.update-scenario-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--gradient-primary)!important;border:none!important;border-radius:8px!important;color:#fff!important;font-size:.7rem!important;font-weight:600!important;min-height:28px!important;padding:.375rem .5rem!important}@media (max-width:768px){.scenario-creation-container div.scenario-management.form-row{gap:.5rem!important;grid-template-columns:1fr!important}.scenario-creation-container div.tag-input-container{flex-direction:column!important;gap:.25rem!important}}.scenario-creation-container .tags-section.form-group,body .scenario-creation-container .tags-section.form-group{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#fffffff2!important;border:1px solid #fff3!important;border-radius:12px!important;box-shadow:0 4px 15px #00000014!important;margin-bottom:12px!important;max-width:100%!important;padding:8px 12px!important}.scenario-creation-container .tag-input-container,body .scenario-creation-container .tag-input-container{align-items:center!important;display:flex!important;gap:6px!important;margin-bottom:8px!important}.scenario-creation-container .tag-input,body .scenario-creation-container .tag-input{background:#fffc!important;border:1px solid #ffffff4d!important;border-radius:6px!important;color:#2d3748!important;flex:1 1!important;font-size:12px!important;min-height:24px!important;padding:4px 8px!important}.scenario-creation-container .add-tag-button,body .scenario-creation-container .add-tag-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;font-size:10px!important;font-weight:600!important;min-height:24px!important;padding:4px 8px!important;white-space:nowrap!important}.scenario-creation-container .tags-list,body .scenario-creation-container .tags-list{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:4px!important}.scenario-creation-container .tags-list .tag,body .scenario-creation-container .tags-list .tag{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:12px!important;color:#fff!important;display:inline-flex!important;font-size:10px!important;font-weight:500!important;gap:4px!important;padding:2px 6px!important;white-space:nowrap!important}.scenario-creation-container .scenario-management.form-row,body .scenario-creation-container .scenario-management.form-row{grid-gap:12px!important;align-items:start!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#fffffff2!important;border:1px solid #fff3!important;border-radius:12px!important;box-shadow:0 4px 15px #00000014!important;display:grid!important;gap:12px!important;grid-template-columns:1fr 1fr!important;margin-bottom:12px!important;padding:12px!important}.scenario-creation-container .scenario-management input,body .scenario-creation-container .scenario-management input{background:#fffc!important;border:1px solid #ffffff4d!important;border-radius:8px!important;box-sizing:border-box!important;font-size:12px!important;margin-bottom:8px!important;min-height:28px!important;padding:6px 8px!important;width:100%!important}.scenario-creation-container .scenario-management label,body .scenario-creation-container .scenario-management label{color:#718096!important;display:block!important;font-size:12px!important;font-weight:600!important;margin:0 0 4px!important}.scenario-creation-container .scenario-management .primary-button,.scenario-creation-container .scenario-management .update-scenario-btn,body .scenario-creation-container .scenario-management .primary-button,body .scenario-creation-container .scenario-management .update-scenario-btn{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:11px!important;font-weight:600!important;justify-content:center!important;min-height:28px!important;padding:6px 8px!important;width:100%!important}.scenario-creation-container .scenario-search-input,.scenario-creation-container .scenario-select,body .scenario-creation-container .scenario-search-input,body .scenario-creation-container .scenario-select{background:#fffc!important;border:1px solid #ffffff4d!important;border-radius:8px!important;box-sizing:border-box!important;font-size:12px!important;min-height:28px!important;padding:6px 8px!important;width:100%!important}.scenario-creation-container .scenario-select-container,body .scenario-creation-container .scenario-select-container{align-items:center!important;display:flex!important;gap:6px!important}.scenario-creation-container .refresh-scenarios-btn,body .scenario-creation-container .refresh-scenarios-btn{align-items:center!important;background:#667eea1a!important;border:1px solid #667eea33!important;border-radius:6px!important;color:#667eea!important;cursor:pointer!important;display:flex!important;font-size:11px!important;justify-content:center!important;min-height:28px!important;min-width:28px!important;padding:6px!important}@media (max-width:768px){.scenario-creation-container .scenario-management.form-row,body .scenario-creation-container .scenario-management.form-row{gap:8px!important;grid-template-columns:1fr!important;padding:8px!important}.scenario-creation-container .tag-input-container,body .scenario-creation-container .tag-input-container{flex-direction:column!important;gap:4px!important}.scenario-creation-container .add-tag-button,.scenario-creation-container .tag-input,body .scenario-creation-container .add-tag-button,body .scenario-creation-container .tag-input{width:100%!important}}.highlight-step{animation:highlightFlash 3s ease-in-out;background:linear-gradient(90deg,#ffffc8d9,#ffff96e6)!important;border-color:#ffd700e6!important;box-shadow:0 0 0 2px #ffd700b3,0 0 10px 2px #ffd70099;position:relative}@keyframes highlightFlash{0%{box-shadow:0 0 0 0 #ffd70000}10%{box-shadow:0 0 0 4px #ffd70099}50%{box-shadow:0 0 0 2px #ffd70066}90%{box-shadow:0 0 0 6px #ffd70000}to{box-shadow:0 0 0 0 #ffd70000}}.step-bdd .var-token{align-items:center;background:#ffc10726;border:1px dashed #ffc10799;border-radius:4px;color:#b58100;cursor:help;display:inline-flex;font-size:.75rem;font-weight:600;line-height:1.1rem;margin:0 1px;padding:0 4px;position:relative;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.step-bdd .var-token.resolved{background:#2ecc7126;border-color:#2ecc7199;color:#1e7f47}.step-bdd .var-token.unresolved{animation:unresolvedPulse 2s ease-in-out infinite;background:#e74c3c26;border-color:#e74c3c8c;color:#9e2c21}.step-bdd .var-token.generator,.var-input-wrapper .var-overlay-text .var-token.generator{background:#764ba229;border-color:#764ba28c;box-shadow:inset 0 0 0 1px #764ba22e;color:#5b2f8e}@keyframes unresolvedPulse{0%{box-shadow:0 0 0 0 #e74c3c66}50%{box-shadow:0 0 6px 1px #e74c3c80}to{box-shadow:0 0 0 0 #e74c3c4d}}.step-bdd .var-token:hover:after{background:#1e1e24;border-radius:4px;box-shadow:0 2px 6px #0000004d;color:#fff;content:attr(title);font-size:.65rem;left:50%;padding:4px 6px;pointer-events:none;position:absolute;top:100%;transform:translate(-50%,4px);white-space:nowrap;z-index:10}.step-bdd .var-token:hover{background:#667eea33;color:#2d3748}.var-suggest-pop{animation:fadeInScale 90ms ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 32px -6px #667eea40,0 2px 6px #00000014;font-size:12px;max-height:280px;max-width:400px;min-width:230px;overflow-y:auto;padding:6px 0 8px}.var-suggest-item{border-left:3px solid #0000;line-height:1.25;padding:6px 10px 6px 14px;position:relative;transition:background .18s ease,border-color .18s ease}.var-suggest-item .var-name{color:#667eea}.var-suggest-item .var-value{color:#718096}.var-suggest-item.active,.var-suggest-item:hover{background:linear-gradient(90deg,#667eea2e,#764ba20f);border-left-color:#667eea;border-left-color:var(--primary-color)}.var-suggest-empty{color:#718096}.var-suggest-hint{color:#718096;padding:4px 14px 0}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.var-input-wrapper{position:relative}.var-input-wrapper input.with-var-overlay{position:relative;z-index:1}.var-input-wrapper .var-overlay-text{z-index:2}.var-input-wrapper{overflow:hidden}.with-var-overlay.vars-active{-webkit-text-fill-color:#0000!important;caret-color:#2d3748;color:#0000!important;text-shadow:none!important}.var-input-wrapper .var-overlay-text{align-items:center;box-sizing:border-box;color:#2d3748;color:var(--text-color-primary);display:flex;font-family:inherit;font-size:inherit;inset:0;line-height:1.2;overflow:hidden;padding:.25rem .375rem;pointer-events:none;position:absolute;text-overflow:clip;white-space:pre}.var-input-wrapper .var-overlay-text .var-token{align-items:center;background:#ffc10726;border:1px dashed #ffc10799;border-radius:4px;color:#b58100;display:inline-flex;font-size:.7rem;font-weight:600;line-height:1rem;margin:0 2px;padding:0 4px}.var-input-wrapper .var-overlay-text .var-token.resolved{background:#2ecc7126;border-color:#2ecc7199;color:#1e7f47}.var-input-wrapper .var-overlay-text .var-token.unresolved{animation:unresolvedPulse 2s ease-in-out infinite;background:#e74c3c26;border-color:#e74c3c8c;color:#9e2c21}.automation-links-section{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;margin-top:12px;padding:16px}.linked-scenarios{margin-bottom:16px}.linked-scenarios h5{color:var(--text-primary);font-size:1rem;margin-bottom:12px}.linked-scenarios-list{display:flex;flex-direction:column;gap:8px}.linked-scenario-item{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;display:flex;justify-content:space-between;padding:12px;transition:background-color .2s}.linked-scenario-item:hover{background:var(--hover-background)}.scenario-name{color:var(--text-primary);font-weight:500}.scenario-id{color:var(--text-secondary);font-size:.85em}.link-metadata{align-items:center;display:flex;gap:8px}.coverage-badge{border-radius:4px;font-size:.8em;font-weight:500}.coverage-high{background:#d4edda;color:#155724}.coverage-medium{background:#fff3cd;color:#856404}.coverage-low{background:#f8d7da;color:#721c24}.status-badge{font-size:.8em}.status-active{background:#d1ecf1;color:#0c5460}.status-inactive{background:#f8d7da;color:#721c24}.no-automation-links{color:var(--text-secondary);padding:20px;text-align:center}.no-automation-links p{margin-bottom:12px}.automation-actions{display:flex;gap:8px;margin-top:12px}.automation-status-summary{background:var(--info-light);border:1px solid var(--info-border);border-radius:6px;margin-top:12px;padding:12px}.status-item{display:flex;justify-content:space-between;margin-bottom:8px}.status-item:last-child{margin-bottom:0}.status-label{color:var(--text-primary);font-weight:500}.status-value{color:var(--text-secondary)}.status-not_automated{color:#dc3545}.status-automation_candidate{color:#ffc107}.status-automation_planned{color:#17a2b8}.status-automation_in_progress{color:#6f42c1}.status-automated{color:#28a745}.automation-link-modal{max-height:90vh;max-width:800px;overflow-y:auto;width:90vw}.automation-link-modal .modal-body{padding:20px}.link-form{display:flex;flex-direction:column;gap:24px}.current-scenario,.current-test-case{background:var(--info-light);border:1px solid var(--info-border);border-radius:8px;padding:16px}.current-scenario h4,.current-test-case h4{color:var(--info-text);margin-bottom:8px}.current-scenario p,.current-test-case p{color:var(--info-text);font-size:.9em;margin:4px 0}.scenario-selection,.test-case-selection{display:flex;flex-direction:column;gap:12px}.scenario-selection h4,.test-case-selection h4{color:var(--text-primary);margin-bottom:8px}.search-group{margin-bottom:12px}.search-input{background:var(--background-color);border:1px solid var(--border-color);color:var(--text-primary);padding:10px}.search-input:focus{box-shadow:0 0 0 2px #007bff40}.scenarios-grid,.test-cases-grid{grid-gap:12px;background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:300px;overflow-y:auto;padding:8px}.scenario-card,.test-case-card{background:var(--card-background);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;padding:12px;transition:all .2s}.scenario-card:hover,.test-case-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #007bff26}.scenario-card.selected,.test-case-card.selected{background:var(--primary-light);border-color:var(--primary-color);box-shadow:0 2px 12px #007bff40}.scenario-header,.test-case-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.scenario-header h5,.test-case-header h5{color:var(--text-primary);font-size:.95em;font-weight:600;line-height:1.3;margin:0}.scenario-id,.test-case-id{color:var(--text-secondary);font-size:.75em;white-space:nowrap}.scenario-meta,.test-case-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.test-case-type{display:flex;gap:6px}.module-badge,.priority-badge,.section-badge,.steps-count,.type-badge{border-radius:4px;font-size:.75em;font-weight:500;padding:2px 6px}.section-badge{background:#d1ecf1;color:#0c5460}.steps-count{background:#fff3cd;color:#856404}.type-badge{background:#d4edda;color:#155724}.priority-badge{background:#f8d7da;color:#721c24}.priority-critical{background:#dc3545;color:#fff}.priority-high{background:#fd7e14;color:#fff}.priority-medium{background:#ffc107;color:#212529}.priority-low{background:#6c757d;color:#fff}.empty-state,.loading-state{color:var(--text-secondary);padding:40px 20px;text-align:center}.refresh-btn{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:12px;padding:8px 16px;transition:background-color .2s}.refresh-btn:hover:not(:disabled){background:var(--primary-hover)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.link-configuration{background:var(--card-background);padding:16px}.link-configuration h4{margin-bottom:16px}.form-group label,.link-configuration h4{color:var(--text-primary)}.form-input,.form-select,.form-textarea{background:var(--background-color);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40}.form-textarea{min-height:80px;resize:vertical}.action-button-jira.automation-link{background:#17a2b8;color:#fff}.action-button-jira.automation-link:hover:not(:disabled){background:#138496}.action-button-jira.create-link{background:var(--primary-color);color:#fff}.action-button-jira.create-link:hover:not(:disabled){background:var(--primary-hover)}.action-button-jira.manage-links{background:#6c757d;color:#fff}.action-button-jira.manage-links:hover:not(:disabled){background:#545b62}.modal-actions{background:var(--background-color);border-top:1px solid var(--border-color);padding:16px 20px}.btn-secondary{font-size:14px}.btn-secondary:hover:not(:disabled){background:#545b62}.btn-primary{background:var(--primary-color)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.id-search-group{background:var(--info-light);border:1px solid var(--info-border);border-radius:8px;margin-bottom:16px;padding:16px}.id-search-group label{color:var(--info-text);display:block;font-weight:600;margin-bottom:8px}.id-search-input-group{align-items:center;display:flex;gap:8px}.id-search-input{background:var(--background-color);border:2px solid var(--info-border);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;padding:10px 12px;transition:border-color .2s}.id-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40;outline:none}.id-search-btn{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s;white-space:nowrap}.id-search-btn:hover:not(:disabled){background:var(--primary-hover)}.id-search-btn:disabled{cursor:not-allowed;opacity:.6}.search-result{background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;font-size:14px;margin-top:8px;padding:8px 12px}.search-divider{margin:16px 0;position:relative;text-align:center}.search-divider:before{background:var(--border-color);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.search-divider span{background:var(--background-color);color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;padding:0 12px;text-transform:uppercase}.browse-scenarios,.browse-test-cases{margin-top:8px}.browse-scenarios label,.browse-test-cases label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:8px}.scenario-full-id,.test-case-full-id{border-top:1px solid var(--border-color);margin-top:8px;padding-top:8px}.scenario-full-id small,.test-case-full-id small{background:var(--background-color);border-radius:3px;color:var(--text-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.7em;padding:2px 4px;word-break:break-all}.scenario-card:hover .scenario-full-id,.test-case-card:hover .test-case-full-id{opacity:1}.scenario-full-id,.test-case-full-id{opacity:.7;transition:opacity .2s}.badge.automation-linked{border:none;font-size:.75em}.badge.automation-linked:hover{box-shadow:0 2px 8px #17a2b84d;transform:scale(1.05)}.test-case-card .automation-status{align-items:center;background:var(--info-light);border-radius:4px;display:flex;font-size:.8em;gap:6px;margin-top:8px;padding:6px 8px}.automation-status-icon{font-size:1.1em}.automation-status.linked{background:linear-gradient(135deg,#17a2b81a,#20c9971a);border:1px solid #17a2b84d;color:#0c5460}.automation-status.not-linked{background:#f8d7da80;border:1px solid #dc35454d;color:#721c24}.test-case-card:hover .quick-link-action{opacity:1;transform:translateY(0)}.quick-link-action{background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.7em;opacity:0;padding:4px 8px;position:absolute;right:8px;top:8px;transform:translateY(-4px);transition:all .2s ease}.quick-link-action:hover{background:var(--primary-hover)}@media (max-width:768px){.automation-link-modal{max-height:95vh;width:95vw}.form-grid,.scenarios-grid,.test-cases-grid{grid-template-columns:1fr}.linked-scenario-item{align-items:flex-start;flex-direction:column;gap:8px}.automation-actions{flex-direction:column}.id-search-input-group{align-items:stretch;flex-direction:column}.id-search-btn{margin-top:8px}.scenario-full-id small,.test-case-full-id small{font-size:.65em}}.dark .automation-links-section,.dark .scenario-card,.dark .test-case-card{background:#2d3748;border-color:#4a5568}.dark .scenario-card.selected,.dark .test-case-card.selected{background:#3182ce;border-color:#63b3ed}.dark .current-scenario,.dark .current-test-case{background:#2a4365;border-color:#3182ce}.dark .link-configuration{background:#2d3748;border-color:#4a5568}.dark .id-search-group{background:#2a4365;border-color:#3182ce}.dark .id-search-input{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.dark .search-result{background:#22543d;border-color:#2f855a;color:#9ae6b4}.dark .search-divider span{background:#2d3748;color:#a0aec0}.dark .scenario-full-id small,.dark .test-case-full-id small{background:#1a202c;color:#a0aec0}.modal-overlay{margin:0;place-content:center;place-items:center}.advanced-step-editor{align-self:center;animation:slideIn .3s ease-out;background:var(--card-bg-color);border:1px solid var(--border-color);border-radius:16px;bottom:auto!important;box-shadow:var(--card-shadow);flex-direction:column;justify-self:center;left:auto!important;margin:0 auto;max-height:90vh;max-width:900px;right:auto!important;top:auto!important;transform:none!important;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease;width:100%}.advanced-step-editor,.step-editor-header{display:flex;overflow:hidden;position:relative}.step-editor-header{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,#4338ca 100%);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-color-dark,#4338ca) 100%);color:#fff;justify-content:space-between;padding:24px}.api-operation-placeholder{padding:20px;text-align:center}.api-operation-placeholder .info-box{background:var(--background-extra-light);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:24px}.api-operation-placeholder .info-box h4{color:var(--text-color-primary);font-size:18px;font-weight:600;margin:0 0 12px}.api-operation-placeholder .info-box p{color:var(--text-color-secondary);font-size:14px;line-height:1.6;margin:0 0 16px}.current-api-config{background:rgba(var(--primary-color-rgb),.1);border:1px solid var(--primary-color);border-radius:6px;margin-top:16px;padding:16px;text-align:left}.current-api-config p{color:var(--text-color-primary);font-size:14px;margin:0 0 8px}.current-api-config .highlight{background:rgba(var(--primary-color-rgb),.2);border-radius:4px;color:var(--primary-color-dark);font-weight:600;padding:2px 6px}.api-config-btn{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-color-dark) 100%);border:none;border-radius:8px;box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.api-config-btn:hover{background:linear-gradient(135deg,var(--primary-color-dark) 0,var(--primary-color) 100%);box-shadow:0 6px 20px rgba(var(--primary-color-rgb),.4);transform:translateY(-2px)}.step-editor-header:before{background:linear-gradient(135deg,#667eea,#764ba2);background-size:20px 20px;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.header-content{gap:16px;z-index:1}.header-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;font-size:28px;padding:8px}.header-text h3{font-size:24px;font-weight:700;line-height:1.2;margin:0}.header-subtitle{font-size:14px;font-weight:400;opacity:.9}.close-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px;z-index:1}.close-button:hover{background:#ffffff40;transform:scale(1.05)}.close-button span{font-size:24px;font-weight:300}.step-editor-content{background:var(--background-light);color:var(--text-color-primary);flex:1 1;overflow-y:auto;padding:24px}.step-type-selector{background:var(--card-bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:20px;padding:20px}.selector-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.selector-label{color:var(--text-color-primary);font-size:16px;font-weight:600}.step-count{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-color-dark) 100%);border-radius:20px;color:#fff;font-size:12px;font-weight:500;padding:4px 12px}.step-type-dropdown{background:var(--input-background-color);border:2px solid var(--border-color);border-radius:10px;color:var(--text-color-primary);cursor:pointer;font-size:16px;padding:14px 16px;transition:all .3s ease;width:100%}.step-type-dropdown:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(var(--primary-color-rgb),.1);outline:none}.step-configuration{background:#0000;margin-bottom:20px;overflow:hidden}.configuration-header{align-items:center;background:linear-gradient(135deg,var(--background-extra-light) 0,var(--background-light) 100%);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.configuration-header h4{color:var(--text-color-primary);font-size:18px;font-weight:600;margin:0}.step-type-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:12px;font-weight:500;padding:6px 14px}.step-fields{padding:24px}.field-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.field-grid,.field-group{margin-bottom:20px}.field-label{align-items:center;display:flex;gap:6px;margin-bottom:8px}.label-text{color:#374151;font-size:14px;font-weight:600}.required{font-weight:700}.field-description{color:#6b7280;font-size:12px;font-style:italic;font-weight:400}.field-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#1f2937;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.field-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.field-input.error{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.field-input.success{border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.random-builder{background:var(--background-extra-light);border:1px solid var(--border-color);border-radius:8px;margin-top:12px;padding:12px 14px 14px}.random-builder-header{align-items:center;color:var(--text-color-secondary);display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.random-builder-grid{grid-gap:6px 8px;display:grid;gap:6px 8px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));margin-bottom:8px}.random-pill{background:var(--card-bg-color);border:1px solid var(--border-color);border-radius:20px;color:var(--text-color-primary);cursor:pointer;font-size:11px;line-height:1.2;overflow:hidden;padding:6px 8px;text-overflow:ellipsis;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.random-pill:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.random-builder-note{color:var(--text-color-secondary);font-size:11px;line-height:1.4}.field-input::placeholder{color:#9ca3af}.error-message{color:#ef4444;display:block;font-size:12px;margin-top:6px}.error-message:before{content:"⚠";font-size:14px}.input-with-variables{position:relative}.variable-hint{font-size:12px;margin-top:6px}.input-group{align-items:center}.input-suffix{color:#6b7280;font-size:14px;font-weight:500}.coming-soon-container{background:linear-gradient(135deg,#fef3c7,#fed7aa);border-radius:12px;overflow:hidden;padding:40px 20px;position:relative;text-align:center}.coming-soon-container:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='2' fill='%23f59e0b' opacity='.1'/%3E%3C/svg%3E");background-size:20px 20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.coming-soon-icon{font-size:48px;margin-bottom:16px}.coming-soon-title{color:#92400e;font-size:20px;font-weight:600;margin:0 0 12px}.coming-soon-description{color:#b45309;line-height:1.6;margin:0 0 24px}.preview-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-top:16px;padding:8px 16px}.step-preview-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-bottom:20px;overflow:hidden}.preview-header{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.preview-header h4{color:#065f46;font-size:16px;font-weight:600;margin:0}.preview-status{animation:pulse 2s infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;font-size:11px;font-weight:500;padding:4px 12px}.preview-content{padding:20px}.preview-text{background:#f8fafc;border-left:4px solid #667eea;border-radius:8px;color:#1e293b;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:14px;line-height:1.6;padding:16px;word-break:break-word}.variable-help-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-bottom:20px;overflow:hidden}.variable-header{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.variable-header h4{color:#0c4a6e;font-size:16px;font-weight:600;margin:0}.variable-count{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:20px;font-size:11px;padding:4px 12px}.variable-list{grid-gap:12px;display:grid;gap:12px;padding:20px}.variable-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px}.variable-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.variable-name{color:#667eea;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px}.variable-source{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.variable-type{background:#ecfdf5;color:#059669;font-size:11px}.variable-usage-hint{background:#fefce8;border-top:1px solid #e2e8f0;color:#713f12;font-size:13px;font-style:italic;line-height:1.5;margin:0;padding:16px 20px}.step-editor-actions{background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.primary-button,.secondary-button{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .3s ease}.secondary-button{background:#f8fafc;border:2px solid #e2e8f0;color:#475569}.secondary-button:hover{background:#f1f5f9;border-color:#cbd5e1}.primary-button{box-shadow:0 4px 12px #667eea4d}.primary-button:hover{box-shadow:0 8px 20px #667eea66}.primary-button:disabled{background:#9ca3af}.button-icon{font-size:16px}.info-text{background-color:#f5f5f5;border-left:3px solid #3498db;border-radius:4px;color:#666;font-size:.8rem;margin-top:8px;padding:8px}@media (max-width:768px){.modal-overlay{align-items:center;justify-content:center;padding:10px}.advanced-step-editor{margin:0;max-height:95vh;max-width:100%;min-height:300px;width:100%}.step-editor-header{padding:20px}.header-text h3{font-size:20px}.step-editor-content{padding:16px}.field-grid{grid-template-columns:1fr}.step-editor-actions{flex-direction:column;padding:16px}.primary-button,.secondary-button{width:100%}}@media (max-width:480px){.modal-overlay{align-items:center;justify-content:center;padding:5px}.advanced-step-editor{border-radius:8px;height:auto;margin:0;max-height:98vh;min-height:200px}.header-content{gap:12px}.header-icon{font-size:24px;padding:6px}.configuration-header,.preview-header,.variable-header{flex-direction:column;gap:8px;text-align:center}.variable-item{align-items:flex-start;flex-direction:column;gap:8px}}@media (prefers-color-scheme:dark){.advanced-step-editor{background:#1e293b;color:#f1f5f9}.step-editor-content{background:#0f172a}.step-configuration,.step-preview-section,.step-type-selector,.variable-help-section{background:#1e293b;border-color:#334155}.field-input{background:#0f172a;border-color:#334155;color:#f1f5f9}.field-input::placeholder{color:#64748b}.preview-text{background:#0f172a;color:#f1f5f9}.variable-item{background:#0f172a;border-color:#334155}.variable-item:hover{background:#1e293b}}.modal-overlay{height:100vh!important;left:0!important;margin:0!important;position:fixed!important;top:0!important;inset:0!important;transform:none!important;width:100vw!important}.modal-overlay *{box-sizing:border-box}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.form-group input.error,.form-group select.error,.form-group textarea.error{background-color:#fef2f2;border-color:#ef4444}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.placeholder-content{padding:40px 20px;text-align:center}.placeholder-content h4{color:#374151;font-size:18px;font-weight:600;margin:0 0 12px}.placeholder-content p{color:#6b7280;line-height:1.5;margin:0 0 24px}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.form-row .form-group{margin-bottom:0}.error-text{color:#ef4444}.step-fields .form-group select[multiple]{min-height:100px}.step-fields textarea{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.4}.variable-hint{color:#6b7280;font-size:11px;font-style:italic;margin-top:4px}.step-type-indicator{border-radius:12px;display:inline-block;font-size:11px;font-weight:500;margin-left:8px;padding:2px 8px;text-transform:uppercase}.step-type-indicator.wait{background:#fef3c7;color:#92400e}.step-type-indicator.conditional{background:#ddd6fe;color:#6b21a8}.step-type-indicator.loop{background:#fce7f3;color:#be185d}.step-type-indicator.variable{background:#d1fae5;color:#065f46}.info-box{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #90caf9;box-shadow:0 2px 4px #0000000d}.info-box p{color:#1565c0;line-height:1.4;margin:4px 0}.info-box strong{color:#0d47a1}.variable-hint{background:#f8f9fa;border-left:4px solid #28a745;border-radius:0 6px 6px 0;color:#495057;line-height:1.5;padding:12px 16px}.variable-hint p{margin:6px 0}.dropdown-info{background:linear-gradient(135deg,#fff3e0,#fce4ec);border:1px solid #ffb74d;border-radius:8px;color:#e65100;font-size:13px;margin:10px 0;padding:14px}.dropdown-info ul{margin:8px 0 0 16px;padding:0}.dropdown-info li{color:#bf360c;margin:4px 0}.selection-method-info{background:#e8f5e8;border:1px solid #4caf50;border-radius:6px;color:#2e7d32;font-size:12px;margin:8px 0;padding:10px}.dropdown-action-group{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;margin:12px 0;padding:16px}.dropdown-action-group h5{color:#333;font-size:14px;font-weight:600;margin:0 0 12px}.info-box{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #3b82f6;border-radius:8px;margin:12px 0;padding:16px}.info-box p{color:#475569;font-size:14px;line-height:1.5;margin:0 0 8px}.info-box p:last-child{margin-bottom:0}.info-box strong{color:#1e293b;font-weight:600}.variable-hint{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0c4a6e;font-size:13px;line-height:1.4;margin-top:8px;padding:12px}.variable-hint .info-text{color:#0369a1;font-style:italic;margin-bottom:0;margin-top:4px}.form-control{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-control:hover{border-color:#9ca3af}.dropdown-actions .form-group{margin-bottom:16px}.dropdown-actions label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.selection-method-indicator{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;color:#047857;display:inline-block;font-size:12px;margin-left:8px;padding:4px 8px}@media (max-width:768px){.info-box{margin:8px 0;padding:12px}.variable-hint{font-size:12px;padding:10px}}.browser-detection-section{align-items:center;background:#f8fafc;border:none;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px;transition:all .3s ease}.browser-detection-section h4{color:#475467;font-family:Inter;font-size:14px;font-style:Medium;font-weight:500;letter-spacing:0;line-height:20px;vertical-align:middle}.browser-controls{margin-bottom:15px}.open-browser-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.open-browser-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.open-browser-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;transform:none}.open-browser-btn:not(:disabled){background:linear-gradient(135deg,#10b981,#059669)}.browser-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.detection-button{align-items:center;background:#fff;border:2px solid #6366f1;border-radius:8px;color:#6366f1;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;min-width:120px;padding:10px 18px;transition:all .3s ease}.detection-button:hover:not(:disabled){background:#6366f1;box-shadow:0 2px 8px #00000026;color:#fff;transform:translateY(-1px)}.detection-button:disabled{background:#f3f4f6;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.5;transform:none}.detection-button.active{background:#6366f1;box-shadow:0 0 0 3px #6366f14d;color:#fff}.auto-select-button.active{animation:pulse-green 2s infinite;background:#10b981;border-color:#10b981}.manual-select-button.active{animation:pulse-orange 2s infinite;background:#f59e0b;border-color:#f59e0b}@keyframes pulse-green{0%,to{box-shadow:0 0 0 3px #10b9814d}50%{box-shadow:0 0 0 6px #10b98133}}@keyframes pulse-orange{0%,to{box-shadow:0 0 0 3px #f59e0b4d}50%{box-shadow:0 0 0 6px #f59e0b33}}.close-browser-btn{background:#fff;border:2px solid #ef4444;border-radius:8px;color:#ef4444;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .3s ease}.close-browser-btn:hover:not(:disabled){background:#ef4444;color:#fff;transform:translateY(-1px)}.close-browser-btn:disabled{cursor:not-allowed;opacity:.5}.selection-instruction{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:8px;margin:10px 0;padding:12px 16px}.selection-text{align-items:center;color:#0c4a6e;display:flex;font-size:14px;font-weight:500;gap:8px}.selection-text:before{content:"ℹ️";font-size:16px}.detected-element-info{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #22c55e;border-radius:8px;font-family:Monaco,Menlo,Consolas,monospace;margin:10px 0;padding:16px}.detected-element-info p{color:#166534;font-size:13px;margin:4px 0}.detected-element-info strong{color:#15803d;font-weight:600}.detected-element-info code{background:#22c55e1a;border:1px solid #22c55e33;border-radius:4px;color:#15803d;font-size:12px;font-weight:500;padding:2px 6px;word-break:break-all}[data-theme=dark] .browser-detection-section,[data-theme=dark] .detection-button{background:var(--card-bg-color);border-color:var(--primary-color)}[data-theme=dark] .detection-button{color:var(--primary-color)}[data-theme=dark] .detection-button:hover:not(:disabled){background:var(--primary-color);color:var(--card-bg-color)}[data-theme=dark] .selection-instruction{background:linear-gradient(135deg,#0ea5e91a,#0ea5e90d);border-color:#0ea5e94d}[data-theme=dark] .selection-text{color:#0ea5e9}[data-theme=dark] .detected-element-info{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border-color:#22c55e4d}[data-theme=dark] .detected-element-info p,[data-theme=dark] .detected-element-info strong{color:#22c55e}[data-theme=dark] .detected-element-info code{background:#22c55e1a;border-color:#22c55e33;color:#22c55e}@media (max-width:768px){.browser-toolbar{align-items:stretch;flex-direction:column}.detection-button{min-width:auto;width:100%}.browser-detection-section{margin-bottom:15px;padding:15px}.detected-element-info{font-size:12px;padding:12px}}.notification-toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;min-width:300px;opacity:1;padding:0;position:fixed;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10000}.notification-toast-top-right{right:20px;top:20px}.notification-toast-top-left{left:20px;top:20px}.notification-toast-bottom-right{bottom:20px;right:20px}.notification-toast-bottom-left{bottom:20px;left:20px}.notification-toast-enter{opacity:1;transform:translateY(0) scale(1)}.notification-toast-exit{opacity:0;transform:translateY(-100%) scale(.95)}.notification-toast-bottom-left.notification-toast-exit,.notification-toast-bottom-right.notification-toast-exit{transform:translateY(100%) scale(.95)}.notification-toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.notification-toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.notification-toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.notification-toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.notification-toast.dark{border-color:#ffffff1a;box-shadow:0 4px 12px #0000004d}.notification-toast.light{border-color:#0000001a;box-shadow:0 4px 12px #0000001a}.notification-toast-content{align-items:center;display:flex;gap:12px;padding:16px 20px;position:relative}.notification-toast-icon{align-items:center;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;width:24px}.notification-toast-message{word-wrap:break-word;flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.notification-toast-close{align-items:center;background:none;border:none;border-radius:50%;color:currentColor;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:20px;justify-content:center;line-height:1;opacity:.7;padding:0;transition:all .2s ease;width:20px}.notification-toast-close:hover{background-color:#fff3;opacity:1;transform:scale(1.1)}.notification-toast-close:active{transform:scale(.95)}@media (max-width:768px){.notification-toast{margin:0 20px;max-width:calc(100vw - 40px);min-width:calc(100vw - 40px)}.notification-toast-top-left,.notification-toast-top-right{left:20px;right:20px;top:20px}.notification-toast-bottom-left,.notification-toast-bottom-right{bottom:20px;left:20px;right:20px}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-toast-top-left.notification-toast-enter,.notification-toast-top-right.notification-toast-enter{animation:slideInFromTop .3s cubic-bezier(.4,0,.2,1)}.notification-toast-bottom-left.notification-toast-enter,.notification-toast-bottom-right.notification-toast-enter{animation:slideInFromBottom .3s cubic-bezier(.4,0,.2,1)}.env-manager-modal{animation:modalSlideIn .3s ease-out;background:#fff;background:var(--background-color,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:12px;box-shadow:0 4px 20px #00000026;color:#333;color:var(--text-color,#333);display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:1100px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}.env-manager-header{align-items:center;background:linear-gradient(103.64deg,#654ea3 14.18%,#eaafc8 99.93%);border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color,#ddd);color:#fff;display:flex;justify-content:space-between;padding:1rem}.env-manager-header h3{font-size:1.3rem;margin:0}.header-actions{gap:8px}.close-button,.icon-btn,.mini-btn,.primary-btn,.utility-btn{background:Linear-gradient(99.78deg,#9181f4 -5.85%,#5038ed 109.55%);border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;padding:6px 10px;transition:background-color .2s,transform .2s,opacity .2s}.close-button:hover,.icon-btn:hover,.mini-btn:hover,.primary-btn:hover,.utility-btn:hover{background:#ffffff40;transform:translateY(-1px)}.mini-btn{padding:4px 8px}.icon-btn{padding:4px 6px}.primary-btn{background:Linear-gradient(99.78deg,#9181f4 -5.85%,#5038ed 109.55%);border-color:#007bff;border-color:var(--primary-color,#007bff);color:#fff}.primary-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.env-manager-body{grid-gap:12px;display:grid;gap:12px;grid-template-columns:260px 1fr 260px;overflow:auto;padding:12px}.env-manager-footer{background:#0000;border-top:1px solid #ddd;border-top:1px solid var(--border-color,#ddd);padding:10px 16px}.error-banner{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;margin:8px 12px 0;padding:8px 12px}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.env-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.env-item{background:#f8f9fa;background:var(--secondary-background,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:8px;justify-content:space-between;padding:8px}.env-item.active{background:#fff;background:var(--background-color,#fff);border-color:#007bff;border-color:var(--primary-color,#007bff)}.env-name{background:none;border:none;color:#333;color:var(--text-color,#333);cursor:pointer}.env-deleted-panel,.env-editor-panel,.env-list-panel{background:#fff;background:var(--background-color,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:12px;padding:12px}.form-grid{grid-gap:8px;gap:8px;grid-template-columns:140px 1fr}.form-grid input{background:#fff;background:var(--input-background,#fff);border:1px solid #ced4da;border:1px solid var(--border-color,#ced4da);border-radius:6px;color:#333;color:var(--text-color,#333);padding:8px}.form-grid input:focus{border-color:#007bff;border-color:var(--primary-color,#007bff);box-shadow:0 0 0 2px #007bff40;outline:none}.vars-row{grid-column:1/span 2;margin-top:6px}.vars-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.vars-list{display:flex;flex-direction:column;gap:6px}.var-row{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr auto}.var-name,.var-value{background:#fff;background:var(--input-background,#fff);border:1px solid #ced4da;border:1px solid var(--border-color,#ced4da);border-radius:6px;color:#333;color:var(--text-color,#333);padding:8px}.empty-state{background:#f8f9fa;background:var(--secondary-background,#f8f9fa);border:1px dashed #ddd;border:1px dashed var(--border-color,#ddd);border-radius:8px;color:#6c757d;color:var(--muted-text,#6c757d);padding:16px}.empty-icon{font-size:22px;margin-bottom:6px}.hint{color:#6c757d;color:var(--muted-text,#6c757d);font-size:12px}.app-theme.dark .env-manager-modal{--background-color:#2d3748;--text-color:#e2e8f0;--border-color:#4a5568;--input-background:#1a202c;--secondary-background:#1a202c;--hover-background:#2d3748;--primary-color:#4299e1;--primary-color-dark:#3182ce;--secondary-color:#718096;--secondary-color-dark:#4a5568;--error-color:#fc8181;--success-color:#68d391;--info-color:#63b3ed;--warning-color:#fbd38d;--disabled-color:#4a5568;--muted-text:#a0aec0}.api-step-editor{background:#fff;border-radius:8px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;height:90vh;max-width:1200px;overflow:hidden;width:95%}.api-step-editor.fullscreen{border-radius:0!important;height:100vh!important;max-width:100%!important;width:100%!important}.api-step-editor.fullscreen .api-editor-content{padding-bottom:72px}.api-editor-header-buttons{align-items:center;display:flex;gap:8px}.api-editor-header-buttons .utility-btn{align-items:center;background:#eef2f7;border:1px solid #d0d7de;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:6px 10px;transition:background .2s ease,transform .2s ease}.api-editor-header-buttons .utility-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.api-editor-header-buttons .utility-btn:active{transform:translateY(0)}.api-editor-tabs{background:var(--colorWhite);border-bottom:1px solid #eaecf0;display:flex;flex-shrink:0}.api-editor-tabs .tab{background:#0000;border:none;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.api-editor-tabs .tab:hover{background:#e9ecef;color:#333}.api-editor-tabs .tab.active{background:#fff;border-bottom:2px solid #007bff;color:#007bff}.api-editor-content{flex:1 1;min-height:0;overflow-y:auto;padding:16px}.config-management-toolbar{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.config-actions-center,.config-actions-left,.config-actions-right{align-items:center;display:flex;gap:12px}.config-btn{align-items:center;background:#fff;border:1px solid #007bff;border-radius:6px;color:#007bff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.config-btn:hover{background:#007bff;box-shadow:0 2px 8px #007bff4d;color:#fff;transform:translateY(-1px)}.template-label{color:#495057;font-size:13px}.template-select{border:1px solid #ced4da;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 12px}.config-count{background:#e9ecef;border-radius:12px;color:#6c757d;font-size:12px;padding:4px 8px}.config-selector-panel{animation:slideDown .2s ease-out;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:16px}.config-selector-panel h4{color:#495057;font-size:14px;font-weight:600;margin:0 0 12px}.config-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.config-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:12px;transition:all .2s ease}.config-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.config-info{flex:1 1}.config-name{color:#212529;font-size:14px;font-weight:600;margin-bottom:4px}.config-description{color:#6c757d;font-size:12px;margin-bottom:6px}.config-meta{display:flex;gap:8px}.config-environment,.config-method{background:#e9ecef;border-radius:4px;color:#495057;font-size:11px;font-weight:500;padding:2px 6px}.config-method{background:#d1ecf1;color:#0c5460}.apply-config-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background .2s ease}.apply-config-btn:hover{background:#218838}.config-manager-modal{background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.config-manager-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:800px;width:90%}.config-manager-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px 16px}.config-manager-header h4{color:#212529;font-size:18px;font-weight:600;margin:0}.config-form{max-height:70%;overflow-y:auto;padding:24px}.config-description-input,.config-name-input{border:1px solid #ced4da;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.config-description-input:focus,.config-name-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.checkbox-group label{color:#495057}.config-preview{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin:20px 0;padding:16px}.config-preview h5{color:#495057;font-size:14px;font-weight:600;margin:0 0 12px}.preview-item{font-size:13px;margin-bottom:6px}.preview-item strong{color:#495057;width:120px}.config-actions{margin-top:24px}.schema-viewer-modal{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.schema-viewer-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:90%}.schema-viewer-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px 16px}.schema-viewer-header h4{color:#212529;font-size:18px;font-weight:600;margin:0}.schema-content{flex:1 1;overflow-y:auto;padding:24px}.schema-actions{display:flex;gap:12px;margin-bottom:20px}.copy-schema-btn,.download-schema-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background .2s ease}.copy-schema-btn:hover,.download-schema-btn:hover{background:#0056b3}.schema-display{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:20px}.schema-json{color:#212529;font-family:Monaco,Consolas,monospace;font-size:12px;line-height:1.5;margin:0;overflow-x:auto;padding:20px}.schema-info{background:#e7f3ff;border:1px solid #b3d7ff;border-radius:6px;padding:16px}.schema-info h5{color:#0c5460;font-size:14px;font-weight:600;margin:0 0 8px}.schema-info p{color:#495057;font-size:13px;margin:0 0 12px}.schema-info ul{color:#495057;font-size:13px;margin:0;padding-left:20px}.schema-info li{margin-bottom:4px}.api-step-editor-simple{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:600px;padding:24px}.api-step-header{margin-bottom:20px;text-align:center}.api-step-header h3{color:#212529;font-size:24px;font-weight:600;margin:0 0 8px}.api-step-header p{color:#6c757d;font-size:14px;line-height:1.5;margin:0}.api-step-preview{display:flex;justify-content:center}.preview-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:16px;max-width:500px;padding:24px;width:100%}.preview-icon{align-items:center;display:flex;flex-shrink:0;font-size:48px;justify-content:center}.preview-content{flex:1 1}.preview-content h4{color:#212529;font-size:18px;font-weight:600;margin:0 0 12px}.preview-content ul{list-style:none;margin:0;padding-left:0}.preview-content li{color:#495057;font-size:14px;line-height:1.4;margin-bottom:8px}.api-step-actions{display:flex;gap:12px;justify-content:center}.open-api-page-btn{align-items:center;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;transition:background .2s ease}.open-api-page-btn:hover{background:#0056b3}.cancel-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;font-size:16px;transition:background .2s ease}.cancel-btn:hover{background:#5a6268}.schema-btn{background:#17a2b8!important;border:1px solid #17a2b8!important;color:#fff!important}.schema-btn:hover{background:#138496!important;border-color:#138496!important}.chain-builder-section,.environment-section,.variable-help-section{background:#f8f9fa;border:1px solid #dee2e6}.section-header h4{color:#495057}.manage-env-btn{background:#007bff}.manage-env-btn:hover{background:#0056b3}.chain-step-card{background:#fff;box-shadow:0 2px 4px #0000000d}.remove-step-btn{font-size:12px;padding:4px 8px}.extraction-item{background:#f8f9fa}.remove-extraction-btn,.result-data,.result-error{font-size:12px}.resolved-url-preview{margin-top:6px}.resolved-url-preview code{color:#495057}.advanced-config,.auth-config,.basic-config,.validation-config{animation:fadeIn .2s ease-in;gap:16px;min-height:400px}.api-editor-content>div{max-width:100%;width:100%}.advanced-config,.auth-config,.basic-config,.validation-config{display:flex;flex-direction:column;gap:12px}.form-row{grid-gap:16px;gap:16px}.form-group{gap:4px}.form-group label{font-size:13px;margin-bottom:2px}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;font-size:13px;min-height:32px;padding:6px 10px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 2px #007bff1a}.error-text{margin-top:2px}.validate-btn{background:#17a2b8;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.validate-btn:hover{background:#138496}.validate-btn:disabled{background:#6c757d}.validation-result{border-radius:4px;font-size:14px;margin-top:8px;padding:12px}.validation-result.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.validation-result.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.validation-result h4{font-size:14px;font-weight:600;margin:0 0 8px}.validation-result ul{margin:0;padding-left:20px}.recommendations{margin-top:8px}.config-section{background:#f8f9fa;border:1px solid #e9ecef;margin-bottom:12px;padding:16px}.config-section h4{border-bottom:1px solid #e9ecef;color:#333;font-size:14px;margin:0 0 12px;padding-bottom:8px}.config-section:hover{border-color:#007bff;transition:border-color .2s ease}.key-value-input{align-items:end}.key-value-input button{background:#28a745;border-radius:4px;font-size:12px;font-weight:500;height:32px;padding:8px 16px}.key-value-input button:hover{background:#218838}.key-value-list{gap:6px}.key-value-item{border:1px solid #e9ecef;border-radius:4px;font-size:12px}.key-value-item button{background:#dc3545;border-radius:3px;font-size:10px}.key-value-item button:hover{background:#c82333}.retry-config{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px}.retry-config h4{color:#333}.variable-helper{background:#f8f9fa;border-top:1px solid #e0e0e0;flex-shrink:0;margin-top:8px;position:relative;z-index:5}.variable-helper-header{background:#e9ecef;border-bottom:1px solid #e0e0e0;cursor:pointer;padding:8px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.variable-helper-header:hover{background:#dee2e6}.variable-helper-header h4{align-items:center;color:#495057;display:flex;font-size:13px;font-weight:600;gap:6px;margin:0}.variable-count{background:#007bff;border-radius:10px;color:#fff;font-size:10px;font-weight:500;padding:2px 6px}.variable-list{padding:8px 12px}.environment-management-tab .env-layout{display:flex;flex-wrap:wrap;gap:20px}.environment-management-tab .env-column{display:flex;flex:1 1 320px;flex-direction:column;gap:20px;min-width:300px}.environment-management-tab .env-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 4px 10px -2px #0000000d,0 2px 4px -2px #0000000a;display:flex;flex-direction:column;gap:16px;padding:18px 20px 20px;position:relative}.environment-management-tab .env-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.environment-management-tab .env-card-header h4{align-items:center;color:#1e293b;display:flex;font-size:15px;font-weight:600;gap:6px;letter-spacing:.3px;margin:0}.environment-management-tab .env-badges{display:flex;flex-wrap:wrap;gap:6px}.environment-management-tab .env-badge{align-items:center;background:#f1f5f9;border-radius:999px;color:#334155;display:inline-flex;font-size:10px;font-weight:600;gap:4px;letter-spacing:.5px;line-height:1;padding:4px 8px;text-transform:uppercase}.environment-management-tab .env-badge.count{background:#e0f2fe;color:#0369a1}.environment-management-tab .env-badge.vars{background:#fef9c3;color:#854d0e}.environment-management-tab .env-selector-row{align-items:center;display:flex;gap:10px}.environment-management-tab .env-label{color:#64748b;font-size:12px;font-weight:600}.environment-management-tab .environment-selector.wide{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex:1 1;font-size:13px;padding:8px 10px;transition:border .15s ease,background .15s ease}.environment-management-tab .environment-selector.wide:focus{background:#fff;border-color:#3b82f6;outline:none}.environment-management-tab .icon-btn{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;font-size:12px;line-height:1;padding:6px 10px;transition:all .15s ease}.environment-management-tab .icon-btn:hover{background:#e2e8f0}.environment-management-tab .base-url-block{background:linear-gradient(90deg,#0ea5e9,#2563eb);border-radius:12px;box-shadow:0 3px 10px -2px #0ea5e966;color:#fff;display:flex;flex-direction:column;font-size:13px;gap:4px;padding:12px 14px}.environment-management-tab .base-url-label{font-size:10px;font-weight:700;letter-spacing:1px;opacity:.85;text-transform:uppercase}.environment-management-tab .base-url-value{font-weight:600;word-break:break-all}.environment-management-tab .env-tip{background:#f1f5f9;border-radius:8px;color:#475569;font-size:11px;line-height:1.3;padding:6px 10px}.environment-management-tab .vars-card{position:relative}.environment-management-tab .env-card-actions{display:flex;gap:6px}.environment-management-tab .mini-btn{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;font-size:12px;padding:6px 10px;transition:all .15s ease}.environment-management-tab .mini-btn:hover{background:#e2e8f0}.environment-management-tab .empty-state{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:14px;display:flex;flex-direction:column;gap:8px;padding:28px 20px;text-align:center}.environment-management-tab .empty-icon{font-size:28px}.environment-management-tab .empty-text{color:#64748b;font-size:13px;font-weight:500}.environment-management-tab .variable-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:6px}.environment-management-tab .var-chip{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000a;cursor:default;display:flex;flex-direction:column;gap:6px;padding:10px 12px 12px;position:relative;transition:all .18s ease}.environment-management-tab .var-chip:hover{border-color:#3b82f6;box-shadow:0 4px 10px -2px #3b82f640;transform:translateY(-2px)}.environment-management-tab .var-chip.editing{border-color:#f59e0b;box-shadow:0 4px 10px -2px #f59e0b59;transform:none}.environment-management-tab .chip-actions{display:flex;gap:4px}.environment-management-tab .chip-btn{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:11px;line-height:1;padding:4px 6px;transition:all .15s ease}.environment-management-tab .chip-btn:hover{background:#e2e8f0}.environment-management-tab .chip-edit-form{display:flex;flex-direction:column;gap:8px}.environment-management-tab .chip-edit-form .edit-row{display:flex}.environment-management-tab .chip-edit-form input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex:1 1;font-size:12px;padding:8px 10px}.environment-management-tab .chip-edit-form input:focus{background:#fff;border-color:#f59e0b;outline:none}.environment-management-tab .edit-actions{display:flex;gap:8px}.environment-management-tab .mini-btn.success{background:#16a34a;border:1px solid #15803d;color:#fff}.environment-management-tab .mini-btn.success:hover{background:#15803d}.environment-management-tab .var-edit-error{color:#b91c1c;font-size:11px;font-weight:600}.environment-management-tab .chip-top{align-items:center;display:flex;gap:8px;justify-content:space-between}.environment-management-tab .chip-name{background:#eff6ff;border-radius:8px;color:#1d4ed8;font-size:11px;font-weight:600;padding:4px 8px}.environment-management-tab .chip-remove{background:#fee2e2;border:none;border-radius:6px;color:#b91c1c;cursor:pointer;font-size:11px;line-height:1;padding:4px 6px;transition:all .15s ease}.environment-management-tab .chip-remove:hover{background:#fca5a5}.environment-management-tab .chip-value{color:#334155;font-size:12px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.environment-management-tab .add-variable-modern{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:10px;margin-top:4px;padding-top:14px}.environment-management-tab .add-variable-modern .field-pair{display:flex;gap:10px}.environment-management-tab .add-variable-modern input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;flex:1 1;font-size:12px;padding:10px 12px;transition:border .15s ease,background .15s ease}.environment-management-tab .add-variable-modern input:focus{background:#fff;border-color:#3b82f6;outline:none}.environment-management-tab .add-variable-modern .add-btn{background:#0ea5e9;border:none;border-radius:10px;box-shadow:0 2px 8px -2px #0ea5e980;color:#fff;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.3px;padding:10px 16px;transition:all .18s ease}.environment-management-tab .add-variable-modern .add-btn:hover{background:#0284c7;box-shadow:0 4px 12px -2px #0ea5e98c}.environment-management-tab .hint-text.compact{color:#64748b;font-size:11px;margin-top:-4px}@media (max-width:900px){.environment-management-tab .env-layout{flex-direction:column}.environment-management-tab .variable-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.response-data-tab{background:#fff;border:1px solid #e0e0e0;border-radius:4px}.jsonpath-extractor-tab{flex:1 1}.jsonpath-input-row{align-items:flex-end;display:flex;gap:8px}.jsonpath-input-row .jsonpath-input{flex:1 1}.jsonpath-input-row .test-path-btn{margin-top:0;white-space:nowrap}.suggested-paths{background:#e8f4fd;border:2px solid #007bff;border-radius:8px;margin:16px 0;padding:16px;position:relative;z-index:15}.suggested-paths h6{align-items:center;color:#007bff;display:flex;font-size:14px;font-weight:700;gap:8px;margin:0 0 12px}.path-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.path-suggestion{background:#fff;border:2px solid #007bff;border-radius:6px;color:#007bff;cursor:pointer;font-family:Monaco,Menlo,Consolas,monospace;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.path-suggestion:hover{background:#007bff;box-shadow:0 2px 4px #007bff4d;color:#fff;transform:translateY(-1px)}.saved-variables{background:#f8f9fa;border:1px solid #dee2e6}.saved-variables h6{color:#6c757d}.variable-item{border:1px solid #e9ecef;padding:10px}.variable-info strong{color:#333;font-weight:600}.variable-info code{background:#e3f2fd;border:1px solid #bbdefb;color:#1976d2;font-family:Monaco,Menlo,Consolas,monospace}.sample-value{color:#666;max-width:200px;word-break:break-all}.remove-variable-btn{font-size:11px}.modal-actions{background:#f8f9fa;border-top:1px solid #e0e0e0;flex-shrink:0;gap:8px;padding:10px 12px}.btn-primary{font-size:13px}.btn-primary,.btn-secondary{border-radius:4px;padding:6px 16px;transition:background-color .2s ease}.url-actions{display:flex;gap:8px;margin-left:8px}.test-btn,.validate-btn{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.validate-btn{background:#f8f9fa;color:#666}.validate-btn:hover{background:#e9ecef;border-color:#007bff}.test-btn{background:#007bff;border-color:#007bff}.test-btn:hover{background:#0056b3}.test-btn:disabled,.validate-btn:disabled{cursor:not-allowed;opacity:.6}.response-preview-section{border:1px solid #e0e0e0;display:flex;flex-direction:column;margin-top:12px;max-height:500px;position:relative;z-index:10}.section-header{background:#007bff;border-radius:6px 6px 0 0;color:#fff;flex-shrink:0;padding:8px 12px}.section-header h4{font-weight:500}.close-btn{border-radius:50%;font-size:16px;height:20px;width:20px}.close-btn:hover{background:#fff3}.response-preview-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 2px 8px #0000001a;margin:16px;padding:16px}.response-preview-section .section-header{align-items:center;border-bottom:2px solid #007bff;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:8px}.response-preview-section .section-header h4{color:#007bff;font-weight:600;margin:0}.response-preview-section .close-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;transition:background .2s ease;width:24px}.response-preview-section .close-btn:hover{background:#c82333}.response-preview-section .section-tabs{border-bottom:1px solid #e9ecef;display:flex;margin-bottom:16px}.response-preview-section .tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.response-preview-section .tab-btn:hover{background:#e9ecef;color:#333}.response-preview-section .tab-btn.active{background:#fff;border-bottom-color:#007bff;color:#007bff}.response-preview-section .tab-content{background:#fff;border:1px solid #e9ecef;border-radius:4px;padding:16px}.response-error{background:#fff;border:1px solid #e74c3c;border-radius:8px;margin-top:12px;overflow:hidden;padding:0}.error-header{background:linear-gradient(135deg,#e74c3c,#c0392b);border-bottom:1px solid #fff3;color:#fff;gap:12px;padding:16px}.error-icon{flex-shrink:0;font-size:24px}.error-title h5{font-size:16px;font-weight:600;margin:0 0 4px}.error-subtitle{font-size:12px;font-weight:400;margin:0;opacity:.9}.error-metadata{background:#fdf2f2;border-bottom:1px solid #f5c6cb;display:flex;flex-wrap:wrap;gap:24px;padding:12px 16px}.error-metadata .metadata-item{align-items:center;display:flex;font-size:13px;gap:6px}.metadata-label{color:#6c757d;font-weight:500}.metadata-value{color:#495057}.metadata-value,.status-code{font-family:Monaco,Menlo,Consolas,monospace}.status-code{border-radius:4px;padding:2px 6px}.status-code.client-error{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-code.server-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.error-message-section{background:#fff;border-bottom:1px solid #f0f0f0;padding:12px 16px}.error-label{color:#e74c3c;font-size:13px;font-weight:600;margin-bottom:6px}.error-message-content{background:#fdf2f2;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;line-height:1.4;padding:10px}.error-response-body{background:#fff;padding:16px}.response-body-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.response-body-header h6{color:#495057;font-size:14px;font-weight:600;margin:0}.response-body-hint{color:#6c757d;font-size:11px;font-style:italic}.response-body-content{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:16px;overflow:hidden}.json-preview-enhanced{word-wrap:break-word;background:#2d3748;color:#e2e8f0;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;margin:0;max-height:300px;overflow-x:auto;overflow-y:auto;padding:16px;white-space:pre-wrap}.error-analysis{background:#e8f4fd;border:1px solid #b8daff;border-radius:6px;padding:12px}.error-analysis h6{color:#0c5460;font-size:13px;font-weight:600;margin:0 0 8px}.analysis-content{display:flex;flex-direction:column;gap:6px}.analysis-item{display:flex;font-size:12px;gap:8px}.analysis-label{color:#0c5460;flex-shrink:0;font-weight:500;min-width:80px}.analysis-value{color:#155724;font-family:Monaco,Menlo,Consolas,monospace;word-break:break-word}.debug-section{background:#f8f9fa;border-top:1px solid #e9ecef;margin-top:12px}.debug-summary{align-items:center;color:#6c757d;cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:space-between;padding:12px 16px;transition:background-color .2s ease}.debug-summary:hover{background:#e9ecef}.debug-hint{font-size:11px;font-style:italic;font-weight:400}.debug-content{background:#fff;border-top:1px solid #e9ecef}.debug-json{background:#2d3748;color:#e2e8f0;font-family:Monaco,Menlo,Consolas,monospace;font-size:12px;line-height:1.4;margin:0;max-height:200px;overflow-x:auto;overflow-y:auto;padding:16px}.error-details{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;font-size:13px;margin-top:6px;padding:8px}.response-success{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:12px}.response-metadata{background:#fff;border-radius:4px;display:flex;flex-shrink:0;gap:16px;margin-bottom:12px;padding:8px 12px}div.response-metadata .metadata-item{background:#f8fafc;border-radius:8px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;line-height:1.125rem;padding:8px}div.response-metadata .metadata-item span{text-decoration:underline}.status-code{color:#28a745;font-weight:700}.response-data-section{display:flex;flex:1 1;flex-direction:column;max-height:500px;min-height:0}.section-tabs{border-bottom:1px solid #dee2e6;display:block;margin-bottom:1rem}.tab-btn{border-bottom:2px solid #0000;color:#6c757d;font-size:13px;padding:8px 16px}.tab-btn.active{border-bottom-color:#007bff;border-radius:6px 6px 0 0;color:#007bff}.tab-btn:hover:not(.active){background:#e9ecef;color:#495057}.tab-content{background:#fff;border:1px solid #dee2e6;border-radius:0 0 6px 6px}.response-data-tab,.tab-content{display:flex;flex-direction:column;min-height:0}.response-data-tab{padding:0}.response-data-tab h5{background:#f8f9fa;border-bottom:1px solid #f1f3f4;color:#333;font-size:14px;font-weight:600;margin:0;padding:12px 16px 8px}.jsonpath-extractor-tab{background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex:none;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding:12px}.extractor-header{border-bottom:1px solid #e9ecef;margin-bottom:16px;padding-bottom:12px}.extractor-header h5{color:#333;font-size:14px;font-weight:600;margin:0 0 6px}.extractor-header .helper-text{color:#6c757d;font-size:12px;line-height:1.4;margin:0}.jsonpath-input-section{margin-bottom:20px}.input-group{align-items:flex-end;gap:8px;margin-bottom:12px}.input-group label{color:#333;display:block;font-size:12px;font-weight:500;margin-bottom:4px;min-width:120px}.jsonpath-input{border:1px solid #ced4da;border-radius:4px;flex:1 1;font-family:Monaco,Menlo,Consolas,monospace;font-size:12px;padding:6px 10px}.test-path-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s ease;white-space:nowrap}.test-path-btn:hover{background:#0056b3}.test-path-btn:disabled{background:#6c757d;cursor:not-allowed}.extracted-value{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-top:12px;padding:12px}.value-preview{background:#787879cc;border-radius:4px;color:#e2e8f0;font-size:11px;margin:8px 0;max-height:150px;overflow-y:auto;padding:8px}.add-variable-btn{border-radius:4px;font-size:12px;padding:6px 10px}.saved-variables{background:#f1f8ff;border:1px solid #c1e2ff;border-radius:6px;margin-top:16px;padding:12px}.saved-variables h6{color:#0056b3;font-size:13px;font-weight:600;margin:0 0 12px}.variable-item{align-items:flex-start;background:#fff;border:1px solid #e3f2fd;border-radius:4px;gap:12px;margin-bottom:8px;padding:8px}.variable-item:last-child{margin-bottom:0}.variable-info strong{color:#0056b3;font-size:13px}.variable-info code{background:#f8f9fa;border:1px solid #e9ecef;border-radius:3px;color:#495057;font-size:11px;padding:2px 6px}.sample-value{color:#6c757d;font-size:11px;font-style:italic}.remove-variable-btn{flex-shrink:0;padding:4px 8px}.status-code-error{background:#dc35451a;border-radius:4px;color:#dc3545!important;font-weight:700;padding:2px 6px}.error-message{font-size:14px;padding:12px}.error-response{background:#fff5f5!important;border:1px solid #fed7d7!important;color:#c53030!important}.error-details-expandable{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;margin-top:16px}.error-details-expandable summary{background:#edf2f7;border-bottom:1px solid #e2e8f0;border-radius:6px 6px 0 0;color:#4a5568;cursor:pointer;font-weight:500;padding:12px 16px}.error-details-expandable summary:hover{background:#e2e8f0}.error-details-expandable[open] summary{border-radius:6px 6px 0 0}.debug-info{background:#f7fafc;border-radius:0 0 6px 6px;color:#4a5568;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;margin:0;overflow-x:auto;padding:16px;white-space:pre-wrap;word-break:break-word}.variable-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.variable-modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 12px 40px #0003;max-height:80vh;max-width:500px;overflow-y:auto;padding:0;width:90%}.variable-modal-header{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.variable-modal-header h3{font-size:18px;font-weight:600;margin:0}.variable-modal-header .close-button{background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;padding:4px 8px;transition:background .2s ease}.variable-modal-header .close-button:hover{background:#ffffff4d}.variable-modal-body{padding:20px}.variable-preview{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:16px}.variable-preview h4{color:#495057;font-size:14px;font-weight:600;margin:0 0 12px}.preview-content{gap:12px}.preview-content,.preview-item{display:flex;flex-direction:column}.preview-item{gap:4px}.preview-item strong{color:#343a40;font-size:13px}.preview-item code{background:#e3f2fd;border:1px solid #bbdefb;border-radius:4px;color:#1976d2;font-size:12px;padding:4px 8px}.preview-item code,.sample-value-preview{font-family:Monaco,Menlo,Consolas,monospace}.sample-value-preview{background:#f1f3f4;border:1px solid #dadce0;border-radius:4px;color:#5f6368;font-size:11px;margin:0;max-height:100px;overflow-y:auto;padding:8px;white-space:pre-wrap}.variable-creation-form{display:flex;flex-direction:column;gap:20px}.form-section h4{border-bottom:2px solid #e9ecef;color:#343a40;font-size:16px;margin:0 0 16px;padding-bottom:8px}.input-hint{color:#6c757d;font-style:italic;margin-top:4px}.scope-options{display:flex;flex-direction:column;gap:12px;margin-top:8px}.scope-option{align-items:flex-start;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.scope-option:hover{background:#f8f9fa;border-color:#007bff}.scope-option input[type=radio]{accent-color:#007bff;margin:0}.scope-option input[type=radio]:checked+.scope-info{color:#007bff}.scope-info{display:flex;flex-direction:column;gap:4px}.scope-info strong{color:#343a40;font-size:14px}.scope-info span{color:#6c757d;font-size:12px}.form-actions{border-top:1px solid #e9ecef;gap:12px;padding-top:16px}.success-notification{animation:notificationSlideIn .3s ease-out;position:fixed;right:20px;top:20px;z-index:3000}@keyframes notificationSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification-content{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border-radius:8px;box-shadow:0 4px 12px #28a7454d;color:#fff;display:flex;font-size:14px;font-weight:500;gap:12px;max-width:400px;min-width:300px;padding:12px 16px}.notification-close{background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-left:auto;padding:2px 6px;transition:background .2s ease}.notification-close:hover{background:#ffffff4d}.validation-config{display:flex;flex-direction:column;gap:24px;max-height:600px}.validation-section{background:#f8f9fa;border:1px solid #e9ecef;padding:16px}.validation-section h4{border-bottom:1px solid #dee2e6;color:#495057;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.response-time-validation input[type=number]{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:4px 8px}.auto-schema-options{margin-top:12px}.schema-patterns{display:flex;flex-direction:column;gap:8px;margin-top:8px}.schema-patterns label{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:all .2s ease}.schema-patterns label:hover{background:#f1f3f4;border-color:#007bff}.schema-patterns input[type=radio]{margin:0}.schema-patterns code{background:#e9ecef;border-radius:3px;color:#495057;font-size:12px;padding:2px 6px}.custom-schema-config textarea,.required-fields-config textarea{border:1px solid #ced4da;border-radius:4px;font-family:Courier New,monospace;font-size:13px;line-height:1.4;padding:12px;resize:vertical;width:100%}.field-help,.schema-help{background:#e7f3ff;border-left:3px solid #007bff;border-radius:0 4px 4px 0;margin-top:8px;padding:8px}.field-help p,.schema-help p{color:#495057;font-size:13px;margin:0}.schema-help a{color:#007bff;text-decoration:none}.schema-help a:hover{text-decoration:underline}.data-types-config{margin-top:12px}.type-validation-builder{background:#fff;border:1px solid #e9ecef;border-radius:4px;padding:12px}.type-rule-input{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.type-rule-input input,.type-rule-input select{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:6px 10px}.type-rule-input input{flex:1 1;min-width:150px}.add-check-btn,.add-rule-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .2s ease}.add-check-btn:hover,.add-rule-btn:hover{background:#218838}.quick-checks-list,.type-rules-list{display:flex;flex-direction:column;gap:6px}.quick-check-item,.type-rule-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px}.quick-check-item code,.type-rule-item code{background:#e9ecef;border-radius:3px;font-size:12px;padding:2px 6px}.remove-check-btn,.remove-rule-btn{background:#dc3545;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;line-height:1;padding:2px 8px}.remove-check-btn:hover,.remove-rule-btn:hover{background:#c82333}.quick-checks-builder{background:#fff;border:1px solid #e9ecef;border-radius:4px;padding:12px}.check-input-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.check-input-row input,.check-input-row select{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:6px 10px}.check-input-row input:first-child{flex:2 1;min-width:150px}.check-input-row input:last-of-type{flex:1 1;min-width:120px}.check-input-row input:disabled{background:#f8f9fa;color:#6c757d}.security-checks label{background:#fff;border:1px solid #e9ecef;border-radius:4px;padding:8px;transition:all .2s ease}.security-checks label:hover{background:#f1f3f4;border-color:#007bff}.security-checks input[type=checkbox]{margin:0}.legacy-validation{background:#fff3cd;border-left:4px solid #ffc107}.legacy-note{color:#856404;font-size:13px;font-style:italic;margin:0 0 12px}@media (max-width:768px){.api-step-editor{height:85vh;width:95%}.form-row{grid-template-columns:1fr}.api-editor-tabs .tab{font-size:14px;padding:8px 12px}.key-value-input,.key-value-item{flex-direction:column}.key-value-item{align-items:flex-start;gap:8px}.url-actions{flex-direction:column;gap:4px}.response-metadata{gap:10px}.path-suggestions,.response-metadata,.variable-item{flex-direction:column}.variable-item{align-items:flex-start;gap:10px}.validation-config{gap:16px}.validation-section{padding:12px}.check-input-row,.type-rule-input{flex-direction:column}.check-input-row input,.check-input-row select,.type-rule-input input{min-width:auto;width:100%}.schema-patterns label{align-items:flex-start;flex-direction:column;gap:4px}}.json-schema-editor{background:#f8f9fa;border:1px solid #ced4da!important;font-family:Courier New,monospace;font-size:13px;line-height:1.5}.json-schema-editor:focus{border-color:#007bff!important;box-shadow:0 0 0 .2rem #007bff40}.validation-summary-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;padding:16px}.validation-checkpoints-overview h4{align-items:center;color:#495057;display:flex;font-size:16px;gap:8px;margin-bottom:12px}.no-validations{color:#6c757d;padding:24px;text-align:center}.no-validations p:first-child{color:#495057;font-size:18px;margin-bottom:8px}.no-validations .help-text{color:#6c757d;font-size:14px;margin:0}.validation-checkpoints-list{background:#fff;border:1px solid #e9ecef;border-radius:6px;overflow:hidden}.checkpoints-header{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;display:flex;justify-content:space-between;padding:12px 16px}.checkpoint-count{font-size:14px;font-weight:600}.checkpoint-info{font-size:12px;font-style:italic;opacity:.9}.validation-checkpoint-item{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;padding:12px 16px;transition:background-color .2s ease}.validation-checkpoint-item .remove-validation-btn{background:#ffecec;border:1px solid #ffb3b3;border-radius:4px;color:#d9534f;cursor:pointer;font-size:12px;line-height:1;margin-left:12px;padding:4px 6px;transition:background .2s ease,transform .1s ease}.validation-checkpoint-item .remove-validation-btn:hover{background:#ffdad9}.validation-checkpoint-item .remove-validation-btn:active{transform:scale(.95)}.validation-checkpoint-item:last-child{border-bottom:none}.validation-checkpoint-item:hover{background-color:#f8f9fa}.checkpoint-icon{align-items:center;display:flex;font-size:18px;height:24px;justify-content:center;margin-right:12px;width:24px}.checkpoint-details{flex:1 1;min-width:0}.checkpoint-type{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:4px}.checkpoint-description{color:#6c757d;display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-input-row{align-items:center}.inline-env-select{align-items:center;display:flex;gap:4px}.inline-env-select select{background:#fff;border:1px solid #cfd6dd;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 8px}.inline-env-select .env-var-dropdown select{background:#f8f9fa}.inline-env-select select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff33;outline:none}.resolved-url-preview{background:#e7f3ff;border:1px solid #b3d7ff;color:#0c5460;font-size:12px;margin-top:8px;padding:8px 12px}.resolved-url-preview code{background:#f1f3f4;border-radius:3px;color:#2d5016;font-family:monospace;padding:2px 4px;word-break:break-all}.smart-assertions-tab{margin-top:10px}.smart-header{display:flex;flex-direction:column;gap:6px}.smart-actions{display:flex;gap:8px}.smart-actions button{background:#2d2f36;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px}.smart-paths-list{background:#f8f8f8;margin-top:0;max-height:260px;overflow:auto;padding:1rem}.smart-path-item{align-items:center;display:flex;font-size:12px;gap:8px;margin-bottom:.5rem;padding:4px 8px}.smart-path-item:last-child{border-bottom:none}.smart-path-item .json-path{color:#5038ed;font-weight:500}.smart-path-item .json-path,.smart-path-item .json-value{cursor:pointer;font-family:Inter,sans-serif;font-size:.75rem}.smart-path-item .json-value{color:#596980;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-path-item .add-var-btn{background:#475467;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.75rem;padding:4px 8px}.smart-path-item .add-var-btn:hover{background:#566070}.auto-generate-btn{background:#06c!important;border:1px solid #0b5fa5!important}.auto-generate-btn:hover{background:#0b6ed1!important}.back-btn{background:#444b5a!important;border:1px solid #555!important}.back-btn:hover{background:#566070!important}.empty-smart{color:#bbb;font-size:12px;padding:12px;text-align:center}.variable-manager{animation:modalSlideIn .3s ease-out;background:#fff;background:var(--background-color,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:1000px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.variable-manager-header{align-items:center;background:linear-gradient(103.64deg,#654ea3 14.18%,#eaafc8 99.93%);border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color,#ddd);color:#fff;display:flex;justify-content:space-between;padding:1rem}.variable-manager-header h3{font-size:1.3rem;margin:0}.variable-manager-header button.close-button{border:none;border-radius:4px;box-shadow:none;color:#000;cursor:pointer;outline:none;padding:.25rem .5rem;transition:background-color .2s}.variable-manager-header button.close-button:hover{background:#0000;box-shadow:none;color:#000}.close-button:hover{background-color:#fff3}.variable-manager-content{grid-gap:2rem;display:grid;flex:1 1;gap:2rem;grid-template-columns:1fr 1fr;overflow-y:auto;padding:1rem}.variable-manager-content.single-column{grid-template-columns:1fr;margin:0 auto;max-width:720px}.variable-form h4,.variables-list h4{border-bottom:2px solid #007bff;border-bottom:2px solid var(--primary-color,#007bff);color:#333;color:var(--text-color,#333);margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.variables-table{border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:4px;overflow:hidden}.table-header{background:#f8f9fa;background:var(--secondary-background,#f8f9fa);border-bottom:1px solid var(--border-color,#ddd);color:#333;color:var(--text-color,#333);font-weight:600}.table-header,.table-row{grid-gap:.5rem;gap:.5rem;grid-template-columns:2fr 1fr 1fr 2fr 1fr;padding:.75rem}.table-row{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--border-color,#eee);transition:background-color .2s}.table-row:hover{background:var(--hover-background,#f8f9fa)}.table-row:last-child{border-bottom:none}.variable-name{gap:.5rem}.env-indicator{background:#28a745;background:var(--success-color,#28a745);border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .4rem}.variable-type{background:#17a2b8;background:var(--info-color,#17a2b8)}.variable-scope,.variable-type{border-radius:4px;font-size:.8rem;padding:.2rem .5rem;text-align:center}.variable-scope{background:#ffc107;background:var(--warning-color,#ffc107);color:#212529;font-weight:500}.variable-value{color:#6c757d;color:var(--muted-text,#6c757d);font-family:Courier New,monospace;font-size:.85rem;word-break:break-all}.variable-actions{gap:.25rem;justify-content:center}.delete-button,.edit-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.25rem;transition:background-color .2s}.edit-button:hover{background:#007bff1a}.delete-button:hover{background:#dc35451a}.no-variables{border:2px dashed #ddd;border:2px dashed var(--border-color,#ddd);border-radius:4px;color:#6c757d;color:var(--muted-text,#6c757d);padding:2rem}.variable-form{background:#0000;border:1px solid #eaecf0;border-radius:12px;padding:1.5rem}.variable-form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.form-group{gap:.5rem}.form-group label{color:#333;color:var(--text-color,#333)}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--input-background,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:4px;color:#333;color:var(--text-color,#333);font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color,#007bff)}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545;border-color:var(--error-color,#dc3545);box-shadow:0 0 0 2px #dc354540}.form-group textarea{font-family:Courier New,monospace}.error-text{color:#dc3545;color:var(--error-color,#dc3545);font-size:.8rem;margin-top:.25rem}.form-group label input[type=checkbox]{margin-right:.5rem;transform:scale(1.2)}.form-actions{border-top:1px solid #ddd;border-top:1px solid var(--border-color,#ddd);gap:.5rem;margin-top:1.5rem;padding-top:1rem}.primary-button,.secondary-button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.primary-button{background:#007bff;background:var(--primary-color,#007bff)}.primary-button:hover:not(:disabled){background:#0056b3;background:var(--primary-color-dark,#0056b3);transform:translateY(-1px)}.primary-button:disabled{background:#6c757d;background:var(--disabled-color,#6c757d)}.secondary-button{background:#6c757d;background:var(--secondary-color,#6c757d);color:#fff}.secondary-button:hover{background:#5a6268;background:var(--secondary-color-dark,#5a6268);transform:translateY(-1px)}.variable-manager-footer{background:#0000;border-top:1px solid #eaecf0;padding:1rem}.variable-help{color:#6c757d;color:var(--muted-text,#6c757d);font-size:.85rem}.variable-help p{margin:.25rem 0}.modal-overlay.mini{background:#00000059}.variable-manager.mini{max-width:420px;padding:12px 16px 8px;width:90vw}.variable-manager.mini.schedule-modal{max-height:92vh;max-width:560px;width:92vw}.variable-manager.mini .variable-manager-header h3{font-size:16px}.variable-manager.mini .variable-manager-content.single-column{gap:8px}.variable-manager.mini .form-group label .schedule-enable-label{font-size:.85rem}.variable-manager.mini .days-row{-webkit-overflow-scrolling:touch;margin-top:4px;overflow-x:auto}.variable-manager.mini .day-chip{border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:6px;font-size:.8rem;gap:3px;padding:1px 4px;white-space:nowrap}.variable-manager.mini .day-chip input[type=checkbox]{margin:0;transform:scale(.75);-webkit-transform:scale(.75)}.variable-manager.mini .form-group input,.variable-manager.mini .form-group select,.variable-manager.mini .form-group textarea{font-size:.9rem;padding:6px 8px}.variable-manager.mini .form-group label{font-size:.85rem;gap:4px;white-space:normal}.variable-manager.mini .variable-manager-content.single-column .form-group{margin-bottom:6px}.form-actions.compact{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.form-error{color:#b00020;font-size:12px;margin-top:6px}.variable-help code{background:#e9ecef;background:var(--code-background,#e9ecef);border-radius:3px;color:#495057;color:var(--code-text,#495057);font-family:Courier New,monospace;padding:.2rem .4rem}.error-banner{align-items:center;background-color:#f8d7da;border-bottom:1px solid #f5c6cb;color:#721c24;display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem 1rem}.close-error{background:none;border:none;border-radius:4px;color:#721c24;cursor:pointer;font-size:1.2rem;padding:.25rem;transition:background-color .2s}.close-error:hover{background-color:#721c241a}.tab-navigation{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color,#ddd)}.tab-navigation .tab-button{background:none;background:#0000;border:none;border-bottom:3px solid #0000;color:#666;color:var(--text-color,#666);cursor:pointer;flex:1 1;font-size:.9rem;padding:.75rem 1rem;transition:all .2s ease}.tab-button:hover{background-color:#e9ecef;background-color:var(--hover-background,#e9ecef);color:var(--text-color,#333)}.tab-button.active{background-color:#fff;background-color:var(--background-color,#fff);border-bottom-color:var(--primary-color,#007bff);color:var(--primary-color,#007bff);font-weight:600}.loading-indicator{align-items:center;display:flex;justify-content:center;padding:2rem}.loading-indicator,.scope-help{color:#666;color:var(--text-muted,#666);font-style:italic}.scope-help{font-size:.8rem;margin-top:.25rem}.variable-name{align-items:center;display:flex;font-weight:500}.variables-table .table-header{background:#f8f9fa;background:var(--secondary-background,#f8f9fa);border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color,#ddd);color:#333;color:var(--text-color,#333);font-weight:600}.variables-table .table-header,.variables-table .table-row{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:2fr 1fr 1fr 2fr 2fr 1fr;padding:.75rem}.variables-table .table-row{border-bottom:1px solid #eee;border-bottom:1px solid var(--border-color,#eee);transition:background-color .2s}.variables-table .table-row:hover{background-color:#f8f9fa;background-color:var(--hover-background,#f8f9fa)}.variable-description{color:#666;color:var(--text-muted,#666);font-size:.9rem}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f5f5f5;background-color:var(--disabled-background,#f5f5f5);color:#999;color:var(--disabled-text,#999)}.delete-button:disabled,.edit-button:disabled,.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.variable-manager{max-height:95vh;width:95%}.variable-manager-content{gap:1rem;grid-template-columns:1fr}.table-header,.table-row{gap:.25rem;grid-template-columns:1fr}.table-header span,.table-row span{padding:.25rem 0}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.primary-button,.secondary-button{width:100%}}[data-theme=dark] .variable-manager{--background-color:#2d3748;--text-color:#e2e8f0;--border-color:#4a5568;--input-background:#1a202c;--secondary-background:#1a202c;--hover-background:#2d3748;--primary-color:#4299e1;--primary-color-dark:#3182ce;--secondary-color:#718096;--secondary-color-dark:#4a5568;--error-color:#fc8181;--success-color:#68d391;--info-color:#63b3ed;--warning-color:#fbd38d;--disabled-color:#4a5568;--muted-text:#a0aec0;--code-background:#2d3748;--code-text:#e2e8f0}.project-selection{background:#fff;border:1px solid #eaecf0;border-radius:12px;padding:1.5rem}.project-selection .form-group{margin-bottom:0}.project-selection label{color:#495057;color:var(--text-color,#495057);font-weight:600;margin-bottom:.5rem}.project-selection select{background:#fff;border:1px solid #ced4da;border:1px solid var(--border-color,#ced4da);border-radius:6px;color:#495057;color:var(--text-color,#495057);font-size:.95rem;padding:.75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.project-selection select:focus{border-color:#007bff;border-color:var(--primary-color,#007bff);box-shadow:0 0 0 .2rem #007bff40;outline:0}.project-help{align-items:center;color:#6c757d;color:var(--muted-text,#6c757d);display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem}.modal-overlay{animation:fadeIn .3s ease-out;z-index:999}.variable-manager .form-group label input#sched-enabled[type=checkbox]{margin-right:0;transform:scale(.6)!important;-webkit-transform:scale(.6)!important;transform-origin:left center;-webkit-transform-origin:left center;vertical-align:middle}.variable-manager .form-group label{align-items:center;display:inline-flex;gap:0;margin:0;white-space:nowrap}.confirmation-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1050}.confirmation-modal{animation:confirmationModalAppear .2s ease-out;background:#fff;background:var(--card-bg-color,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:450px;overflow:hidden;width:100%}@keyframes confirmationModalAppear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirmation-modal-header{align-items:center;background:#f8fafc;background:var(--background-light,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;gap:12px;padding:20px 24px 16px}.confirmation-modal-icon{font-size:1.5rem;line-height:1}.confirmation-modal-title{color:#1a202c;color:var(--text-color-primary,#1a202c);font-size:1.2rem;font-weight:600;margin:0}.confirmation-modal-body{padding:20px 24px}.confirmation-modal-message{color:#4a5568;color:var(--text-color-secondary,#4a5568);font-size:1rem;line-height:1.5;margin:0;white-space:pre-line}.confirmation-modal-footer{background:#f8fafc;background:var(--background-light,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px}.confirmation-modal-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;justify-content:center;min-width:80px;padding:10px 20px;transition:all .2s ease}.confirmation-modal-btn:disabled{cursor:not-allowed;opacity:.6}.confirmation-modal-btn-cancel{background:#fff;background:var(--card-bg-color,#fff);border-color:#e2e8f0;border-color:var(--border-color,#e2e8f0);color:#4a5568;color:var(--text-color-secondary,#4a5568)}.confirmation-modal-btn-cancel:hover:not(:disabled){background:#f8fafc;background:var(--background-light,#f8fafc);border-color:#4a5568;border-color:var(--text-color-secondary,#4a5568)}.confirmation-modal-btn-confirm{color:#fff;font-weight:600}.confirmation-modal-btn-danger{background:#ef4444;border-color:#ef4444}.confirmation-modal-btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #ef44444d}.confirmation-modal-btn-primary{background:#3b82f6;background:var(--primary-color,#3b82f6);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.confirmation-modal-btn-primary:hover:not(:disabled){background:#2563eb;background:var(--primary-hover,#2563eb);border-color:#2563eb;border-color:var(--primary-hover,#2563eb);box-shadow:0 4px 12px #3b82f64d}.confirmation-modal-btn-warning{background:#f59e0b;border-color:#f59e0b}.confirmation-modal-btn-warning:hover:not(:disabled){background:#d97706;border-color:#d97706;box-shadow:0 4px 12px #f59e0b4d}.confirmation-modal-overlay.dark{background:#000c}.dark .confirmation-modal{background:#1e293b;border-color:#334155;box-shadow:0 20px 60px #0009}.dark .confirmation-modal-header{background:#334155;border-bottom-color:#475569}.dark .confirmation-modal-title{color:#f1f5f9}.dark .confirmation-modal-message{color:#cbd5e1}.dark .confirmation-modal-footer{background:#334155;border-top-color:#475569}.dark .confirmation-modal-btn-cancel{background:#475569;border-color:#64748b;color:#cbd5e1}.dark .confirmation-modal-btn-cancel:hover:not(:disabled){background:#64748b;border-color:#94a3b8}@media (max-width:480px){.confirmation-modal{margin:20px;max-width:calc(100vw - 40px)}.confirmation-modal-body,.confirmation-modal-footer,.confirmation-modal-header{padding-left:20px;padding-right:20px}.confirmation-modal-footer{flex-direction:column;gap:8px}.confirmation-modal-btn{width:100%}}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.workflow-builder-modal{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.workflow-builder-container{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;height:90vh;overflow:hidden;width:95vw}.workflow-builder-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.header-left h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.workflow-name-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;width:200px}.workflow-name-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.header-right{gap:12px}.btn-primary{background:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-secondary{padding:10px 20px}.workflow-builder-content{overflow:hidden}.action-toolbox{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden;width:300px}.action-toolbox.collapsed{min-width:70px;width:70px}.action-toolbox.collapsed .toolbox-header{justify-content:center!important}.action-toolbox.collapsed .toolbox-header h3{display:none}.action-toolbox.collapsed .actions-grid,.action-toolbox.collapsed .toolbox-controls,.action-toolbox.collapsed .toolbox-help{display:none!important}.action-toolbox.collapsed .collapse-toggle{background:#065f46;border-color:#065f46;letter-spacing:1px;padding:12px 4px;transform:rotate(180deg);width:100%;writing-mode:vertical-rl}.action-toolbox.collapsed .collapse-toggle:hover{background:#047857}.bdd-steps-panel.collapsed{min-width:70px;width:70px}.bdd-steps-panel.collapsed .bdd-header{align-items:stretch;display:flex!important;flex-direction:column;padding:0}.bdd-steps-panel.collapsed .bdd-header .btn-small:not(.collapse-toggle),.bdd-steps-panel.collapsed .bdd-header h3{display:none!important}.bdd-steps-panel.collapsed .bdd-header h3{display:none}.bdd-steps-panel.collapsed .bdd-content{display:none!important}.bdd-steps-panel.collapsed .collapse-toggle{background:#065f46;border-color:#065f46;letter-spacing:1px;padding:12px 4px;transform:rotate(180deg);width:100%;writing-mode:vertical-rl}.bdd-steps-panel.collapsed .collapse-toggle:hover{background:#047857}.collapse-toggle{background:#2563eb;border:1px solid #1d4ed8;border-radius:4px;box-shadow:0 1px 2px #00000026;color:#fff;cursor:pointer;font-size:11px;font-weight:600;line-height:1;padding:4px 8px}.collapse-toggle:hover{background:#1d4ed8}.collapse-toggle:focus{outline:2px solid #93c5fd;outline-offset:2px}.toolbox-header{border-bottom:1px solid #e5e7eb;padding:16px}.toolbox-header h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 12px}.toolbox-controls{display:flex;flex-direction:column;gap:8px}.search-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.category-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.category-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.actions-grid{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:16px}.action-item{align-items:center;background:#fff;border:1px solid #eaecf0;border-radius:8px;cursor:grab;display:flex;gap:12px;padding:4px 8px;transition:all .2s}.action-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a;transform:translateY(-1px)}.action-item:active{cursor:grabbing}.action-icon{align-items:center;display:flex;font-size:1.2rem;height:24px;justify-content:center;width:24px}.action-info{flex:1 1}.action-label{color:#475467;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;line-height:1rem}.action-description{color:#6b7280;font-size:12px;line-height:1.3;margin-top:2px}.toolbox-help{background:#fff;border-radius:14px;border-top:1px solid #e5e7eb;bottom:20px;box-shadow:0 4px 20px 0 #5038ed4d;max-width:300px;position:absolute;right:20px;z-index:1}.toolbox-help h4{color:#101828;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;line-height:22px;margin:0}.toolbox-help li{color:#475467;font-family:Inter,sans-serif;font-size:.825rem;font-weight:500;margin-bottom:1rem}.toolbox-help ol{padding-left:20px}.workflow-canvas{background-image:url(/static/media/dottedBackground.1242bcc8d8a8885612ef.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1 1;position:relative}.workflow-node{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #0000001a;min-width:180px;padding:12px;transition:all .2s}.workflow-node.selected{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.workflow-node:hover{box-shadow:0 4px 12px #00000026}.node-header{gap:8px;margin-bottom:8px}.node-clone-btn,.node-header{align-items:center;display:flex}.node-clone-btn{background:#ffffffd9;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:11px;justify-content:center;line-height:1;padding:2px 6px;position:absolute;right:4px;top:4px;transition:background .2s,box-shadow .2s}.node-clone-btn:hover{background:#f1f5f9;box-shadow:0 1px 3px #00000026}.node-clone-btn:active{background:#e2e8f0}.workflow-node.selected .node-clone-btn{border-color:#3b82f6}.node-icon{font-size:1.1rem}.node-title{color:#1f2937;font-size:14px;font-weight:600}.node-content{color:#6b7280;font-size:12px;line-height:1.4}.node-description{font-weight:500;margin-bottom:4px}.node-target,.node-value{color:#374151;margin-bottom:2px}.start-node{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #059669;color:#fff;cursor:default;overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .25s ease}.end-node,.start-node .node-title{color:#fff}.end-node{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #dc2626;cursor:default;overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .25s ease}.end-node .node-title{color:#fff}.end-node,.start-node{align-items:center;border-radius:26px!important;box-shadow:0 4px 10px -2px #00000040,0 2px 4px #00000026;display:flex;font-size:13px;isolation:isolate;justify-content:center;letter-spacing:.6px;padding:10px 26px!important;position:relative;text-shadow:0 1px 1px #00000040}.end-node:after,.start-node:after{background:linear-gradient(135deg,#ffffff40,#fff0);border-radius:inherit;content:"";inset:0;mix-blend-mode:overlay;opacity:0;pointer-events:none;position:absolute;transition:opacity .35s ease}.end-node:focus-visible:after,.end-node:hover:after,.start-node:focus-visible:after,.start-node:hover:after{opacity:1}.end-node:hover,.start-node:hover{transform:translateY(-4px) scale(1.03)}.end-node:active,.start-node:active{box-shadow:0 2px 6px #0000004d;transform:translateY(-1px) scale(.99)}.end-node.selected,.start-node.selected{box-shadow:0 0 0 4px #ffffff59,0 6px 18px -2px #00000059}@keyframes startPulse{0%{box-shadow:0 4px 10px -2px #10b98180}50%{box-shadow:0 6px 16px -2px #10b981bf}to{box-shadow:0 4px 10px -2px #10b98180}}.start-node:not(.selected){animation:startPulse 4s ease-in-out infinite}@keyframes endGlow{0%{box-shadow:0 0 0 0 #ef44448c}60%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 0 0 #ef444400}}.end-node.selected{animation:endGlow 2.8s ease-out infinite}@media (prefers-reduced-motion:reduce){.end-node.selected,.start-node:not(.selected){animation:none}.end-node:hover,.start-node:hover{transform:none}}.end-node,.end-node *,.start-node,.start-node *{list-style:none}.end-node .react-flow__handle,.start-node .react-flow__handle{background:#fff;border:2px solid #ffffffe6;box-shadow:0 0 0 2px #00000026,inset 0 0 4px #00000040;height:14px;transition:background .25s ease,transform .25s ease,box-shadow .25s ease;width:14px;z-index:3}.end-node .react-flow__handle:hover,.start-node .react-flow__handle:hover{background:#f0fdf4;box-shadow:0 0 0 2px #00000040,inset 0 0 6px #fff9}.start-node .react-flow__handle-source{bottom:6px!important;top:auto!important}.end-node .react-flow__handle-target{bottom:auto!important;top:6px!important}.end-node .react-flow__handle,.start-node .react-flow__handle{transform:translate(-50%)!important}.start-end-label{font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.start-node:focus,.start-node:hover{box-shadow:0 6px 18px #10b98159;transform:translateY(-3px)}.end-node:focus,.end-node:hover{box-shadow:0 6px 18px #ef444459;transform:translateY(-3px)}.end-node:before,.start-node:before{background:#ffffff40;content:"";height:100%;left:-60%;pointer-events:none;position:absolute;top:0;transform:skewX(-20deg);transition:left .8s ease;width:50%}.end-node:hover:before,.start-node:hover:before{left:120%}.end-node:focus-visible,.start-node:focus-visible{outline:3px solid #fff9;outline-offset:2px}.action-config-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.config-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:80vh;max-width:90vw;overflow:hidden;width:500px}.config-header h3{color:#1f2937;font-size:1.2rem}.close-btn{color:#6b7280}.close-btn:hover{background:#f3f4f6;color:#374151}.config-body{max-height:400px;overflow-y:auto;padding:24px}.config-field{margin-bottom:20px}.config-field:last-child{margin-bottom:0}.config-field label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.required{color:#ef4444}.config-field input,.config-field select,.config-field textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.config-field input:focus,.config-field select:focus,.config-field textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.config-field textarea{min-height:80px;resize:vertical}.selector-input-group{align-items:flex-start;display:flex;gap:8px}.selector-input-group input{flex:1 1;margin:0}.detect-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;min-width:90px;padding:10px 16px;transition:all .2s;white-space:nowrap}.detect-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.detect-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.highlighted-selector{background-color:#fef3c7!important;border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b1a!important}.browser-controls{align-items:center;display:flex;gap:8px;margin:0 12px}.btn-browser{background:#9ca3af;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.btn-browser:hover{background:#6b7280;transform:translateY(-1px)}.btn-browser.available{background:#10b981}.btn-browser.available:hover{background:#059669}.btn-browser:disabled{background:#d1d5db;cursor:not-allowed;transform:none}.btn-browser-close{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.btn-browser-close:hover{background:#dc2626;transform:translateY(-1px)}.browser-status{align-items:center;color:#059669;display:flex;font-size:12px;font-weight:500;gap:4px}.node-actions{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px}.detect-btn-node{align-self:flex-start;background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;padding:6px 12px;transition:all .2s;white-space:nowrap}.detect-btn-node:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.detect-btn-node:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.detect-btn-node.detecting{animation:pulse 1.5s infinite;background:#f59e0b}.current-selector{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;font-size:10px;max-width:200px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.config-header{background:#f8f9fa;border-bottom:1px solid #e5e7eb;padding:20px 24px}.config-header-right{align-items:center;display:flex;gap:12px}.modal-browser-controls{align-items:center;display:flex;gap:8px}.btn-browser-small{background:#9ca3af;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;padding:6px 12px;transition:all .2s;white-space:nowrap}.btn-browser-small:hover{background:#6b7280;transform:translateY(-1px)}.btn-browser-small.available{background:#10b981}.btn-browser-small.available:hover{background:#059669}.btn-browser-small:disabled{background:#d1d5db;cursor:not-allowed;transform:none}.browser-status-group{align-items:center;display:flex;gap:8px}.browser-status-small{align-items:center;color:#059669;display:flex;font-size:11px;font-weight:500;gap:4px}.btn-browser-close-small{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:10px;font-weight:500;padding:4px 8px;transition:all .2s;white-space:nowrap}.btn-browser-close-small:hover{background:#dc2626;transform:translateY(-1px)}.react-flow__node{font-family:inherit}.react-flow__handle{background:#3b82f6;border:2px solid #fff;height:12px;width:12px}.react-flow__handle-top{top:-6px}.react-flow__handle-bottom{bottom:-6px}.react-flow__edge-path{stroke:#6b7280;stroke-width:2}.react-flow__edge.selected .react-flow__edge-path{stroke:#3b82f6}.react-flow__controls{button{background:#fff;border:1px solid #d1d5db;color:#374151}button:hover{background:#f3f4f6}}.react-flow__minimap{background:#f9fafb;border:1px solid #e5e7eb}@media (max-width:768px){.workflow-builder-container{border-radius:0;height:100vh;width:100vw}.action-toolbox{width:250px}.workflow-name-input{width:150px}.config-modal-content{width:95vw}}@media (max-width:480px){.workflow-builder-header{align-items:stretch;flex-direction:column;gap:12px}.header-left,.header-right{justify-content:center}.workflow-builder-content{flex-direction:column}.action-toolbox{border-bottom:1px solid #e5e7eb;border-right:none;height:200px;width:100%}.actions-grid{flex-direction:row;flex-wrap:wrap;gap:8px}.action-item{flex-basis:calc(50% - 4px);flex-grow:0;flex-shrink:0;min-width:0}}.workflow-node{animation:nodeAppear .3s ease-out}@keyframes nodeAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.action-config-modal{animation:modalAppear .2s ease-out}@keyframes modalAppear{0%{opacity:0}to{opacity:1}}.config-modal-content{animation:modalSlideIn .3s ease-out}.actions-grid::-webkit-scrollbar,.config-body::-webkit-scrollbar{width:6px}.actions-grid::-webkit-scrollbar-track,.config-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.actions-grid::-webkit-scrollbar-thumb,.config-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.actions-grid::-webkit-scrollbar-thumb:hover,.config-body::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.api-config-modal{align-items:center;animation:modalAppear .2s ease-out;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.api-config-modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:90vw}.api-config-tabs{background:linear-gradient(90deg,#f1f5f9,#f8fafc);border-bottom:1px solid #e2e8f0;display:flex;gap:8px;padding:12px 18px 4px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.api-config-tabs .tab{align-items:center;background:#fff;border:1px solid #dbe4ee;border-radius:30px;box-shadow:0 1px 2px #0000000a;color:#5b6472;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.25px;padding:10px 14px;position:relative;transition:background .28s ease,box-shadow .28s ease,color .25s}.api-config-tabs .tab:hover{background:#f0f6ff;box-shadow:0 2px 6px #00000014;color:#1f2937}.api-config-tabs .tab.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#1d4ed8;box-shadow:0 4px 12px -2px #2563eb80;color:#fff}.api-config-tabs .tab.active:after{background:inherit;border-radius:50%;bottom:-6px;content:"";filter:blur(6px);height:14px;left:50%;opacity:.45;position:absolute;transform:translateX(-50%);width:14px}.api-config-tabs .tab .badge{background:#e2e8f0;border-radius:12px;color:#334155;font-size:10px;font-weight:600;line-height:1;padding:2px 6px}.api-config-tabs .tab.active .badge{background:#ffffff40;color:#fff}.api-config-summary-bar{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;display:flex;font-size:12px;gap:20px;justify-content:space-between;margin:0 0 16px;padding:10px 16px;position:relative;top:auto;z-index:1}.api-config-summary-bar .summary-left{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.api-config-summary-bar .summary-right{align-items:center;display:flex;gap:6px}.api-config-summary-bar .method-pill{background:#1e293b;border-radius:18px;box-shadow:0 2px 4px #00000026;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.api-config-summary-bar .url-text{color:#334155;font-weight:500;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-config-summary-bar .env-pill{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:16px;color:#475569;font-weight:500;padding:4px 8px}.api-config-summary-bar .unsaved-badge{animation:pulseFade 2.2s ease-in-out infinite;background:#f59e0b;border-radius:16px;box-shadow:0 2px 4px #f59e0b59;color:#1f2937;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 8px}.api-config-summary-bar .validation-badge{background:#e2e8f0;border-radius:14px;box-shadow:0 1px 2px #0000000d;color:#334155;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px}.api-config-summary-bar .validation-badge:hover{background:#cbd5e1}@keyframes pulseFade{0%,to{opacity:1}50%{opacity:.35}}.api-config-content{flex:1 1;overflow-y:auto;padding:24px}.inline-env-bar{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f;padding:10px 14px;position:relative}.inline-env-bar select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-size:12px;padding:4px 8px;transition:border-color .2s,box-shadow .2s}.inline-env-bar select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640;outline:none}.inline-env-bar small code{background:#e2e8f0;border-radius:4px;padding:2px 4px}.inline-env-bar .var-chip,.workflow-variable-chip{align-items:center;background:#eef5ff;border:1px solid #c3daf5;border-radius:6px;cursor:pointer;display:inline-flex;font-size:11px;gap:4px;line-height:1.1;padding:3px 8px;position:relative;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.inline-env-bar .var-chip:hover,.workflow-variable-chip:hover{background:#e0f0ff;box-shadow:0 2px 6px -1px #3b82f659;transform:translateY(-2px)}.inline-env-bar .var-chip:active,.workflow-variable-chip:active{box-shadow:0 1px 3px #0003;transform:translateY(0)}.overview-tab{animation:fadeIn .25s ease}.overview-tab h4{color:#1f2937;font-size:16px;font-weight:600}.overview-tab h5{color:#475569;font-size:13px;font-weight:600;letter-spacing:.5px;margin:14px 0 6px;text-transform:uppercase}.overview-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000a;padding:10px 14px}.overview-section+.overview-section{margin-top:14px}.overview-section ul{margin:6px 0 0;padding-left:18px}.overview-section li{font-size:13px;margin-bottom:4px}.overview-section button{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;cursor:pointer;font-size:10px;padding:2px 6px}.overview-section button:hover{background:#e2e8f0}.api-review-modal .review-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px}.api-review-modal h3{font-size:18px}.api-review-modal h4{color:#475569;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.api-review-modal ul{margin:6px 0 0;padding-left:20px}.api-review-modal li{font-size:13px;margin-bottom:4px}.advanced-config,.auth-config,.basic-config,.validation-config{max-width:100%}.config-toolbar{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:16px}.config-actions{align-items:center}.template-label{color:#374151;font-weight:500}.template-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:200px;padding:8px 12px}.form-row{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr}.form-group{margin-bottom:16px}.form-group label{color:#374151}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.error-text{color:#dc2626;display:block;font-size:12px;margin-top:4px}.url-input-row{align-items:stretch;display:flex;gap:8px}.url-input-row input{flex:1 1}.test-btn{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background .2s ease;white-space:nowrap}.test-btn:hover:not(:disabled){background:#1d4ed8}.test-btn:disabled{background:#9ca3af;cursor:not-allowed}.config-section{background:#fafafa;border:1px solid #e5e7eb;margin-bottom:24px}.config-section h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 16px}.key-value-input{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr auto;margin-bottom:12px}.key-value-input button{background:#059669;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px;transition:background .2s ease}.key-value-input button:hover{background:#047857}.key-value-list{display:flex;flex-direction:column;gap:8px}.key-value-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.key-value-item button{background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:background .2s ease}.key-value-item button:hover{background:#b91c1c}.request-body-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.json-actions{display:flex;gap:8px}.format-json-btn,.validate-json-btn{background:#6b7280;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s ease}.format-json-btn:hover{background:#4b5563}.validate-json-btn:hover{background:#374151}.json-editor-container{position:relative}.json-editor{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-family:Courier New,monospace;font-size:13px;line-height:1.4;padding:12px;resize:vertical;resize:none;width:100%}.json-editor:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.json-status{bottom:8px;font-size:12px;position:absolute;right:8px}.json-valid{color:#249d3c}.json-invalid,.json-valid{align-items:center;display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;gap:5px;line-height:1.5rem}.json-invalid{color:#dc2626}.response-time-validation input[type=checkbox]{margin-right:8px;width:auto}.json-path-validation{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.retry-config{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;margin-top:20px;padding:16px}.retry-config h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.response-preview-section{border:1px solid #e5e7eb;border-radius:8px;margin-top:20px;overflow:hidden}.section-header{background:#f8f9fa;border-bottom:1px solid #e5e7eb;padding:12px 16px}.section-header h4{color:#374151;font-size:14px}.close-preview-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:18px;padding:4px;transition:background .2s ease}.close-preview-btn:hover{background:#e5e7eb;color:#374151}.response-content{padding:16px}.response-error,.response-success{margin-bottom:16px}.response-error h5,.response-success h5{font-size:14px;margin:0 0 8px}.response-error p,.response-success p{color:#6b7280;font-size:13px;margin:4px 0}.response-data{margin-top:12px}.response-data h6{color:#374151;font-size:13px;margin:0 0 8px}.response-json{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:4px;font-family:Courier New,monospace;font-size:12px;line-height:1.4;max-height:300px;overflow-x:auto;padding:12px}.config-actions{background:#f8f9fa;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-primary{background:#2563eb}.btn-primary:hover{background:#1d4ed8}@media (max-width:768px){.api-config-modal-content{height:95vh;width:95vw}.form-row{gap:16px;grid-template-columns:1fr}.key-value-input{gap:8px}.json-path-validation,.key-value-input{grid-template-columns:1fr}.api-config-tabs .tab{font-size:12px;padding:10px 8px}}.input-with-variable{align-items:center;display:flex;gap:4px;position:relative}.input-with-variable input{flex:1 1}.variable-btn,.variable-btn-small{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s ease;white-space:nowrap}.variable-btn-small{font-size:10px;padding:4px 8px}.variable-btn-small:hover,.variable-btn:hover{background:#059669}.resolved-url-preview{background:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;margin-top:4px;padding:8px}.resolved-url-preview code{color:#0369a1;font-family:Monaco,Menlo,monospace;font-size:12px}.environment-config{display:flex;flex-direction:column;gap:24px}.environment-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.section-header{margin-bottom:12px}.section-header h4{color:#1e293b;font-size:1.1rem}.environment-selector{border:1px solid #d1d5db;border-radius:6px;font-size:14px}.manage-env-btn{background:#6366f1;border-radius:6px;transition:background-color .2s ease}.manage-env-btn:hover{background:#4f46e5}.env-item{align-items:center;color:#4b5563;display:flex;font-size:14px;gap:8px}.variables-section{background:#fefffe;border:1px solid #d1fae5;border-radius:8px;padding:16px}.variables-section h4{color:#065f46;margin:0 0 16px}.variable-input-section{border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding-bottom:16px}.variable-input-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 1fr auto}.add-variable-btn{background:#10b981;font-size:14px;transition:background-color .2s ease}.add-variable-btn:hover{background:#059669}.variable-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;padding:12px;transition:all .2s ease}.variable-item:hover{background:#f3f4f6;border-color:#d1d5db}.base-url-item{background:#eff6ff;border-color:#bfdbfe}.variable-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.variable-name{color:#1f2937;font-size:14px}.variable-value,.variable-value-input{color:#6b7280;font-family:Monaco,Menlo,monospace;font-size:12px}.variable-value-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;min-width:200px;padding:4px 8px;transition:border-color .2s ease}.variable-value-input:focus{border-color:#10b981;box-shadow:0 0 0 1px #10b981;outline:none}.variable-usage{background:#d1fae5;border-radius:4px;color:#10b981;display:inline-block;font-family:Monaco,Menlo,monospace;font-size:11px;padding:2px 6px}.variable-type{background:#3b82f6;border-radius:12px;color:#fff;font-size:10px;font-weight:500;padding:2px 8px}.variable-actions{display:flex;gap:4px}.remove-variable-btn{background:#ef4444;border-radius:50%;font-size:14px;height:24px;justify-content:center;transition:background-color .2s ease;width:24px}.remove-variable-btn:hover{background:#dc2626}.no-variables{color:#6b7280;padding:24px;text-align:center}.no-variables p{margin:0 0 8px}.help-text{color:#9ca3af;font-size:12px}.available-variables-section{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.available-variables-section h4{color:#374151;margin:0 0 12px}.variables-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.variable-tag{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:16px;display:flex;font-size:12px;gap:6px;padding:4px 12px}.tag-name{color:#1f2937;font-family:Monaco,Menlo,monospace;font-weight:500}.tag-source{background:#f3f4f6;border-radius:8px;color:#6b7280;font-size:10px;padding:2px 6px}.variable-usage-help{color:#4b5563;font-size:13px;line-height:1.5}.variable-usage-help code{background:#f3f4f6;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:12px;padding:2px 4px}.variable-selector-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.variable-selector-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:70vh;width:500px}.variable-selector-content .modal-header{border-bottom:1px solid #e5e7eb;padding:20px 24px}.variable-selector-content .variables-list{max-height:400px;overflow-y:auto;padding:16px}.variable-option{align-items:center;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px;transition:all .2s ease}.variable-option:hover{background:#f9fafb;border-color:#10b981}.variable-option .variable-info{flex:1 1}.variable-option .variable-name{color:#10b981;font-weight:600}.variable-option .variable-source{background:#f3f4f6;border-radius:12px;color:#6b7280;font-size:10px;font-weight:500;padding:2px 8px}.environment-manager-modal{background-color:#00000080;bottom:0;right:0;z-index:1100}.environment-manager-content{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:700px}.environment-manager-body{max-height:60vh;overflow-y:auto;padding:20px 24px}.add-environment-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:16px}.add-environment-section h4{color:#1e293b;margin:0 0 12px}.add-environment-section .form-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 2fr auto}.add-env-btn{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.add-env-btn:hover{background:#4f46e5}.environments-list-section h4{color:#1f2937;margin:0 0 16px}.environment-item{background:#fefffe;border:1px solid #d1fae5;border-radius:8px;margin-bottom:16px;padding:16px}.env-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.env-header h5{color:#065f46;font-size:1.1rem;margin:0}.remove-env-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:background-color .2s ease;width:28px}.remove-env-btn:hover{background:#dc2626}.env-config{display:flex;flex-direction:column;gap:12px}.base-url-config{align-items:center;display:flex;gap:8px}.base-url-config label{color:#374151;font-weight:500;min-width:80px}.base-url-config input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;padding:6px 12px}.env-variables{display:flex;flex-direction:column;gap:8px}.env-variables label{color:#374151;font-weight:500}.env-variable-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;display:flex;gap:8px;padding:8px}.var-name{color:#1f2937;font-weight:500;min-width:100px}.var-value{color:#6b7280;flex:1 1;font-family:Monaco,Menlo,monospace;font-size:12px}.remove-var-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;transition:background-color .2s ease;width:20px}.remove-var-btn:hover{background:#dc2626}.modal-actions{border-top:1px solid #e5e7eb;padding:16px 24px}.validation-header{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:8px;color:#fff;margin-bottom:20px;padding:20px;text-align:center}.validation-header h3{font-size:1.4em;margin:0 0 8px}.validation-header p{margin:4px 0;opacity:.9}.validation-note{font-size:.9em;font-style:italic}.validation-section{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px}.validation-section-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.validation-section-header h4{color:#374151;font-size:1.1em;margin:0}.validation-toggle{align-items:center;display:flex;gap:8px}.validation-toggle input[type=checkbox]{cursor:pointer;height:18px;width:18px}.validation-toggle label{color:#4b5563;cursor:pointer;font-weight:500;margin:0}.validation-hint{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;font-size:.9em;margin-bottom:16px;padding:12px}.quick-check-input{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.quick-check-input input,.quick-check-input select{flex:1 1;min-width:150px}.quick-check-input button{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px}.quick-check-input button:hover{background:#059669}.custom-validations-list,.quick-checks-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:16px;min-height:60px;padding:12px}.custom-validation-item,.quick-check-item{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.custom-validation-item:last-child,.quick-check-item:last-child{margin-bottom:0}.custom-validation-item button,.quick-check-item button{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8em;padding:4px 8px}.custom-validation-item button:hover,.quick-check-item button:hover{background:#dc2626}.security-checks{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.security-checks label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:400;gap:8px}.security-checks input[type=checkbox]{height:16px;width:16px}.custom-validation-input{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.custom-validation-input .form-group{margin-bottom:0}.custom-validation-input button{align-self:flex-start;background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.custom-validation-input button:hover{background:#7c3aed}.save-validation-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95em;font-weight:500;padding:12px 24px;transition:background .2s}.save-validation-btn:hover{background:#2563eb}.response-time-validation{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.response-time-validation input[type=number]{margin:0 5px;width:80px}.validation-count{color:#6b7280;font-size:.9em;font-weight:400}.validation-controls{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:20px}.add-validation-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9em;font-weight:500;padding:10px 20px;transition:background .2s}.add-validation-btn:hover{background:#059669}.add-validation-btn:disabled{background:#9ca3af;cursor:not-allowed}.active-validations-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;max-height:200px;min-height:60px;overflow-y:auto;padding:12px}.validation-item{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;display:flex;font-size:.9em;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.validation-item:last-child{margin-bottom:0}.validation-item button{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8em;padding:4px 8px}.validation-item button:hover{background:#dc2626}.validation-config{max-height:70vh;overflow-y:auto;padding-right:8px}.validation-section{margin-bottom:20px}.validation-content{background:#fff;border-top:1px solid #e5e7eb;display:block!important;padding:20px;visibility:visible!important}.workflow-main-section{display:flex;flex:1 1;min-height:0;position:relative}.workflow-builder-content{display:flex;flex:1 1;gap:10px;min-height:0}.bdd-steps-panel{background:#f8f9fa;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;max-width:400px;min-width:300px;overflow:hidden;width:350px}.bdd-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:15px}.bdd-header h3{color:#333;font-size:16px;margin:0}.bdd-controls{display:flex;gap:8px}.btn-small{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .2s ease}.btn-small:hover{background:#f0f0f0;border-color:#bbb}.bdd-content{flex:1 1;overflow-y:auto;padding:15px}.bdd-steps-list{gap:16px}.bdd-step,.bdd-steps-list{display:flex;flex-direction:column}.bdd-step{background:#fff;border-left:4px solid;border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:10px}.bdd-step-given{background:#f0fdf4;border-left-color:#10b981}.bdd-step-when{background:#eff6ff;border-left-color:#3b82f6}.bdd-step-then{background:#fffbeb;border-left-color:#f59e0b}.bdd-step-and,.bdd-step-but{background:#f9fafb;border-left-color:#6b7280}.bdd-keyword{color:#374151;font-size:12px;font-weight:700;margin-bottom:4px}.bdd-description{color:#1f2937;font-size:13px;line-height:1.4}.bdd-empty{color:#6b7280;padding:40px 20px;text-align:center}.bdd-empty p{font-size:14px;margin:0}@media (max-width:1200px){.bdd-steps-panel{min-width:250px;width:280px}}@media (max-width:900px){.workflow-builder-content{flex-direction:column}.bdd-steps-panel{border-left:none;border-top:1px solid #e5e7eb;height:200px;width:100%}}:root{--ai-generated-tag-bg:#34d399;--ai-generated-tag-color:#fff;--success-banner-bg-light:#d4edda;--success-banner-text-light:#155724;--success-banner-border-light:#c3e6cb}.vscode-dark,[data-theme=dark]{--disabled-background-color:#383838;--disabled-text-color:#666;--danger-color-dark:#cc3737;--ai-generated-tag-bg:#2d8961;--ai-generated-tag-color:#e0e0e0;--success-banner-bg-light:#1a361a;--success-banner-text-light:#8ac28a;--success-banner-border-light:#285428}.saved-scenarios-container{background-color:#fff;background-color:var(--card-bg-color);border-radius:12px;box-shadow:0 4px 15px #0000001a;box-shadow:var(--card-shadow);color:#333;color:var(--text-color-primary);font-family:Segoe UI,Arial,sans-serif;margin:0 auto;padding:30px;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.saved-scenarios-container h2{color:#007acc;color:var(--primary-color);font-size:2.2rem;font-weight:700;margin-bottom:30px;text-align:left}.saved-scenarios-container h3{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color-light);color:#007acc;color:var(--primary-color);font-size:1.5rem;font-weight:600;margin-bottom:20px;margin-top:35px;padding-bottom:12px}.no-match-message,.no-scenarios-message,.no-tags-message{color:#666;color:var(--text-color-secondary);font-size:1.1em;padding:20px;text-align:center}button{align-items:center;background-color:#007acc;background-color:var(--primary-color);box-shadow:0 2px 5px #007acc33;box-shadow:0 2px 5px rgba(var(--primary-color-rgb),.2);display:inline-flex;font-size:.95em;font-weight:600;gap:8px;justify-content:center;padding:10px 18px;transition:all .2s ease-in-out}button:hover:not(:disabled){background-color:#005f99;background-color:var(--primary-color-dark);box-shadow:0 5px 12px #007acc4d;box-shadow:0 5px 12px rgba(var(--primary-color-rgb),.3);transform:translateY(-2px)}button:active:not(:disabled){box-shadow:0 1px 3px #007acc33;box-shadow:0 1px 3px rgba(var(--primary-color-rgb),.2);transform:translateY(0)}button:disabled{background-color:#e0e0e0!important;background-color:var(--disabled-background-color)!important;box-shadow:none!important;color:#a0a0a0!important;color:var(--disabled-text-color)!important;cursor:not-allowed;opacity:.6;transform:none!important}.edit-button{align-items:center;background-color:#007acc;background-color:var(--primary-color);border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.edit-button:hover{background-color:#005f99;background-color:var(--primary-color-dark)}.link-button{align-items:center;background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.link-button:hover{background-color:#218838;transform:translateY(-1px)}.report-button,.view-combined-button{background:#f3f3f3;background:var(--background-light);border:1px solid #ccc;border:1px solid var(--border-color);box-shadow:none;color:#333;color:var(--text-color-primary)}.report-button:hover:not(:disabled),.view-combined-button:hover:not(:disabled){background:#e9e9eed1;background:var(--background-extra-light);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.delete-button{background:#e74c3c;background:var(--danger-color);box-shadow:0 2px 5px #e74c3c4d}.delete-button:hover:not(:disabled){background-color:#c0392b;background-color:var(--danger-color-dark);box-shadow:0 4px 8px #e74c3c66}.search-and-select-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:25px}.search-container{flex:1 1;min-width:280px}.search-input{background-color:#fff;border:1px solid #d1d1d1;color:#333;font-size:1.05em;padding:12px 18px;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease}.search-input:focus{border-color:#007acc;box-shadow:0 0 0 3px #007acc40;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.25)}.select-all-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.select-all-label{align-items:center;color:#333;color:var(--text-color-primary);cursor:pointer;display:flex;font-size:1em;font-weight:500;gap:10px;-webkit-user-select:none;user-select:none}.select-all-checkbox{accent-color:#007acc;accent-color:var(--primary-color);height:20px;width:20px}.create-folder-button{background:linear-gradient(135deg,#0562a3,#1e40af);border:1px dashed #007acc;border:1px dashed var(--primary-color);box-shadow:none;color:#fff;margin-bottom:0;padding:10px 18px;width:auto}.create-folder-button:hover{background-color:#f3f3f3;background-color:var(--background-light);border-color:#005f99;border-color:var(--primary-color-dark);box-shadow:none;transform:none}.folder-input-container{align-items:center;display:flex;gap:10px}.folder-name-input{background:#fff;background:var(--input-background-color);border:1px solid #d1d1d1;border:1px solid var(--input-border-color);border-radius:8px;color:#333;color:var(--text-color-primary);flex:1 1;padding:10px 15px}.folder-name-input:focus{border-color:#007acc;border-color:var(--primary-color);box-shadow:0 0 0 2px #007acc26;box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.15);outline:none}.source-filters{background:#f3f3f3;background:var(--background-light);border:1px solid #e0e0e0;border:1px solid var(--border-color-light);border-radius:10px;box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);margin:25px 0;padding:20px;transition:background-color .3s ease,border-color .3s ease}.source-filters h3{border-bottom:none;color:#007acc;color:var(--primary-color);font-size:1.2rem;font-weight:600;margin:0 0 15px;padding-bottom:0}.source-list{display:flex;flex-wrap:wrap;gap:10px}.source-filter{background:linear-gradient(135deg,#0562a3,#1e40af);border:1px solid #ccc;border:1px solid var(--border-color);border-radius:20px;box-shadow:none;color:#fff;cursor:pointer;font-size:.9em;font-weight:500;padding:8px 15px;transition:all .2s ease}.source-filter:hover{background-color:#f3f3f3;background-color:var(--background-light);color:#007acc;color:var(--primary-color)}.source-filter.active,.source-filter:hover{border-color:#007acc;border-color:var(--primary-color);box-shadow:none;transform:none}.source-filter.active{background-color:#007acc;background-color:var(--primary-color);color:#fff;font-weight:600}.tag-filters{background:#f3f3f3;background:var(--background-light);border:1px solid #e0e0e0;border:1px solid var(--border-color-light);border-radius:10px;box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);margin:25px 0;padding:20px;transition:background-color .3s ease,border-color .3s ease}.tag-filters h3{border-bottom:none;color:#007acc;color:var(--primary-color);font-size:1.2rem;font-weight:600;margin:0 0 15px;padding-bottom:0}.tags-list{gap:10px}.tag-filter{background:linear-gradient(135deg,#0562a3,#1e40af);border:1px solid #ccc;border:1px solid var(--border-color);border-radius:20px;box-shadow:none;color:#fff;cursor:pointer;font-size:.9em;font-weight:500;padding:8px 15px;transition:all .2s ease}.tag-filter:hover{background-color:#f3f3f3;background-color:var(--background-light);color:#007acc;color:var(--primary-color)}.tag-filter.active,.tag-filter:hover{border-color:#007acc;border-color:var(--primary-color);box-shadow:none;transform:none}.tag-filter.active{background-color:#007acc;background-color:var(--primary-color);color:#fff}.project-filters{background:#f3f3f3;background:var(--background-light);border:1px solid #e0e0e0;border:1px solid var(--border-color-light);border-radius:10px;box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);margin:25px 0;padding:20px;transition:background-color .3s ease,border-color .3s ease}.project-filters h3{border-bottom:none;color:#007acc;color:var(--primary-color);font-size:1.2rem;font-weight:600;margin:0 0 15px;padding-bottom:0}.projects-list{display:flex;flex-wrap:wrap;gap:10px}.project-filter{background:linear-gradient(135deg,#0562a3,#1e40af);border:1px solid #ccc;border:1px solid var(--border-color);border-radius:20px;box-shadow:none;color:#fff;cursor:pointer;font-size:.9em;font-weight:500;padding:8px 15px;transition:all .2s ease}.project-filter:hover{background-color:#f3f3f3;background-color:var(--background-light);color:#007acc;color:var(--primary-color)}.project-filter.active,.project-filter:hover{border-color:#007acc;border-color:var(--primary-color);box-shadow:none;transform:none}.project-filter.active{background-color:#007acc;background-color:var(--primary-color);color:#fff}.scenario-list{list-style:none;margin:20px 0;padding:0}.scenario-item{align-items:flex-start;background:#fff;background:var(--card-bg-color);border:1px solid #e0e0e0;border:1px solid var(--border-color-light);border-radius:10px;box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:15px;padding:20px;transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease,border-color .3s ease}.scenario-item:hover{box-shadow:0 4px 15px #0000001a;box-shadow:var(--card-shadow);transform:translateY(-3px)}.scenario-info{align-items:center;flex:1 1;flex-wrap:wrap;gap:10px}.scenario-name{color:#333;color:var(--text-color-primary);font-size:1.2em;font-weight:700}.scenario-source{border-radius:16px;flex-shrink:0;font-size:.85em;font-weight:600;margin-left:0;padding:4px 10px}.scenario-source.manual{background-color:#007acc;background-color:var(--primary-color);color:#fff}.scenario-source.ai_discovery{background-color:#34d399;background-color:var(--ai-generated-tag-bg);color:#fff;color:var(--ai-generated-tag-color)}.scenario-url{align-items:center;color:#666;color:var(--text-color-secondary);display:flex;flex-shrink:0;font-size:.9em;gap:5px;margin-left:0}.scenario-url span{font-size:1.2em}.scenario-project{align-items:center;background-color:#e9e9eed1;background-color:var(--background-extra-light);border:1px solid #e0e0e0;border:1px solid var(--border-color-light);border-radius:12px;color:#666;color:var(--text-color-secondary);display:flex;flex-shrink:0;font-size:.85em;font-weight:500;gap:5px;padding:2px 8px}.scenario-project span{color:#007acc;color:var(--primary-color);font-size:1em}.scenario-steps{color:#666;color:var(--text-color-secondary);flex-shrink:0;font-size:.9em;margin-left:0}.scenario-tags{gap:6px;width:100%}.scenario-tag{background-color:#007acc;background-color:var(--primary-color);border-radius:16px;color:#fff;font-size:.85rem;font-weight:500;padding:3px 10px}.scenario-actions{flex-shrink:0;gap:12px;margin-left:20px}.checkbox-label{align-items:center;color:#333;color:var(--text-color-primary);font-size:.95em;margin-left:0;-webkit-user-select:none;user-select:none}.delete-checkbox,.run-checkbox{accent-color:#007acc;accent-color:var(--primary-color);cursor:pointer;height:20px;margin-right:6px;width:20px}.run-delete-options{align-items:center;display:flex;flex-wrap:wrap;gap:30px;margin:25px 0}.browser-selection,.headless-mode{align-items:center;display:flex;gap:10px}.browser-selection label,.headless-mode label{color:#333;color:var(--text-color-primary);font-weight:500}.browser-select,.move-to-folder{-webkit-appearance:none;appearance:none;background:#fff;background:var(--input-background-color);background-image:url('data:image/svg+xml;utf8,<svg fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" fill-rule="evenodd"></path></svg>');background-position:right .7em top 50%;background-repeat:no-repeat;background-size:.8em auto;border:1px solid #d1d1d1;border:1px solid var(--input-border-color);border-radius:6px;color:#333;color:var(--text-color-primary);font-size:.95em;min-width:150px;padding:8px 12px;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease}.browser-select:focus,.move-to-folder:focus{border-color:#007acc;border-color:var(--primary-color);box-shadow:0 0 0 2px #007acc33;box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2);outline:none}.headless-checkbox{accent-color:#007acc;accent-color:var(--primary-color);cursor:pointer;height:20px;width:20px}.action-buttons{gap:15px;justify-content:flex-end;margin-top:30px}.spinner-container{color:#666;margin:40px 0}.spinner{border:6px solid #e0e0e0;border-top:6px solid #007acc;border:6px solid var(--border-color-light);margin-bottom:15px}.test-completed-banner{background-color:#d4edda;background-color:var(--success-banner-bg-light);border:1px solid #c3e6cb;border:1px solid var(--success-banner-border-light);border-radius:8px;box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);color:#155724;color:var(--success-banner-text-light);font-weight:700;margin:20px 0;padding:12px 20px;text-align:center}.folder-structure{list-style:none;margin-top:20px;padding-left:0}.folder-item{margin-bottom:10px;position:relative}.folder-header{align-items:center;background-color:#f3f3f3;background-color:var(--background-light);border:1px solid #e0e0e0;border:1px solid var(--border-color-light);border-radius:8px;box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:10px;padding:10px 15px;transition:background-color .2s,box-shadow .2s}.folder-header:hover{background-color:#e9e9eed1;background-color:var(--background-extra-light);box-shadow:0 4px 10px #0000001f;box-shadow:var(--shadow-md)}.folder-name{align-items:center;color:#007acc;color:var(--primary-color);display:flex;font-size:1.1em;font-weight:600;gap:10px}.folder-path{color:#666;color:var(--text-color-secondary);font-size:.9em;margin-left:auto;opacity:.8}.folder-icon{color:#007acc;color:var(--primary-color);font-size:1.4em;transition:transform .2s ease}.folder-icon.expanded{transform:rotate(90deg)}.folder-content{border-left:2px solid #e0e0e0;border-left:2px solid var(--border-color-light);margin-left:25px;margin-top:5px;overflow:hidden;padding-left:15px;transition:max-height .3s ease-out,opacity .3s ease-out,padding .3s ease-out}.folder-content.collapsed{max-height:0;opacity:0;padding-bottom:0;padding-top:0}.folder-content.expanded{max-height:1000px;opacity:1;padding-bottom:5px;padding-top:10px}.folder-content .scenario-item{background:#fff;background:var(--card-bg-color);border:1px solid #ccc;border-left:4px solid #007acc;border:1px solid var(--border-color);border-left:4px solid var(--primary-color);border-radius:8px;box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);margin-bottom:10px;margin-top:10px;padding:15px}.folder-content .scenario-item:hover{border-left-color:#005f99;border-left-color:var(--primary-color-dark);box-shadow:0 4px 10px #0000001f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.drag-over{background-color:#e9e9eed1!important;background-color:var(--background-extra-light)!important;border:2px dashed #007acc!important;border:2px dashed var(--primary-color)!important;box-shadow:0 0 0 4px #007acc4d;box-shadow:0 0 0 4px rgba(var(--primary-color-rgb),.3)}.dragging{opacity:.4;transform:scale(.98)}.move-to-folder{border:1px solid #d1d1d1;border:1px solid var(--input-border-color);border-radius:6px;font-size:.9em;margin-right:0;min-width:120px;padding:8px 12px}.move-to-folder:focus{border-color:#007acc;border-color:var(--primary-color);box-shadow:0 0 0 2px #007acc33;box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2);outline:none}.folder-dropdown{background:#fff;background:var(--card-bg-color);border:1px solid #ccc;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 10px #0000001f;box-shadow:var(--shadow-md);left:0;max-height:250px;min-width:220px;overflow-y:auto;position:absolute;top:calc(100% + 5px);z-index:100}.folder-dropdown-item{color:#333;color:var(--text-color-primary);cursor:pointer;padding:10px 15px;transition:background-color .2s,color .2s}.folder-dropdown-item:hover{background-color:#f3f3f3;background-color:var(--background-light);color:#007acc;color:var(--primary-color)}.scenario-badges{gap:6px;margin:4px 0}.scenario-badge{border-radius:12px;cursor:default;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;line-height:1.2;padding:2px 8px;text-transform:uppercase}.execution-badge.manual-execution{background-color:#f39c12;border:1px solid #e67e22;color:#fff}.execution-badge.automated-execution{background-color:#27ae60;border:1px solid #229954;color:#fff}.execution-badge.unknown-execution{background-color:#95a5a6;border:1px solid #7f8c8d;color:#fff}.source-badge.manual-source{background-color:#3498db;border:1px solid #2980b9;color:#fff}.source-badge.scenario-source{background-color:#9b59b6;border:1px solid #8e44ad;color:#fff}.source-badge.ai-source{background-color:#e91e63;border:1px solid #c2185b;color:#fff}.source-badge.unknown-source{background-color:#607d8b;border:1px solid #546e7a;color:#fff}.scenario-tags .custom-tag{background-color:#e9e9eed1;background-color:var(--background-extra-light);border:1px solid #ccc;border:1px solid var(--border-color);border-radius:8px;color:#333;color:var(--text-color-primary);font-size:10px;font-weight:400;padding:2px 6px}.vscode-dark .scenario-badge,[data-theme=dark] .scenario-badge{filter:brightness(.9)}.vscode-dark .scenario-tags .custom-tag,[data-theme=dark] .scenario-tags .custom-tag{background-color:#f3f3f3;background-color:var(--background-light);border-color:#ccc;border-color:var(--border-color);color:#666;color:var(--text-color-secondary)}.clickable-card{background:#fff;background:var(--card-bg-color);border:1px solid #e0e0e0;border:1px solid var(--border-color-light);border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.clickable-card:before{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border-radius:16px 16px 0 0;height:4px;transition:opacity .3s cubic-bezier(.4,0,.2,1);z-index:1}.clickable-card:after,.clickable-card:before{content:"";left:0;opacity:0;position:absolute;right:0;top:0}.clickable-card:after{background:linear-gradient(135deg,#667eea03,#764ba203 50%,#f093fb03),url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><rect width="100%" height="100%" fill="url(%23dots)"/></svg>');border-radius:16px;bottom:0;pointer-events:none;transition:opacity .3s ease;z-index:0}.clickable-card:hover{border-color:#667eea4d;box-shadow:0 10px 30px #667eea26,0 4px 8px #0000001a;transform:translateY(-6px)}.clickable-card:hover:after,.clickable-card:hover:before{opacity:1}.clickable-card:active{transform:translateY(-3px)}.clickable-card.selected{background:linear-gradient(135deg,#667eea0d,#764ba20d 50%,#f093fb0d);border-color:#007acc;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea33,0 4px 12px #667eea26}.clickable-card.selected:before{opacity:1}.module-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea14,#764ba20d);border:1px solid #667eea26;border-radius:12px;margin-bottom:16px;padding:16px 20px}.module-header:before{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);height:3px;left:0;opacity:.7;right:0}.module-header:hover{background:linear-gradient(135deg,#667eea1f,#764ba214);border-color:#667eea40;box-shadow:0 4px 12px #667eea1a;transform:translateY(-2px)}.module-title{color:#333;color:var(--text-color-primary)}.expand-icon{background:#667eea1a;color:#007acc;color:var(--primary-color);display:flex;font-size:.9rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.expand-icon.expanded{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.scenario-count{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:12px;color:#007acc;color:var(--primary-color);font-size:.8rem;font-weight:500;padding:4px 10px}.click-hint{color:#666;color:var(--text-color-secondary);font-size:.75rem;font-weight:400;margin-left:8px;opacity:0;transition:opacity .3s ease}.clickable-card:hover .click-hint{opacity:1}.scenario-info-grid{grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:12px 0}.info-item{align-items:center;font-size:.85rem;min-height:24px}.info-icon{flex-shrink:0;font-size:.9rem;text-align:center;width:16px}.info-label{color:#666;color:var(--text-color-secondary);flex-shrink:0;font-weight:500}.info-value{color:#333;color:var(--text-color-primary);flex:1 1;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scenario-tags{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.tags-label{color:#666;color:var(--text-color-secondary);font-size:.8rem;font-weight:500;margin-right:4px}.steps-preview{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color-light);margin-top:12px;padding-top:12px}.steps-preview-label{color:#666;color:var(--text-color-secondary);display:block;font-size:.8rem;font-weight:500;margin-bottom:6px}.steps-preview-list{display:flex;flex-direction:column;gap:2px}.step-preview-item{align-items:center;color:#333;color:var(--text-color-primary);display:flex;font-size:.8rem;gap:6px}.step-number{color:#007acc;color:var(--primary-color);font-size:.75rem;min-width:20px}.step-action{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-steps .step-action{color:#666;color:var(--text-color-secondary);font-style:italic}@media (max-width:768px){.scenario-info-grid{gap:6px;grid-template-columns:1fr}.info-item{font-size:.8rem}.click-hint{display:none}.steps-preview{margin-top:8px;padding-top:8px}}@media (max-width:480px){.scenario-info-grid{gap:4px}.info-item{font-size:.75rem;min-height:20px}.info-icon{font-size:.8rem;width:14px}}.scenario-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2002}.scenario-modal{animation:slideIn .3s ease;background:#fff;background:var(--card-bg-color);border:none;border-radius:8px;box-shadow:0 4px 15px #0000001a;box-shadow:var(--card-shadow);display:flex;flex-direction:column;max-height:80vh;max-width:80vw;width:800px}.scenario-modal-header{align-items:center;background:#f3f3f3;background:var(--background-light);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color-light);display:flex;justify-content:space-between;padding:16px 20px}.scenario-modal-header h3{color:#333;color:var(--text-color-primary);font-size:1.2rem;font-weight:600}.close-modal-btn{border-radius:4px;color:#666;padding:4px}.close-modal-btn:hover{background:#e9e9eed1;color:#333}.scenario-modal-body{flex:1 1;overflow-y:auto;padding:20px}.scenario-detail-section{margin-bottom:24px}.scenario-detail-section h4{border-bottom:2px solid #007acc;border-bottom:2px solid var(--primary-color);color:#007acc;color:var(--primary-color);font-size:1rem;font-weight:600;margin:0 0 12px;padding-bottom:4px}.detail-row{align-items:center;gap:8px;margin-bottom:8px;min-height:24px}.detail-label{font-weight:500;min-width:80px}.detail-tags{display:flex;flex-wrap:wrap;gap:4px}.detail-tag{border-radius:12px;font-size:.75rem;font-weight:500;padding:2px 8px}.detail-tag.execution-tag{background:#007acc;background:var(--primary-color);color:#fff}.detail-tag.source-tag{background:#e9e9eed1;background:var(--background-extra-light);border:1px solid #ccc;border:1px solid var(--border-color);color:#333;color:var(--text-color-primary)}.detail-tag.custom-tag{color:#333;color:var(--text-color-primary)}.detail-tag.custom-tag,.steps-container{background:#f3f3f3;background:var(--background-light);border:1px solid #e0e0e0;border:1px solid var(--border-color-light)}.steps-container{border-radius:6px;max-height:300px;overflow-y:auto;padding:12px}.step-item{background:#fff;background:var(--card-bg-color);border:1px solid #e0e0e0;border:1px solid var(--border-color-light);border-radius:6px;display:flex;gap:12px;margin-bottom:12px;padding:8px}.step-item:last-child{margin-bottom:0}.step-number{background:#007acc;font-size:.8rem;height:24px;width:24px}.step-action{color:#333;color:var(--text-color-primary);margin-bottom:4px}.step-detail{gap:6px;margin-bottom:2px}.step-detail-label{min-width:60px}.no-steps-message{font-style:italic;padding:20px}.scenario-modal-footer{background:#f3f3f3;background:var(--background-light);border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color-light);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.modal-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.modal-action-btn.edit-btn{background:#007acc;background:var(--primary-color);color:#fff}.modal-action-btn.edit-btn:hover,.modal-action-btn.link-btn{background:#005f99;background:var(--primary-color-dark)}.modal-action-btn.link-btn:hover{background:#f3f3f3;background:var(--background-light)}.modal-action-btn.close-btn{background:#007acc;background:var(--primary-color);border:0 solid #ccc;border:0 solid var(--border-color);color:#fff}.modal-action-btn.close-btn:hover{background:#f3f3f3;background:var(--background-light);color:#333;color:var(--text-color-primary)}.step-item.enhanced{border-left:4px solid #007acc;border-left:4px solid var(--primary-color);flex-direction:column;gap:8px;padding:16px;transition:all .2s ease}.step-item.enhanced:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.step-header{gap:12px;margin-bottom:8px}.step-icon{align-items:center;display:flex;font-size:1.2rem;height:24px;justify-content:center;width:24px}.step-action-type{background:#6366f11a;background:var(--primary-color-light,#6366f11a);border-radius:4px;color:#007acc;color:var(--primary-color);font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.step-bdd-description{background:#e7f3ff;border-left:3px solid #007bff;color:#475467;font-family:Inter,sans-serif;font-size:.875rem;font-style:italic;font-weight:500;line-height:1.125rem;margin-bottom:12px;padding:8px 12px}.step-details{display:flex;flex-direction:column;gap:6px;margin-top:8px}.step-detail{align-items:flex-start;display:flex;font-size:.9rem;gap:8px;padding:4px 0}.step-detail-label{align-items:center;color:#666;color:var(--text-color-secondary);display:flex;font-weight:500;gap:6px;min-width:80px}.step-detail-label i{font-size:.8rem;text-align:center;width:14px}.step-detail-value{color:#333;color:var(--text-color-primary);flex:1 1;word-break:break-word}.step-detail-value code{background:#f3f3f3;background:var(--background-light);border:1px solid #e0e0e0;border:1px solid var(--border-color-light);border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;padding:2px 6px}.url-link{border-bottom:1px dotted #007acc;border-bottom:1px dotted var(--primary-color);color:#007acc!important;color:var(--primary-color)!important;text-decoration:none;transition:all .2s ease}.url-link:hover{border-bottom-style:solid;color:#005f99!important;color:var(--primary-color-dark)!important}.detail-grid{display:flex;flex-direction:column;gap:12px}.detail-row{align-items:flex-start;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color-light);display:flex;gap:12px;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-label{align-items:center;color:#666;color:var(--text-color-secondary);display:flex;font-size:.9rem;font-weight:600;gap:8px;min-width:120px}.detail-label i{color:#007acc;color:var(--primary-color);font-size:.9rem;text-align:center;width:16px}.detail-value{color:#333;color:var(--text-color-primary);flex:1 1;font-size:.9rem;word-break:break-word}.source-badge{background:#f3f3f3;background:var(--background-light);border:1px solid #ccc;border:1px solid var(--border-color);border-radius:4px;text-transform:capitalize}.no-value{color:var(--text-color-tertiary);font-style:italic}.id-section{align-items:center;display:flex;flex:1 1;gap:8px}.id-value{background:#f3f3f3;background:var(--background-light);border-radius:4px;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;word-break:break-all}.copy-id-btn,.id-value{border:1px solid #ccc;border:1px solid var(--border-color);font-size:.8rem;padding:4px 8px}.copy-id-btn{background:#e9e9eed1;background:var(--background-extra-light);border-radius:4px;color:#666;color:var(--text-color-secondary);cursor:pointer;transition:all .2s ease}.copy-id-btn:hover{background:#007acc;background:var(--primary-color);border-color:#007acc;border-color:var(--primary-color);color:#fff}.scenario-modal-header{background:linear-gradient(135deg,#007acc,#005f99);background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark,#4f46e5));border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;padding:20px;position:relative}.scenario-modal-header h3{align-items:center;color:#fff;display:flex;font-size:1.3rem;gap:12px;margin:0}.scenario-modal-header h3 i{font-size:1.1rem}.scenario-title{font-weight:700;margin-left:8px}.close-modal-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff;font-size:.9rem;padding:8px 12px}.close-modal-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.no-steps-message{align-items:center;background:#e9e9eed1;background:var(--background-extra-light);border:2px dashed #e0e0e0;border:2px dashed var(--border-color-light);display:flex;flex-direction:column;gap:8px;padding:32px 20px}.no-steps-message i{color:var(--text-color-tertiary);font-size:2rem;margin-bottom:8px}@media (max-width:768px){.scenario-modal{margin:20px;max-height:90vh;max-width:95vw}.step-header{flex-wrap:wrap;gap:8px}.step-action-type{font-size:.7rem;padding:1px 6px}.detail-row{align-items:flex-start;flex-direction:column;gap:4px}.detail-label{font-size:.85rem;min-width:auto}.id-section{align-items:stretch}.id-section,.scenario-modal-footer{flex-direction:column;gap:8px}.modal-action-btn{justify-content:center;width:100%}}.scenario-essentials{display:flex;flex-direction:column;gap:8px;margin:12px 0}.essential-item{align-items:center;display:flex;font-size:.9rem;gap:8px}.essential-icon{font-size:1rem;text-align:center;width:20px}.essential-value{color:#333;color:var(--text-color-primary);font-weight:500;word-break:break-word}.essential-item.project .essential-value{color:#007acc;color:var(--primary-color);font-weight:600}.essential-item.module .essential-value{color:#666;color:var(--text-color-secondary);font-style:italic}.scenario-tags-simple{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color-light);display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:8px}.scenario-tags-simple .scenario-tag{background:#f3f3f3;background:var(--background-light);border:1px solid #ccc;border:1px solid var(--border-color);border-radius:12px;color:#666;color:var(--text-color-secondary);font-size:.8rem;padding:4px 8px;white-space:nowrap}.scenario-tags-simple .scenario-tag.custom-tag{background:#007acc;background:var(--primary-color);border-color:#007acc;border-color:var(--primary-color);color:#fff}.scenario-card.clickable-card{height:auto;min-height:auto}.scenario-card-body{padding:0}.scenario-card-header .click-hint{color:#666;color:var(--text-color-secondary);font-size:.75rem;font-weight:400;margin-left:8px}.scenario-actions{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color-light);gap:8px;margin-top:12px;padding:8px 0 0}.action-btn{border:1px solid #0000;border-radius:8px;font-size:.85rem;font-weight:600;gap:6px;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-btn:hover:before{left:100%}.action-btn.edit{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea4d;color:#fff}.action-btn.edit:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.action-btn.link{background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a7454d;color:#fff}.action-btn.link:hover{background:linear-gradient(135deg,#218838,#1e7e34);box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.action-btn.delete{background:linear-gradient(135deg,#dc3545,#c82333);border-color:#dc35454d;color:#fff}.action-btn.delete:hover{background:linear-gradient(135deg,#c82333,#a71e2a);box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.move-to-folder{background:#fff;background:var(--input-background-color);border:1px solid #ccc;border:1px solid var(--border-color);border-radius:4px;color:#333;color:var(--text-color-primary);cursor:pointer;font-size:.8rem;padding:4px 8px}.automation-link-indicator{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border-radius:12px;box-shadow:0 2px 4px #28a7454d;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;margin-left:8px;padding:2px 8px;position:relative}.automation-link-indicator:before{background:linear-gradient(135deg,#fff3,#0000);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.vscode-dark .automation-link-indicator,[data-theme=dark] .automation-link-indicator{background:linear-gradient(135deg,#198754,#0d6efd);box-shadow:0 2px 4px #19875466}.scenario-card:hover .automation-link-indicator{transform:scale(1.05);transition:transform .2s ease}button.remove-tag-chip-btn{background:linear-gradient(135deg,#0562a3,#1e40af);border:none;border-radius:6px;color:var(--vscode-button-foreground);cursor:pointer;font-size:1rem;font-weight:500;padding:5px;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease}.automation-linking-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1200}.automation-linking-modal{background:var(--card-bg-color);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:900px;overflow:hidden;position:relative;width:100%}.modal-header{background:var(--background-light);flex-wrap:wrap;gap:12px}.modal-title{align-items:center;color:var(--text-color-primary);display:flex;gap:12px}.modal-title i{color:var(--primary-color);font-size:1.2rem}.modal-title h3{font-size:1.3rem;font-weight:600;margin:0}.scenario-info{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.scenario-info strong{color:var(--text-color-primary);font-size:1rem}.scenario-id{font-family:monospace;font-size:.85rem}.close-modal-btn,.scenario-id{color:var(--text-color-secondary)}.close-modal-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:1.2rem;padding:8px;transition:all .2s ease}.close-modal-btn:hover{background:var(--background-extra-light);color:var(--text-color-primary)}.modal-tabs{background:var(--background-light);border-bottom:1px solid var(--border-color)}.tab-btn{align-items:center;background:none;color:var(--text-color-secondary);display:flex;gap:8px;justify-content:center;transition:all .2s ease}.tab-btn:hover{background:var(--background-extra-light);color:var(--text-color-primary)}.tab-btn.active{background:var(--card-bg-color);border-bottom-color:var(--primary-color);color:var(--primary-color)}.modal-body{flex:1 1;padding:24px}.search-section h4{color:var(--text-color-primary);font-weight:600;margin:0 0 16px}.search-input-group{align-items:center;gap:12px}.search-input-group input{background:var(--input-background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color-primary);flex:1 1;font-size:1rem;padding:12px 16px}.search-input-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1);outline:none}.search-btn{background:var(--primary-color);font-weight:500;padding:12px 24px;transition:all .2s ease}.search-btn:hover:not(:disabled){background:var(--primary-color-dark)}.search-btn:disabled{background:var(--disabled-background-color);color:var(--disabled-text-color)}.search-results{background:var(--background-light);border:1px solid var(--border-color);border-radius:8px;margin-top:20px;padding:20px}.search-results h4{color:var(--primary-color);font-weight:600;margin:0 0 16px}.search-error{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#c53030;margin-top:20px;padding:16px}.test-case-info{background:var(--card-bg-color);border:1px solid var(--border-color);padding:16px}.test-case-header{flex-wrap:wrap;margin-bottom:12px}.test-case-header h5{color:var(--text-color-primary);margin:0}.test-case-priority,.test-case-type{border-radius:4px;font-size:.8rem;font-weight:500;padding:4px 8px}.test-case-type{background:var(--primary-color);color:#fff}.test-case-priority{background:var(--background-extra-light);color:var(--text-color-secondary)}.test-case-description{color:var(--text-color-secondary);line-height:1.5}.test-case-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:var(--background-light);border:1px solid var(--border-color);color:var(--text-color-secondary);padding:3px 8px}.browse-tab h4{color:var(--text-color-primary);font-weight:600;margin:0 0 20px}.test-cases-list{gap:12px}.test-case-item{background:#fcfbff;border:1px solid #eaecf0;border-radius:8px;cursor:pointer;transition:all .2s ease}.test-case-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.test-case-item.selected{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.test-case-meta .priority,.test-case-meta .status,.test-case-meta .type{border-radius:3px;font-size:.75rem;font-weight:500;padding:2px 6px}.test-case-meta .type{background:var(--primary-color);color:#fff}.test-case-meta .priority{background:var(--background-extra-light);color:var(--text-color-secondary)}.test-case-meta .status{background:#f0f9ff;color:#0369a1}.existing-links-tab h4{color:var(--text-color-primary);font-weight:600;margin:0 0 20px}.existing-links-list{display:flex;flex-direction:column;gap:12px}.existing-link-item{background:var(--card-bg-color);border:1px solid var(--border-color);border-radius:8px;padding:16px}.link-header{align-items:flex-start;margin-bottom:8px}.link-header h5{color:var(--text-color-primary);flex:1 1;font-weight:600;margin:0}.link-actions{align-items:center}.link-type{background:var(--primary-color);color:#fff;font-size:.8rem;padding:4px 8px}.delete-link-btn{background:var(--danger-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 8px;transition:all .2s ease}.delete-link-btn:hover{background:var(--danger-color-dark)}.link-meta{font-size:.9rem}.empty-state,.link-meta{color:var(--text-color-secondary)}.empty-state i{color:var(--border-color);font-size:3rem;margin-bottom:16px}.empty-state p{color:var(--text-color-primary);font-size:1.1rem;margin:0 0 8px}.empty-state small{color:var(--text-color-secondary);font-size:.9rem}.link-configuration{background:var(--background-light);border:1px solid var(--border-color);border-radius:8px;margin-top:24px;padding:20px}.link-configuration h4{color:var(--text-color-primary);font-weight:600;margin:0 0 16px}.form-grid{grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.form-group{gap:6px}.form-group label{font-size:.9rem}.form-group select,.form-group textarea{background:var(--input-background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color-primary);font-size:.95rem;padding:10px 12px}.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1);outline:none}.form-group textarea{min-height:80px}.modal-footer{background:var(--background-light);border-top:1px solid var(--border-color);flex-wrap:wrap;gap:12px;padding:20px 24px}.create-link-btn{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.create-link-btn:hover:not(:disabled){background:var(--primary-color-dark)}.create-link-btn:disabled{background:var(--disabled-background-color);color:var(--disabled-text-color);cursor:not-allowed}.cancel-btn{background:var(--background-extra-light);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color-primary);cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s ease}.cancel-btn:hover{background:var(--border-color)}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000001a;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.spinner{border-top:4px solid var(--background-light);border:4px solid var(--background-light);height:40px;width:40px}@media (max-width:768px){.automation-linking-modal{margin:10px;max-height:90vh;max-width:100%}.modal-header{flex-direction:column;gap:8px}.modal-header,.scenario-info{align-items:flex-start}.modal-tabs{flex-direction:column}.tab-btn{justify-content:flex-start;padding:12px 20px}.form-grid{grid-template-columns:1fr}.search-input-group{align-items:stretch;flex-direction:column}.test-case-header{align-items:flex-start;flex-direction:column;gap:8px}.test-case-meta{flex-wrap:wrap}.modal-footer{flex-direction:column-reverse}.cancel-btn,.create-link-btn{justify-content:center;width:100%}}.vscode-dark .automation-linking-modal,[data-theme=dark] .automation-linking-modal{.search-error{background:#2d1b1b;border-color:#9b2c2c;color:#feb2b2}.test-case-meta .status{background:#1e3a8a;color:#93c5fd}}.jira-linking-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0052cc1a,#0065ff26);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1200}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.jira-linking-modal{animation:slideUp .4s ease-out;background:#fff;border:1px solid #0052cc1a;border-radius:16px;box-shadow:0 20px 60px #0052cc33,0 8px 32px #0000001f,0 2px 8px #00000014;display:flex;flex-direction:column;max-width:900px;overflow:hidden}.modal-header{align-items:flex-start;background:linear-gradient(135deg,#0052cc,#0065ff);border-bottom:1px solid #e1e5e999;padding:24px 28px 20px}.modal-header:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d 50%,#00000005);pointer-events:none}.modal-title h3{font-size:22px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px;position:relative;text-shadow:0 1px 2px #0000001a;z-index:1}.entity-info{align-items:center;display:flex;font-size:14px;gap:10px;opacity:.95;position:relative;z-index:1}.entity-info:before{content:"🔗";font-size:16px;margin-right:4px}.close-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:18px;padding:10px;position:relative;transition:all .3s ease;z-index:1}.close-btn:hover{background:#ffffff40;border-color:#ffffff4d;transform:scale(1.05)}.analytics-summary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e1e5e999;padding:20px 28px;position:relative}.analytics-summary:before{background:linear-gradient(90deg,#0000,#0052cc4d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.analytics-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.metric{background:#fff;border:1px solid #0052cc0f;border-radius:12px;box-shadow:0 4px 16px #0052cc14,0 2px 8px #0000000a;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.metric:before{background:linear-gradient(90deg,#0052cc,#0065ff);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.metric:hover{box-shadow:0 8px 24px #0052cc1f,0 4px 12px #00000014;transform:translateY(-2px)}.metric:hover:before{transform:scaleX(1)}.metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0052cc,#0065ff);background-clip:text;-webkit-background-clip:text;display:block;font-size:28px;font-weight:800;line-height:1;margin-bottom:6px}.metric-label{color:#6b7280;display:block;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.tab-navigation{background:#f4f5f7;border-bottom:1px solid #e1e5e9}.tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#5e6c84;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s}.tab-btn:hover{background:#0052cc0d;color:#0052cc}.tab-btn.active{background:#fff;border-bottom-color:#0052cc;color:#0052cc}.form-input,.form-select,.form-textarea{border:2px solid #dfe1e6;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#0052cc;box-shadow:0 0 0 3px #0052cc1a;outline:none}.btn{gap:8px;padding:10px 16px;transition:all .2s}.btn-secondary{background:#f4f5f7;border:1px solid #dfe1e6;color:#42526e}.btn-secondary:hover:not(:disabled){background:#ebecf0}.btn-icon{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:6px;transition:background-color .2s}.btn-icon:hover{background:#f4f5f7}.btn-icon.delete:hover{background:#ffebe6;color:#de350b}.analytics-header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.analytics-title-section{align-items:center;display:flex;justify-content:space-between}.analytics-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.sync-button.global-sync{align-items:center;background:linear-gradient(135deg,#0052cc,#0065ff);border:none;border-radius:8px;box-shadow:0 2px 8px #0052cc33;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;letter-spacing:.3px;padding:8px 16px;transition:all .3s ease}.sync-button.global-sync:hover:not(:disabled){background:linear-gradient(135deg,#003d99,#0052cc);box-shadow:0 4px 12px #0052cc4d;transform:translateY(-1px)}.sync-button.global-sync:disabled{cursor:not-allowed;opacity:.7;transform:none}.sync-button.global-sync.syncing{background:linear-gradient(135deg,#4caf50,#45a049)}.sync-button.global-sync .fa-sync-alt.spinning{animation:spin 1s linear infinite}.analytics-sync-info{align-self:flex-start;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#666;font-size:11px;padding:4px 8px}.empty-state-hint{color:#888;font-size:12px;font-style:italic;margin-top:8px}.existing-links{max-height:400px;overflow-y:auto}.empty-state{padding:40px 20px}.links-list{display:flex;flex-direction:column;gap:16px}.link-item{background:#fafbfc;border-radius:8px;padding:16px;transition:border-color .2s}.link-item:hover{border-color:#0052cc}.link-header{justify-content:space-between;margin-bottom:12px}.link-header,.link-key{align-items:center;display:flex}.link-key{color:#0052cc;font-size:16px;font-weight:600;gap:8px}.link-actions,.link-details{display:flex;gap:8px}.link-details{flex-direction:column}.issue-info{display:flex;flex-wrap:wrap;gap:12px}.issue-priority,.issue-status,.issue-type{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.issue-type{background:#e3fcef;color:#064}.issue-priority{background:#fff4e6;color:#974f0c}.link-meta{color:#6b778c;font-size:12px;gap:16px}.link-notes{background:#fff;border-radius:4px;color:#42526e;font-size:13px;margin-top:8px;padding:8px}.search-bar{align-items:center;display:flex;gap:12px;margin-bottom:16px}.search-bar .form-input{border:2px solid #dfe1e6;border-radius:8px;flex:1 1;font-size:14px;height:40px;padding:0 16px;transition:border-color .2s ease}.search-bar .form-input:focus{border-color:#0052cc;box-shadow:0 0 0 3px #0052cc1a}.search-bar .btn{border-radius:8px;font-weight:600;height:40px;padding:0 20px;transition:all .2s ease}.search-bar .btn-primary{background:linear-gradient(135deg,#0052cc,#0065ff);border:none;color:#fff}.search-bar .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#049,#0052cc);box-shadow:0 4px 12px #0052cc4d;transform:translateY(-1px)}.search-bar .btn:disabled{cursor:not-allowed;opacity:.6}.advanced-filters-toggle{margin-bottom:16px;text-align:center}.advanced-filters-toggle .btn-link{background:none;border:none;border-radius:6px;color:#0052cc;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s ease}.advanced-filters-toggle .btn-link:hover{background:#f4f5f7;color:#0065ff}.advanced-filters{animation:slideDown .3s ease-out;border:1px solid #e1e5e9;border-radius:12px;margin-bottom:20px;padding:20px}.filter-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.filter-row:last-child{margin-bottom:0}.filter-group label{color:#42526e;font-size:13px;margin-bottom:6px}.filter-group .form-select{background:#fff;border:1px solid #dfe1e6;border-radius:6px;font-size:13px;height:36px;padding:0 12px;transition:border-color .2s ease}.filter-group .form-select:focus{border-color:#0052cc;box-shadow:0 0 0 2px #0052cc1a}.filter-actions{border-top:1px solid #e1e5e9;padding-top:16px;text-align:center}.filter-actions .btn-link{background:none;border:none;border-radius:4px;color:#6b778c;cursor:pointer;font-size:13px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.filter-actions .btn-link:hover{background:#e1e5e9;color:#42526e}.results-header{border-bottom:2px solid #e1e5e9;margin-bottom:16px;padding-bottom:12px}.results-header h4{color:#172b4d;font-size:18px;font-weight:600}.results-actions .btn-link{background:none;border:none;border-radius:4px;color:#6b778c;cursor:pointer;font-size:13px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.results-actions .btn-link:hover{background:#f4f5f7;color:#42526e}.results-list{margin-bottom:20px;max-height:400px}.search-result-item{background:#fcfbff;border:1px solid #eaecf0;border-radius:8px;cursor:pointer;margin-bottom:12px;padding:16px;transition:all .2s ease}.search-result-item:hover{border-color:#0052cc;box-shadow:0 2px 8px #0052cc1a}.search-result-item.selected{border-color:#0052cc;box-shadow:0 0 0 2px #0052cc1a}.search-result-item .issue-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.issue-key-title{padding:0}.issue-key-title .issue-key{background:#e9ffef;border-radius:54px;color:#3b6cea;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase}.issue-key-title .issue-title{word-wrap:break-word;color:#1e293b;display:block;font-family:Inter,sans-serif;font-size:.875rem;font-weight:700;margin-top:.5rem;overflow-wrap:break-word}.search-result-item .issue-meta{align-items:center;display:flex;font-size:12px;gap:12px;justify-content:space-between;margin-top:8px}.issue-meta-left,.issue-meta-right{display:flex;gap:8px}.search-result-item .issue-meta span{border-radius:54px;font-size:12px;font-weight:500;padding:4px 12px;white-space:nowrap}.search-result-item .issue-type{background:#deebff;border-color:#b3d4ff;color:#0052cc}.search-result-item .issue-priority{background:#ffebe6;border-color:#ffbdad;color:#de350b}.search-result-item .issue-assignee{background:#f4f5f7;border-color:#dfe1e6;color:#42526e;font-style:normal}@media (max-width:768px){.search-result-item .issue-header,.search-result-item .issue-meta{align-items:flex-start;flex-direction:column;gap:8px}.issue-meta-left,.issue-meta-right{justify-content:flex-start;width:100%}.jira-linking-modal{margin:20px;max-height:calc(100vh - 40px);width:95%}.analytics-grid{grid-template-columns:repeat(2,1fr)}.tab-navigation{flex-direction:column}.tab-btn{border-bottom:none;border-left:3px solid #0000}.tab-btn.active{border-bottom:none;border-left-color:#0052cc}.search-bar{flex-direction:column}.issue-info,.link-meta{flex-direction:column;gap:4px}}@media (max-width:480px){.advanced-filters{padding:16px}.search-result-item{padding:12px}.selected-issue-actions{padding:16px}}.sync-controls{background:linear-gradient(135deg,#f8fcff,#f0f8ff);border:1px solid #e1f0ff;border-radius:8px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.sync-btn,.sync-controls{align-items:center;display:flex}.sync-btn{background:linear-gradient(135deg,#06c,#0052cc);border:none;border-radius:6px;box-shadow:0 2px 4px #0052cc33;color:#fff;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.sync-btn:hover:not(:disabled){background:linear-gradient(135deg,#0052cc,#003d99);box-shadow:0 4px 8px #0052cc4d;transform:translateY(-1px)}.sync-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.sync-spinner{animation:spin 1s linear infinite;display:inline-block}.last-sync-time{color:#666;font-size:12px;font-style:italic}.jira-issue-details{background:#fff;border:1px solid #e1e5e9;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:8px 0;padding:16px}.jira-issue-details.loading{align-items:center;background:#0000;border:none;display:flex;justify-content:center;min-height:120px}.loading-spinner{color:#6b7280;flex-direction:column;gap:8px}.loading-spinner i{color:#3b82f6;font-size:24px}.jira-issue-details.error{background:#fef2f2;border-color:#fecaca}.error-message{color:#dc2626;gap:8px}.retry-btn{background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-left:auto;padding:4px 8px}.retry-btn:hover{background:#b91c1c}.issue-header{align-items:flex-start;flex-wrap:wrap;justify-content:space-between;margin-bottom:16px}.issue-key-title{flex:1 1;min-width:200px}.issue-key{display:inline-block;font-size:14px;margin-bottom:4px;text-decoration:none}.issue-key:hover{text-decoration:underline}.issue-summary{color:#172b4d;font-size:18px;font-weight:600;line-height:1.3;margin:0}.issue-meta{align-items:center;gap:8px}.priority-badge,.status-badge{align-items:center;border-radius:4px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 8px;text-transform:uppercase}.issue-type img,.priority-badge img{height:16px;width:16px}.issue-type{align-items:center;background:#f4f5f7;color:#5e6c84;display:flex;gap:4px}.issue-description{margin-bottom:16px}.issue-description h5{color:#172b4d;font-size:14px;font-weight:600;margin:0 0 8px}.description-content{background:#f8f9fa;border-left:3px solid #0052cc;border-radius:4px;color:#42526e;font-size:14px;line-height:1.5;padding:12px}.description-content p{margin:0 0 8px}.description-content p:last-child{margin-bottom:0}.issue-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{color:#6b7280;font-size:12px;font-weight:600;text-transform:uppercase}.user-info{align-items:center;display:flex;gap:8px}.user-info img{border-radius:50%;height:24px;width:24px}.user-info span{color:#172b4d;font-size:14px}.issue-components,.issue-labels{margin-bottom:16px}.issue-components label,.issue-labels label{color:#6b7280;display:block;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.components-container,.labels-container{display:flex;flex-wrap:wrap;gap:6px}.component-tag,.label-tag{background:#e1f5fe;border-radius:12px;color:#0277bd;font-size:12px;font-weight:500;padding:4px 8px}.component-tag{background:#f3e5f5;color:#7b1fa2}.issue-comments{border-top:1px solid #e1e5e9;padding-top:16px}.comments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.comments-header h5{color:#172b4d;font-size:14px;font-weight:600;margin:0}.toggle-comments-btn{align-items:center;background:none;border:1px solid #ddd;border-radius:4px;color:#42526e;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px}.toggle-comments-btn:hover{background:#f4f5f7;border-color:#ccc}.comments-list{display:flex;flex-direction:column;gap:12px}.comment-item{background:#fafbfc;border:1px solid #e1e5e9;border-radius:6px;padding:12px}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.comment-author{align-items:center;display:flex;gap:8px}.comment-author img{border-radius:50%;height:20px;width:20px}.comment-author span{color:#172b4d;font-size:14px;font-weight:600}.comment-date{color:#6b7280;font-size:12px}.updated-indicator{font-style:italic}.comment-body{color:#42526e;font-size:14px;line-height:1.5}.comment-body p{margin:0 0 8px}.comment-body p:last-child{margin-bottom:0}@media (max-width:768px){.issue-header{align-items:flex-start;flex-direction:column}.issue-meta{justify-content:flex-start;width:100%}.issue-details-grid{grid-template-columns:1fr}.comments-header{align-items:flex-start;flex-direction:column;gap:8px}.toggle-comments-btn{align-self:flex-start}}.jira-issue-details.compact{border-radius:6px;margin:4px 0;padding:12px}.jira-issue-details.compact .issue-header{margin-bottom:0}.jira-issue-details.compact .issue-key-title{margin-bottom:8px}.jira-issue-details.compact .issue-summary{font-size:.95rem;line-height:1.3;margin:4px 0}.jira-issue-details.compact .issue-meta{gap:6px}.jira-issue-details.compact .issue-type,.jira-issue-details.compact .priority-badge,.jira-issue-details.compact .status-badge{font-size:.75rem;padding:3px 6px}.jira-issue-details.compact .issue-type img,.jira-issue-details.compact .priority-badge img{height:12px;width:12px}.jira-issue-details.compact .issue-key{font-size:.85rem;padding:4px 8px}.testaura-login-container{display:flex;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;position:relative}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.testaura-login-container:after,.testaura-login-container:before{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.testaura-login-container:after{animation:slide 30s linear infinite;content:""}@keyframes slide{0%{transform:translateX(-20px) translateY(-20px)}to{transform:translateX(0) translateY(0)}}.login-brand-section{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:3rem;position:relative;z-index:2}.login-brand-section:before{height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:0}.login-brand-section:after{bottom:0;left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0;z-index:0}@keyframes rotateBackground{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes patternFloat{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-10px) translateX(5px)}50%{transform:translateY(5px) translateX(-10px)}75%{transform:translateY(-5px) translateX(10px)}}.brand-content{animation:slideInFromLeft 1s ease-out;color:#fff;max-width:500px;position:relative;text-align:center;z-index:3}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.brand-header{animation:fadeInUp 1.2s ease-out .3s both;margin-bottom:3rem}.brand-logo{animation:logoEntrance 1.5s ease-out .5s both;gap:1.5rem;justify-content:start;margin-bottom:2rem}.brand-logo,.logo-icon{align-items:center;display:flex}.logo-icon{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff6;height:80px;justify-content:center;position:relative;transition:all .3s ease;width:80px}.logo-icon:hover{box-shadow:0 12px 40px #0003,inset 0 1px 0 #ffffff80;transform:scale(1.1) rotate(5deg)}.rocket-icon{animation:rocketFloat 4s ease-in-out infinite;color:#fff;font-size:32px}.rocket-icon,.testaura-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.testaura-logo{animation:logoFloat 4s ease-in-out infinite;height:250px;width:250px}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0deg) scale(1)}33%{transform:translateY(-6px) rotate(-1deg) scale(1.02)}66%{transform:translateY(3px) rotate(1deg) scale(.98)}}@keyframes rocketFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-8px) rotate(-2deg)}66%{transform:translateY(4px) rotate(2deg)}}.logo-pulse{animation:logoGlow 3s infinite;border:2px solid #fff6;border-radius:50%;bottom:-8px;left:-8px;position:absolute;right:-8px;top:-8px}@keyframes logoGlow{0%{border-color:#fff6;opacity:1;transform:scale(1)}50%{border-color:#fff9;opacity:.7;transform:scale(1.15)}to{border-color:#fff6;opacity:1;transform:scale(1)}}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f9ff,#e0f2fe);-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:2rem;font-weight:800;letter-spacing:-1px;margin:0;position:relative;text-shadow:0 4px 15px #0003}.brand-name:after{animation:underlineGlow 2s ease-in-out infinite alternate;background:linear-gradient(90deg,#0000,#fffc,#0000);border-radius:2px;bottom:-5px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}@keyframes underlineGlow{0%{opacity:.6;width:60px}to{opacity:1;width:120px}}.brand-tagline{animation:fadeInUp 1.5s ease-out .8s both;color:#fffffff2;font-size:1.2rem;font-weight:300;line-height:1.6;margin:0;text-shadow:0 2px 8px #0000001a}@keyframes logoEntrance{0%{opacity:0;transform:scale(.5) rotate(-180deg)}50%{opacity:.7;transform:scale(1.1) rotate(-90deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.feature-highlights{animation:staggerIn 1.8s ease-out 1s both;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.feature-item{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1px solid #ffffff40;border-radius:16px;display:flex;gap:1.5rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-item:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.feature-item:hover{background:linear-gradient(135deg,#fff3,#ffffff1f);border-color:#fff6;box-shadow:0 15px 35px #00000026,0 5px 15px #00000014;transform:translateY(-3px) translateX(5px)}.feature-item:hover:before{left:100%}.feature-item:first-child{animation-delay:1.2s}.feature-item:nth-child(2){animation-delay:1.4s}.feature-item:nth-child(3){animation-delay:1.6s}.feature-icon{color:#fbbf24;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2rem;min-width:32px;transition:all .3s ease}.feature-item:hover .feature-icon{color:#f59e0b;transform:scale(1.1) rotate(5deg)}.feature-text h3{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 1px 3px #0000001a}.feature-text p{color:#ffffffd9;font-size:.95rem;line-height:1.5;margin:0;text-shadow:0 1px 2px #0000001a}@keyframes staggerIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.floating-elements{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.floating-circle{animation:floatMove 8s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.circle-1{height:80px;left:10%;top:20%;width:80px}.circle-2{animation-delay:2s;height:120px;right:15%;top:60%;width:120px}.circle-3{animation-delay:4s;bottom:20%;left:20%}.login-form-section{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:3rem 2rem;position:relative}.login-form-section:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-form-container{--shiftX:0px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000;border-radius:24px;box-shadow:10px 10px 52px #9181f480;max-width:500px;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:2}@media (min-width:1200px){.login-form-container{--shiftX:-40px;margin-left:4rem;margin-right:4rem;max-width:540px}}.form-header{margin-bottom:1.5rem;position:relative;text-align:left}.form-header:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;height:4px;left:50%;opacity:.8;position:absolute;top:-1rem;transform:translateX(-50%);width:60px}.form-header h2{color:#222;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600;margin:0;position:relative}.form-header p{color:#44546f;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;margin:.5rem 0 0;text-transform:capitalize}.form-header h2:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1px;bottom:-8px;height:2px;left:50%;opacity:.6;position:absolute;transform:translateX(-50%);width:40px}.error-message{align-items:flex-start;animation:slideInFromTop .5s ease-out,pulseError .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f871711a,#ef444414);border:1px solid #f871714d;border-radius:16px;box-shadow:0 8px 25px #ef44441a,0 3px 10px #ef444414;gap:1rem;margin-bottom:2rem;overflow:hidden;padding:1.5rem;position:relative}.error-message:before{background:linear-gradient(90deg,#ef4444,#f87171,#ef4444);border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.error-icon-wrapper{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:50%;box-shadow:0 4px 12px #ef444426;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.error-icon{animation:bounceIn .6s ease-out .2s both;font-size:1.2rem}.error-content{flex:1 1;min-width:0}.error-title{color:#dc2626;font-size:1rem;font-weight:700;margin-bottom:.25rem;text-shadow:0 1px 2px #dc26261a}.error-text{color:#b91c1c;font-size:.875rem;font-weight:500;line-height:1.5;opacity:.9}@keyframes pulseError{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dark-theme-active .error-message{background:linear-gradient(135deg,#f8717126,#ef44441f);border-color:#f8717166;box-shadow:0 8px 25px #ef444426,0 3px 10px #ef44441f}.dark-theme-active .error-icon-wrapper{background:linear-gradient(135deg,#f8717133,#ef444426);box-shadow:0 4px 12px #ef444433}.dark-theme-active .error-title{color:#f87171;text-shadow:0 1px 2px #f8717133}.dark-theme-active .error-text{color:#fca5a5}@media (max-width:768px){.error-message{gap:.875rem;margin-bottom:1.5rem;padding:1.25rem}.error-icon-wrapper{height:36px;width:36px}.error-icon{font-size:1.1rem}.error-title{font-size:.9rem}.error-text{font-size:.8rem}}@media (max-width:480px){.error-message{border-radius:12px;gap:.75rem;padding:1rem}.error-icon-wrapper{height:32px;width:32px}.error-icon{font-size:1rem}}.input-group,.login-form{display:flex;flex-direction:column}.input-group{gap:.75rem;position:relative}.input-group label{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#667eea);-webkit-background-clip:text;background-clip:text;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.025em;margin-bottom:.5rem;margin-left:0;position:relative;text-transform:uppercase;transition:all .2s ease}.input-wrapper{align-items:center;display:flex;position:relative;transition:all .3s ease}.input-wrapper:focus-within{transform:translateY(-2px)}.input-icon{display:none}.form-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 10px #0000000d;box-sizing:border-box;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:600;letter-spacing:.5px;padding:1.5rem 1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-input:focus{box-shadow:0 0 0 4px #667eea26,0 8px 25px #667eea33;color:#1f2937}.form-input::placeholder{font-size:1rem;opacity:.7}.form-input:focus::placeholder{opacity:.5}.form-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 8px 25px #667eea26;outline:none;transform:translateY(-2px)}.form-input::placeholder{color:#9ca3af;font-weight:400;opacity:.8}.form-input:focus::placeholder{opacity:.6;transform:translateY(-1px)}.password-toggle{align-items:center;background:none;border:none;border-radius:8px;box-shadow:none;color:#9ca3af;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:.5rem;position:absolute;right:9px;top:18px;transition:all .3s ease;z-index:2}.password-toggle:hover{background-color:initial!important;color:#9ca3af!important;transform:scale(1.1)}.password-toggle:active{transform:scale(.95)}.form-options{align-items:center;display:flex;justify-content:space-between;margin:.5rem 0 1rem;padding:0 .25rem}.checkbox-wrapper{align-items:center;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.5rem;transition:all .2s ease}.checkbox-wrapper:hover{background:#667eea0d;color:#667eea}.checkbox-wrapper input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;height:18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:18px}.checkbox-wrapper input[type=checkbox]:checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;transform:scale(1.1)}.checkbox-wrapper input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:2px;position:absolute;text-shadow:0 1px 2px #0000001a;top:-1px}.checkbox-wrapper input[type=checkbox]:hover{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.forgot-password{border-radius:6px;color:#667eea;font-size:.9rem;font-weight:600;padding:.5rem;position:relative;text-decoration:none;transition:all .2s ease}.forgot-password:hover{background:#667eea0d;color:#764ba2;transform:translateY(-1px)}.forgot-password:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:.25rem;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%) scaleX(0);transition:transform .2s ease;width:80%}.forgot-password:hover:after{transform:translateX(-50%) scaleX(1)}.login-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-button.loading{pointer-events:none}.button-icon{font-size:1rem;transition:transform .3s ease}.login-button:hover .button-icon{transform:translateX(2px)}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}.form-footer{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.form-footer p{color:#6b7280;font-size:.875rem;margin:0}.signup-link{color:#667eea;font-weight:500;margin-left:.25rem;text-decoration:none;transition:color .2s ease}.signup-link:hover{color:#764ba2;text-decoration:underline}@keyframes floatMove{0%,to{transform:translateY(0) translateX(0)}33%{transform:translateY(-20px) translateX(10px)}66%{transform:translateY(10px) translateX(-10px)}}@media (max-width:1024px){.testaura-login-container{flex-direction:column}.login-brand-section{flex:none;min-height:40vh;padding:1.5rem}.brand-content{max-width:100%}.brand-name{font-size:2rem}.feature-highlights{display:none}.login-form-section{flex:none;justify-content:center;min-height:60vh;padding:1.5rem}}@media (max-width:640px){.login-brand-section{min-height:30vh;padding:1rem}.brand-name{font-size:1.75rem}.brand-tagline{font-size:1rem}.login-form-section{padding:1rem}.login-form-container{padding:1.5rem}.form-header h2{font-size:1.75rem}.form-options{align-items:flex-start;flex-direction:column;gap:1rem}}.login-page-wrapper:before{animation:float 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.powered-by-appzlogic{align-items:center;background:#0000;border-radius:18px 0 0 18px;bottom:18px;box-shadow:none;color:#888;display:flex;font-family:Inter,Poppins,sans-serif;font-size:1rem;gap:.5rem;padding:6px 16px 6px 10px;position:fixed;right:24px;z-index:100}.appzlogic-logo{height:60px;margin-left:4px;vertical-align:middle;width:auto}.client-management-container{background-color:var(--card-bg-color);border-radius:10px;box-shadow:var(--card-shadow);color:var(--primary-color);margin:2rem auto;max-width:800px;padding:30px}.client-management-container h2{border-bottom:1px solid var(--border-color-light);color:var(--primary-color);font-size:2.2rem;font-weight:700;margin-bottom:25px;padding-bottom:15px}.form-section{margin-bottom:30px}.form-section h3{border-bottom:1px solid var(--border-color-light);color:var(--primary-color);font-size:1.5rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{background-color:var(--input-background-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:inset 0 1px 3px #0000000d;color:var(--text-color-primary);font-size:1rem;padding:12px 15px;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease;width:100%}.form-group input::placeholder{color:var(--text-color-light)}.primary-button{color:var(--button-text-color)}.primary-button:hover{background-color:var(--primary-hover-color)}.client-list{margin-top:40px}.client-list h3{font-size:1.5rem;margin-bottom:20px}.client-list-item{align-items:center;background-color:var(--input-background-color);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px}.create-project-container{background-color:var(--card-bg-color);border-radius:10px;box-shadow:var(--card-shadow);color:var(--text-color-primary);margin:2rem auto;max-height:90vh;max-width:1200px;overflow-y:auto;padding:30px;position:relative;scrollbar-color:var(--primary-color) #0000;scrollbar-width:thin;transition:background-color .3s ease,box-shadow .3s ease;width:95%}.create-project-container::-webkit-scrollbar{width:8px}.create-project-container::-webkit-scrollbar-track{background:#0000}.create-project-container::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:20px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.create-project-container::-webkit-scrollbar-thumb:hover{background-color:var(--primary-color-dark)}.loading-container,.projects-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-spinner{border:4px solid #0000001a;border-top:4px solid var(--primary-color);margin-bottom:15px}.projects-loading{background-color:var(--background-color-hover);border-radius:12px;margin-bottom:30px;min-height:200px}.projects-loading p{color:var(--text-color-secondary);font-weight:500}.client-info-banner{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-left:5px solid #ffb100;border-radius:8px;box-shadow:0 3px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:25px;padding:12px 20px}.client-info-banner h3{font-size:1.25rem;font-weight:600;margin:0}.client-badge{align-items:center;background-color:#fff3;border-radius:20px;display:flex;font-size:.9rem;font-weight:500;padding:5px 12px}.client-badge-icon{font-size:1.2rem;margin-right:8px}.client-badge-text{text-transform:capitalize}.create-project-container h2{border-bottom:1px solid var(--border-color-light);color:var(--primary-color);font-size:2.2rem;font-weight:700;margin-bottom:25px;padding-bottom:15px}.form-group{margin-bottom:25px}.form-group input[type=text],.form-group textarea{background-color:var(--input-background-color);border:1px solid var(--input-border-color);border-radius:8px;box-shadow:inset 0 1px 3px #0000000d;color:var(--text-color-primary);font-family:inherit;font-size:1.1rem;padding:12px 15px;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-color-light)}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.2),inset 0 1px 3px #00000014;outline:none}.primary-button{align-items:center;border-radius:8px;display:inline-flex;font-size:1rem;gap:8px;justify-content:center;padding:12px 20px;transition:background-color .3s ease,transform .1s ease,box-shadow .2s ease}.primary-button:hover{background-color:var(--primary-color-dark);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.2)}.primary-button:disabled{background-color:var(--disabled-background-color);box-shadow:none;color:var(--disabled-text-color);cursor:not-allowed;transform:none}.project-form{border-bottom:1px solid var(--border-color-light);margin-bottom:30px;padding-bottom:20px}.form-buttons{display:flex;gap:15px;margin-top:20px}.secondary-button{border-radius:8px;color:var(--primary-color);cursor:pointer;font-size:1rem;font-weight:600;padding:12px 20px;transition:background-color .3s ease,border-color .3s ease}.secondary-button:hover{background-color:var(--background-extra-light);border-color:var(--primary-color)}.notifications-container{margin-bottom:20px;position:-webkit-sticky;position:sticky;top:10px;z-index:10}.error-container,.success-container{align-items:flex-start;animation:slideDown .3s ease-out;border-radius:8px;box-shadow:0 4px 15px #0000001a;display:flex;margin:15px 0;padding:15px;position:relative}.success-container{background-color:#28a7451a;border:1px solid #28a745}.error-container{background-color:#dc35451a;border:1px solid #dc3545}.notification-icon{font-size:18px;line-height:1;margin-right:12px}.success-container .notification-icon{color:#28a745}.error-container .notification-icon{color:#dc3545}.success-message{color:#28a745;flex:1 1;margin:0}.error-message{color:#dc3545;flex:1 1}.dismiss-button{background:none;border:none;cursor:pointer;font-size:20px;line-height:1;margin-left:10px;opacity:.6;padding:0 5px;transition:opacity .2s ease}.success-container .dismiss-button{color:#28a745}.error-container .dismiss-button{color:#dc3545}.dismiss-button:hover{opacity:1}.view-project-button{background-color:#28a745;border:none;border-radius:6px;box-shadow:0 4px 8px #28a7454d;color:#fff;cursor:pointer;display:block;font-weight:600;margin-top:15px;padding:10px 15px;text-align:center;transition:all .3s ease;width:100%}.view-project-button:hover{background-color:#218838;box-shadow:0 6px 12px #28a74566;transform:translateY(-2px)}.project-list-container{margin-top:40px}.project-header{align-items:center;border-bottom:1px solid var(--border-color-light);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.project-list-container h3{font-size:1.8rem;margin:0}.project-count{background-color:var(--primary-color);border-radius:20px;color:#fff;font-size:1rem;font-weight:600;padding:4px 12px}.project-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:30px;max-height:65vh;overflow-y:auto;padding-bottom:10px;padding-right:10px;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.project-grid::-webkit-scrollbar{width:6px}.project-grid::-webkit-scrollbar-track{background:#0000}.project-grid::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:20px}.project-card{background-color:var(--card-bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 3px 10px #00000012;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.project-card:hover{border-color:var(--primary-color);box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.project-card-header{background-color:var(--input-background-color);border-bottom:1px solid var(--border-color);padding:15px 20px}.project-card h4.project-name{color:var(--primary-color);font-size:1.4rem;font-weight:600;line-height:1.3;margin:0;word-break:break-word}.project-card-description{color:var(--text-color-primary);flex-grow:1;font-size:1rem;min-height:80px;padding:15px 20px}.project-card-actions{background-color:var(--background-extra-light);border-top:1px solid var(--border-color-light);display:flex;justify-content:space-between;padding:15px}.action-button{flex:1 1;font-size:.9rem;margin:0 5px;padding:10px 5px}.view-button{background-color:var(--primary-color);color:#fff}.view-button:hover{background-color:var(--primary-hover-color);transform:translateY(-1px)}.edit-button{background-color:#17a2b8;color:#fff}.edit-button:hover{background-color:#138496;transform:translateY(-1px)}.delete-button{background-color:#dc3545;color:#fff}.delete-button:hover{background-color:#c82333;transform:translateY(-1px)}.delete-button.confirm{animation:pulse 1.5s infinite;background-color:#c82333}.no-projects-message{background-color:var(--background-extra-light);color:var(--text-color-light);font-size:1.1rem;padding:30px;text-align:center}.scroll-indicator{background-color:initial;bottom:20px;margin-top:25px;padding:10px;position:fixed;right:20px;text-align:center;z-index:100}.scroll-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:50%;box-shadow:0 4px 10px #00000040;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;height:60px;justify-content:center;padding:15px;transition:all .2s ease;width:60px}.scroll-button:hover{background-color:var(--primary-hover-color);box-shadow:0 6px 15px #0003;transform:translateY(-3px)}.scroll-button:active{transform:translateY(-1px)}.scroll-icon{animation:bounce 1.5s infinite;font-size:1.2rem;margin-right:8px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@media (max-height:800px){.scroll-indicator{bottom:10px;right:10px}.scroll-button{font-size:1rem;height:50px;width:50px}}.project-search{margin-bottom:20px;position:relative}.search-input{background-color:var(--input-background-color);border:1px solid var(--input-border-color);border-radius:8px;color:var(--text-color-primary);padding:12px 40px 12px 15px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.2)}.clear-search,.search-input::placeholder{color:var(--text-color-light)}.clear-search{background:none;border:none;cursor:pointer;font-size:20px;padding:5px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .2s ease}.clear-search:hover{color:var(--primary-color)}.no-search-results{background-color:var(--background-extra-light);border-radius:8px;color:var(--text-color-secondary);padding:30px;text-align:center}.clear-search-button{background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:15px;padding:8px 16px;transition:background-color .3s ease}.clear-search-button:hover{background-color:var(--primary-color-dark)}.app-theme.dark .create-project-container{background-color:var(--card-bg-color);box-shadow:0 6px 20px #0006}.app-theme.dark .client-info-banner{background-color:var(--primary-color);border-left-color:#ffb100}.app-theme.dark .project-card{background-color:var(--card-bg-color);border-color:var(--border-color)}.app-theme.dark .project-card:hover{border-color:var(--primary-color);box-shadow:0 8px 25px #0006}.app-theme.dark .project-card-header{background-color:var(--input-background-color);border-bottom-color:var(--border-color)}.app-theme.dark .project-card-actions{background-color:var(--background-extra-light);border-top-color:var(--border-color-light)}.app-theme.dark .secondary-button{background-color:var(--background-light);border-color:var(--border-color);color:var(--primary-color)}.app-theme.dark .secondary-button:hover{background-color:var(--background-extra-light);border-color:var(--primary-color)}.app-theme.dark .project-grid::-webkit-scrollbar-thumb{background-color:var(--border-color)}.app-theme.dark .project-grid::-webkit-scrollbar-thumb:hover{background-color:var(--primary-color)}@media (max-width:768px){.create-project-container{margin:1rem;padding:20px}.project-grid{grid-template-columns:1fr;max-height:50vh}.project-card-actions{flex-direction:column;gap:10px}.action-button{margin:0}.form-buttons{flex-direction:column;gap:10px}}.test-run-container{background-color:var(--content-bg-color);color:var(--text-color-primary);min-height:calc(100vh - var(--header-height) - 50px);min-height:calc(100vh - var(--header-height) - var(--footer-height, 50px));padding:25px}.test-run-container h2{border-bottom:1px solid var(--border-color-light);color:var(--primary-color);font-size:2.2rem;font-weight:700;margin-bottom:35px;padding-bottom:15px}.card-style{background-color:var(--card-bg-color);border-radius:12px;box-shadow:var(--card-shadow);margin-bottom:30px;padding:25px}.card-style h3{border-bottom:1px solid var(--border-color-light);color:var(--primary-color);font-size:1.5rem;font-weight:600;padding-bottom:10px}.card-style h3,.form-group{margin-bottom:20px}.form-group label{color:var(--text-color-primary)}.form-group input[type=text],.form-group select,.form-group textarea{background-color:var(--input-background-color);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-color-primary);font-size:1em;padding:10px 15px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.2);outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:var(--disabled-background-color);color:var(--disabled-text-color);cursor:not-allowed}.form-group.checkbox-group{align-items:center;display:flex;gap:8px;margin-bottom:15px}.form-group.checkbox-group input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;flex-shrink:0;height:20px;width:20px}.form-group.checkbox-group label{cursor:pointer;font-weight:400;line-height:1.2;margin-bottom:0}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.primary-button,.secondary-button,.tertiary-button{border:none;border-radius:8px;cursor:pointer;font-size:.95em;font-weight:600;padding:10px 20px;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease}.primary-button{background-color:var(--primary-color);box-shadow:0 4px 8px rgba(var(--primary-color-rgb),.2)}.primary-button:hover:not(:disabled){background-color:var(--primary-color-dark);box-shadow:0 6px 12px rgba(var(--primary-color-rgb),.3);transform:translateY(-2px)}.secondary-button{background-color:var(--background-light);border:1px solid var(--border-color);box-shadow:var(--shadow-xs);color:var(--text-color-primary)}.secondary-button:hover:not(:disabled){background-color:var(--background-extra-light);border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1);transform:translateY(-2px)}.action-button{font-size:.85em;padding:8px 15px;transition:background-color .2s ease,transform .1s ease}.action-button.primary-button{background-color:var(--primary-color);border:1px solid var(--border-color);color:#fff}.action-button.primary-button:hover{background-color:var(--primary-color-dark)}.action-button.secondary-button{background-color:var(--primary-color);border:1px solid var(--border-color);color:#fff}.action-button.secondary-button:hover{background-color:var(--background-extra-light);border-color:var(--primary-color)}.action-button.tertiary-button{background-color:initial;border:1px solid #0000;color:var(--text-color-secondary)}.action-button.tertiary-button:hover{background-color:var(--background-extra-light);border-color:var(--border-color-light);color:var(--primary-color)}.action-button.danger-button{background-color:var(--danger-color);color:#fff}.action-button.danger-button:hover{background-color:var(--danger-color-dark)}.scenario-type-badge.ui{background:linear-gradient(135deg,#667eea,#5a67d8);color:#fff}.scenario-type-badge.api{background:linear-gradient(135deg,#ff8a00,#ef6c00);color:#fff}.scenario-type-badge.ui-api{background:linear-gradient(135deg,#06beb6,#48b1bf);color:#fff}.schedule-badge{align-items:center;background:var(--background-extra-light);border:1px solid var(--border-color-light);border-radius:12px;color:var(--text-color-secondary);display:inline-flex;font-size:.72rem;font-weight:600;gap:6px;letter-spacing:.2px;padding:2px 8px;white-space:nowrap}.schedule-badge svg{opacity:.85}.test-run-execution-modal-wrapper{z-index:1000}.scenario-definition-item.manual-scenario{background:linear-gradient(145deg,#f0fff4,#f7fafc);border-left:6px solid #48bb78}.scenario-definition-item.automated-scenario{background:linear-gradient(145deg,#ebf8ff,#f7fafc);border-left:6px solid #4299e1}.scenario-definition-item.selected{background:linear-gradient(145deg,#e6fffa,#f0fff4);border:2px solid #38b2ac;box-shadow:0 8px 25px #38b2ac26;transform:translateY(-2px)}.scenario-definition-item.selected:before{background:linear-gradient(90deg,#38b2ac,#319795);opacity:1}.scenario-definition-item.selected:hover{box-shadow:0 12px 35px #38b2ac33;transform:translateY(-6px)}.scenario-metadata{color:#718096;display:flex;flex-wrap:wrap;font-size:.8rem;gap:10px;margin-top:4px}.scenario-metadata-item{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:16px;display:flex;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.scenario-metadata-item:hover{background:linear-gradient(135deg,#edf2f7,#e2e8f0);box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}.scenario-metadata-item .icon{flex-shrink:0;font-size:.9rem;opacity:.8}.scenario-metadata-item .text{color:#4a5568;font-weight:600}.scenario-metadata-item.steps-item{background:linear-gradient(135deg,#c6f6d5,#9ae6b4);border-color:#68d391;color:#276749}.scenario-metadata-item.steps-item .text{color:#276749}.scenario-metadata-item.tags-item{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.scenario-metadata-item.tags-item .text{color:#fff}.scenario-metadata-item.tags-item .tags-container{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.tag-badge{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #667eea4d;border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px;text-transform:capitalize;transition:all .2s ease}.tag-badge:hover{background:linear-gradient(135deg,#5a67d8,#667eea);box-shadow:0 2px 4px #667eea4d;transform:translateY(-1px)}.tag-badge.more-tags{background:linear-gradient(135deg,#718096,#4a5568);border-color:#7180964d;font-size:.65rem}.tag-badge.more-tags:hover{background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:0 2px 4px #7180964d}.test-case-type-filter{background-color:var(--background-extra-light);border:1px solid var(--border-color-light);border-radius:8px;margin-bottom:15px;padding:10px}.test-case-type-filter label{font-size:.9em;margin-bottom:5px}.filter-select{background-color:var(--input-bg-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color-primary);font-size:.9em;padding:8px 12px;width:100%}.loading-text{color:var(--text-color-secondary);display:block;font-style:italic;margin-top:5px}.scenario-selection-for-definition .selected-count{color:var(--text-color-secondary);font-size:.9em;margin-top:10px;text-align:right}.execution-options-for-definition{border-top:1px dashed var(--border-color-light);margin-bottom:25px;padding-top:15px}.execution-options-for-definition .options-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.execution-options-for-definition .options-grid .form-group{margin-bottom:0}.test-run-list{list-style:none;margin:0;padding:0}.test-run-item{align-items:center;background-color:var(--background-light);border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-xs);display:flex;justify-content:space-between;margin-bottom:15px;padding:15px 20px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.test-run-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.test-run-item:last-child{margin-bottom:0}.test-run-item .run-details{flex-grow:1}.test-run-item .run-details h4{align-items:center;color:var(--text-color-primary);display:flex;flex-wrap:wrap;font-size:1.25rem;font-weight:600;gap:12px;margin:0 0 5px}.test-run-item .run-details p{color:var(--text-color-secondary);font-size:.9em;margin:0 0 10px}.test-run-item .run-details .run-meta{align-items:center;color:var(--text-color-secondary);display:flex;flex-wrap:wrap;font-size:.85em;gap:16px;gap:15px;margin-top:8px}.test-run-item .run-details .last-run-status{font-weight:600}.test-run-item .run-details .last-run-status.status-pass{color:#28a745}.test-run-item .run-details .last-run-status.status-fail{color:var(--danger-color)}.test-run-item .run-details .last-run-status.status-error{color:#ffc107}.test-run-item .run-details .last-run-status.status-running{color:var(--primary-color)}.test-run-item .run-details .last-run-status.status-notexecuted{color:var(--text-color-secondary)}.test-run-item .run-details .last-run-status.status-skipped{color:#6c757d}.test-run-item .run-actions{display:flex;flex-shrink:0;gap:10px;margin-left:20px}.error-message,.loading-message,.no-items-message{color:var(--text-color-secondary);font-size:1.1rem;font-style:italic;padding:30px;text-align:center}.error-message{color:var(--danger-color)}.test-run-execution-modal-wrapper{align-items:center;background-color:#0009;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100%;z-index:1200}.test-run-execution-modal-content{background-color:var(--card-bg-color);border-radius:15px;box-shadow:0 10px 30px #0006;max-height:90vh;max-width:1000px;overflow-y:auto;padding:30px;position:relative;width:90%}.test-run-execution-modal-content h3{border-bottom:1px solid var(--border-color);color:var(--primary-color);font-size:1.8rem;margin-bottom:25px;padding-bottom:15px}.close-execution-view-btn{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:2em;position:absolute;right:15px;top:15px;transition:color .2s ease}.close-execution-view-btn:hover{color:var(--danger-color)}.test-run-execution-container{background-color:initial;box-shadow:none;padding:0}.test-run-execution-container h2{display:none}.test-run-execution-container h3{font-size:1.3rem;margin-top:20px;padding-top:10px}.test-run-controls{background-color:var(--background-extra-light);border-color:var(--border-color-light);border:1px solid var(--border-color);box-shadow:none;padding:20px}.test-run-controls .run-tests-button{margin-left:auto}.scenario-selection-area{background-color:var(--background-extra-light);border:1px solid var(--border-color);box-shadow:none;padding:20px}.run-error-indicator,.run-status-indicator{background-color:rgba(var(--primary-color-rgb),.1);border-radius:8px;color:var(--primary-color);font-size:1.1rem;font-weight:500;margin-bottom:20px;padding:10px;text-align:center}.run-status-indicator{animation:pulse 1.5s infinite}.run-error-indicator{animation:none;background-color:rgba(var(--danger-color-rgb),.1);color:var(--danger-color)}.test-run-results{background-color:var(--background-extra-light);border:1px solid var(--border-color);box-shadow:none;padding:20px}.summary-card{box-shadow:var(--shadow-sm);font-weight:600;padding:15px 20px;text-align:center}.summary-card.total{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.summary-card.passed{background-color:#28a745;border-color:#28a745;color:#fff}.summary-card.failed{background-color:var(--danger-color);border-color:var(--danger-color);color:#fff}.summary-card.error{background-color:#ffc107;border-color:#ffc107;color:var(--text-color-primary)}.summary-card.skipped{background-color:#6c757d;border-color:#6c757d;color:#fff}.summary-card.notexecuted{background-color:var(--text-color-secondary);border-color:var(--text-color-secondary);color:#fff}.results-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:25px}.individual-results h4{color:var(--text-color-secondary);font-size:1.2rem;margin-bottom:15px}.results-list{list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.result-item{align-items:center;background-color:var(--background-extra-light);border:1px solid var(--border-color-light);border-radius:8px;display:flex;font-size:.95em;margin-bottom:8px;padding:10px 15px}.result-item.status-pass{background-color:#28a74526;border-color:#28a745}.result-item.status-fail{background-color:rgba(var(--danger-color-rgb),.15);border-color:var(--danger-color)}.result-item.status-error{background-color:#ffc10726;border-color:#ffc107}.result-item.status-skipped{background-color:#6c757d26;border-color:#6c757d}.result-status-badge{border-radius:15px;color:#fff;flex-shrink:0;font-size:.8em;font-weight:700;margin-left:15px;padding:4px 10px;text-transform:uppercase}.result-status-badge.pass{background-color:#28a745}.result-status-badge.fail{background-color:var(--danger-color)}.result-status-badge.error{background-color:#ffc107;color:#000}.result-status-badge.skipped{background-color:#6c757d}.result-status-badge.running{background-color:var(--primary-color)}.result-status-badge.notexecuted{background-color:var(--text-color-secondary)}.result-message{font-size:.9em;margin-left:15px}.result-message,.result-timestamp{color:var(--text-color-secondary);flex-shrink:0}.result-timestamp{font-size:.8em;margin-left:10px}.full-report-link{margin-top:25px;text-align:center}.full-report-link .primary-button{align-items:center;display:inline-flex;justify-content:center;text-decoration:none}.execution-header{align-items:flex-start;border-bottom:2px solid var(--border-color-light);display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.execution-header-content{flex:1 1}.execution-header h3{color:var(--primary-color);font-size:1.5rem;margin-bottom:15px}.test-run-type-indicator{display:flex;flex-direction:column;gap:8px}.type-badge,.type-indicator{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;letter-spacing:.5px;margin-left:8px;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.type-badge.manual,.type-indicator.manual{background-color:#e3f2fd;border:1px solid #bbdefb;color:#1565c0}.type-badge.automated,.type-indicator.automated{background-color:#e8f5e8;border:1px solid #c8e6c9;color:#2e7d32}.type-badge.api,.type-indicator.api{background-color:#fff3e0;border:1px solid #ffcc02;color:#ef6c00}.type-badge.mixed,.type-indicator.mixed{background-color:#fce4ec;border:1px solid #f8bbd9;color:#c2185b}.type-badge.unknown,.type-indicator.unknown{background-color:#f5f5f5;border:1px solid #e0e0e0;color:#757575}.test-run-type-preview{background-color:#f8f9fa;border-left:4px solid var(--primary-color);border-radius:8px;margin-top:15px;padding:12px}.type-preview-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.type-preview-header .type-badge{font-size:.85rem;margin-left:0;padding:4px 10px}.type-description{color:var(--text-color-secondary);font-size:.9rem;font-style:italic}.mixed-warning-small{background-color:#fff8e1;border:1px solid #ffb74d;border-radius:6px;color:#e65100;font-size:.85rem;margin-top:8px;padding:8px 12px}.scenario-definition-item.api-scenario{border-left:4px solid #ef6c00}.scenario-definition-item.api-scenario .scenario-type-badge{background-color:#fff3e0;color:#ef6c00}.mixed-test-run-warning{background-color:#fff8e1;border:2px solid #ffb74d;border-radius:8px;margin:20px 0;padding:20px}.mixed-test-run-warning .warning-content h4{color:#e65100;margin-bottom:12px}.mixed-test-run-warning .warning-content p{color:#bf360c;margin-bottom:8px}.mixed-run-suggestions{background-color:#f3e5f5;border-radius:6px;margin-top:15px;padding:12px}.mixed-run-suggestions h5{color:#4a148c;margin-bottom:8px}.mixed-run-suggestions ul{color:#6a1b9a;margin-left:20px}.mixed-run-suggestions li{margin-bottom:4px}.scenario-selection-for-definition{border-top:1px dashed var(--border-color-light);margin-bottom:25px;padding-top:15px}.scenario-list-for-definition{background-color:var(--background-extra-light);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:0;max-height:400px;overflow-y:auto;padding:16px}.scenario-list-for-definition .scenario-definition-item{align-items:flex-start;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;gap:16px;margin-bottom:16px;overflow:visible;padding:20px;position:relative;transition:all .3s ease}.scenario-list-for-definition .scenario-definition-item:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.scenario-list-for-definition .scenario-definition-item:hover{border-color:var(--primary-color);box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.scenario-list-for-definition .scenario-definition-item:hover:before{opacity:1}.scenario-list-for-definition .scenario-definition-item input[type=checkbox]{accent-color:var(--primary-color);border-radius:4px;cursor:pointer;flex-shrink:0;height:20px;margin-top:4px;width:20px}.scenario-list-for-definition .scenario-definition-item label{color:var(--text-color-primary);cursor:pointer;display:block;font-size:1rem;font-weight:400;line-height:1.5;margin-bottom:0;overflow:visible;width:100%}.scenario-card-header{flex-direction:column;gap:12px;overflow:visible;width:100%}.scenario-title-row{align-items:center;display:flex;gap:16px;justify-content:space-between;overflow:visible;width:100%}.scenario-list-for-definition .scenario-definition-item .scenario-name{align-items:center;color:#2d3748;display:flex;flex:1 1;flex-wrap:wrap;font-size:1.1rem;font-weight:700;gap:8px;line-height:1.4;margin:0;min-width:0;word-break:break-word}.module-name-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:12px;box-shadow:0 2px 4px #667eea4d;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.module-name-badge:hover{box-shadow:0 4px 8px #667eea66;transform:translateY(-1px)}.scenario-badges-container{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;overflow:visible}.priority-badge,.scenario-type-badge{border:none;border-radius:20px;box-shadow:0 2px 4px #0000001a;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.8px;min-width:-webkit-fit-content;min-width:fit-content;padding:6px 12px;position:relative;text-transform:uppercase;transition:all .2s ease;white-space:nowrap;z-index:2}.priority-badge:hover,.scenario-type-badge:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.scenario-type-badge.manual{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.scenario-type-badge.automated{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.priority-badge.priority-high{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}.priority-badge.priority-medium{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.priority-badge.priority-low{background:linear-gradient(135deg,#68d391,#48bb78);color:#fff}.functional-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#fff;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.8px;min-width:-webkit-fit-content;min-width:fit-content;padding:6px 12px;position:relative;text-transform:uppercase;transition:all .2s ease;white-space:nowrap;z-index:2}.functional-badge:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.compact-form-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;gap:1.2rem;margin-bottom:1.5rem;padding:1.5rem}.compact-form-container h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 1rem;text-shadow:0 2px 4px #3b82f61a}.form-row-compact{align-items:flex-start;display:flex;gap:1.2rem}.form-col-compact{display:flex;flex:1 1;flex-direction:column;gap:.4rem}.form-col-compact.description-col{flex:1.5 1}.form-col-compact.tags-col{flex:1.2 1}.form-col-compact.checkbox-col{flex:1.3 1}.form-col-compact.execution-mode-col{flex:2 1}.form-col-compact.run-button-col{flex:1 1;justify-content:flex-end}.form-col-compact label{color:#374151;font-weight:600;letter-spacing:.05em;margin:0 0 .25rem;text-transform:uppercase}.compact-input,.form-col-compact label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem}.compact-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;box-sizing:border-box;height:2.75rem;line-height:1.25;padding:.75rem 1rem;transition:all .2s ease}.compact-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 1px 3px 0 #0000001a;outline:none;transform:translateY(-1px)}.compact-input:hover:not(:disabled){border-color:#cbd5e1;box-shadow:0 2px 4px 0 #0000001a}.compact-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;box-sizing:border-box;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;height:2.75rem;line-height:1.25;padding:.75rem 2.5rem .75rem 1rem;transition:all .2s ease}.compact-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 1px 3px 0 #0000001a;outline:none;transform:translateY(-1px)}.compact-select:hover:not(:disabled){border-color:#cbd5e1;box-shadow:0 2px 4px 0 #0000001a}.compact-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.4;min-height:3.5rem;padding:.75rem 1rem;resize:vertical;transition:all .2s ease}.compact-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 1px 3px 0 #0000001a;outline:none;transform:translateY(-1px)}.compact-textarea:hover:not(:disabled){border-color:#cbd5e1;box-shadow:0 2px 4px 0 #0000001a}.tag-input-group{align-items:stretch;display:flex;gap:.75rem}.tag-input-group .tag-input{flex:1 1}.compact-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 4px 0 #3b82f633;color:#fff;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:600;height:2.75rem;justify-content:center;letter-spacing:.05em;padding:.75rem 1.25rem;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.compact-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px 0 #3b82f64d;transform:translateY(-1px)}.compact-button:active:not(:disabled){box-shadow:0 2px 4px 0 #3b82f633;transform:translateY(0)}.compact-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 1px 2px 0 #0000001a;cursor:not-allowed;transform:none}.checkbox-group-compact{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.checkbox-item-compact{align-items:center;display:flex;gap:.5rem;padding:.25rem 0}.checkbox-item-compact input[type=checkbox]{accent-color:#3b82f6;border-radius:4px;height:1.125rem;margin:0;width:1.125rem}.checkbox-item-compact label{color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;letter-spacing:normal;margin:0;text-transform:none}.browser-mode-info-compact{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-top:.5rem;padding:.75rem}.browser-mode-info-compact small{color:#64748b;font-size:.75rem;font-weight:500;line-height:1.4}.browser-mode-info-compact .mode-description{display:block;font-style:italic}.run-tests-button-compact{background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;box-shadow:0 3px 6px 0 #10b9814d;font-size:.9rem;font-weight:700;height:auto;letter-spacing:.1em;min-height:2.75rem;padding:.875rem 1.5rem;text-align:center;text-transform:uppercase;white-space:normal}.run-tests-button-compact:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 12px 0 #10b98166;transform:translateY(-2px)}.run-tests-button-compact:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 1px 2px 0 #0000001a;cursor:not-allowed;transform:none}.variables-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:.75rem}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:1.25rem;padding:1rem}.form-section h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.modal-header-compact{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem 0}.modal-header-compact h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.modal-close-button{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50%;box-shadow:0 2px 4px #ef444433;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close-button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef44444d;transform:scale(1.1)}.modal-close-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.modal-close-button:active:not(:disabled){transform:scale(.95)}.test-run-execution-container.dark .compact-form-container{background:linear-gradient(135deg,#1e293b,#334155);border-color:#475569}.test-run-execution-container.dark .compact-form-container h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#f1f5f9}.test-run-execution-container.dark .form-col-compact label{color:#cbd5e1}.test-run-execution-container.dark .compact-input,.test-run-execution-container.dark .compact-select,.test-run-execution-container.dark .compact-textarea{background:#334155;border-color:#475569;color:#f1f5f9}.test-run-execution-container.dark .compact-input:focus,.test-run-execution-container.dark .compact-select:focus,.test-run-execution-container.dark .compact-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.test-run-execution-container.dark .checkbox-group-compact,.test-run-execution-container.dark .form-section{background:#334155;border-color:#475569}.test-run-execution-container.dark .browser-mode-info-compact{background:#1e293b;border-color:#475569}.test-run-execution-container.dark .browser-mode-info-compact small{color:#94a3b8}@media (max-width:768px){.compact-form-container{gap:1rem;padding:1rem}.form-row-compact{flex-direction:column;gap:1rem}.form-col-compact.checkbox-col,.form-col-compact.description-col,.form-col-compact.execution-mode-col,.form-col-compact.tags-col{flex:1 1}.tag-input-group{flex-direction:column;gap:.75rem}.compact-button{align-self:flex-start;min-width:6rem}.variables-grid{gap:.75rem;grid-template-columns:1fr}.checkbox-group-compact{flex-direction:row;flex-wrap:wrap;gap:.75rem}}@media (max-width:480px){.compact-form-container{gap:.75rem;padding:.75rem}.form-row-compact{gap:.75rem}.compact-button,.compact-input,.compact-select{font-size:.8rem;height:2.5rem}.checkbox-item-compact label{font-size:.8rem}.compact-form-container h3{font-size:1.1rem}}.compact-input:disabled,.compact-select:disabled,.compact-textarea:disabled{background-color:#f9fafb;border-color:#d1d5db;box-shadow:none;color:#6b7280;cursor:not-allowed;transform:none}.test-run-execution-container.dark .compact-input:disabled,.test-run-execution-container.dark .compact-select:disabled,.test-run-execution-container.dark .compact-textarea:disabled{background-color:#1f2937;border-color:#374151;color:#9ca3af}.manual-test-execution-container{margin:0 auto;max-width:1200px;padding:20px}.execution-overview{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:20px}.test-cases-list{display:flex;flex-direction:column;gap:10px;margin-top:15px}.test-case-preview{grid-gap:15px;align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;display:grid;gap:15px;grid-template-columns:2fr 1fr auto auto;padding:12px}.test-case-name{color:var(--text-primary);font-weight:500}.test-case-module{color:var(--text-secondary);font-size:.9em}.test-case-steps,.test-case-time{color:var(--text-secondary);font-size:.85em;text-align:right}.execution-instructions{background:var(--info-light)}.execution-instructions h4{color:var(--info-text)}.execution-instructions ul{color:var(--info-text);line-height:1.6}.start-execution-btn{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1.1em;font-weight:500;margin:0 auto;padding:15px 30px;transition:background-color .2s}.start-execution-btn:hover{background:var(--primary-hover)}.progress-bar{background:var(--border-color)}.progress-fill{background:var(--primary-color)}.progress-text{font-size:.9em}.execution-content{display:flex;flex-direction:column;gap:20px}.manual-test-case{background:var(--card-background);border:2px solid var(--border-color);border-radius:8px;padding:20px;transition:all .3s ease}.manual-test-case.active{border-color:var(--primary-color);box-shadow:0 4px 12px #007bff26}.manual-test-case.passed{border-left:4px solid var(--success-color)}.manual-test-case.failed{border-left:4px solid var(--error-color)}.manual-test-case.blocked{border-left:4px solid var(--warning-color)}.manual-test-case.skipped{border-left:4px solid var(--info-color)}.test-case-header{margin-bottom:20px}.test-case-header h4{color:var(--text-primary);font-size:1.2em;margin-bottom:10px}.test-case-meta{font-size:.9em;gap:20px}.test-case-details{margin-bottom:25px}.test-step{background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;margin-bottom:12px;padding:15px}.step-number{background:var(--primary-color);border-radius:4px;display:inline-block;font-size:.8em;font-weight:500;margin-bottom:10px;padding:4px 10px}.step-content>div{margin-bottom:8px}.step-content strong{color:var(--text-primary);margin-right:8px}.test-execution-actions{grid-gap:20px;display:grid;gap:20px;margin-bottom:20px}.notes-input,.result-input{display:flex;flex-direction:column;gap:8px}.notes-input label,.result-input label{color:var(--text-primary);font-weight:500}.notes-input textarea,.result-input textarea{background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;padding:10px;resize:vertical}.screenshot-section{display:flex;flex-direction:column;gap:8px}.screenshot-section label{color:var(--text-primary);font-weight:500}.screenshot-section input[type=file]{background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);padding:8px}.status-buttons{display:flex;gap:12px;justify-content:center;margin-top:15px}.status-btn{min-width:100px;padding:12px 20px;transition:all .2s}.status-btn.pass{background:var(--success-color)}.status-btn.pass:hover{background:var(--success-hover)}.status-btn.fail{background:var(--error-color)}.status-btn.fail:hover{background:var(--error-hover)}.status-btn.blocked{background:var(--warning-color)}.status-btn.blocked:hover{background:var(--warning-hover)}.status-btn.skip{background:var(--info-color)}.status-btn.skip:hover{background:var(--info-hover)}.navigation-buttons{padding-top:15px}.navigation-buttons button{background:var(--secondary-color);transition:background-color .2s}.navigation-buttons button:hover{background:var(--secondary-hover)}.execution-controls{display:flex;justify-content:center;margin:30px 0}.complete-execution-btn{background:var(--success-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:500;padding:15px 30px;transition:background-color .2s}.complete-execution-btn:hover:not(:disabled){background:var(--success-hover)}.complete-execution-btn:disabled{background:var(--disabled-color)}.execution-summary{text-align:center}.summary-stats{gap:25px;justify-content:center}.summary-stats span{border-radius:6px;padding:8px 15px}.step-execution-controls{background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;margin-top:10px;padding:15px}.step-notes-input,.step-result-input{margin-bottom:15px}.step-notes-input label,.step-result-input label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:5px}.step-notes-input textarea,.step-result-input textarea{background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:inherit;padding:8px;resize:vertical;width:100%}.step-status-buttons{display:flex;flex-wrap:wrap;gap:10px}.step-status-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.9em;font-weight:500;gap:5px;padding:8px 16px;transition:all .2s ease}.step-status-btn:disabled{cursor:not-allowed;opacity:.5}.step-status-btn.pass{background:#28a745;color:#fff}.step-status-btn.pass:hover:not(:disabled){background:#218838}.step-status-btn.fail{background:#dc3545;color:#fff}.step-status-btn.fail:hover:not(:disabled){background:#c82333}.step-status-btn.blocked{background:#fd7e14;color:#fff}.step-status-btn.blocked:hover:not(:disabled){background:#e56b0a}.step-status-btn.skip{background:#6c757d;color:#fff}.step-status-btn.skip:hover:not(:disabled){background:#545b62}.test-case-overall-controls{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;margin-top:20px;padding:20px}.overall-notes-input{margin-bottom:20px}.overall-notes-input label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:8px}.overall-notes-input textarea{background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:inherit;padding:10px;resize:vertical;width:100%}.test-case-screenshot-section{margin-bottom:20px}.test-case-screenshot-section label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:8px}.test-case-screenshot-section input[type=file]{background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);padding:8px;width:100%}.overall-status-override{margin-bottom:20px}.overall-status-override label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:10px}.override-buttons{display:flex;flex-wrap:wrap;gap:10px}.status-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.status-btn.pass{background:#28a745;color:#fff}.status-btn.pass:hover{background:#218838}.status-btn.fail{background:#dc3545;color:#fff}.status-btn.fail:hover{background:#c82333}.status-btn.blocked{background:#fd7e14;color:#fff}.status-btn.blocked:hover{background:#e56b0a}.status-btn.skip{background:#6c757d;color:#fff}.status-btn.skip:hover{background:#545b62}.navigation-buttons{border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:20px;padding-top:20px}.navigation-buttons button{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s ease}.navigation-buttons button:hover{background:var(--primary-hover)}.complete-execution-btn,.start-execution-btn{align-items:center;background:var(--success-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.1em;font-weight:500;gap:8px;margin:20px auto;padding:12px 24px;transition:all .2s ease}.complete-execution-btn:hover:not(:disabled),.start-execution-btn:hover{background:var(--success-hover);transform:translateY(-1px)}.complete-execution-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.execution-instructions{background:var(--info-background);border:1px solid var(--info-border);border-radius:8px;margin-bottom:20px;padding:20px}.execution-instructions h4{color:var(--info-color);margin-bottom:15px}.execution-instructions ul{margin:0;padding-left:20px}.execution-instructions li{color:var(--text-primary);margin-bottom:8px}.execution-summary{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;margin-top:20px;padding:20px}.execution-summary h4{color:var(--text-primary);margin-bottom:15px}.summary-stats{display:flex;flex-wrap:wrap;gap:20px}.summary-stats span{background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-weight:500;padding:8px 16px}.execution-header{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:20px;text-align:center}.progress-bar{background:var(--background-color);margin:15px 0 10px}.progress-fill{background:var(--success-color)}.dark .manual-test-execution-container{--card-background:#2d3748;--background-color:#1a202c;--border-color:#4a5568;--text-primary:#f7fafc;--text-secondary:#a0aec0;--primary-color:#4299e1;--primary-hover:#3182ce;--success-color:#38a169;--success-hover:#2f855a;--error-color:#e53e3e;--error-hover:#c53030;--warning-color:#d69e2e;--warning-hover:#b7791f;--info-color:#3182ce;--info-hover:#2c5282;--secondary-color:#718096;--secondary-hover:#4a5568;--disabled-color:#4a5568;--info-light:#2d3748;--info-border:#4a5568;--info-text:#cbd5e0}.light .manual-test-execution-container{--card-background:#fff;--background-color:#f7fafc;--border-color:#e2e8f0;--text-primary:#2d3748;--text-secondary:#718096;--primary-color:#4299e1;--primary-hover:#3182ce;--success-color:#38a169;--success-hover:#2f855a;--error-color:#e53e3e;--error-hover:#c53030;--warning-color:#d69e2e;--warning-hover:#b7791f;--info-color:#3182ce;--info-hover:#2c5282;--secondary-color:#718096;--secondary-hover:#4a5568;--disabled-color:#a0aec0;--info-light:#ebf8ff;--info-border:#bee3f8;--info-text:#2c5282}@media (max-width:768px){.override-buttons,.step-status-buttons{flex-direction:column}.test-case-preview{gap:8px;grid-template-columns:1fr}.navigation-buttons,.summary-stats{flex-direction:column}.navigation-buttons{gap:10px}}:root{--primary-color:#007acc;--primary-color-dark:#005f99;--primary-color-rgb:0,122,204;--text-color-primary:#333;--text-color-secondary:#666;--background-light:#f3f3f3;--background-extra-light:#e9e9eed1;--border-color:#ccc;--border-color-light:#e0e0e0;--input-background-color:#fff;--input-border-color:#d1d1d1;--card-shadow:0 4px 15px #0000001a;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 10px #0000001f;--danger-color-light:#fbe6e6;--info-color:#2196f3;--success-color:#4caf50;--warning-color:#ffc107;--neutral-color:#9e9e9e;--page-bg:#f0f2f5;--header-bg:#fff;--button-default-bg:#f0f0f0;--button-default-text:#333;--table-header-bg:#e5e5e5;--table-row-hover-bg:#f0f0f0}.vscode-dark,[data-theme=dark]{--primary-color:#0e639c;--primary-color-dark:#0a4f78;--primary-color-rgb:14,99,156;--text-color-primary:#d4d4d4;--text-color-secondary:#999;--card-bg-color:#252526;--background-light:#333;--background-extra-light:#404040;--border-color:#444;--border-color-light:#3a3a3a;--input-background-color:#333;--input-border-color:#555;--card-shadow:0 4px 15px #0000004d;--shadow-sm:0 1px 3px #00000026;--shadow-md:0 4px 10px #0003;--danger-color:#f44747;--danger-color-light:#5a1212;--info-color:#569bd8;--success-color:#81c784;--warning-color:#ffeb3b;--neutral-color:#616161;--page-bg:#1a1a1a;--header-bg:#1e1e1e;--button-default-bg:#404040;--button-default-text:#ccc;--table-header-bg:#323232;--table-row-hover-bg:#3a3a3a}.test-run-details{background-color:#f0f2f5;background-color:var(--page-bg);border-radius:12px;box-shadow:0 4px 15px #0000001a;box-shadow:var(--card-shadow);box-sizing:border-box;color:#333;color:var(--text-color-primary);font-family:Segoe UI,Arial,sans-serif;margin:0 auto;max-width:1200px;min-height:calc(100vh - 60px);padding:20px;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.test-run-details.dark{background-color:#1e1e1e;color:#d4d4d4}.test-run-details .header{align-items:center;display:flex;margin-bottom:30px}.test-run-details .back-button{align-items:center;background-color:#0562a3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:1px;padding:8px 16px}.dark .back-button{color:#d4d4d4}.test-run-details .back-button:hover{background-color:#0000001a}.dark .back-button:hover{background-color:#ffffff1a}.test-run-details h1{font-size:24px;font-weight:500;margin:0 0 0 15px}.info-section{background-color:#f5f5f5;margin-bottom:30px;padding:20px}.dark .info-section{background-color:#2d2d2d}.info-section h2{font-size:20px;margin-bottom:15px;margin-top:0}.description{font-size:15px;line-height:1.5;margin-bottom:20px}.run-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.run-details p{font-size:14px;margin:0}.scenarios-section{margin-bottom:30px}.scenarios-table-container{background-color:#f5f5f5;border-radius:8px;overflow-x:auto}.dark .scenarios-table-container{background-color:#2d2d2d}.scenarios-table{border-collapse:collapse;width:100%}.scenarios-table td,.scenarios-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.dark .scenarios-table td,.dark .scenarios-table th{border-bottom:1px solid #404040}.scenario-name-cell,.scenario-status-cell{width:20%}.last-run-cell{width:35%}.scenario-error-cell{width:25%}.status-select{border:1px solid #ddd;border-radius:4px;color:#fff;padding:8px;width:100%}.dark .status-select{background-color:#333;border-color:#404040}.last-run-details{font-size:14px}.timestamp{color:#666;margin-bottom:4px}.dark .timestamp{color:#aaa}.duration{color:#666;margin-bottom:8px}.dark .duration{color:#aaa}.media-buttons{display:flex;gap:8px}.media-button{background:#0000;border:none;border-radius:4px;font-size:16px;padding:6px 12px;transition:background-color .2s}.media-button:hover{background-color:#0000001a}.dark .media-button:hover{background-color:#ffffff1a}.media-button.loading{cursor:wait;opacity:.5}.error-message,.last-run-error{color:#f44336;font-size:13px;margin-top:4px}.dark .error-message,.dark .last-run-error{color:#f44747}.error-message pre,.last-run-error pre{background-color:#f443361a;border-radius:4px;margin:4px 0;overflow-x:auto;padding:8px;white-space:pre-wrap}.dark .error-message pre,.dark .last-run-error pre{background-color:#f447471a}.execution-history-section{background-color:#f5f5f5;border-radius:8px;padding:20px}.dark .execution-history-section{background-color:#2d2d2d}.history-navigation{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.history-controls{align-items:center;display:flex;gap:12px}.history-nav-button{background-color:initial;border:1px solid #ddd;border-radius:4px;color:inherit;cursor:pointer;padding:6px 12px}.dark .history-nav-button{border-color:#404040}.history-nav-button:disabled{cursor:not-allowed;opacity:.5}.history-index{color:#666;font-size:14px}.dark .history-index{color:#aaa}.history-item{border-radius:8px;margin-bottom:16px;padding:16px}.dark .history-item{background-color:#333}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.execution-status{border-radius:4px;color:#fff;font-size:14px;padding:4px 8px}.running-indicator{align-items:center;display:inline-flex;gap:2px}.running-dots span{animation:blink 1.4s infinite both;background:currentColor;border-radius:50%;display:inline-block;height:3px;margin-left:2px;width:3px}.running-dots span:first-child{animation-delay:0s}.running-dots span:nth-child(2){animation-delay:.2s}.running-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.status-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.status-running{animation:pulse 1.8s ease-in-out infinite;background-color:#2196f3;background-color:var(--info-color);box-shadow:0 0 0 2px #007acc26;box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.15)}.displayBlock{display:block}.execution-mode-badge{background-color:#f3f3f3;background-color:var(--background-light);border:1px solid #ccc;border:1px solid var(--border-color);border-radius:12px;color:#333;color:var(--text-color-primary);font-size:12px;font-weight:500;padding:3px 8px;white-space:nowrap}.dark .execution-mode-badge{background-color:#e9e9eed1;background-color:var(--background-extra-light);color:#666;color:var(--text-color-secondary)}.summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:12px}.summary-item{background-color:#f5f5f5;padding:8px;text-align:center}.dark .summary-item{background-color:#2d2d2d}.summary-item.passed span{color:#4caf50}.summary-item.failed span{color:#f44336}.summary-item.error span{color:#ff9800}.view-report-button{background-color:#007acc;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px;transition:background-color .2s;width:100%}.view-report-button:hover{background-color:#1976d2}.last-update-time{color:#666;display:block;font-size:12px;margin-top:4px}.dark .last-update-time{color:#aaa}.scenario-row{transition:background-color .2s}.scenario-row:hover{background-color:#0000000d}.dark .scenario-row:hover{background-color:#ffffff0d}.scenario-row.passed{background-color:#4caf501a}.scenario-row.failed{background-color:#f443361a}.scenario-row.running{background-color:#2196f31a}.dark .scenario-row.passed{background-color:#81c7841a}.dark .scenario-row.failed{background-color:#f447471a}.dark .scenario-row.running{background-color:#569bd81a}.error-container,.no-data-message{background-color:#f5f5f5;border-radius:8px;margin-top:20px;padding:40px;text-align:center}.dark .error-container,.dark .no-data-message{background-color:#2d2d2d}.error-container ul{display:inline-block;list-style-type:none;margin:20px 0;padding:0;text-align:left}.chart-container{align-items:center;display:flex;flex-direction:column;margin-left:20px;min-width:300px}.chart-container h4{color:#333;color:var(--text-color-primary);font-size:14px;font-weight:600;margin-bottom:10px}.pie-chart-wrapper{height:250px;position:relative;width:250px}.summary-and-chart{align-items:flex-start;display:flex;gap:30px;margin-bottom:20px}.summary{display:flex;flex-direction:column;gap:8px;min-width:200px}.summary-item{background-color:#f3f3f3;background-color:var(--background-light);border:1px solid #e0e0e0;border:1px solid var(--border-color-light);border-radius:4px;font-weight:500;padding:8px 12px}.summary-item.passed{background-color:#4caf501a;border-color:#4caf50;border-color:var(--success-color);color:#4caf50;color:var(--success-color)}.summary-item.failed{background-color:#f443361a;border-color:#e74c3c;border-color:var(--danger-color);color:#e74c3c;color:var(--danger-color)}.summary-item.error{background-color:#ff57221a;border-color:#ff5722;color:#ff5722}.pie-chart-section{background-color:#fff;background-color:var(--card-bg-color);border:1px solid #e0e0e0;border:1px solid var(--border-color-light);border-radius:8px;box-shadow:0 4px 15px #0000001a;box-shadow:var(--card-shadow);margin-top:30px;padding:20px}.pie-chart-section h2{color:#333;color:var(--text-color-primary);font-size:18px;font-weight:600;margin-bottom:20px}.pie-chart-container{align-items:center;display:flex;height:400px;justify-content:center;position:relative;width:100%}.dark .chart-container h4,.dark .pie-chart-section h2,.dark .summary-item{color:#333;color:var(--text-color-primary)}.dark .summary-item{background-color:#f3f3f3;background-color:var(--background-light)}.dark .summary-item.passed{background-color:#81c78426;border-color:#81c784;color:#81c784}.dark .summary-item.failed{background-color:#f4474726;border-color:#f44747;color:#f44747}.dark .summary-item.error{background-color:#ff704326;border-color:#ff7043;color:#ff7043}@media (max-width:768px){.summary-and-chart{align-items:center;flex-direction:column;gap:20px}.chart-container{margin-left:0;min-width:auto;width:100%}.pie-chart-wrapper{height:200px;width:200px}.pie-chart-container{height:300px}}.expand-steps-button{background:#007acc;background:var(--primary-color);border:none;color:#fff;display:flex;font-size:12px;gap:4px;padding:6px 12px;white-space:nowrap}.expand-steps-button:hover{background:#005f99;background:var(--primary-color-dark);transform:translateY(-1px)}.expand-steps-button.expanded{background:#4caf50;background:var(--success-color)}.expand-steps-button.no-steps{background:#9e9e9e;background:var(--neutral-color);cursor:not-allowed;opacity:.6}.expand-steps-button:disabled{opacity:.6}.expand-steps-button:disabled:hover{background:#9e9e9e;background:var(--neutral-color);transform:none}.steps-details-row{background:#e9e9eed1;background:var(--background-extra-light);border-top:2px solid #ccc;border-top:2px solid var(--border-color)}.dark .steps-details-row{background:#2a2a2a}.steps-details-cell{border:none;padding:20px!important}.steps-container{margin:0;width:100%}.steps-container h4{border-bottom:2px solid #ccc;border-bottom:2px solid var(--border-color);color:#333;color:var(--text-color-primary);font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.steps-table-container{border:1px solid #ccc;border:1px solid var(--border-color);border-radius:8px;margin-top:12px;max-height:400px;overflow-y:auto}.steps-table{border-collapse:collapse;font-size:13px;width:100%}.steps-table thead{background:#e5e5e5;background:var(--table-header-bg);position:-webkit-sticky;position:sticky;top:0;z-index:1}.steps-table th{border-bottom:2px solid #ccc;border-bottom:2px solid var(--border-color);color:#333;color:var(--text-color-primary);font-size:12px;font-weight:600;padding:10px 8px;text-align:left;white-space:nowrap}.steps-table td{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color-light);padding:8px;vertical-align:top}.step-number-cell{text-align:center;width:40px}.step-description-cell{min-width:200px;width:25%}.step-action-cell{min-width:100px;width:12%}.step-locator-cell{min-width:150px;width:20%}.step-status-cell{min-width:80px;text-align:center;width:10%}.step-message-cell{min-width:200px;width:25%}.step-screenshot-cell{min-width:60px;text-align:center;width:8%}.step-actual-cell,.step-expected-cell{min-width:180px;width:20%}.step-notes-cell{min-width:120px;width:15%}.step-actual-result,.step-expected-result{word-wrap:break-word;border-radius:4px;font-size:12px;line-height:1.4;max-height:100px;overflow-y:auto;padding:6px 8px}.step-expected-result{background:#2196f314;border-left:3px solid #2196f3}.step-actual-result,.step-expected-result{color:#333;color:var(--text-color-primary)}.step-actual-result{background:#4caf5014;border-left:3px solid #4caf50}.step-notes{word-wrap:break-word;color:#666;color:var(--text-color-secondary);font-size:12px;font-style:italic}.dark .step-expected-result{background:#2196f326;color:#333;color:var(--text-color-primary)}.dark .step-actual-result{background:#81c78426;color:#333;color:var(--text-color-primary)}.step-screenshots{align-items:center;flex-direction:column;gap:4px}.step-row.passed{background:#4caf500d}.step-row.failed{background:#f443360d}.step-row.error{background:#ff70430d}.dark .step-row.passed{background:#81c7841a}.dark .step-row.failed{background:#f447471a}.dark .step-row.error{background:#ff70431a}.step-description{display:block;margin-bottom:2px}.step-timestamp{display:block;font-size:11px;font-style:italic}.step-screenshot-button{align-items:center;background:#2196f3;background:var(--info-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:11px;height:24px;justify-content:center;margin:1px 0;min-width:24px;padding:4px 8px;transition:all .2s ease}.step-screenshot-button:hover{background:#005f99;background:var(--primary-color-dark);transform:scale(1.05)}.step-screenshot-button.loading{cursor:wait;opacity:.6}.step-status-badge{color:#fff;letter-spacing:.5px}.step-message{color:#333;color:var(--text-color-primary);font-size:12px;word-break:break-word}.step-error-details{margin-top:6px}.step-error-details summary{color:#e74c3c;color:var(--danger-color);cursor:pointer;font-size:11px;-webkit-user-select:none;user-select:none}.step-error-details summary:hover{text-decoration:underline}.step-error-stack{background:#fbe6e6;background:var(--danger-color-light);border-radius:4px;color:#333;color:var(--text-color-primary);font-size:10px;margin:6px 0 0;overflow-x:auto;padding:8px;white-space:pre-wrap}.dark .step-error-stack{background:#f4474733}.no-steps-message{background:#f3f3f3;background:var(--background-light);border:1px solid #e0e0e0;border:1px solid var(--border-color-light);border-radius:8px;color:#666;color:var(--text-color-secondary);margin-top:12px;padding:30px 20px;text-align:center}.no-steps-message p{font-size:14px;font-weight:500;margin:0 0 8px}.no-steps-message small{color:#666;color:var(--text-color-secondary);font-size:12px;opacity:.8}.dark .no-steps-message{background:#2a2a2a}@media (max-width:1024px){.steps-table{font-size:12px}.step-description-cell,.step-message-cell{min-width:150px}.step-locator-cell{min-width:120px}}@media (max-width:768px){.steps-table-container{max-height:300px}.steps-table td,.steps-table th{padding:6px 4px}.step-description-cell,.step-locator-cell,.step-message-cell{min-width:100px}.expand-steps-button{font-size:11px;padding:4px 8px}}.scenario-actions-cell{min-width:120px;text-align:center}.scenario-actions{flex-direction:column;gap:6px}.step-stats-summary{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.stat-item{color:#fff;display:inline-flex;font-size:11px;font-weight:600;padding:2px 6px}.stat-item.passed{background:#4caf50;background:var(--success-color)}.stat-item.failed{background:#e74c3c;background:var(--danger-color)}.stat-item.error{background:#ffc107;background:var(--warning-color);color:#333}.status-readonly{border-radius:4px;box-sizing:border-box;color:#fff;display:block;font-weight:700;padding:5px 10px;text-align:center;width:100%}.screenshot-modal-overlay{align-items:center;background-color:#000c;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:3002}.screenshot-modal{background-color:#fff;background-color:var(--card-bg-color);border-radius:12px;box-shadow:0 4px 15px #0000001a;box-shadow:var(--card-shadow);display:flex;flex-direction:column;height:auto;max-height:90vh;max-width:90vw;overflow:hidden;transition:background-color .3s ease,box-shadow .3s ease;width:auto}.screenshot-modal-header{align-items:center;background-color:#f3f3f3;background-color:var(--background-light);border-bottom:1px solid #ccc;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.screenshot-modal-header h3{color:#333;color:var(--text-color-primary);font-size:18px;font-weight:600;margin:0}.screenshot-modal-close{background:none;border:none;border-radius:4px;color:#666;color:var(--text-color-secondary);cursor:pointer;font-size:24px;line-height:1;padding:4px 8px;transition:background-color .2s ease,color .2s ease}.screenshot-modal-close:hover{background-color:#e9e9eed1;background-color:var(--background-extra-light);color:#333;color:var(--text-color-primary)}.screenshot-modal-content{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:200px;overflow:auto;padding:20px}.screenshot-modal-image{border-radius:8px;box-shadow:0 4px 10px #0000001f;box-shadow:var(--shadow-md);height:auto;max-height:70vh;max-width:100%;object-fit:contain;width:auto}.screenshot-modal-footer{background-color:#f3f3f3;background-color:var(--background-light);border-top:1px solid #ccc;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.screenshot-modal-download,.screenshot-modal-new-tab{align-items:center;background-color:#f0f0f0;background-color:var(--button-default-bg);border:1px solid #ccc;border:1px solid var(--border-color);border-radius:6px;color:#333;color:var(--button-default-text);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s ease}.screenshot-modal-download:hover,.screenshot-modal-new-tab:hover{background-color:#e9e9eed1;background-color:var(--background-extra-light);border-color:#007acc;border-color:var(--primary-color);transform:translateY(-1px)}.screenshot-modal-download:active,.screenshot-modal-new-tab:active{transform:translateY(0)}.vscode-dark .screenshot-modal-overlay,[data-theme=dark] .screenshot-modal-overlay{background-color:#000000e6}@media (max-width:768px){.screenshot-modal{margin:10px;max-height:95vh;max-width:95vw}.screenshot-modal-header{padding:12px 16px}.screenshot-modal-header h3{font-size:16px}.screenshot-modal-content{padding:16px}.screenshot-modal-image{max-height:60vh}.screenshot-modal-footer{flex-direction:column;padding:12px 16px}.screenshot-modal-download,.screenshot-modal-new-tab{justify-content:center;width:100%}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.screenshot-modal{animation:modalFadeIn .2s ease-out}.modern-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:2rem}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1.5rem 2rem}.header-left .modern-back-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.header-left .modern-back-button:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 4px 0 #0000001a;transform:translateY(-1px)}.back-icon{height:1rem;width:1rem}.header-center{flex:1 1;padding:0 2rem;text-align:center}.title-container{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:.5rem}.modern-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.875rem;font-weight:700;margin:0}.star-icon{color:#fbbf24;font-size:1.5rem}.star-toggle{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .2s ease}.star-toggle:hover{background:#fbbf241a;color:#fbbf24}.star-toggle.starred{color:#fbbf24}.test-run-description{color:#64748b;font-size:1rem;font-style:italic;margin:0}.header-right .modern-refresh-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.header-right .modern-refresh-button:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.header-right .modern-refresh-button:disabled{cursor:not-allowed;opacity:.6}.refresh-icon{height:1rem;width:1rem}.modern-info-section{margin-bottom:2rem}.info-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.info-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.info-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px 0 #0000001a;transform:translateY(-2px)}.info-card-icon{align-items:center;background:linear-gradient(135deg,#e0f2fe,#b3e5fc);border-radius:10px;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.info-card-icon svg{color:#0284c7;height:1.5rem;width:1.5rem}.info-card-content{flex:1 1;min-width:0}.info-card-label{color:#64748b;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.info-card-value{color:#1e293b;font-size:1.125rem;font-weight:600}.info-card-subvalue{color:#64748b;font-size:.875rem;margin-top:.25rem}.status-badge{border-radius:6px;font-size:.875rem;padding:.25rem .75rem}.status-badge.enabled{background:#dcfce7;color:#166534}.status-badge.disabled{background:#fef2f2;color:#991b1b}.tags-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:1.5rem}.tags-section h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:linear-gradient(135deg,#f0f9ff,#e0f7fa);border:1px solid #bae6fd;border-radius:6px;color:#0c4a6e;font-size:.875rem;font-weight:500;padding:.375rem .75rem}.modern-scenarios-section{margin-bottom:2rem}.section-header{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:1.5rem}.section-header h2{align-items:center;display:flex;font-weight:700;gap:.75rem;margin:0}.section-icon{color:#3b82f6;height:1.5rem;width:1.5rem}.summary-cards{gap:1rem}.summary-card{align-items:center;box-shadow:0 1px 3px 0 #0000001a;display:flex;flex-direction:column;min-width:80px;padding:.75rem 1rem}.summary-card.total{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #cbd5e1}.summary-card.passed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac}.summary-card.failed{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #fca5a5}.summary-card.error{background:linear-gradient(135deg,#fff7ed,#fed7aa);border:1px solid #fdba74}.summary-card.not-executed{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #d1d5db}.summary-label{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.summary-value{color:#1e293b;font-size:1.5rem;font-weight:700;margin-top:.25rem}.scenarios-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.scenario-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;overflow:hidden;transition:all .2s ease}.scenario-card:hover{box-shadow:0 4px 12px 0 #0000001a;transform:translateY(-2px)}.scenario-card.passed{border-left:4px solid #22c55e}.scenario-card.failed{border-left:4px solid #ef4444}.scenario-card.error{border-left:4px solid #f97316}.scenario-card.not-executed{border-left:4px solid #94a3b8}.scenario-card-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.scenario-title-section{flex:1 1;min-width:0}.scenario-name{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.scenario-meta{display:flex;flex-direction:column;gap:.25rem}.last-update-time{color:#64748b;font-size:.875rem}.scenario-status-section{flex-shrink:0}.modern-status-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;min-width:120px;padding:.5rem .75rem;transition:all .2s ease}.modern-status-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.status-readonly .status-badge{border-radius:6px;display:inline-block;font-size:.875rem;font-weight:500;min-width:120px;padding:.5rem .75rem;text-align:center}.status-badge.passed{background:#dcfce7;border:1px solid #86efac;color:#166534}.status-badge.failed{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.status-badge.error{background:#fff7ed;border:1px solid #fdba74;color:#9a3412}.status-badge.not-executed{background:#f9fafb;border:1px solid #d1d5db;color:#374151}.scenario-stats{padding:0 1.5rem 1rem}.stats-grid{display:flex;flex-wrap:wrap;gap:.75rem}.stat-item{border-radius:6px;font-size:.875rem;font-weight:500;gap:.375rem;padding:.375rem .75rem}.stat-item.passed{background:#dcfce7;color:#166534}.stat-item.failed{background:#fef2f2;color:#991b1b}.stat-item.error{background:#fff7ed;color:#9a3412}.stat-item.unknown{background:#f9fafb;color:#374151}.stat-icon{height:1rem;width:1rem}.scenario-card-footer{background:#f8fafc;border-top:1px solid #f1f5f9;padding:1.5rem}.scenario-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.expand-steps-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.expand-steps-button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.expand-steps-button:disabled{cursor:not-allowed;opacity:.5}.expand-steps-button.expanded .expand-icon{transform:rotate(180deg)}.expand-icon{height:1rem;transition:transform .2s ease;width:1rem}.step-count{color:#64748b;font-size:.75rem}.media-actions{display:flex;gap:.5rem}.media-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.media-button:hover{background:#f8fafc;border-color:#cbd5e1}.media-button svg{height:1rem;width:1rem}.screenshot-button:hover{background:#fef3c7;border-color:#fbbf24;color:#92400e}.video-button:hover{background:#dbeafe;border-color:#3b82f6;color:#1d4ed8}.error-section{background:#fef2f2;border:1px solid #fecaca;margin-top:1rem}.error-header{align-items:center;color:#991b1b;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.error-icon{height:1rem;width:1rem}.error-message{background:#fff;border:1px solid #fca5a5;color:#7f1d1d;font-size:.875rem;margin:0;overflow-x:auto;white-space:pre-wrap}.steps-expansion{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.steps-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.steps-header h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.steps-count{background:#f1f5f9;border-radius:4px;color:#64748b;padding:.25rem .75rem}.steps-container{display:flex;flex-direction:column;gap:.75rem}.step-row{grid-gap:1rem;align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:1rem;grid-template-columns:auto 1fr auto auto;padding:1rem}.step-row.passed{border-left:3px solid #22c55e}.step-row.failed{border-left:3px solid #ef4444}.step-row.error{border-left:3px solid #f97316}.step-row.unknown{border-left:3px solid #94a3b8}.step-number{background:#f1f5f9;color:#475569;flex-shrink:0;font-size:.875rem;height:2rem;width:2rem}.step-content{flex:1 1;min-width:0}.step-description{margin-bottom:.5rem}.step-action{color:#1e293b;font-weight:500}.step-timestamp{color:#64748b;margin-left:.5rem}.automated-step-details,.manual-step-details{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.actual-result,.expected-result,.step-locator,.step-message,.step-notes{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;font-size:.875rem;padding:.5rem}.actual-result strong,.expected-result strong,.step-locator strong,.step-message strong,.step-notes strong{color:#475569;display:block;margin-bottom:.25rem}.step-locator code{background:#1e293b;border-radius:3px;color:#e2e8f0;font-size:.75rem;padding:.125rem .375rem}.step-screenshot,.step-status{align-self:flex-start}.screenshot-thumb{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.screenshot-thumb:hover{background:#fef3c7;border-color:#fbbf24;color:#92400e}.screenshot-thumb svg{height:1rem;width:1rem}.modern-steps-container{background:#fff;background:var(--card-bg-color);border:1px solid #ccc;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 10px #0000001f;box-shadow:var(--shadow-md);margin-top:1rem;padding:1.5rem}.steps-header{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color-light);margin-bottom:1.5rem;padding-bottom:1rem}.steps-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.steps-title-section h4{align-items:center;color:#333;color:var(--text-color-primary);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0}.steps-summary{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.steps-count{color:#666;color:var(--text-color-secondary);font-size:.875rem;font-weight:500}.stat-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.025em;padding:.25rem .5rem;text-transform:uppercase}.stat-badge.passed{background:#4caf501a;border:1px solid #4caf5033;color:#4caf50}.stat-badge.failed{background:#f443361a;border:1px solid #f4433633;color:#f44336}.stat-badge.error{background:#ff70431a;border:1px solid #ff704333;color:#ff7043}.modern-steps-grid{display:flex;flex-direction:column;gap:1.5rem}.modern-step-card{background:#f3f3f3;background:var(--background-light);border:2px solid #e0e0e0;border:2px solid var(--border-color-light);border-radius:12px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.modern-step-card:before{background:#9e9e9e;background:var(--neutral-color);content:"";height:100%;left:0;position:absolute;top:0;transition:background-color .3s ease;width:4px}.modern-step-card.passed:before{background:#4caf50;background:var(--success-color)}.modern-step-card.failed:before{background:#e74c3c;background:var(--danger-color)}.modern-step-card.error:before{background:#ffc107;background:var(--warning-color)}.modern-step-card:hover{border-color:#007acc;border-color:var(--primary-color);box-shadow:0 4px 10px #0000001f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.step-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color-light);justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.step-number-badge{align-items:center;background:#007acc;background:var(--primary-color);border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:1rem;font-weight:700;height:2.5rem;justify-content:center;width:2.5rem}.step-status-section{align-items:center;display:flex;gap:1rem}.step-status-badge{align-items:center;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.025em;padding:.5rem 1rem;text-transform:uppercase;transition:all .2s ease}.step-status-badge.passed{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.step-status-badge.failed{background:linear-gradient(135deg,#f44336,#e57373);color:#fff}.step-status-badge.error{background:linear-gradient(135deg,#ff7043,#ffab91);color:#fff}.step-status-badge.unknown{background:linear-gradient(135deg,#9e9e9e,#bdbdbd);color:#fff}.step-timestamp{align-items:center;background:#e9e9eed1;background:var(--background-extra-light);border:1px solid #e0e0e0;border:1px solid var(--border-color-light);border-radius:6px;color:#666;color:var(--text-color-secondary);display:flex;font-size:.75rem;gap:.25rem;padding:.25rem .5rem}.timestamp-icon{height:.875rem;width:.875rem}.step-content{display:flex;flex-direction:column;gap:1.25rem}.step-description-section h5{align-items:center;color:#333;color:var(--text-color-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 .5rem}.step-description{background:#fff;background:var(--card-bg-color);border:1px solid #e0e0e0;border:1px solid var(--border-color-light);border-radius:8px;color:#333;color:var(--text-color-primary);font-size:.925rem;font-weight:500;line-height:1.5;padding:.75rem}.manual-test-details{display:flex;flex-direction:column;gap:1rem}.results-comparison{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.results-comparison{grid-template-columns:1fr}}.actual-section,.expected-section{background:#fff;background:var(--card-bg-color);border:1px solid #e0e0e0;border:1px solid var(--border-color-light);border-radius:8px;padding:1rem}.expected-section{border-left:4px solid #4caf50;border-left:4px solid var(--success-color)}.actual-section{border-left:4px solid #2196f3;border-left:4px solid var(--info-color)}.action-section h6,.actual-section h6,.error-section h6,.expected-section h6,.locator-section h6,.message-section h6,.notes-section h6,.step-media-section h6{align-items:center;color:#333;color:var(--text-color-primary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.025em;margin:0 0 .5rem;text-transform:uppercase}.section-icon{color:#007acc;color:var(--primary-color);height:1rem;width:1rem}.actual-result,.expected-result,.step-action,.step-message,.step-notes{align-items:center;color:#333;color:var(--text-color-primary);display:flex;font-size:.875rem;line-height:1.5;min-height:2.5rem}.actual-result,.expected-result,.step-action,.step-locator,.step-message,.step-notes{background:#f3f3f3;background:var(--background-light);border:1px solid #e0e0e0;border:1px solid var(--border-color-light);border-radius:6px;padding:.75rem}.step-locator{color:#007acc;color:var(--primary-color);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;font-weight:500}.notes-section{background:#e9e9eed1;background:var(--background-extra-light);border:1px solid #e0e0e0;border-left:4px solid #ffc107;border:1px solid var(--border-color-light);border-left:4px solid var(--warning-color);border-radius:8px;padding:1rem}.automated-test-details .automation-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr}@media (max-width:768px){.automated-test-details .automation-info{grid-template-columns:1fr}}.action-section,.locator-section{background:#fff;background:var(--card-bg-color);border:1px solid #e0e0e0;border:1px solid var(--border-color-light);border-radius:8px;padding:1rem}.action-section{border-left:4px solid #007acc;border-left:4px solid var(--primary-color)}.locator-section{border-left:4px solid #2196f3;border-left:4px solid var(--info-color)}.message-section{background:#e9e9eed1;background:var(--background-extra-light);border:1px solid #e0e0e0;border-left:4px solid #2196f3;border:1px solid var(--border-color-light);border-left:4px solid var(--info-color);border-radius:8px;padding:1rem}.error-section{background:#f443360d;border:1px solid #f4433633;border-left:4px solid #e74c3c;border-left:4px solid var(--danger-color);border-radius:8px;padding:1rem}.error-details{background:#f443361a;border-radius:6px;padding:.75rem}.error-stack{color:#e74c3c;color:var(--danger-color);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;margin:0;white-space:pre-wrap;word-break:break-word}.step-media-section{background:#e9e9eed1;background:var(--background-extra-light);border:1px solid #e0e0e0;border-left:4px solid #007acc;border:1px solid var(--border-color-light);border-left:4px solid var(--primary-color);border-radius:8px;padding:1rem}.step-screenshots{display:flex;flex-wrap:wrap;gap:.75rem}.modern-screenshot-button{align-items:center;background:linear-gradient(135deg,#007acc,#005f99);background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark));border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.modern-screenshot-button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.modern-screenshot-button:active{transform:translateY(0)}.modern-screenshot-button.loading{cursor:not-allowed;opacity:.7}.screenshot-icon{height:1rem;width:1rem}.vscode-dark .modern-step-card,[data-theme=dark] .modern-step-card{background:#2d2d30;border-color:#404040}.vscode-dark .modern-step-card:hover,[data-theme=dark] .modern-step-card:hover{background:#333;border-color:#0e639c}.vscode-dark .actual-result,.vscode-dark .expected-result,.vscode-dark .step-action,.vscode-dark .step-description,.vscode-dark .step-message,.vscode-dark .step-notes,[data-theme=dark] .actual-result,[data-theme=dark] .expected-result,[data-theme=dark] .step-action,[data-theme=dark] .step-description,[data-theme=dark] .step-message,[data-theme=dark] .step-notes{background:#1e1e1e;border-color:#444;color:#d4d4d4}.vscode-dark .step-locator,[data-theme=dark] .step-locator{background:#1e1e1e;border-color:#444;color:#4fc3f7}.ai-discovery-container{background-color:var(--card-bg-color);border-radius:10px;box-shadow:var(--card-shadow);color:var(--text-color-primary);margin-top:0;padding:20px}.ai-discovery-container h2{border-bottom:2px solid var(--border-color);color:var(--primary-color);font-size:2.2rem;margin-bottom:20px;padding-bottom:10px}.input-section{background-color:var(--background-extra-light);border:1px solid var(--border-color-light);border-radius:6px;display:flex;flex-direction:column;gap:15px;margin-bottom:30px;padding:15px}.input-section label{color:var(--primary-color);font-weight:700;margin-bottom:5px}.input-section .prompt-textarea,.input-section input[type=text],.input-section input[type=url]{background-color:var(--input-background-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:inset 0 1px 3px #0000000d;box-sizing:border-box;color:var(--text-color-primary);font-size:1em;min-height:80px;padding:12px 15px;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease;width:100%}.input-section .prompt-textarea:focus,.input-section input[type=text]:focus,.input-section input[type=url]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.2),inset 0 1px 3px #00000014;outline:none}.input-section .prompt-textarea:disabled,.input-section input:disabled{background-color:var(--disabled-background-color);border-color:var(--border-color-light);box-shadow:none;color:var(--disabled-text-color);cursor:not-allowed}.note-text{color:var(--text-color-light);font-size:.8em;margin-bottom:10px;margin-top:-10px}.discover-button{align-self:flex-start;background-color:var(--primary-color);border:none;border-radius:8px;box-shadow:0 4px 10px rgba(var(--primary-color-rgb),.3);color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;padding:12px 25px;transition:background-color .3s ease,transform .1s ease,box-shadow .2s ease}.discover-button:hover{background-color:var(--primary-color-dark);box-shadow:0 6px 12px rgba(var(--primary-color-rgb),.4);transform:translateY(-1px)}.discover-button:disabled{background-color:var(--disabled-background-color);box-shadow:none;color:var(--disabled-text-color);cursor:not-allowed;transform:none}.spinner-container{align-items:center;color:var(--text-color-secondary);display:flex;flex-direction:column;font-size:1.1em;justify-content:center;margin:30px 0}.spinner{border-top:4px solid var(--border-color-light);border:4px solid var(--border-color-light);border-top-color:var(--primary-color);height:30px;margin-bottom:10px;width:30px}.browser-status-info,.no-suggestions,.scenarios-ready-message{background-color:var(--background-extra-light);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-sm);color:var(--text-color-primary);line-height:1.5;margin-top:20px;padding:20px;text-align:center}.browser-status-info p,.no-suggestions p,.scenarios-ready-message p{margin:5px 0}.scenarios-ready-message.success-message{background-color:rgba(var(--primary-color-rgb),.1);border-color:var(--primary-color);color:var(--text-color-primary);font-weight:700}.scenarios-ready-message.success-message h3{border-bottom:none;color:var(--primary-color-dark);font-size:1.3em;margin:0;padding-bottom:0}.no-suggestions.info-message{background-color:#ffc1071a;border-color:#ffc107;color:var(--text-color-primary)}.no-suggestions.info-message p strong{color:var(--primary-color-dark)}.scenario-suggestions{background-color:var(--background-extra-light);border:1px solid var(--border-color);border-radius:8px;margin-top:30px;padding:20px}.scenario-suggestions h3{border-bottom:1px dashed var(--border-color-light);color:var(--text-color-primary);margin-bottom:20px;padding-bottom:10px}.scenario-card{background-color:var(--background-light);border:1px solid var(--border-color-light);border-radius:8px;box-shadow:var(--shadow-sm);margin-bottom:20px;padding:20px}.scenario-card h4{color:var(--primary-color);font-size:1.2em;margin-bottom:10px;margin-top:0}.scenario-name-label{color:var(--text-color-primary);display:block;font-weight:700;margin-bottom:8px}.scenario-name-input{background-color:var(--input-background-color);border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:var(--text-color-primary);font-size:1em;margin-bottom:15px;min-height:60px;padding:10px 12px;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.scenario-name-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2);outline:none}.scenario-description{color:var(--text-color-secondary);font-size:.95em;margin-bottom:15px}.scenario-steps strong{color:var(--text-color-primary);display:block;margin-bottom:5px}.scenario-steps ul{color:var(--text-color-secondary);font-size:.9em;list-style:none;margin:0;padding:0}.scenario-steps li{background-color:var(--step-background-color);border:1px solid var(--step-border-color);border-radius:4px;margin-bottom:5px;padding:8px 10px}.scenario-actions{margin-top:15px;text-align:right}.scenario-actions .add-button{background-color:var(--primary-color);border:none;border-radius:8px;box-shadow:0 4px 10px rgba(var(--primary-color-rgb),.3);color:#fff;cursor:pointer;font-weight:700;padding:10px 18px;transition:background-color .3s ease,transform .1s ease,box-shadow .2s ease}.scenario-actions .add-button:hover{background-color:var(--primary-color-dark);box-shadow:0 6px 12px rgba(var(--primary-color-rgb),.4);transform:translateY(-1px)}.no-suggestions{background-color:var(--background-extra-light);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-color-secondary);font-style:italic;margin-top:30px;padding:20px;text-align:center}.scenario-steps-table{background-color:var(--step-background-color);border:1px solid var(--step-border-color);border-radius:4px;display:flex;flex-direction:column;gap:8px;margin-top:15px;padding:10px}.scenario-step-item{align-items:baseline;background-color:var(--background-light);border-radius:4px;box-shadow:var(--shadow-xs);display:flex;flex-wrap:wrap;font-size:.9em;gap:5px;padding:8px 10px}.step-action{color:var(--primary-color-dark);font-weight:700;margin-right:5px;min-width:60px}.step-locator{color:var(--text-color-primary);flex-grow:1}.step-value{background-color:var(--input-background-color);border-radius:3px;color:var(--text-color-secondary);font-family:Courier New,Courier,monospace;padding:3px 6px}@media (max-width:768px){.scenario-step-item{align-items:flex-start;flex-direction:column}}.module-selection{margin:15px 0}.module-dropdown select{border:1px solid #ccc;border-radius:4px;margin-right:10px;min-width:200px;padding:8px}.new-module-input{align-items:center;display:flex;gap:10px}.new-module-input input{border:1px solid #ccc;border-radius:4px;flex:1 1;padding:8px}.new-module-input button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.new-module-input button:last-child{background-color:#6c757d}.new-module-input button:hover{opacity:.9}.tag-section{margin:15px 0}.tag-input-container{display:flex;gap:10px;margin-bottom:10px}.tag-input{background-color:var(--input-background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color-primary);flex:1 1;font-size:14px;padding:8px 12px}.add-tag-button{background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.add-tag-button:hover{background-color:var(--primary-color-dark)}.tags-list{gap:8px;min-height:32px}.tag{background-color:var(--primary-color);border-radius:16px;display:inline-flex;font-size:14px;gap:6px;padding:4px 8px}.remove-tag,.tag{align-items:center;color:#fff}.remove-tag{background:none;border:none;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:0 2px;transition:opacity .2s}.remove-tag:hover{opacity:.8}.dashboard-container{animation:fadeIn .4s ease-in-out;display:flex;flex-direction:column;gap:24px;min-height:calc(100vh - var(--header-height) - 50px);padding:24px}.dashboard-container h2{letter-spacing:-.01em;margin-bottom:16px}.dashboard-container h1,.dashboard-container h2{color:var(--text-color-primary);color:var(--heading-color,var(--text-color-primary))}.dashboard-container h1{font-size:2.4rem;font-weight:800;letter-spacing:-.02em;margin-bottom:8px;margin-top:0}.no-projects-message{background-color:#fff8e6b3;border-left:4px solid #ffd56a;border-radius:8px;box-shadow:0 2px 8px #0000000d;color:#856404;margin:16px 0;padding:20px;text-align:left;transition:all .3s ease}.no-projects-message:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.no-projects-message p{color:var(--text-color-primary);font-weight:600;line-height:1.5;margin:0 0 20px}.dashboard-actions{flex-wrap:wrap;gap:16px;margin-bottom:32px}.dashboard-actions .secondary-button{align-items:center;background-color:var(--card-bg-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 5px #0000000d;color:var(--primary-color);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.dashboard-actions .secondary-button:hover{background-color:var(--background-color-hover);border-color:var(--primary-color);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.dashboard-actions .secondary-button:active{box-shadow:0 1px 3px #0000001a;transform:translateY(0)}.empty-state{box-shadow:0 8px 24px #00000014;margin:20px auto;max-width:650px;overflow:hidden;padding:50px;position:relative;transition:all .3s ease}.empty-state:after{background:linear-gradient(135deg,#ffffff26,#fff0);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.empty-state:hover{box-shadow:0 12px 28px #0000001f;transform:translateY(-5px)}.empty-state-icon{color:var(--primary-color);font-size:4rem;margin-bottom:24px;transition:transform .3s ease}.empty-state:hover .empty-state-icon{transform:scale(1.1)}.empty-state-title{color:var(--text-color-primary);font-size:2rem;font-weight:700;letter-spacing:-.01em}.empty-state-message{font-size:1.15rem;line-height:1.7;margin-left:auto;margin-right:auto;max-width:500px}.empty-state-button{box-shadow:0 2px 5px #00000014;font-size:1.05rem}.empty-state-button.primary{border:none;overflow:hidden;position:relative}.empty-state-button.primary:after{background:#ffffff1a;content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:opacity .5s ease;width:200%}.empty-state-button.primary:hover{background-color:var(--primary-color-dark);box-shadow:0 5px 15px #007bff66;box-shadow:0 5px 15px rgba(var(--primary-color-rgb,0,123,255),.4);transform:translateY(-3px)}.empty-state-button.primary:hover:after{animation:sheen 1.5s forwards;opacity:1}@keyframes sheen{0%{transform:rotate(45deg) translateX(-150%)}to{transform:rotate(45deg) translateX(150%)}}.empty-state-button.primary:active{box-shadow:0 2px 8px #007bff4d;box-shadow:0 2px 8px rgba(var(--primary-color-rgb,0,123,255),.3);transform:translateY(-1px)}.empty-state-button.secondary{background-color:var(--card-bg-color);border:1px solid var(--border-color);color:var(--text-color-primary);font-weight:500}.empty-state-button.secondary:hover{background-color:var(--secondary-bg-hover);border-color:#aaa;border-color:var(--border-color-dark,#aaa);box-shadow:0 5px 15px #00000014;color:var(--primary-color);transform:translateY(-3px)}.empty-state-button.secondary:active{box-shadow:0 2px 8px #0000000d;transform:translateY(-1px)}.client-overview,.project-overview{display:flex;flex-direction:column}.client-stats,.project-stats{border-bottom:1px solid var(--border-color-light);display:flex;justify-content:center;margin-bottom:20px;padding-bottom:15px}.stat{padding:0 15px;text-align:center}.stat-value{display:block;font-size:2.5rem}.stat-label{color:var(--text-color-secondary);font-size:.9rem}.client-list,.project-list{flex:1 1}.client-list h4,.project-list h4{color:var(--text-color-primary);font-size:1.2rem;font-weight:600;margin-bottom:12px}.client-list ul,.project-list ul{list-style-type:none;margin:0;padding:0}.client-item,.project-item{align-items:center;border-bottom:1px solid var(--border-color-light);display:flex;justify-content:space-between;padding:10px 0}.client-item:last-child,.project-item:last-child{border-bottom:none}.client-name,.project-name{color:var(--text-color-primary);font-weight:500}.project-name{color:var(--primary-color);text-decoration:none}.project-name:hover{text-decoration:underline}.client-admin,.project-users-count{color:var(--text-color-secondary);font-size:.9rem}.view-all-link{color:var(--primary-color);display:block;font-size:.95rem;font-weight:500;margin-top:15px;text-align:center;text-decoration:none}.view-all-link:hover{text-decoration:underline}.admin-actions{gap:10px;margin-top:10px}.admin-button{border-radius:4px;font-size:.9rem;padding:8px 16px;transition:background-color .2s}.admin-button:hover{background-color:var(--primary-color-dark)}.no-data-message{color:var(--text-color-secondary);padding:20px 0}.no-data-message a{color:var(--primary-color);font-weight:500;text-decoration:none}.no-data-message a:hover{text-decoration:underline}.empty-state-container{background-color:var(--card-bg-color);border:1px dashed var(--border-color-light);border-radius:10px;box-shadow:var(--card-shadow);margin-top:30px;padding:30px;text-align:center}.empty-state-container h3{color:var(--text-color-primary);font-size:1.5rem;margin-bottom:15px}.empty-state-container p{color:var(--text-color-secondary);font-size:1.1rem;margin-bottom:15px}.empty-state-container ul{color:var(--text-color-secondary);line-height:1.6;margin:15px auto;max-width:500px;text-align:left}.empty-state-container ul li{margin-bottom:10px}.dashboard-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.dashboard-card{background-color:var(--card-bg);box-shadow:0 2px 4px #0000001a;box-sizing:border-box;min-height:180px;padding:20px}.dashboard-card:hover{box-shadow:0 12px 25px #00000026;transform:translateY(-8px)}.card-header{margin-bottom:15px}.dashboard-card h3{color:var(--text-color-primary);font-size:1.3rem;margin:0}.card-icon{color:var(--primary-color);font-size:24px;line-height:1}.card-metric{color:var(--text-color);font-size:36px;font-weight:700;margin:10px 0}.card-metric-large{text-align:center}.dashboard-card.card-metric-large{align-items:flex-start}.dashboard-card.card-metric-large .card-metric{color:var(--primary-color);font-size:1.9rem;font-weight:900;margin:10px 0}.dashboard-card.card-metric-large .card-info{color:var(--text-color-secondary);font-size:.95rem}.scenario-mapping-list{max-height:320px;overflow-y:auto}.scenario-mapping-list .mapping-item summary{cursor:pointer;list-style:none}.scenario-mapping-list .mapping-item summary::-webkit-details-marker{display:none}.scenario-mapping-list .mapping-item summary:before{content:"\25B6";display:inline-block;font-size:10px;margin-right:6px;transition:transform .2s ease}.scenario-mapping-list .mapping-item[open] summary:before{transform:rotate(90deg)}.scenario-mapping-list ul.mapping-tests{margin:4px 0 0 18px;padding:0}.scenario-mapping-list ul.mapping-tests li{list-style:disc}.project-snapshot-card{align-items:center;text-align:center}.snapshot-main-metric{margin:15px 0}.snapshot-main-metric .metric-value{color:var(--primary-color);display:block;font-size:3.8rem;font-weight:700;line-height:1.1}.snapshot-main-metric .metric-description{color:var(--text-color-secondary);display:block;font-size:1rem}.snapshot-sub-details{align-items:center;border-top:1px solid var(--border-color-light);display:flex;justify-content:space-around;margin-top:15px;padding-top:15px;width:100%}.scenario-breakdown{align-items:center;display:flex;gap:15px}.modules-count{text-align:center}.modules-count .metric-value-small{color:var(--text-color-primary);display:block;font-size:1.8rem;font-weight:600}.modules-count .metric-description-small{color:var(--text-color-secondary);display:block;font-size:.85rem}.source-ai,.source-manual{border-radius:20px;font-size:.9rem;font-weight:500;gap:6px;padding:6px 12px}.source-manual{background-color:var(--primary-color-light);border:1px solid var(--primary-color);color:var(--primary-color-dark)}.source-ai{background-color:#e6f7f0;background-color:var(--success-color-light);border:1px solid #28a745;border:1px solid var(--success-color);color:#004d26;color:var(--success-color-dark)}:root{--success-color-light:#e6f7f0;--success-color-dark:#004d26;--success-color:#28a745}body.dark-theme-active .source-manual{background-color:var(--primary-color-dark);border-color:var(--primary-color-light);color:#e0f2fe;color:var(--primary-color-lightest)}body.dark-theme-active .source-ai{background-color:#004d26;background-color:var(--success-color-dark);border-color:#28a745;border-color:var(--success-color);color:#d1fae5;color:var(--success-color-lightest)}:root{--primary-color-lightest:#e0f2fe;--success-color-lightest:#d1fae5}.card-metric .passed-rate{color:#28a745}.card-metric .discovered-new{color:#007bff}.dashboard-card.card-chart{align-items:center;justify-content:space-between;min-height:300px}.dashboard-card.card-chart .chart-placeholder{align-items:flex-end;background-color:var(--chart-bg);border-radius:4px;display:flex;height:200px;justify-content:space-around;padding:10px}.chart-placeholder.bar-chart .bar{border-radius:4px 4px 0 0;transition:height .3s ease;width:40px}.chart-placeholder.bar-chart .passed-bar{background-color:#28a745}.chart-placeholder.bar-chart .failed-bar{background-color:var(--danger-color)}.chart-placeholder.bar-chart .skipped-bar{background-color:#ffc107}.chart-legend{color:var(--text-color);display:flex;font-size:14px;gap:15px;justify-content:center;margin-top:15px}.chart-placeholder.line-chart{background-color:initial;border:1px dashed var(--border-color);padding-top:20px;position:relative}.chart-placeholder.line-chart .line-segment{animation:drawLine 1s ease forwards;background-color:#2196f3;bottom:0;height:2px;position:absolute;transform-origin:left;width:100%}.chart-placeholder.line-chart .line-segment:nth-child(2n){transform:rotate(-30deg)}.dashboard-card.card-activity{grid-column:span 2;min-height:300px}.dashboard-card.card-activity h3{width:100%}.activity-list{flex-grow:1;list-style:none;margin:0;overflow-y:auto;padding:0;width:100%}.activity-item{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-color);display:flex;justify-content:space-between;padding:12px}.activity-item:last-child{border-bottom:none}.activity-item .activity-status{font-weight:700;min-width:80px;text-align:left}.activity-item .activity-name{color:var(--primary-color);flex-grow:1;font-weight:500}.activity-item .activity-time{font-size:.9em;margin-left:10px;opacity:.7;white-space:nowrap}.activity-item.execution .activity-status{color:#28a745}.activity-item.discovery .activity-status{color:#007bff}.activity-item.creation .activity-status{color:#ffc107}.activity-item.execution.Failed .activity-status{color:var(--danger-color)}body.dark-theme-active .dashboard-card h3{color:var(--text-color-primary)}body.dark-theme-active .dashboard-card .card-metric{color:var(--primary-color)}body.dark-theme-active .card-header{border-bottom-color:var(--border-color)}body.dark-theme-active .chart-placeholder{background-color:var(--background-light)}body.dark-theme-active .chart-placeholder.line-chart{border-color:var(--border-color)}body.dark-theme-active .chart-legend{color:var(--text-color-secondary)}body.dark-theme-active .activity-item{border-bottom-color:var(--border-color)}@media (max-width:1024px){.dashboard-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.dashboard-card.card-activity{grid-column:span 1}}@media (max-width:768px){.dashboard-container{padding:15px}.dashboard-grid{gap:15px;grid-template-columns:1fr}.dashboard-card.card-activity,.dashboard-card.card-chart{min-height:auto}}.card-breakdown{font-size:.9em;margin-top:10px}.card-breakdown p{display:flex;gap:15px;justify-content:space-around;margin:5px 0}.source-ai,.source-manual{align-items:center;border-radius:15px;display:inline-flex;gap:5px;padding:4px 8px}.source-manual{background-color:var(--primary-color);color:#fff}.source-ai{background-color:#34d399;color:#fff}.empty-state{animation:fadeIn .5s ease-out;background-color:var(--card-bg-color);border:1px dashed var(--border-color-light);border-radius:12px;box-shadow:var(--card-shadow);margin:40px auto;max-width:800px;padding:40px}.empty-state-icon{animation:bounce 2s ease infinite;font-size:64px}.empty-state-title{color:var(--primary-color);font-size:28px;margin-bottom:16px}.empty-state-message{color:var(--text-color-secondary);font-size:18px;line-height:1.6;margin-bottom:30px}.empty-state-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.empty-state-button{border-radius:8px;cursor:pointer;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.empty-state-button.primary{background-color:var(--primary-color);color:#fff}.empty-state-button.primary:hover{background-color:#045193;background-color:var(--primary-hover-color,#045193);transform:translateY(-2px)}.empty-state-button.secondary{background-color:initial;border:2px solid var(--primary-color);color:var(--primary-color)}.empty-state-button.secondary:hover{background-color:#0562a31a;transform:translateY(-2px)}.admin-actions{display:flex;margin-left:auto}.admin-button{align-items:center;background-color:var(--primary-color);border-radius:6px;color:#fff;display:inline-flex;font-weight:500;padding:10px 16px;text-decoration:none;transition:all .2s ease}.admin-button:hover{background-color:#045193;background-color:var(--primary-hover-color,#045193);transform:translateY(-2px)}.dashboard-header{background:var(--card-bg);box-shadow:var(--card-shadow);flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.25rem 1.5rem;position:relative}.dashboard-header h2{display:flex;flex-wrap:wrap;font-size:1.8rem;gap:12px}.back-to-projects,.dashboard-header h2{align-items:center;color:var(--primary-color)}.back-to-projects{background-color:#007bff1a;background-color:rgba(var(--primary-color-rgb,0,123,255),.1);border:none;border-radius:20px;cursor:pointer;display:inline-flex;font-size:.9rem;gap:6px;margin-left:12px;padding:5px 12px;text-decoration:none;transition:all .2s ease}.back-to-projects:hover{background-color:#007bff33;background-color:rgba(var(--primary-color-rgb,0,123,255),.2);transform:translateX(-3px)}.dashboard-header .project-selector-container{align-items:center;display:flex;gap:10px;margin:0}.dashboard-header .selector-group{margin-bottom:0}.action-buttons{flex-wrap:wrap;justify-content:center;margin-top:16px}.primary-action-button{align-items:center;background:linear-gradient(135deg,var(--primary-color),#0056b3);background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark,#0056b3));border:none;border-radius:8px;box-shadow:0 4px 15px #007bff4d;box-shadow:0 4px 15px rgba(var(--primary-color-rgb,0,123,255),.3);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.primary-action-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.primary-action-button:hover{background:linear-gradient(135deg,#0056b3,var(--primary-color));background:linear-gradient(135deg,var(--primary-color-dark,#0056b3),var(--primary-color));box-shadow:0 8px 25px #007bff66;box-shadow:0 8px 25px rgba(var(--primary-color-rgb,0,123,255),.4);color:#fff;transform:translateY(-3px)}.primary-action-button:hover:before{left:100%}.primary-action-button:active{box-shadow:0 4px 15px #007bff4d;box-shadow:0 4px 15px rgba(var(--primary-color-rgb,0,123,255),.3);transform:translateY(-1px)}.secondary-action-button{align-items:center;background-color:initial;border:2px solid var(--primary-color);border-radius:8px;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.secondary-action-button:before{background-color:var(--primary-color);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:-1}.secondary-action-button:hover{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 8px 25px #007bff4d;box-shadow:0 8px 25px rgba(var(--primary-color-rgb,0,123,255),.3);color:#fff;transform:translateY(-3px)}.secondary-action-button:hover:before{width:100%}.secondary-action-button:active{box-shadow:0 4px 15px #007bff33;box-shadow:0 4px 15px rgba(var(--primary-color-rgb,0,123,255),.2);transform:translateY(-1px)}body.dark-theme-active .primary-action-button{background:linear-gradient(135deg,#4dabf7,var(--primary-color));background:linear-gradient(135deg,var(--primary-color-light,#4dabf7),var(--primary-color));box-shadow:0 4px 15px #4dabf766;box-shadow:0 4px 15px rgba(var(--primary-color-rgb,77,171,247),.4);color:#000}body.dark-theme-active .primary-action-button:hover{background:linear-gradient(135deg,var(--primary-color),#4dabf7);background:linear-gradient(135deg,var(--primary-color),var(--primary-color-light,#4dabf7));box-shadow:0 8px 25px #4dabf780;box-shadow:0 8px 25px rgba(var(--primary-color-rgb,77,171,247),.5);color:#000}body.dark-theme-active .secondary-action-button{border-color:#4dabf7;border-color:var(--primary-color-light,#4dabf7);color:#4dabf7;color:var(--primary-color-light,#4dabf7)}body.dark-theme-active .secondary-action-button:before,body.dark-theme-active .secondary-action-button:hover{background-color:#4dabf7;background-color:var(--primary-color-light,#4dabf7)}body.dark-theme-active .secondary-action-button:hover{border-color:#4dabf7;border-color:var(--primary-color-light,#4dabf7);box-shadow:0 8px 25px #4dabf766;box-shadow:0 8px 25px rgba(var(--primary-color-rgb,77,171,247),.4);color:#000}@media (max-width:768px){.action-buttons{align-items:center;flex-direction:column;gap:10px}.primary-action-button,.secondary-action-button{font-size:.95rem;max-width:280px;padding:14px 20px;width:100%}}.enhanced-dashboard{background-color:var(--content-bg-color);color:var(--text-color-primary);min-height:calc(100vh - var(--header-height) - 50px);min-height:calc(100vh - var(--header-height) - var(--footer-height, 50px));padding:2rem}.enhanced-dashboard .dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.enhanced-dashboard .dashboard-header h1{color:var(--text-color-primary);font-size:2rem;font-weight:700;margin:0}.enhanced-dashboard .project-selector{align-items:center;display:flex;gap:.75rem}.enhanced-dashboard .project-selector select{background-color:var(--input-bg-color);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-color-primary);font-size:.9rem;min-width:150px;padding:.5rem 1rem}.enhanced-dashboard .dashboard-actions{display:flex;gap:1rem;margin-left:auto}.enhanced-dashboard .action-button{align-items:center;border-radius:.5rem;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;text-decoration:none;transition:all .2s ease}.enhanced-dashboard .action-button.primary{background-color:var(--primary-color);color:#fff}.enhanced-dashboard .action-button.primary:hover{background-color:var(--primary-color-dark)}.enhanced-dashboard .action-button.secondary{background-color:initial;border:1px solid var(--primary-color);color:var(--primary-color)}.enhanced-dashboard .action-button.secondary:hover{background-color:var(--primary-color-light)}.enhanced-dashboard .loading-container{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center}.enhanced-dashboard .error-message{align-items:center;background-color:#f443361a;border-left:4px solid #f44336;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;margin:2rem 0;padding:1.5rem}.enhanced-dashboard .error-message svg{color:#f44336;font-size:2rem}.enhanced-dashboard .error-message .retry-button{background-color:#f44336;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.2rem}.enhanced-dashboard .stats-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.enhanced-dashboard .stat-card{align-items:center;background-color:var(--card-bg-color);border-radius:1rem;box-shadow:0 4px 6px #0000000d;display:flex;gap:1.5rem;overflow:hidden;padding:1.5rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.enhanced-dashboard .stat-card:hover{box-shadow:0 6px 12px #00000014;transform:translateY(-2px)}.enhanced-dashboard .stat-card .stat-icon{align-items:center;background-color:var(--primary-color-light);border-radius:50%;color:var(--primary-color);display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.enhanced-dashboard .stat-card .stat-details{flex:1 1}.enhanced-dashboard .stat-card h3{color:var(--text-color-primary);font-size:2rem;font-weight:700;margin:0}.enhanced-dashboard .stat-card p{color:var(--text-color-secondary);font-size:.9rem;margin:0}.enhanced-dashboard .stat-card .stat-breakdown{display:flex;gap:1rem;margin-top:.5rem}.enhanced-dashboard .stat-breakdown .breakdown-item{align-items:center;display:flex;flex-direction:column}.enhanced-dashboard .breakdown-item .label{color:var(--text-color-secondary);font-size:.75rem}.enhanced-dashboard .breakdown-item .value{color:var(--text-color-primary);font-size:.9rem;font-weight:600}.enhanced-dashboard .progress-bar{background-color:#0000001a;border-radius:3px;height:6px;margin-top:.5rem;overflow:hidden;width:100%}.enhanced-dashboard .progress-value{height:100%;transition:width .3s ease}.enhanced-dashboard .success-icon{color:#4caf50}.enhanced-dashboard .warning-icon{color:#ffc107}.enhanced-dashboard .danger-icon{color:#f44336}.enhanced-dashboard .charts-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.enhanced-dashboard .chart-card{background-color:var(--card-bg-color);border-radius:1rem;box-shadow:0 4px 6px #0000000d;min-height:350px;padding:1.5rem;position:relative}.enhanced-dashboard .chart-area{height:250px;position:relative}.enhanced-dashboard .chart-legend{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.enhanced-dashboard .legend-item{align-items:center;display:flex;gap:.75rem}.enhanced-dashboard .legend-color{border-radius:4px;height:16px;width:16px}.enhanced-dashboard .legend-text{display:flex;flex:1 1;justify-content:space-between}.enhanced-dashboard .legend-value{font-weight:600}.enhanced-dashboard .chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.enhanced-dashboard .chart-header h3{font-size:1.1rem;margin:0}.enhanced-dashboard .time-range-selector{display:flex;gap:.25rem}.enhanced-dashboard .time-range-selector button{background:#0000;border:1px solid var(--border-color);border-radius:4px;color:var(--text-color-secondary);cursor:pointer;font-size:.8rem;padding:.3rem .6rem;transition:all .2s ease}.enhanced-dashboard .time-range-selector button.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.enhanced-dashboard .dashboard-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.enhanced-dashboard .card{background-color:var(--card-bg-color);border-radius:1rem;box-shadow:0 4px 6px #0000000d;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.enhanced-dashboard .card:hover{box-shadow:0 6px 12px #00000014;transform:translateY(-2px)}.enhanced-dashboard .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.enhanced-dashboard .card-header h3{font-size:1.1rem;margin:0}.enhanced-dashboard .card-icon{align-items:center;background-color:var(--primary-color-light);border-radius:50%;color:var(--primary-color);display:flex;font-size:1.3rem;height:40px;justify-content:center;width:40px}.enhanced-dashboard .last-test-run .run-details h4{color:var(--text-color-primary);font-size:1.1rem;margin:0 0 1rem}.enhanced-dashboard .last-test-run .pass-rate-indicator{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.enhanced-dashboard .last-test-run .pass-rate-label{color:var(--text-color-secondary);font-size:.9rem}.enhanced-dashboard .last-test-run .pass-rate-value{font-size:1.1rem;font-weight:700}.enhanced-dashboard .last-test-run .pass-rate-value.success{color:#4caf50}.enhanced-dashboard .last-test-run .pass-rate-value.warning{color:#ffc107}.enhanced-dashboard .last-test-run .pass-rate-value.danger{color:#f44336}.enhanced-dashboard .test-stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.enhanced-dashboard .test-stat{align-items:center;background-color:var(--background-color);border-radius:.5rem;display:flex;font-size:.9rem;justify-content:space-between;padding:.5rem .75rem}.enhanced-dashboard .test-stat.passed .stat-value{color:#4caf50}.enhanced-dashboard .test-stat.failed .stat-value{color:#f44336}.enhanced-dashboard .test-stat.skipped .stat-value{color:#ffc107}.enhanced-dashboard .run-timestamp{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.85rem;gap:.5rem;margin-bottom:1rem}.enhanced-dashboard .create-run-button,.enhanced-dashboard .view-details-button{background-color:var(--primary-color);border-radius:.5rem;color:#fff;display:block;font-weight:600;margin-top:1rem;padding:.75rem;text-align:center;text-decoration:none;transition:background-color .2s ease}.enhanced-dashboard .create-run-button:hover,.enhanced-dashboard .view-details-button:hover{background-color:var(--primary-color-dark)}.enhanced-dashboard .no-activity,.enhanced-dashboard .no-failing-scenarios,.enhanced-dashboard .no-run-data{color:var(--text-color-secondary);padding:2rem 0;text-align:center}.enhanced-dashboard .failing-scenarios-list{display:flex;flex-direction:column;gap:1rem}.enhanced-dashboard .failing-scenario-item{background-color:var(--background-color);border-radius:.5rem;padding:1rem}.enhanced-dashboard .scenario-name{font-weight:600;margin-bottom:.75rem}.enhanced-dashboard .failure-metrics{align-items:center;display:flex;justify-content:space-between}.enhanced-dashboard .failure-rate{align-items:center;display:flex;flex:1 1;gap:.75rem}.enhanced-dashboard .failure-bar{background-color:#0000001a;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.enhanced-dashboard .failure-value{background-color:#f44336;height:100%}.enhanced-dashboard .failure-percentage{color:#f44336;font-weight:600;min-width:40px;text-align:right}.enhanced-dashboard .last-run-date{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.8rem;gap:.4rem}.enhanced-dashboard .activity-list{display:flex;flex-direction:column;gap:.75rem}.enhanced-dashboard .activity-item{background-color:var(--background-color);border-radius:.5rem;padding:.75rem}.enhanced-dashboard .activity-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.enhanced-dashboard .activity-name{font-weight:500}.enhanced-dashboard .activity-status{border-radius:1rem;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.enhanced-dashboard .activity-status.passed{background-color:#4caf501a;color:#4caf50}.enhanced-dashboard .activity-status.failed{background-color:#f443361a;color:#f44336}.enhanced-dashboard .activity-status.error{background-color:#ff98001a;color:#ff9800}.enhanced-dashboard .activity-status.running{background-color:#2196f31a;color:#2196f3}.enhanced-dashboard .activity-timestamp{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.8rem;gap:.4rem}.enhanced-dashboard .dashboard-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem}.enhanced-dashboard .last-updated{color:var(--text-color-secondary);font-size:.85rem}.enhanced-dashboard .refresh-button{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-color-primary);cursor:pointer;font-weight:500;padding:.6rem 1.2rem;transition:all .2s ease}.enhanced-dashboard .refresh-button:hover{background-color:var(--background-color-hover)}.enhanced-dashboard.dark .card,.enhanced-dashboard.dark .chart-card,.enhanced-dashboard.dark .stat-card{background-color:#2d3748}.enhanced-dashboard.dark .stat-card .stat-icon{background-color:#4299e133}.enhanced-dashboard.dark .activity-timestamp,.enhanced-dashboard.dark .breakdown-item .label,.enhanced-dashboard.dark .last-run-date,.enhanced-dashboard.dark .last-updated,.enhanced-dashboard.dark .run-timestamp,.enhanced-dashboard.dark .stat-card p{color:#a0aec0}.enhanced-dashboard.dark .activity-item,.enhanced-dashboard.dark .failing-scenario-item,.enhanced-dashboard.dark .test-stat{background-color:#4a5568}.enhanced-dashboard.dark .refresh-button{background-color:#4a5568;border-color:#718096}@media (max-width:768px){.enhanced-dashboard{padding:1rem}.enhanced-dashboard .dashboard-header{align-items:flex-start;flex-direction:column}.enhanced-dashboard .dashboard-actions{margin-left:0;width:100%}.enhanced-dashboard .stats-overview{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.enhanced-dashboard .charts-container{grid-template-columns:1fr}.enhanced-dashboard .card-header{flex-wrap:wrap}.enhanced-dashboard .project-selector{width:100%}.enhanced-dashboard .project-selector select{flex:1 1}}@media (max-width:576px){.enhanced-dashboard .dashboard-actions{flex-direction:column}.enhanced-dashboard .action-button{width:100%}}.loader-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.loader-container.full-screen{background-color:#ffffffe6;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.loader{position:relative}.loader.small{height:30px;width:30px}.loader.medium{height:50px;width:50px}.loader.large{height:70px;width:70px}.spinner{border:4px solid #0000001a;border-top-color:#3498db;height:100%;width:100%}.loader-message{color:#333;font-size:16px;margin-top:15px;text-align:center}.dark .loader-container.full-screen{background-color:#1e1e1ee6}.dark .spinner{border:4px solid #ffffff1a;border-top-color:#61dafb}.dark .loader-message{color:#f0f0f0}.test-management{min-height:100vh}.test-management .container{margin:0 auto;max-width:1400px}.test-management .header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.test-management h2{color:var(--primary-color);font-size:2.2rem;font-weight:600;margin:0}.project-selector{align-items:center;background-color:var(--colorWhite);display:flex;gap:10px;justify-content:flex-end;padding:.5rem 1rem}.project-selector label{color:var(--text-color);font-weight:500}.form-select{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:14px;min-width:200px;padding:8px 12px}.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1);outline:none}.tabs{background:rgba(var(--primary-color-rgb),.02);background:#fff!important;border-bottom:2px solid var(--border-color);border-radius:8px 8px 0 0;display:flex;display:flex!important;flex-wrap:nowrap;gap:4px;justify-content:flex-start;margin-bottom:30px;min-height:60px;min-height:80px!important;overflow-x:auto;overflow:visible!important;padding:8px;width:100%;width:100%!important}.tab{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-bottom:3px solid #0000;border-radius:6px 6px 0 0;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:8px;min-width:-webkit-fit-content;min-width:fit-content;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.tab:first-child{background-color:#ff6b6b!important;color:#fff!important}.tab:nth-child(2){background-color:#4ecdc4!important;color:#fff!important}.tab:hover{background-color:var(--hover-color);border-color:var(--primary-color);box-shadow:0 4px 8px rgba(var(--primary-color-rgb),.15);color:var(--text-color);transform:translateY(-2px)}.tab.active{background-color:rgba(var(--primary-color-rgb),.1);border-bottom-color:var(--primary-color);border-color:var(--primary-color);color:var(--primary-color);font-weight:600}.tab-content{background:var(--card-background);border:1px solid var(--border-color);border-radius:0 0 8px 8px;border-top:none;min-height:400px;padding:20px}.test-dashboard .dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.dashboard-header h3{color:var(--text-color);margin:0}.project-info{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:14px;padding:8px 16px}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.stats-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.stats-card h4{color:var(--primary-color);font-size:1.2rem;margin:0 0 20px}.stat-item{margin-bottom:16px}.stat-label{color:#000}.stat-value{color:var(--primary-color);font-size:1.8rem}.stat-breakdown{border-top:1px solid var(--border-color);padding-top:16px}.stat-row{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.stat-row:first-child{color:var(--text-secondary)}.quick-actions{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:30px}.action-button{align-items:center;display:flex;font-size:14px;gap:8px;justify-content:center;padding:16px 24px;text-align:center;text-decoration:none}.action-button.primary{background-color:var(--primary-color)}.action-button.secondary{background-color:var(--card-background);color:var(--text-color)}.action-button:hover{box-shadow:0 4px 12px #00000026}.section-header{gap:16px}.section-header h3{color:var(--text-color);font-size:1.5rem}.create-button{background:linear-gradient(135deg,#0562a3,#1e40af);border:none;border-radius:6px;color:#fff;cursor:pointer;float:right;font-weight:500;padding:10px 20px;transition:all .3s ease}.create-button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.ai-generate-button{background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-left:10px;padding:10px 20px;transition:all .3s ease}.ai-generate-button:hover{background:linear-gradient(135deg,#047857,#059669);box-shadow:0 4px 12px #0596694d;transform:translateY(-1px)}.ai-generate-button:disabled{background:#6b7280;cursor:not-allowed;opacity:.6;transform:none}.ai-generate-button:disabled:hover{background:#6b7280;box-shadow:none;transform:none}.filters,.filters-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000d;margin:25px 0;padding:20px;transition:all .3s ease}.filters-section:hover,.filters:hover{border-color:var(--primary-color);box-shadow:0 6px 20px rgba(var(--primary-color-rgb),.12);transform:translateY(-1px)}.filters-horizontal-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.filter-group{gap:4px;min-width:160px}.filter-group.search-filter{flex:2 1;max-width:150px}.filter-group.select-all-filter{align-self:flex-end;flex-shrink:0;min-width:auto;padding-bottom:4px}.filter-group label{color:var(--primary-color);font-size:.9em;font-weight:600;margin-bottom:4px}.fancy-input,.fancy-select,.filter-input,.filter-select,.search-input{background-color:var(--card-background);background-color:var(--input-background-color,var(--card-background));border:2px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000000a;color:var(--text-color);font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.fancy-input:focus,.fancy-select:focus,.filter-input:focus,.filter-select:focus,.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15),0 4px 12px rgba(var(--primary-color-rgb),.1);outline:none;transform:translateY(-1px)}.fancy-input::placeholder,.filter-input::placeholder,.search-input::placeholder{color:var(--text-secondary)}.fancy-select,.filter-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.fancy-select:hover,.filter-select:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.test-cases-list,.test-runs-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.test-case-card,.test-run-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;padding:20px;transition:all .3s ease}.test-case-card:hover,.test-run-card:hover{border-color:var(--primary-color);box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.test-case-card{align-items:flex-start;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;transition:all .2s ease}.test-case-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.test-case-card.selected{background-color:#2196f30d;background-color:var(--primary-background,#2196f30d);border-color:var(--primary-color)}.test-case-selector{align-items:flex-start;display:flex;padding-top:2px}.test-case-checkbox{accent-color:var(--primary-color)}.test-case-content{min-width:0}.test-case-header{gap:12px}.test-case-header h4{color:var(--text-color);flex:1 1;font-size:16px;font-weight:600;min-width:0;word-break:break-word}.test-case-meta{color:var(--text-secondary);flex-wrap:wrap;font-size:13px;gap:16px;margin-bottom:12px}.test-case-actions{flex-wrap:wrap}.section-header{margin-bottom:20px}.header-actions,.section-header{flex-wrap:wrap;gap:15px}.bulk-actions{align-items:center;display:flex;gap:10px;position:relative}.selected-count{background-color:#2196f31a;background-color:var(--primary-background,#2196f31a);border-radius:4px;color:var(--primary-color);font-size:14px;font-weight:500;padding:4px 8px}.bulk-action-btn{background-color:#6c757d;background-color:var(--secondary-color,#6c757d);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s ease}.bulk-action-btn:hover{background-color:#5a6268;background-color:var(--secondary-hover,#5a6268)}.bulk-actions-dropdown{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:180px;position:absolute;right:0;top:100%;z-index:1000}.bulk-action-item{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.bulk-action-item:hover:not(:disabled){background-color:#0000000d;background-color:var(--hover-background,#0000000d)}.bulk-action-item:disabled{cursor:not-allowed;opacity:.6}.bulk-action-item.clear{border-top:1px solid var(--border-color);color:#dc3545;color:var(--danger-color,#dc3545)}.bulk-action-item.clear:hover:not(:disabled){background-color:#dc35451a;background-color:var(--danger-background,#dc35451a)}.select-all-checkbox{align-items:center;background-color:#00000005;background-color:var(--background-extra-light,#00000005);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:8px 12px;transition:all .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.select-all-checkbox:hover{background-color:rgba(var(--primary-color-rgb),.05);background-color:var(--hover-background,rgba(var(--primary-color-rgb),.05));border-color:var(--primary-color)}.select-all-checkbox input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.select-all-checkbox span{color:var(--text-color);font-weight:500}.test-run-progress{margin-bottom:16px}.progress-bar{background-color:var(--border-color);margin-bottom:8px}.progress-fill{background-color:var(--primary-color)}.progress-text{color:var(--text-secondary);font-size:12px;font-weight:500}.test-case-actions,.test-run-actions{display:flex;flex-wrap:wrap;gap:8px}.action-btn{background-color:var(--background-color);border:none;font-size:12px;font-weight:500}.action-btn:hover{background-color:var(--hover-color);transform:translateY(-1px)}.action-btn.edit{border-color:#3b82f6;color:#3b82f6}.action-btn.view{border-color:#6b7280;color:#6b7280}.action-btn.execute{border-color:#059669;color:#059669}.action-btn.start{border-color:#dc2626;color:#dc2626}.action-btn.edit:hover{background-color:#eff6ff}.action-btn.view:hover{background-color:#f9fafb}.action-btn.execute:hover{background-color:#ecfdf5}.action-btn.start:hover{background-color:#fee2e2}.modal-overlay{background-color:#00000080}.modal-content{background:var(--card-background);border-radius:12px;box-shadow:0 20px 50px #0003}.modal-content.large{max-width:1000px}.modal-content.medium{max-width:600px;width:90vw}.modal-header{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding:24px 24px 0}.modal-header h3{color:var(--text-color)}.close-btn{color:var(--text-secondary);transition:all .2s ease}.close-btn:hover{background-color:var(--hover-color);color:var(--text-color)}.modal-body{padding:0 24px 24px}.export-section,.import-section{display:flex;flex-direction:column;gap:20px}.info-section{background:var(--background-light);border-left:4px solid var(--primary-color);padding:16px}.info-section h4{color:var(--primary-color);font-size:1.1rem;margin:0 0 12px}.info-section ul{margin:12px 0;padding-left:20px}.info-section li{color:var(--text-color-secondary);margin:6px 0}.template-btn{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:12px;padding:8px 16px;transition:background-color .2s}.template-btn:hover{background:var(--primary-color-dark)}.file-selection{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:16px}.file-selection h4{color:var(--text-color);margin:0 0 12px}.file-input{background:var(--background-light);border:2px dashed var(--border-color);border-radius:6px;cursor:pointer;padding:8px;transition:border-color .2s;width:100%}.file-input:hover{border-color:var(--primary-color)}.file-info{align-items:center;background:var(--background-light);border-radius:6px;display:flex;gap:12px;margin-top:12px;padding:8px 12px}.validate-btn{background:var(--success-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 12px}.validate-btn:disabled{cursor:not-allowed;opacity:.6}.validation-results{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:16px}.validation-results h4{color:var(--text-color);margin:0 0 12px}.validation-summary{border-radius:6px;margin-bottom:12px;padding:12px}.validation-summary.valid{background:var(--success-background);border:1px solid var(--success-color)}.validation-summary.invalid{background:var(--error-background);border:1px solid var(--error-color)}.validation-stats{display:flex;flex-wrap:wrap;gap:16px}.validation-stats .stat{font-size:.9rem;font-weight:500}.validation-errors{margin-top:12px}.validation-errors h5{color:var(--error-color);margin:0 0 8px}.validation-errors ul{margin:0;max-height:150px;overflow-y:auto;padding-left:20px}.validation-errors li{color:var(--text-color-secondary);font-size:.9rem;margin:4px 0}.format-selection{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:16px}.format-selection h4{color:var(--text-color);margin:0 0 12px}.radio-group{display:flex;flex-wrap:wrap;gap:16px}.radio-group label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:8px}.radio-group input[type=radio]{accent-color:var(--primary-color)}.filter-selection{background:var(--background-light);border-radius:8px;padding:16px}.filter-selection h4{color:var(--text-color);margin:0 0 12px}.filters-grid{grid-gap:16px;gap:16px;margin-bottom:16px}.filter-group{gap:6px}.filter-group label{color:var(--text-color-secondary);font-size:.9rem}.filter-group select{background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:.9rem;padding:8px 12px}.checkbox-group{flex-direction:column;gap:8px}.checkbox-group label{font-weight:500;gap:8px}.checkbox-group input[type=checkbox]{accent-color:var(--primary-color)}.export-summary{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:16px}.export-summary h4{color:var(--text-color);margin:0 0 12px}.export-summary p{color:var(--text-color-secondary);margin:6px 0}.export-summary strong{color:var(--text-color)}.test-cases-hierarchy{position:relative}.test-cases-hierarchy.has-scrollable-content:before{background:linear-gradient(180deg,#fff,#0000);background:linear-gradient(to bottom,var(--card-background,#fff),#0000);top:0}.test-cases-hierarchy.has-scrollable-content:after,.test-cases-hierarchy.has-scrollable-content:before{content:"";height:10px;left:0;pointer-events:none;position:-webkit-sticky;position:sticky;right:0;z-index:1}.test-cases-hierarchy.has-scrollable-content:after{background:linear-gradient(0deg,#fff,#0000);background:linear-gradient(to top,var(--card-background,#fff),#0000);bottom:0}.section-group .test-cases-grid.section-grid{background:#f8fafc80;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:16px}.module-content,.test-cases-grid,.test-cases-hierarchy{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.module-content:focus-within,.test-cases-grid:focus-within,.test-cases-hierarchy:focus-within{outline:2px solid #2563eb;outline:2px solid var(--primary-color,#2563eb);outline-offset:2px}.test-cases-hierarchy{margin-top:24px;min-height:200px;overflow-x:hidden;overflow-y:auto;padding:0;scroll-padding-bottom:20px;scroll-padding-top:20px;scrollbar-color:#2563eb #f8fafc;scrollbar-color:var(--primary-color,#2563eb) var(--background-color,#f8fafc);scrollbar-width:thin}.test-cases-hierarchy:hover{scrollbar-color:#1e40af #f8fafc;scrollbar-color:var(--primary-color-dark,#1e40af) var(--background-color,#f8fafc)}.test-cases-hierarchy::-webkit-scrollbar{width:10px}.test-cases-hierarchy::-webkit-scrollbar-track{background:#fff;background:var(--card-background,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:5px;margin:4px}.test-cases-hierarchy::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2563eb,#1e40af);background:linear-gradient(135deg,var(--primary-color,#2563eb),var(--primary-color-dark,#1e40af));border:1px solid #fff3;border-radius:5px;-webkit-transition:all .2s ease;transition:all .2s ease}.test-cases-hierarchy::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1e40af,#2563eb);background:linear-gradient(135deg,var(--primary-color-dark,#1e40af),var(--primary-color,#2563eb));box-shadow:0 2px 4px #0003;transform:scale(1.1)}.test-type-selector{margin-top:8px}.test-type-selector .radio-group{display:flex;flex-wrap:wrap;gap:18px}.test-type-selector .radio-option{align-items:flex-start;background:#fff;background:var(--card-background,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:12px;box-shadow:0 2px 4px #0000000a;cursor:pointer;display:flex;flex-direction:column;gap:4px;max-width:280px;min-width:240px;padding:14px 18px 16px;position:relative;transition:all .25s ease}.test-type-selector .radio-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.test-type-selector .radio-option:hover{border-color:#2563eb;border-color:var(--primary-color,#2563eb);box-shadow:0 4px 14px -2px #2563eb2e;transform:translateY(-2px)}.test-type-selector .radio-option.selected{background:linear-gradient(145deg,#2563eb14,#fff9);border-color:#2563eb;border-color:var(--primary-color,#2563eb);box-shadow:0 4px 16px -4px #2563eb59}.test-type-selector .radio-option.automated-selected{background:linear-gradient(135deg,#0596691f,#10b98114)!important;border-color:#059669!important;box-shadow:0 4px 18px -4px #05966966,inset 0 1px 0 #ffffffe6}.test-type-selector .radio-option .radio-label{align-items:center;color:#111827;color:var(--text-color,#111827);display:flex;font-size:14px;font-weight:600;gap:6px}.test-type-selector .radio-option.automated-selected .radio-label{color:#047857}.test-type-selector .radio-option .radio-description{color:#4b5563;color:var(--text-secondary,#4b5563);display:block;font-size:12px;line-height:1.3}.test-type-selector .radio-option.automated-selected:after{background:#059669;border-radius:12px;box-shadow:0 2px 4px #05966959;color:#fff;content:"AUTO";font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;position:absolute;right:10px;top:6px}.test-type-selector .radio-option:focus-within{outline:3px solid #2563eb59;outline-offset:2px}@media (prefers-color-scheme:dark){.test-type-selector .radio-option{background:#1f2937cc;border-color:#4b5563cc}.test-type-selector .radio-option.selected{background:linear-gradient(145deg,#2563eb40,#374151d9)}.test-type-selector .radio-option.automated-selected{background:linear-gradient(135deg,#05966959,#115e5966)!important;border-color:#10b981!important}.test-type-selector .radio-option .radio-description{color:#d1d5db}}.module-group{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;transition:all .3s ease}.module-group:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.module-header{background:linear-gradient(135deg,#0562a3,#1e40af);border-radius:8px 8px 0 0;box-shadow:0 2px 4px #0000001a;padding:15px 20px;transition:all .3s ease}.module-header:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 8px #00000026}.module-title{gap:12px}.expand-icon{display:inline-block;text-align:center;transition:transform .3s ease}.module-title h4{font-size:1.2rem;font-weight:600}.test-count{background-color:#ffffff40;border-radius:15px;font-size:.9rem;padding:4px 12px}.module-content{background-color:var(--card-background);max-height:600px;overflow-x:hidden;overflow-y:auto;padding:20px;scroll-behavior:smooth;scrollbar-color:#64748b #fff;scrollbar-color:var(--secondary-color,#64748b) var(--card-background,#fff);scrollbar-width:thin}.module-content::-webkit-scrollbar{width:6px}.module-content::-webkit-scrollbar-track{background:#fff;background:var(--card-background,#fff);border-radius:3px}.module-content::-webkit-scrollbar-thumb{background:#64748b;background:var(--secondary-color,#64748b);border-radius:3px;opacity:.6}.module-content::-webkit-scrollbar-thumb:hover{background:#475569;background:var(--secondary-color-dark,#475569);opacity:1}.section-group{margin-bottom:20px}.section-header-small{border-bottom:1px solid var(--border-light);margin-bottom:12px;padding-bottom:8px}.section-header-small h5{color:var(--text-secondary);font-size:.95rem;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.test-cases-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));max-height:550px;scroll-padding:20px;scrollbar-color:#3b82f6 #0000;scrollbar-color:var(--accent-color,#3b82f6) #0000}.test-cases-grid::-webkit-scrollbar{width:4px}.test-cases-grid::-webkit-scrollbar-thumb{background:#3b82f6;background:var(--accent-color,#3b82f6);border-radius:2px;opacity:.5}.test-case-card.modern{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 4px #0000000d;padding:16px;transition:all .3s ease}.test-case-card.modern:hover{border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.15);transform:translateY(-2px)}.test-case-card.modern.selected{background-color:rgba(var(--primary-color-rgb),.05);border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.test-case-selector{position:absolute;right:12px;top:12px;z-index:2}.test-case-checkbox{height:16px;width:16px}.test-case-content{display:flex;flex:1 1;flex-direction:column;gap:12px;margin-right:30px}.test-case-header{flex-direction:column;gap:8px}.test-case-title{color:var(--text-color);font-size:1.1rem;font-weight:600;line-height:1.3;margin:0}.test-case-badges{flex-wrap:wrap}.test-case-description{color:var(--text-secondary);font-size:.9rem}.test-case-description p{margin:0}.test-case-meta{grid-gap:8px;display:grid;font-size:.85rem;gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.meta-item{display:flex;flex-direction:column;gap:2px}.meta-label{color:var(--text-secondary);font-weight:500}.meta-value{color:var(--text-color);font-weight:600}.meta-value.status-draft{color:#6b7280}.meta-value.status-ready_for_review{color:#f59e0b}.meta-value.status-approved{color:#10b981}.meta-value.status-deprecated{color:#ef4444}.meta-value.status-archived{color:#6b7280}.test-case-actions{border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:space-between;margin-top:8px;padding-top:12px}.action-btn{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;flex:1 1;font-size:.8rem;gap:4px;justify-content:center;padding:6px 12px;transition:all .2s ease}.action-btn:hover{background:var(--hover-color);border-color:var(--primary-color)}.action-btn.view{border-color:var(--primary-color);color:var(--primary-color)}.action-btn.delete{border-color:#ef4444;color:#ef4444}.action-btn.view:hover{background:rgba(var(--primary-color-rgb),.1)}.action-btn.delete:hover{background:#ef44441a}.import-modal .modal-header.enhanced{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-bottom:none;border-radius:12px 12px 0 0;color:#fff;padding:20px 24px}.import-modal .header-content{align-items:center;display:flex;gap:16px}.import-modal .header-icon{font-size:2rem}.import-modal .header-text h3{color:#fff;font-size:1.5rem;margin:0}.import-modal .header-text p{font-size:.9rem;margin:4px 0 0;opacity:.9}.import-modal .close-btn{color:#fff;opacity:.8;transition:opacity .2s}.import-modal .close-btn:hover{background:#ffffff1a;opacity:1}.import-modal .import-body{padding:0}.import-modal .import-wizard{display:flex;flex-direction:column;gap:24px;padding:24px}.import-modal .import-step{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease}.import-modal .import-step:hover{border-color:var(--primary-color);box-shadow:0 8px 25px rgba(var(--primary-color-rgb),.1)}.import-modal .step-header{align-items:center;background:#00000005;background:var(--background-extra-light,#00000005);border-bottom:1px solid var(--border-color);display:flex;gap:16px;padding:16px}.import-modal .step-number{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:600;height:36px;justify-content:center;width:36px}.import-modal .step-title h4{color:var(--text-color);font-size:1.2rem;margin:0}.import-modal .step-title p{color:var(--text-secondary);font-size:.9rem;margin:2px 0 0}.import-modal .step-content{padding:20px}.import-modal .instructions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.import-modal .instruction-card{align-items:flex-start;background:#00000005;background:var(--background-extra-light,#00000005);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:16px;padding:16px}.import-modal .instruction-card .card-icon{font-size:1.8rem;margin-top:4px}.import-modal .instruction-card h5{color:var(--primary-color);font-size:1rem;margin:0 0 8px}.import-modal .instruction-card p{color:var(--text-secondary);font-size:.85rem;margin:0 0 12px}.import-modal .requirement-list{display:flex;flex-direction:column;gap:6px}.import-modal .requirement{align-items:center;display:flex;font-size:.9rem;gap:8px}.import-modal .req-icon{font-size:.8rem}.import-modal .requirement.mandatory .req-text{color:var(--text-color);font-weight:600}.import-modal .requirement.optional .req-text{color:var(--text-secondary)}.import-modal .template-buttons{display:flex;gap:12px;margin-top:12px}.import-modal .template-download-btn{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:10px;transition:all .2s ease}.import-modal .template-download-btn:hover{background:var(--hover-color);border-color:var(--primary-color);color:var(--primary-color)}.import-modal .template-download-btn .btn-icon{font-size:1.2rem}.import-modal .file-drop-zone{background:#00000003;background:var(--background-extra-light,#00000003);border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.import-modal .file-drop-zone:hover{background:rgba(var(--primary-color-rgb),.05);border-color:var(--primary-color)}.import-modal .file-drop-zone.has-file{background:rgba(var(--primary-color-rgb),.05);border-color:var(--primary-color);border-style:solid}.import-modal .file-input-hidden{display:none}.import-modal .file-drop-label{cursor:pointer;display:block}.import-modal .file-drop-content{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px}.import-modal .drop-icon{color:var(--primary-color);font-size:2.5rem}.import-modal .primary-text{color:var(--text-color);font-weight:600}.import-modal .supported-formats{display:flex;gap:8px;margin-top:8px}.import-modal .format-badge{background:var(--border-color);border-radius:4px;font-size:.75rem;font-weight:500;padding:2px 8px}.import-modal .file-selected{align-items:center;background:var(--card-background);border-radius:8px;display:flex;gap:16px;padding:12px;position:relative;text-align:left}.import-modal .file-icon{color:var(--primary-color);font-size:2rem}.import-modal .file-name{color:var(--text-color);font-weight:600}.import-modal .file-size,.import-modal .file-type{color:var(--text-secondary);font-size:.85rem}.import-modal .file-remove-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;position:absolute;right:8px;top:8px}.import-modal .file-actions{display:flex;justify-content:center;margin-top:16px}.import-modal .validate-file-btn{align-items:center;background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:background-color .2s}.import-modal .validate-file-btn:hover{background:var(--primary-hover)}.import-modal .validate-file-btn .btn-spinner{animation:spin 1s linear infinite}.import-modal .validation-dashboard{display:flex;flex-direction:column;gap:20px}.import-modal .validation-overview{align-items:center;background:#00000005;background:var(--background-extra-light,#00000005);border-radius:8px;display:flex;gap:20px;justify-content:space-between;padding:16px}.import-modal .validation-status{align-items:center;display:flex;gap:12px}.import-modal .validation-status .status-icon{font-size:2rem}.import-modal .validation-status .status-text{font-size:1.1rem;font-weight:600}.import-modal .validation-status.success .status-text{color:#10b981;color:var(--success-color,#10b981)}.import-modal .validation-status.warning .status-text{color:#f59e0b;color:var(--warning-color,#f59e0b)}.import-modal .validation-metrics{display:flex;gap:16px;text-align:center}.import-modal .validation-metrics .metric-value{font-size:1.5rem;font-weight:700}.import-modal .validation-metrics .metric-label{color:var(--text-secondary);font-size:.8rem}.import-modal .validation-metrics .metric.success .metric-value{color:#10b981;color:var(--success-color,#10b981)}.import-modal .validation-metrics .metric.error .metric-value{color:#ef4444;color:var(--error-color,#ef4444)}.import-modal .validation-errors-section h5{color:var(--text-color);font-size:1rem;margin:0 0 12px}.import-modal .error-rows-container{display:flex;flex-direction:column;gap:12px;max-height:250px;overflow-y:auto;padding-right:8px}.import-modal .error-row-card{background:var(--card-background);border:1px solid #fef2f2;border-left:4px solid #ef4444;border:1px solid var(--error-background,#fef2f2);border-left:4px solid var(--error-color,#ef4444);border-radius:6px;padding:12px}.import-modal .error-row-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.import-modal .row-number{color:var(--text-color);font-weight:600}.import-modal .row-title{color:var(--text-secondary);font-style:italic}.import-modal .error-list{display:flex;flex-direction:column;gap:4px}.import-modal .error-item{align-items:center;color:#ef4444;color:var(--error-color,#ef4444);display:flex;font-size:.85rem;gap:6px}.import-modal .more-errors-card{background:#00000005;background:var(--background-extra-light,#00000005);border-radius:6px;color:var(--text-secondary);font-style:italic;padding:12px;text-align:center}.import-modal .import-results-dashboard{display:flex;flex-direction:column;gap:20px}.import-modal .results-overview{align-items:center;background:#00000005;background:var(--background-extra-light,#00000005);border-radius:8px;display:flex;gap:20px;justify-content:space-between;padding:16px}.import-modal .import-status{align-items:center;display:flex;gap:12px}.import-modal .import-status .status-icon{font-size:2rem}.import-modal .import-status .status-text{font-size:1.1rem;font-weight:600}.import-modal .import-status.success .status-text{color:#10b981;color:var(--success-color,#10b981)}.import-modal .import-status.error .status-text{color:#ef4444;color:var(--error-color,#ef4444)}.import-modal .import-status.partial .status-text{color:#f59e0b;color:var(--warning-color,#f59e0b)}.import-modal .import-metrics{display:flex;gap:16px;text-align:center}.import-modal .import-metrics .metric{align-items:center;display:flex;flex-direction:column}.import-modal .import-metrics .metric-value{font-size:1.5rem;font-weight:700}.import-modal .import-metrics .metric-label{color:var(--text-secondary);font-size:.8rem}.import-modal .import-metrics .metric.success .metric-value{color:#10b981;color:var(--success-color,#10b981)}.import-modal .import-metrics .metric.failed .metric-value{color:#ef4444;color:var(--error-color,#ef4444)}.import-modal .import-metrics .metric.total .metric-value{color:var(--primary-color)}.import-modal .import-errors-section{margin-top:12px}.import-modal .import-errors-section h5{align-items:center;color:var(--text-color);display:flex;font-size:1rem;gap:8px;margin:0 0 12px}.import-modal .import-error-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding-right:8px}.import-modal .import-error-item{background:#fef2f2;background:var(--error-background,#fef2f2);border:1px solid #fecaca;border-left:4px solid #ef4444;border:1px solid var(--error-border,#fecaca);border-left:4px solid var(--error-color,#ef4444);border-radius:6px;padding:12px}.import-modal .import-error-message{color:#ef4444;color:var(--error-color,#ef4444);font-size:.9rem;margin-bottom:4px}.import-modal .import-error-details{color:var(--text-secondary);font-size:.8rem;font-style:italic}.import-modal .modal-actions.enhanced{background:#00000005;background:var(--background-extra-light,#00000005);border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.jira-layout{display:flex;flex-direction:column;height:100%;max-height:80vh;overflow:hidden}.detail-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:24px;padding:16px 0}.detail-header-left{flex:1 1}.test-case-title-large{color:var(--text-color);font-size:1.8rem;font-weight:600;line-height:1.3;margin:0 0 8px}.test-case-id{background:var(--hover-color);border-radius:4px;color:var(--text-secondary);display:inline-block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;padding:4px 8px}.detail-header-right{align-items:flex-start;display:flex;gap:12px}.status-priority-badges{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.priority-badge-large,.status-badge-large{border-radius:6px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-badge-large{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-badge-large.status-draft{background:linear-gradient(135deg,#6b7280,#4b5563)}.status-badge-large.status-ready_for_review{background:linear-gradient(135deg,#f59e0b,#d97706)}.status-badge-large.status-approved{background:linear-gradient(135deg,#10b981,#059669)}.status-badge-large.status-deprecated{background:linear-gradient(135deg,#ef4444,#dc2626)}.status-badge-large.status-archived{background:linear-gradient(135deg,#6b7280,#4b5563)}.priority-badge-large{color:#fff}.priority-badge-large.priority-critical{background:linear-gradient(135deg,#dc2626,#b91c1c)}.priority-badge-large.priority-high{background:linear-gradient(135deg,#ea580c,#c2410c)}.priority-badge-large.priority-medium{background:linear-gradient(135deg,#f59e0b,#d97706)}.priority-badge-large.priority-low{background:linear-gradient(135deg,#10b981,#059669)}.detail-main-content{grid-gap:32px;display:grid;flex:1 1;gap:32px;grid-template-columns:2fr 1fr;overflow:hidden}.detail-left-column{overflow-y:auto;padding-right:16px}.detail-right-column{border-left:1px solid var(--border-color);overflow-y:auto;padding-left:16px}.detail-section{margin-bottom:32px}.detail-section:last-child{margin-bottom:0}.detail-section h4{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}.description-content{background:var(--hover-color);border:1px solid var(--border-color);border-radius:8px;padding:16px}.description-text{color:var(--text-color);line-height:1.6;margin:0}.no-description{color:var(--text-secondary);font-style:italic;margin:0}.test-steps-jira{display:flex;flex-direction:column;gap:16px}.test-step-jira{background:var(--hover-color);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.test-step-jira:hover{border-color:var(--primary-color);box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.1)}.step-number-jira{flex-shrink:0}.step-circle{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:28px;justify-content:center;width:28px}.step-content-jira{display:flex;flex:1 1;flex-direction:column;gap:12px}.step-action,.step-data,.step-expected,.step-notes{margin:0}.step-action strong,.step-data strong,.step-expected strong,.step-notes strong{color:var(--text-color);display:block;font-size:.9rem;font-weight:600;margin-bottom:4px}.step-text{color:var(--text-color);line-height:1.5}.no-steps{color:var(--text-secondary);font-style:italic;margin:0;padding:32px;text-align:center}.preconditions-jira{margin:0;padding-left:20px}.preconditions-jira li{color:var(--text-color);line-height:1.5;margin-bottom:8px}.details-grid-jira{grid-gap:16px;display:grid;gap:16px}.detail-item-jira{display:flex;flex-direction:column;gap:4px}.detail-item-jira label{color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item-jira span{color:var(--text-color);font-weight:500}.module-badge{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover))}.module-badge,.type-badge-jira{border-radius:16px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;padding:4px 10px}.type-badge-jira.type-functional{background:linear-gradient(135deg,#3b82f6,#2563eb)}.type-badge-jira.type-regression{background:linear-gradient(135deg,#f59e0b,#d97706)}.type-badge-jira.type-smoke{background:linear-gradient(135deg,#10b981,#059669)}.type-badge-jira.type-sanity{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.type-badge-jira.type-integration{background:linear-gradient(135deg,#06b6d4,#0891b2)}.type-badge-jira.type-system{background:linear-gradient(135deg,#ec4899,#db2777)}.type-badge-jira.type-acceptance{background:linear-gradient(135deg,#84cc16,#65a30d)}.type-badge-jira.type-usability{background:linear-gradient(135deg,#f97316,#ea580c)}.type-badge-jira.type-performance{background:linear-gradient(135deg,#ef4444,#dc2626)}.type-badge-jira.type-security{background:linear-gradient(135deg,#64748b,#475569)}.time-badge{background:var(--hover-color);border:1px solid var(--border-color)}.execution-badge,.time-badge{border-radius:16px;display:inline-block;font-size:.8rem;font-weight:600;padding:4px 10px}.execution-badge.manual{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.execution-badge.automated{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.source-badge-jira{border-radius:16px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;padding:4px 10px}.source-badge-jira.manual-source{background:linear-gradient(135deg,#f59e0b,#d97706)}.source-badge-jira.scenario-source{background:linear-gradient(135deg,#06b6d4,#0891b2)}.source-badge-jira.ai-source{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.tags-jira{display:flex;flex-wrap:wrap;gap:8px}.tag-jira{border:1px solid var(--border-color);border-radius:16px;font-size:.75rem;font-weight:500;padding:4px 10px}.tag-jira.system-tag{background:var(--hover-color);color:var(--text-secondary)}.tag-jira.custom-tag{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.action-buttons-jira{display:flex;flex-direction:column;gap:8px}.action-button-jira{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:flex-start;padding:10px 16px;text-decoration:none;transition:all .2s ease}.action-button-jira:hover{background:var(--hover-color);border-color:var(--primary-color);box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.1);transform:translateY(-1px)}.action-button-jira.edit{border-color:var(--primary-color);color:var(--primary-color)}.action-button-jira.add-to-run{border-color:#10b981;color:#10b981}.action-button-jira.delete{border-color:#ef4444;color:#ef4444}.action-button-jira.edit:hover{background:rgba(var(--primary-color-rgb),.1)}.action-button-jira.add-to-run:hover{background:#10b9811a}.action-button-jira.delete:hover{background:#ef44441a}.enhanced-jira-display{border:1px solid var(--border-color);border-radius:8px;margin-top:16px;overflow:hidden}.enhanced-jira-issue-item{background:var(--card-background);border-bottom:1px solid var(--border-color);position:relative}.enhanced-jira-issue-item:last-child{border-bottom:none}.jira-issue-header{align-items:center;background:var(--background-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 16px}.jira-key-section{align-items:center;display:flex;gap:12px}.enhanced-jira-issue-item .jira-key{background:rgba(var(--primary-color-rgb),.1);border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:6px;color:var(--primary-color);font-size:.9rem;font-weight:600;padding:6px 12px}.enhanced-jira-issue-item .link-type-badge{background:#10b981;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.enhanced-jira-issue-item .link-type-badge.link-type-tests{background:#10b981}.enhanced-jira-issue-item .link-type-badge.link-type-covers{background:#3b82f6}.enhanced-jira-issue-item .link-type-badge.link-type-relates_to{background:#6b7280}.enhanced-jira-issue-item .link-type-badge.link-type-blocked_by{background:#ef4444}.enhanced-jira-issue-item .link-type-badge.link-type-depends_on{background:#f59e0b}.jira-issue-content{background:var(--card-background);padding:16px}.test-case-jira-details{background:#0000;border:none;box-shadow:none;margin:0;padding:0}.basic-jira-info{align-items:center;background:var(--background-color);border-left:4px solid var(--warning-color);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px}.basic-jira-info .jira-summary{color:var(--text-color);flex:1 1;font-weight:500;min-width:0}.basic-jira-info .status-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.basic-jira-info .status-badge.status-backlog,.basic-jira-info .status-badge.status-to-do{background:#6b7280;color:#fff}.basic-jira-info .status-badge.status-in-progress,.basic-jira-info .status-badge.status-in_progress{background:#3b82f6;color:#fff}.basic-jira-info .status-badge.status-done,.basic-jira-info .status-badge.status-resolved{background:#10b981;color:#fff}.basic-jira-info .status-badge.status-ready-for-qa,.basic-jira-info .status-badge.status-ready_for_qa{background:#f59e0b;color:#fff}.basic-jira-info .status-badge.status-unknown{background:#9ca3af;color:#fff}@media (max-width:768px){.jira-issue-header,.jira-key-section{align-items:flex-start;flex-direction:column;gap:8px}.jira-key-section{width:100%}.basic-jira-info{align-items:flex-start;flex-direction:column}}.mode-toggle-btn{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.mode-toggle-btn:hover{background:var(--hover-color);border-color:var(--primary-color)}.mode-toggle-btn.view-mode{border-color:var(--primary-color);color:var(--primary-color)}.mode-toggle-btn.edit-mode{border-color:#f59e0b;color:#f59e0b}.modal-header-actions{align-items:center;display:flex;gap:12px}.dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));-webkit-background-clip:text;background-clip:text;color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center}.metrics-overview{margin-bottom:40px}.key-metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.metric-card{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.metric-card:before{background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));content:"";height:4px;left:0;position:absolute;top:0;width:100%}.metric-card:hover{border-color:var(--primary-color);box-shadow:0 8px 25px rgba(var(--primary-color-rgb),.15);transform:translateY(-4px)}.metric-icon{align-items:center;background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.1),rgba(var(--primary-color-rgb),.2));border-radius:50%;display:flex;flex-shrink:0;font-size:3rem;height:80px;justify-content:center;width:80px}.metric-content{flex:1 1}.metric-value{color:var(--text-color);font-size:2.5rem;line-height:1.2}.metric-label{color:var(--text-secondary);font-size:1rem;margin:4px 0}.metric-trend{font-size:.85rem;margin-top:8px}.trend-up{color:#25d366;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700}.trend-down{color:#ef4444;font-weight:600}.trend-neutral{color:var(--text-secondary)}.automation-progress-bar{background:var(--border-color);border-radius:4px;height:8px;margin-top:8px;overflow:hidden;width:100%}.automation-progress-bar .progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;height:100%;transition:width .3s ease}.quality-indicators{align-items:center;display:flex;gap:8px;margin-top:8px}.quality-dot{border-radius:50%;display:inline-block;height:12px;width:12px}.quality-dot.high{background:#10b981;box-shadow:0 0 0 3px #10b98133}.quality-dot.medium{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.quality-dot.low{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.quality-text{font-size:.85rem;font-weight:600}.efficiency-breakdown{margin-top:4px}.efficiency-breakdown small{color:var(--text-secondary);font-size:.75rem}.charts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:4fr 8fr;margin-bottom:40px}.chart-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;padding:24px;transition:all .3s ease}.chart-card:hover{border-color:var(--primary-color);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.chart-card h3{align-items:center;color:var(--text-color);display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin:0 0 20px}.donut-chart-container{min-height:200px}.donut-chart,.donut-chart-container{align-items:center;display:flex;justify-content:center}.donut-chart{background:conic-gradient(#3b82f6 0deg 90deg,#10b981 90deg 180deg,#f59e0b 180deg 270deg,#ef4444 270deg 1turn);border-radius:50%;height:180px;position:relative;width:180px}.donut-chart:before{background:var(--card-background);border-radius:50%;content:"";height:120px;position:absolute;width:120px}.automation-stats{padding:16px 0}.automation-breakdown{display:flex;flex-direction:column;gap:20px}.automation-item{align-items:center;display:flex;gap:16px}.automation-label{color:var(--text-color);font-size:.9rem;min-width:140px}.automation-bar{background:var(--border-color);flex:1 1;height:12px;position:relative}.automation-bar,.bar-fill{border-radius:6px}.bar-fill.manual{background:linear-gradient(90deg,#f59e0b,#d97706)}.bar-fill.automated{background:linear-gradient(90deg,#10b981,#059669)}.bar-fill.candidates{background:linear-gradient(90deg,#3b82f6,#2563eb)}.automation-count{color:var(--text-color);font-weight:600;min-width:40px;text-align:right}.risk-matrix{display:flex;flex-direction:column;gap:16px}.risk-item{align-items:center;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.risk-item:hover{transform:translateX(4px)}.risk-item.risk-high{background:#ef44441a;border-left:4px solid #ef4444}.risk-item.risk-medium{background:#f59e0b1a;border-left:4px solid #f59e0b}.risk-item.risk-low{background:#10b9811a;border-left:4px solid #10b981}.risk-indicator{border-radius:50%;flex-shrink:0;height:16px;width:16px}.risk-high .risk-indicator{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.risk-medium .risk-indicator{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.risk-low .risk-indicator{background:#10b981;box-shadow:0 0 0 3px #10b98133}.risk-content{flex:1 1}.risk-level{color:var(--text-color);font-size:1rem;font-weight:600}.risk-count{color:var(--text-secondary);font-size:.9rem;margin:4px 0}.risk-details{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.risk-detail{background:#0000000d;background:var(--background-extra-light,#0000000d);border-radius:12px;color:var(--text-secondary);font-size:.75rem;padding:2px 8px}.heatmap-container{display:flex;flex-direction:column;gap:12px}.coverage-module{align-items:center;display:flex;gap:16px}.module-name{color:var(--text-color);font-size:.9rem;font-weight:500;min-width:120px}.coverage-bar{background:var(--border-color);border-radius:6px;flex:1 1;height:12px}.coverage-fill{border-radius:6px;transition:width .3s ease}.coverage-percentage{color:var(--text-color);font-weight:600;min-width:40px}.trends-container{gap:16px;height:200px;padding:20px 0}.trend-week{gap:8px}.week-label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.trend-bars{height:120px}.trend-bar{border-radius:4px 4px 0 0;min-height:4px;transition:height .3s ease}.trend-bar.created{background:linear-gradient(180deg,#3b82f6,#2563eb)}.trend-values{color:var(--text-secondary)}.team-performance-list{display:flex;flex-direction:column;gap:12px}.team-row{grid-gap:14px;align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;display:grid;gap:14px;grid-template-columns:28px 48px 1.4fr repeat(4,.8fr) .7fr;padding:16px}.team-row:hover{box-shadow:0 4px 12px #0000000f}.rank-icon{font-size:22px;text-align:center;width:28px}.avatar-circle{align-items:center;background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-radius:50%;color:#374151;display:flex;font-weight:700;height:48px;justify-content:center;width:48px}.member-info .member-fullname{color:var(--text-color);font-weight:700}.member-info .member-role{color:var(--text-secondary);font-size:.9rem}.kpi{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.kpi-label{color:var(--text-secondary);font-size:.85rem;font-weight:600;line-height:1.1;white-space:nowrap}.kpi-value{font-size:1.25rem;font-weight:800;line-height:1;margin-top:4px}.kpi-bugs .kpi-value,.kpi-value{color:#111827}.risk-pill{border-radius:999px;font-size:.95rem;font-weight:700;justify-self:end;padding:6px 14px}.risk-pill.risk-high{background:#dcfce7;color:#065f46}.risk-pill.risk-medium{background:#fef3c7;color:#92400e}.risk-pill.risk-low{background:#e0f2fe;color:#075985}.enhanced-actions{margin-top:40px}.action-buttons-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.action-button.tertiary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.action-button.quaternary{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.action-button.tertiary:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.action-button.quaternary:hover{background:linear-gradient(135deg,#0891b2,#0e7490)}@media (max-width:1200px){.charts-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.key-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.charts-grid,.key-metrics-grid{grid-template-columns:1fr}.metric-card{flex-direction:column;padding:20px;text-align:center}.metric-icon{height:60px;width:60px}.metric-icon,.metric-value{font-size:2rem}.automation-item{align-items:stretch;flex-direction:column;gap:8px}.automation-label{min-width:auto;text-align:center}.trends-container{height:150px}.trend-bars{height:80px}.team-member{flex-direction:column;gap:12px;text-align:center}.member-metrics{justify-content:center}.team-row{gap:10px;grid-template-columns:24px 40px 1fr 1fr 1fr 1fr .6fr;padding:12px}}.automation-candidate-group{align-items:flex-start;display:flex;gap:8px}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;font-weight:400!important;gap:10px;margin:0}.form-checkbox{accent-color:var(--primary-color);cursor:pointer;height:18px;margin:0;width:18px}.checkbox-text{display:flex;flex-direction:column;gap:2px}.checkbox-description{color:var(--text-color-muted);font-size:12px;font-weight:400;line-height:1.3}.automation-candidate-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.automation-candidate-badge.yes{background-color:#dcfce7;border:1px solid #bbf7d0;color:#166534}.automation-candidate-badge.no{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.badge.candidate-badge{background:linear-gradient(135deg,#eab30840,#fbbf2459);border:1px solid #d9770666;color:#92400e;font-size:11px;text-transform:none}[data-theme=dark] .automation-candidate-badge.yes{background-color:#064e3b;border:1px solid #065f46;color:#6ee7b7}[data-theme=dark] .automation-candidate-badge.no{background-color:#7f1d1d;border:1px solid #991b1b;color:#fca5a5}.validation-details{background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;margin-top:16px;padding:12px}.validation-details h5{color:var(--warning-color);margin:0 0 12px}.invalid-rows-list{max-height:200px;overflow-y:auto}.invalid-row-item{background:#fef2f2;background:var(--error-background,#fef2f2);border-left:3px solid var(--error-color);border-radius:4px;margin:8px 0;padding:8px}.invalid-row-item strong{color:var(--error-color);display:block;margin-bottom:4px}.row-data{color:var(--text-color-secondary);font-size:.9rem;margin-bottom:6px}.row-errors{display:flex;flex-wrap:wrap;gap:4px}.error-tag{background:var(--error-color);border-radius:3px;color:#fff;font-size:.8rem;font-weight:500;padding:2px 6px}.more-errors{background:var(--background-color);border-radius:4px;color:var(--text-color-secondary);font-style:italic;margin-top:8px;padding:8px;text-align:center}.badge.priority-critical{animation:pulseGlow 2s infinite;background:linear-gradient(135deg,#dc2626,#b91c1c);border:1px solid #dc2626;box-shadow:0 2px 8px #dc262633;color:#fff;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.badge.priority-high{background:#ffb892;color:#c2410c}.badge.priority-medium{background:#fffae8;color:#d97e26}.badge.priority-low{background:#10b981;color:#059669}.badge.type-functional{background:#f0f9ff;color:#5038ed}.badge.type-regression{background:#8b5cf6;color:#7c3aed}.badge.type-smoke{background:#06b6d4;color:#0891b2}.badge.type-sanity{background:#84cc16;color:#65a30d}.badge.type-integration{background:#f97316;color:#ea580c}.badge.type-system{background:#6366f1;color:#4f46e5}.badge.type-acceptance{background:#10b981;color:#059669}.badge.type-usability{background:#ec4899;color:#db2777}.badge.type-performance{background:#14b8a6;color:#0d9488}.badge.type-security{background:#dc2626;color:#b91c1c}.badge.manual-test{background:#e9ffef;color:#1e956c}.badge.automated-test{background:#b0ceff;color:#2563eb}.badge.status-draft{background:#fde19a;color:#fda000}.badge.status-ready_for_review{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #3b82f6;box-shadow:0 2px 4px #3b82f633;color:#fff;font-weight:500;text-transform:capitalize}.badge.status-approved{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b981;box-shadow:0 2px 4px #10b98133}.badge.status-approved,.badge.status-deprecated{color:#fff;font-weight:500;text-transform:capitalize}.badge.status-deprecated{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #ef4444;box-shadow:0 2px 4px #ef444433}.badge.status-archived{background:linear-gradient(135deg,#6b7280,#4b5563);border:1px solid #6b7280;box-shadow:0 2px 4px #6b728033}.badge.status-active,.badge.status-archived{color:#fff;font-weight:500;text-transform:capitalize}.badge.status-active{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b981;box-shadow:0 2px 4px #10b98133}.badge.status-pending{background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #f59e0b;box-shadow:0 2px 4px #f59e0b33}.badge.status-pending,.badge.status-review{color:#fff;font-weight:500;text-transform:capitalize}.badge.status-review{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:1px solid #8b5cf6;box-shadow:0 2px 4px #8b5cf633}.badge.status-blocked{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #ef4444;box-shadow:0 2px 4px #ef444433;color:#fff;font-weight:500;text-transform:capitalize}.badge.source-badge.manual-source{background:#ffb681;color:#ea580c}.badge.source-badge.scenario-source{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.badge.source-badge.ai-source{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b981;box-shadow:0 2px 4px #10b98133;color:#fff;font-weight:500;text-transform:capitalize}.badge{align-items:center;border-radius:54px;display:inline-flex;font-family:Inter,sans-serif;font-size:.75rem;font-weight:400;gap:4px;overflow:hidden;padding:4px 8px;position:relative;text-transform:capitalize;transition:all .2s ease;white-space:nowrap}.badge:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px) scale(1.02);z-index:10}.badge:active{transform:translateY(0) scale(.98);transition:all .1s ease}.badge:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.badge:hover:before{left:100%}@media (max-width:768px){.badge{font-size:.7rem;gap:3px;padding:3px 8px}.test-case-badges{gap:4px!important}}@media (max-width:480px){.badge{font-size:.65rem;padding:2px 6px}}.badge .badge-icon{font-size:.9em;margin-right:2px}.badge.priority-critical .badge-icon:before{content:"🔥"}.badge.priority-high .badge-icon:before{content:"⚡"}.badge.manual-test .badge-icon:before{content:"👤"}.badge.automated-test .badge-icon:before{content:"🤖"}.badge.automation-linked .badge-icon:before{content:"🔗"}.badge:focus{outline:2px solid #007bff;outline:2px solid var(--primary-color,#007bff);outline-offset:2px}.badge[aria-label]{cursor:help}@media (prefers-color-scheme:dark){.badge{filter:brightness(.9) saturate(1.1)}.badge:hover{filter:brightness(1.1) saturate(1.2)}}.test-case-card .test-case-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.test-case-card .badge{flex-shrink:0}.badge.automation-linked{background:linear-gradient(135deg,#17a2b8,#20c997);border:1px solid #17a2b8;box-shadow:0 2px 4px #17a2b833;color:#fff;font-weight:500}.badge.automation-linked:hover{box-shadow:0 4px 12px #17a2b84d;transform:scale(1.05) translateY(-1px)}.test-case-meta .meta-value{color:var(--primary-color);font-weight:600}.test-case-meta .meta-label{color:var(--text-secondary);font-weight:500}.test-case-card.modern .test-case-header{margin-bottom:12px}.test-case-card.modern .test-case-title{color:var(--text-color);font-size:1.1rem;font-weight:600;line-height:1.3;margin-bottom:8px}.test-case-card.modern .test-case-description{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin-bottom:12px}.test-case-card.modern .test-case-meta{grid-gap:8px;font-size:.8rem;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-bottom:12px}.test-case-card.modern .meta-item{background:#f8f9fa;background:var(--background-light,#f8f9fa);border-radius:4px;gap:2px;padding:4px}@media (prefers-color-scheme:dark){.badge{filter:brightness(.9)}.test-case-card.modern .meta-item{background:#2d3748;background:var(--background-dark,#2d3748)}}.module-group{background:#fff;background:var(--card-background,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:28px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.module-group:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.module-header{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px 12px 0 0;color:#fff;font-weight:600;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.module-header:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.module-header:hover:before{left:100%}.module-header:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 8px 25px #667eea40;transform:translateY(-1px)}.module-header:active{transform:translateY(0)}.module-title{flex:1 1;gap:16px;position:relative;width:100%;z-index:1}.module-title:before{content:"";font-size:1.2rem;margin-right:4px}.expand-icon{background:#fff3;border:1px solid #ffffff4d;color:#fff;font-size:14px;font-weight:700;height:28px;min-width:20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:28px}.expand-icon.expanded{background:#ffffff4d}.expand-icon:hover{background:#fff6;transform:scale(1.1)}.expand-icon.expanded:hover{transform:rotate(90deg) scale(1.1)}.module-title h4{flex:1 1;font-size:1.3rem;font-weight:700;letter-spacing:.025em;margin:0}.module-title h4,.test-count{color:#fff;text-shadow:0 1px 2px #0000001a}.test-count{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff40,#ffffff26);border:1px solid #ffffff4d;border-radius:20px;font-size:.85rem;font-weight:600;margin-left:auto;padding:6px 14px;transition:all .3s ease}.test-count:hover{background:linear-gradient(135deg,#ffffff59,#ffffff40);transform:scale(1.05)}.module-content{background:#fff;background:var(--card-background,#fff);padding:24px 28px;position:relative}.test-cases-grid{grid-gap:20px;-webkit-overflow-scrolling:touch;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-top:16px;max-height:600px;overflow-x:hidden;overflow-y:auto;padding:4px;scroll-behavior:smooth;scrollbar-color:#667eea99 #0000;scrollbar-width:thin}.test-cases-grid::-webkit-scrollbar{width:6px}.test-cases-grid::-webkit-scrollbar-track{background:#0000}.test-cases-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea99,#764ba299);border-radius:3px;opacity:.7}.test-cases-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#667eea,#764ba2);opacity:1}.test-cases-grid.section-grid{background:linear-gradient(135deg,#667eea05,#764ba205);border:1px solid #667eea1a;border-radius:12px;max-height:350px;padding:20px}.test-case-card.modern{background:#fff;background:var(--card-background,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.test-case-card.modern:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.test-case-card.modern:hover:before{opacity:1}.test-case-card.modern:hover{box-shadow:0 10px 25px #0000001a,0 4px 6px #0000000d;transform:translateY(-4px)}.test-case-card.modern.selected,.test-case-card.modern:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.test-case-card.modern.selected{background:linear-gradient(135deg,#667eea0d,#764ba20d);box-shadow:0 0 0 3px #3b82f633;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb,59,130,246),.2)}.test-case-card.modern.selected:before{opacity:1}.test-case-card.modern .test-case-content{display:flex;flex:1 1;flex-direction:column;gap:14px}.test-case-card.modern .test-case-header{display:flex;flex-direction:column;gap:10px}.test-case-card.modern .test-case-title{color:#1f2937;color:var(--text-color,#1f2937);font-size:1.2rem;font-weight:700;letter-spacing:-.025em;line-height:1.4;margin:0}.test-case-card.modern .test-case-badges{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0}.test-case-card.modern .test-case-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.95rem;line-height:1.5;margin:8px 0}.test-case-card.modern .test-case-meta{grid-gap:12px;border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light,#f1f5f9);display:grid;font-size:.85rem;gap:12px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:12px 0}.test-case-card.modern .meta-item{align-items:center;background:#f8fafc;background:var(--background-extra-light,#f8fafc);border:1px solid #f1f5f9;border:1px solid var(--border-light,#f1f5f9);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:8px;text-align:center}.test-case-card.modern .meta-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.test-case-card.modern .meta-value{color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:.9rem;font-weight:700}.test-case-card.modern .test-case-actions{border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light,#f1f5f9);display:flex;gap:8px;margin-top:12px;padding-top:12px}.test-case-card.modern .action-btn{align-items:center;border:1px solid #0000;border-radius:8px;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:4px;justify-content:center;padding:8px 12px;transition:all .2s ease}.test-case-card.modern .action-btn.view{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.test-case-card.modern .action-btn.view:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.test-case-card.modern .action-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.test-case-card.modern .action-btn.delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.test-case-card.modern .test-case-selector{position:absolute;right:16px;top:16px;z-index:2}.test-case-card.modern .test-case-checkbox{accent-color:#3b82f6;accent-color:var(--primary-color,#3b82f6);border-radius:4px;cursor:pointer;height:20px;width:20px}.test-cases-section-header{align-items:center;background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid #667eea26;border-radius:16px;display:flex;justify-content:space-between;margin:32px 0 24px;overflow:hidden;padding:24px 28px;position:relative}.test-cases-section-header:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.section-title h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0 0 8px}.section-title p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.95rem;line-height:1.4;margin:0}.section-stats{align-items:center;display:flex;gap:24px}.stat-item{border:1px solid #667eea33;gap:4px;padding:12px 16px}.stat-item:hover{background:#ffffffe6;box-shadow:0 4px 12px #667eea26}.stat-number{color:#3b82f6;color:var(--primary-color,#3b82f6)}.stat-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.8rem;letter-spacing:.05em}@media (max-width:768px){.test-cases-section-header{flex-direction:column;gap:20px;padding:20px 24px;text-align:center}.section-title h3{font-size:1.3rem}.section-stats{gap:16px}.stat-item{min-width:80px;padding:10px 14px}.stat-number{font-size:1.3rem}.stat-label{font-size:.75rem}}@media (prefers-color-scheme:dark){.test-cases-section-header{background:linear-gradient(135deg,#667eea14,#764ba214);border-color:#667eea40}.section-title h3{-webkit-text-fill-color:#0000}.stat-item{background:#1f2937b3;border-color:#667eea4d}.stat-item:hover{background:#1f2937e6}}.empty-state.fancy-empty-state{background:linear-gradient(135deg,#667eea08,#764ba208);border:2px dashed #667eea33;border-radius:20px;margin:40px 0;overflow:hidden;padding:60px 40px;position:relative;text-align:center}.empty-state.fancy-empty-state:before{animation:pulseBackground 4s ease-in-out infinite;background:radial-gradient(circle,#667eea0d 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes pulseBackground{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.empty-state .empty-icon{animation:float 3s ease-in-out infinite;filter:grayscale(.3);font-size:4rem;margin-bottom:20px;position:relative;z-index:1}.empty-state h4{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.5rem;font-weight:700;margin:0 0 12px;position:relative;z-index:1}.empty-state p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:1rem;line-height:1.5;margin:0 auto 24px;max-width:400px;position:relative;z-index:1}.empty-state .create-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;position:relative;transition:all .3s ease;z-index:1}.empty-state .create-button:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.empty-state .create-button:active{transform:translateY(0)}@media (prefers-color-scheme:dark){.empty-state.fancy-empty-state{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea4d}.empty-state h4{color:#f9fafb;color:var(--text-primary-dark,#f9fafb)}.empty-state p{color:#d1d5db;color:var(--text-secondary-dark,#d1d5db)}}.section-group{background:#fff;background:var(--card-background,#fff);border:1px solid #f1f5f9;border:1px solid var(--border-light,#f1f5f9);border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:32px!important;overflow:hidden;position:relative;transition:all .3s ease}.section-group:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.section-group:last-child{margin-bottom:0!important}.section-header-small{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eea14,#764ba214)!important;border-bottom:2px solid #667eea26!important;border-radius:16px 16px 0 0!important;margin:0!important;overflow:hidden;padding:20px 24px!important;position:relative}.section-header-small:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 4px 4px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:6px}.section-header-small:after{background:linear-gradient(90deg,#0000,#667eea1a,#0000);height:100%;left:-100%;top:0;transition:left .6s ease;width:100%}.section-header-small:hover:after{left:100%}.section-header-small.with-count{align-items:center!important;display:flex!important;gap:16px;justify-content:space-between!important}.section-header-small h5{align-items:center;color:#1f2937!important;color:var(--text-primary,#1f2937)!important;display:flex;font-size:1.1rem!important;font-weight:700!important;gap:0;letter-spacing:.025em!important;margin:0!important;position:relative;text-transform:none!important;z-index:1}.section-header-small h5:before{content:"📋";filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.2rem;margin-right:8px;opacity:.8}.section-header-small .section-count{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2)!important;border:1px solid #ffffff4d;border-radius:20px!important;box-shadow:0 4px 12px #667eea40!important;color:#fff!important;display:flex;font-size:.85rem!important;font-weight:600!important;gap:6px;letter-spacing:normal!important;padding:8px 16px!important;position:relative;text-transform:none!important;transition:all .3s ease;z-index:1}.section-header-small .section-count:before{content:"🔢";font-size:.9rem}.section-header-small .section-count:hover{background:linear-gradient(135deg,#764ba2,#667eea)!important;box-shadow:0 6px 16px #667eea59;transform:scale(1.05)}.section-header-small.login-section h5:before{content:"🔐"}.section-header-small.authentication-section h5:before{content:"🛡️"}.section-header-small.ui-section h5:before{content:"🎨"}.section-header-small.api-section h5:before{content:"🔌"}.section-header-small.database-section h5:before{content:"🗄️"}.section-header-small.performance-section h5:before{content:"⚡"}.section-header-small.security-section h5:before{content:"🔒"}.section-header-small.integration-section h5:before{content:"🔗"}.section-header-small.general-section h5:before{content:"📂"}@media (max-width:768px){.section-header-small{padding:16px 20px!important}.section-header-small h5{font-size:1rem!important;gap:10px}.section-header-small .section-count{font-size:.8rem!important;padding:6px 12px!important}}@media (prefers-color-scheme:dark){.section-group{background:#1f2937;background:var(--card-background-dark,#1f2937);border-color:#374151;border-color:var(--border-color-dark,#374151)}.section-header-small{background:linear-gradient(135deg,#667eea1a,#764ba21a)!important;border-bottom-color:#667eea40!important}.section-header-small h5{color:#f9fafb!important;color:var(--text-primary-dark,#f9fafb)!important}}.section-group .test-cases-grid{animation:expandSection .3s ease-out}@keyframes expandSection{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.section-header-small:hover{background:linear-gradient(135deg,#667eea1f,#764ba21f)!important}.section-header-small:hover:before{background:linear-gradient(135deg,#764ba2,#667eea)}.section-header-small:hover h5{transform:translateX(2px);transition:transform .2s ease}.test-cases-grid .test-case-card.modern{animation:slideInCard .6s ease-out forwards;opacity:0;transform:translateY(20px)}.test-cases-grid .test-case-card.modern:first-child{animation-delay:.1s}.test-cases-grid .test-case-card.modern:nth-child(2){animation-delay:.2s}.test-cases-grid .test-case-card.modern:nth-child(3){animation-delay:.3s}.test-cases-grid .test-case-card.modern:nth-child(4){animation-delay:.4s}.test-cases-grid .test-case-card.modern:nth-child(5){animation-delay:.5s}.test-cases-grid .test-case-card.modern:nth-child(6){animation-delay:.6s}.test-cases-grid .test-case-card.modern:nth-child(n+7){animation-delay:.7s}.section-group .test-cases-grid.section-grid{background:linear-gradient(135deg,#667eea03,#764ba203)!important;border:1px solid #667eea14!important;border-radius:0 0 16px 16px!important;box-shadow:inset 0 1px 3px #667eea0d;margin-top:0!important}.section-group+.section-group{margin-top:24px}.module-content{padding:0!important}.section-group:first-child .section-header-small{border-radius:0 0 0 0!important;margin-top:24px}.module-content .section-group:first-child .section-header-small{border-radius:16px 16px 0 0!important;margin-top:0}.section-header-small .section-title-wrapper{align-items:center!important;display:flex!important;flex:1 1;gap:12px!important}.section-expand-icon{align-items:center;background:#667eea1a;border:1px solid #667eea33;border-radius:50%;color:#3b82f6;color:var(--primary-color,#3b82f6);display:inline-flex;font-size:12px;font-weight:700;height:24px;justify-content:center;min-width:16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.section-expand-icon.expanded{background:#667eea33;color:#3b82f6;color:var(--primary-color,#3b82f6);transform:rotate(90deg)}.section-expand-icon:hover{background:#667eea40;border-color:#667eea66;transform:scale(1.1)}.section-expand-icon.expanded:hover{transform:rotate(90deg) scale(1.1)}.section-header-small.with-count{transition:all .3s ease!important;-webkit-user-select:none;user-select:none}.section-header-small.with-count:hover{background:linear-gradient(135deg,#667eea26,#764ba226)!important;border-bottom-color:#667eea40!important}.section-header-small.with-count:active{transform:scale(.98)}.section-header-small .section-title-wrapper h5{align-items:center;color:#1f2937!important;color:var(--text-primary,#1f2937)!important;display:flex;font-size:1.1rem!important;font-weight:700!important;gap:0;letter-spacing:.025em!important;margin:0!important;position:relative;text-transform:none!important;z-index:1}.section-header-small .section-title-wrapper h5:before{content:"📋";filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.2rem;margin-right:8px;opacity:.8}.test-cases-grid.section-grid{animation:expandSectionGrid .4s ease-out;transform-origin:top}@keyframes expandSectionGrid{0%{max-height:0;opacity:0;transform:scaleY(.8) translateY(-10px)}to{max-height:none;opacity:1;transform:scaleY(1) translateY(0)}}.section-header-small.login-section .section-title-wrapper h5:before{content:"🔐"}.section-header-small.authentication-section .section-title-wrapper h5:before{content:"🛡️"}.section-header-small.ui-section .section-title-wrapper h5:before{content:"🎨"}.section-header-small.api-section .section-title-wrapper h5:before{content:"🔌"}.section-header-small.database-section .section-title-wrapper h5:before{content:"🗄️"}.section-header-small.performance-section .section-title-wrapper h5:before{content:"⚡"}.section-header-small.security-section .section-title-wrapper h5:before{content:"🔒"}.section-header-small.integration-section .section-title-wrapper h5:before{content:"🔗"}.section-header-small.general-section .section-title-wrapper h5:before{content:"📂"}.section-group .test-cases-grid.section-grid{overflow:hidden}.section-group:has(.section-expand-icon:not(.expanded)):hover{border-color:#667eea33;box-shadow:0 2px 12px #667eea1a}.section-header-small:after{background:#10b981;background:var(--success-color,#10b981);border-radius:50%;box-shadow:0 0 0 3px #10b98133;content:"";height:8px;opacity:0;position:absolute;right:120px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:8px}.section-header-small:has(.section-expand-icon.expanded):after{opacity:1}@media (max-width:768px){.section-expand-icon{font-size:10px;height:20px;width:20px}.section-header-small .section-title-wrapper{gap:8px!important}.section-header-small .section-title-wrapper h5{font-size:1rem!important}.section-header-small .section-title-wrapper h5:before{font-size:1rem;margin-right:6px}}@media (prefers-color-scheme:dark){.section-expand-icon{background:#667eea26;border-color:#667eea4d;color:#60a5fa;color:var(--primary-color-dark,#60a5fa)}.section-expand-icon.expanded{background:#667eea40}.section-expand-icon:hover{background:#667eea59;border-color:#667eea80}.section-header-small.with-count:hover{background:linear-gradient(135deg,#667eea2e,#764ba22e)!important}}.section-header-small[role=button]{outline:none}.section-header-small:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}.section-header-small[aria-expanded=false] .test-cases-grid{display:none}.section-group.loading .section-header-small:after{animation:pulse 1.5s infinite;background:#f59e0b;background:var(--warning-color,#f59e0b)}@keyframes pulse{0%,to{opacity:.5;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}}.automation-progress-card{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 8px 32px #667eea33;color:#fff;transition:all .3s ease}.automation-progress-card:hover{box-shadow:0 12px 40px #667eea4d;transform:translateY(-2px)}.automation-progress-card h3{color:#fff;margin-bottom:20px;text-shadow:0 2px 4px #0000001a}.automation-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;margin-bottom:20px;padding:16px}.summary-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.summary-stat{align-items:center;display:flex;flex-direction:column;text-align:center}.summary-stat .stat-value{color:#fbbf24;font-size:1.8rem;font-weight:700;margin-bottom:4px;text-shadow:0 2px 4px #0003}.summary-stat .stat-label{color:#fffc;font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.automation-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:16px;padding:12px;transition:all .3s ease}.automation-item:hover{background:#ffffff1a;transform:translateX(4px)}.automation-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.automation-icon{font-size:1.2rem;margin-right:8px}.automation-label{color:#fff;flex:1 1;font-weight:600}.automation-percentage{color:#fbbf24;font-size:1.1rem;font-weight:700;text-shadow:0 1px 2px #0003}.automation-bar{background:#fff3;height:8px;margin-bottom:8px}.automation-bar,.bar-fill{border-radius:4px;overflow:hidden}.bar-fill{position:relative;transition:width .8s ease}.bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.bar-fill.manual{background:linear-gradient(90deg,#10b981,#059669)}.bar-fill.automated{background:linear-gradient(90deg,#3b82f6,#2563eb)}.bar-fill.candidates{background:linear-gradient(90deg,#f59e0b,#d97706)}.bar-fill.links{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.automation-count{color:#ffffffe6;font-size:.9rem;font-weight:500}.automation-health{border-top:1px solid #ffffff1a;display:flex;gap:20px;margin-top:20px;padding-top:16px}.health-metric{align-items:center;display:flex;flex:1 1;flex-direction:column}.health-label{color:#ffffffb3;font-size:.8rem;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.health-value{color:#34d399;font-size:1.4rem;font-weight:700;text-shadow:0 2px 4px #0003}.coverage-heatmap .heatmap-container{display:flex;flex-direction:column;gap:12px}.coverage-module{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.coverage-module:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.coverage-module:hover:before{opacity:1}.coverage-module:hover{background:linear-gradient(135deg,#fff,#f1f5f9);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.module-header{justify-content:space-between;margin-bottom:12px}.module-name{color:#1e293b;font-size:1.1rem;font-weight:700}.module-counts{display:flex;gap:12px}.automated-count,.total-count{border-radius:6px;font-size:.8rem;font-weight:600;padding:4px 8px}.total-count{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);color:#5b21b6}.automated-count{background:linear-gradient(135deg,#bfdbfe,#93c5fd);color:#1d4ed8}.coverage-bar{background:#e5e7eb;height:10px;margin-bottom:8px;overflow:hidden}.coverage-bar,.coverage-fill{border-radius:5px;position:relative}.coverage-fill{height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.coverage-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.coverage-fill.coverage-high{background:linear-gradient(90deg,#10b981,#059669)}.coverage-fill.coverage-medium{background:linear-gradient(90deg,#f59e0b,#d97706)}.coverage-fill.coverage-low{background:linear-gradient(90deg,#ef4444,#dc2626)}.coverage-percentage{color:#374151;font-size:.9rem;font-weight:700;text-align:right}.no-modules{color:#6b7280;font-style:italic;padding:40px 20px;text-align:center}.team-performance .team-stats{display:flex;flex-direction:column;gap:16px}.team-member{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;display:flex;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.team-member:before{background:linear-gradient(90deg,#f59e0b,#d97706);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.team-member:hover:before{opacity:1}.team-member:hover{background:linear-gradient(135deg,#fffbeb,#fef3c7);box-shadow:0 8px 25px #f59e0b33;transform:translateY(-2px)}.member-avatar{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;box-shadow:0 4px 12px #f59e0b4d;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:48px;justify-content:center;margin-right:16px;width:48px}.member-stats{flex:1 1}.member-name{color:#92400e;font-size:1.1rem;font-weight:700;margin-bottom:8px}.member-metrics{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.member-metrics .metric{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:6px;color:#92400e;font-size:.85rem;font-weight:600;padding:4px 8px}.performance-score{align-items:center;display:flex;gap:12px}.score-bar{background:#f59e0b33;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.score-fill{background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:4px;height:100%;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1)}.score-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes pulseGlow{0%,to{box-shadow:0 2px 8px #dc262633}50%{box-shadow:0 4px 16px #dc262666}}.fancy-dashboard.dark-mode .automation-progress-card{background:linear-gradient(135deg,#1e293b,#334155)}.fancy-dashboard.dark-mode .coverage-module{color:#e2e8f0}.fancy-dashboard.dark-mode .coverage-module,.fancy-dashboard.dark-mode .team-member{background:linear-gradient(135deg,#1e293b,#334155);border-color:#475569}.fancy-dashboard.dark-mode .team-member .member-name{color:#e2e8f0}.fancy-dashboard.dark-mode .member-metrics .metric{background:#3b82f61a;border-color:#3b82f633;color:#93c5fd}@media (max-width:768px){.summary-stats{grid-template-columns:repeat(2,1fr)}.automation-health{flex-direction:column;gap:12px}.module-header{align-items:flex-start}.member-metrics,.module-header,.performance-score{flex-direction:column;gap:8px}.performance-score{align-items:flex-start}}.execution-trends{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0284c7;border-radius:16px;overflow:hidden}.execution-trends h3{color:#0c4a6e;margin-bottom:20px}.execution-summary{background:#0284c71a;border-radius:12px;margin-bottom:20px;padding:16px}.execution-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.execution-stat{align-items:center;display:flex;flex-direction:column;text-align:center}.execution-stat .stat-value{color:#0284c7;font-size:1.6rem;font-weight:700;margin-bottom:4px}.execution-stat .stat-label{color:#0c4a6e;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.trends-container{align-items:end;background:#ffffff80;border-radius:12px;display:flex;gap:12px;min-height:150px;padding:20px}.trend-week{align-items:center;display:flex;flex:1 1;flex-direction:column;height:120px}.week-label{color:#0c4a6e;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.trend-bars{align-items:end;display:flex;gap:4px;height:80px;margin-bottom:8px}.trend-bar{border-radius:6px 6px 2px 2px;min-height:8px;position:relative;transition:all .3s ease;width:12px}.trend-bar:hover{transform:scaleY(1.1)}.trend-bar.created{background:linear-gradient(180deg,#06b6d4,#0891b2);box-shadow:0 2px 8px #06b6d44d}.trend-bar.executed{background:linear-gradient(180deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.trend-values{color:#64748b;font-size:.7rem;line-height:1.2;text-align:center}.fancy-dashboard.dark-mode .execution-trends{background:linear-gradient(135deg,#1e293b,#334155);border-color:#475569}.fancy-dashboard.dark-mode .execution-trends h3{color:#e2e8f0}.fancy-dashboard.dark-mode .execution-stat .stat-value{color:#0ea5e9}.fancy-dashboard.dark-mode .execution-stat .stat-label{color:#cbd5e1}.metric-card.automation-progress-enhanced{align-items:normal!important;background:linear-gradient(135deg,#667eea,#764ba2);border:none!important;border-radius:16px!important;box-shadow:0 8px 24px #667eea26!important;color:#fff!important;display:block!important;gap:initial!important;height:auto!important;max-height:360px!important;min-height:280px!important;overflow:hidden;padding:18px!important;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.metric-card.automation-progress-enhanced:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000)!important;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.metric-card.automation-progress-enhanced:hover{border-color:initial!important;box-shadow:0 20px 40px #667eea4d!important;transform:translateY(-8px) scale(1.02)!important}.metric-card.automation-progress-enhanced:hover:before{left:100%}.automation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.metric-icon-enhanced{align-items:center;display:flex;justify-content:center;position:relative}.automation-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.8rem;position:relative;z-index:2}.icon-pulse{animation:pulse-ring 2.5s infinite;background:#ffffff26;border-radius:50%;height:45px;position:absolute;width:45px}@keyframes pulse-ring{0%{opacity:1;transform:scale(.8)}50%{opacity:.7;transform:scale(1.2)}to{opacity:0;transform:scale(1.4)}}.automation-status-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #fff3;border-radius:16px;font-size:.8rem;padding:6px 12px}.status-indicator{font-size:.8rem;font-weight:600;text-shadow:0 1px 2px #0000001a}.status-indicator.excellent{color:#fef3c7}.status-indicator.good{color:#ddd6fe}.status-indicator.needs-improvement{color:#fed7d7}.automation-main-metric{margin:12px 0;text-align:center}.metric-value-large{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f1f5f9);-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:800;line-height:1;margin-bottom:6px;text-shadow:0 4px 8px #0000001a}.metric-label-enhanced{color:#ffffffe6;font-size:1rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.automation-progress-container{margin:16px 0}.automation-progress-bar-enhanced{background:#fff3;border-radius:6px;height:12px;margin-bottom:8px;overflow:hidden;position:relative;width:100%}.progress-fill-animated{border-radius:6px;box-shadow:0 2px 8px #0003;height:100%;position:relative;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.progress-fill-animated:after{animation:progress-shine 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progress-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-spark{animation:spark-glow 1.5s infinite alternate;background:#fffc;border-radius:2px;box-shadow:0 0 10px #fff9;height:16px;position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:4px}@keyframes spark-glow{0%{opacity:.6}to{opacity:1}}.progress-labels{color:#ffffffb3;display:flex;font-size:.7rem;justify-content:space-between;margin-top:4px}.automation-stats-grid{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:16px 0}.stat-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:10px;flex:1 1;flex-direction:column;justify-content:center;padding:10px 8px}.stat-item:hover{background:#ffffff26;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-number{color:#fff;font-size:1.4rem;font-weight:700;line-height:1.2;margin-bottom:2px;text-shadow:0 1px 2px #0000001a}.stat-label,.stat-number{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-label{color:#fffc;font-size:.7rem;font-weight:500;letter-spacing:.5px;line-height:1.1;text-transform:uppercase}.automation-insights{border-top:1px solid #fff3;margin-top:16px;padding-top:12px}.insight-item{align-items:center;display:flex;gap:8px;margin-bottom:10px}.insight-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:1rem}.insight-text{color:#ffffffe6;font-size:.85rem;line-height:1.3}.data-freshness{align-items:center;display:flex;gap:6px;margin-top:6px}.freshness-icon{font-size:.8rem}.freshness-text{color:#ffffffb3;font-size:.75rem;font-style:italic}.fancy-dashboard.dark-mode .metric-card.automation-progress-enhanced{background:linear-gradient(135deg,#1e293b,#334155)!important;box-shadow:0 10px 30px #0000004d!important}@media (max-width:768px){.metric-card.automation-progress-enhanced{max-height:350px;min-height:280px;padding:14px 12px!important}.automation-header{flex-direction:column;gap:12px;margin-bottom:10px}.metric-value-large{font-size:2.4rem}.automation-stats-grid{gap:8px;grid-template-columns:1fr;margin:12px 0}.stat-item{max-height:60px;min-height:60px;padding:8px}.stat-number{font-size:1.2rem}.stat-label{font-size:.65rem}.automation-insights{margin-top:12px;padding-top:10px}.insight-text{font-size:.8rem}}@media (max-width:480px){.metric-card.automation-progress-enhanced{max-height:320px;min-height:260px}.metric-value-large{font-size:2.2rem}.automation-icon{font-size:1.8rem}.icon-pulse{height:45px;width:45px}.stat-number{font-size:1.2rem}.stat-label{font-size:.7rem}}.metric-card.automation-progress-enhanced .metric-icon{align-items:normal;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border-radius:0;border-radius:initial;display:inline;display:initial;flex-shrink:1;font-size:medium;height:auto;justify-content:normal;width:auto}.metric-card.automation-progress-enhanced .metric-content{flex:initial}.metric-card.automation-progress-enhanced .metric-value{color:#000;color:initial;font-size:medium;font-weight:400;line-height:normal}.metric-card.automation-progress-enhanced .metric-label{color:#000;color:initial;font-size:medium;font-weight:400;margin:initial}.metric-card.automation-progress-enhanced .automation-header,.metric-card.automation-progress-enhanced .automation-insights,.metric-card.automation-progress-enhanced .automation-main-metric,.metric-card.automation-progress-enhanced .automation-progress-container,.metric-card.automation-progress-enhanced .automation-stats-grid{position:relative;z-index:2}.ai-test-case-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ai-test-case-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:90%}.ai-test-case-modal .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.ai-test-case-modal .modal-header h2{font-size:1.5em;font-weight:600;margin:0}.ai-test-case-modal .close-button{background:#fff3;color:#fff;font-size:1.5em;height:36px;transition:all .2s ease;width:36px}.ai-test-case-modal .close-button:hover{transform:rotate(90deg)}.modal-tabs{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;margin:0;padding:0}.modal-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:15px 25px;transition:all .2s ease}.modal-tab:hover{background:#e9ecef;color:#495057}.modal-tab.active{background:#fff;border-bottom-color:#007bff;color:#007bff}.modal-tab.active:hover{background:#fff}.ai-test-case-modal .close-button{align-items:center;background:#0000001a;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:20px;top:16px;transition:background .2s;width:32px}.ai-test-case-modal .close-button:hover{background:#ffffff4d}.ai-test-case-modal .modal-body{flex:1 1;overflow-y:auto;padding:24px}.search-section{margin-bottom:24px}.search-section h3{color:#333;font-size:1.2em;margin-bottom:12px}.search-input-container{align-items:center;display:flex;gap:12px}.search-input-container input{border:2px solid #e1e5e9;border-radius:8px;flex:1 1;font-size:14px;padding:12px 16px;transition:border-color .2s}.search-input-container input:focus{border-color:#667eea;outline:none}.search-btn{background:#667eea;border-radius:8px;font-size:16px;padding:12px 20px;transition:background .2s}.search-btn:hover:not(:disabled){background:#5a67d8}.generation-options{background:#f8f9fa;border-radius:8px;margin-bottom:24px;padding:20px}.generation-options h3{color:#333;font-size:1.2em;margin-bottom:16px}.options-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.option-group{display:flex;flex-direction:column;gap:8px}.option-group label{align-items:center;color:#555;display:flex;font-weight:500;gap:8px}.option-group input[type=number],.option-group select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px}.option-group input[type=checkbox]{margin:0}.issues-section h3{color:#333;font-size:1.2em;margin-bottom:16px}.issues-list{border:1px solid #e1e5e9;border-radius:8px}.issue-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:16px;transition:all .2s}.issue-item:hover{background:#f8f9fa}.issue-item.selected{background:#e6f3ff;border-left:4px solid #667eea}.issue-item:last-child{border-bottom:none}.issue-header{gap:12px;margin-bottom:8px}.issue-key{background:#667eea;color:#fff}.issue-key,.issue-type{border-radius:4px;font-size:12px;padding:4px 8px}.issue-type{background:#f1f3f4;color:#666}.issue-status{background:#e8f5e8;border-radius:4px;color:#2d7d2d;font-size:12px}.issue-title{font-weight:600;margin-bottom:8px}.issue-description{color:#666;font-size:14px;line-height:1.4}.preview-section{padding:24px}.preview-section h3{color:#333;font-size:1.3em;margin-bottom:20px}.preview-list{max-height:500px;overflow-y:auto}.preview-test-case{background:#fff;border:2px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;transition:all .3s ease}.preview-test-case.selected{background:#f8fff8;border-color:#4caf50;box-shadow:0 2px 8px #4caf501a}.test-case-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:6px 6px 0 0;padding:1rem}.test-case-header h4{color:#333;font-size:1.1rem;margin:0}.test-case-selection{align-items:center;display:flex;flex:1 1;gap:.75rem}.test-case-checkbox{accent-color:#4caf50;cursor:pointer;height:18px;width:18px}.test-case-meta{gap:.5rem}.jira-key{background:#2196f3}.jira-key,.priority{color:#fff;font-size:.85rem;font-weight:500}.priority{background:#ff9800;border-radius:4px;padding:.25rem .5rem}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag{background:#e3f2fd;border:1px solid #bbdefb;border-radius:12px;color:#1976d2;font-size:.8rem;padding:.25rem .5rem}.preview-test-case{overflow:hidden;position:relative}.preview-test-case.selected:before{align-items:center;background:#4caf50;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:10px;top:10px;width:24px;z-index:1}@media (max-width:768px){.ai-test-case-modal{max-height:95vh;width:95%}.options-grid{grid-template-columns:1fr}.issue-header{flex-wrap:wrap}.test-case-header{gap:8px}.module-selection-grid{gap:16px;grid-template-columns:1fr}.new-module-form .form-actions,.preview-header{flex-direction:column}.preview-header{align-items:flex-start;gap:1rem}.selection-controls{justify-content:space-between;width:100%}.test-case-header{align-items:flex-start;flex-direction:column;gap:.5rem}.test-case-meta{justify-content:flex-start;width:100%}}.jira-linking-overlay{z-index:1050}.jira-linking-modal{max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.jira-linking-modal .modal-header{background:linear-gradient(135deg,#0052cc,#2680eb);border-radius:8px 8px 0 0;color:#fff;padding:1rem 1.5rem}.jira-linking-modal .modal-header h3{align-items:center;display:flex;gap:.5rem;margin:0}.jira-linking-modal .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.jira-linking-modal .close-btn:hover{background-color:#fff3}.jira-linking-modal .modal-body{padding:1.5rem}.test-case-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.test-case-info h4{color:#333;margin:0 0 .5rem}.test-case-description{color:#666;margin:.5rem 0}.test-case-meta{gap:1rem;margin-top:.5rem}.meta-item{background:#e9ecef;border-radius:4px;color:#495057;font-size:.875rem;padding:.25rem .5rem}.existing-links-section{margin-bottom:1.5rem}.existing-links-section h4{align-items:center;color:#333;display:flex;gap:.5rem;margin:0 0 1rem}.existing-links-list{border:1px solid #e9ecef;border-radius:8px;max-height:400px;overflow:hidden;overflow-y:auto}.existing-link-item{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:block;padding:0;position:relative}.existing-link-item:last-child{border-bottom:none}.existing-link-header{background:#fff;border-bottom:1px solid #e9ecef;padding:1rem}.link-info{align-items:center;display:flex;gap:1rem}.jira-key{background:#e6f3ff;color:#0052cc;font-weight:600}.jira-key,.link-type{border-radius:4px;padding:.25rem .5rem}.link-type{background:#e9ecef;color:#495057;font-size:.875rem}.created-date{color:#666;font-size:.875rem;margin-right:auto}.unlink-btn{align-items:center;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;height:36px;justify-content:center;min-width:40px;padding:.5rem .75rem;transition:all .2s}.unlink-btn:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.unlink-btn:disabled{cursor:not-allowed;opacity:.6}.link-meta{align-items:center;display:flex;gap:1rem;justify-content:space-between}.link-type-badge{font-size:.75rem;padding:.25rem .75rem;text-transform:uppercase}.link-type-badge,.link-type-badge[data-type=tests]{background:#28a745}.link-type-badge[data-type=covers]{background:#007bff}.link-type-badge[data-type=relates_to]{background:#6c757d}.link-type-badge[data-type=blocked_by]{background:#dc3545}.link-type-badge[data-type=depends_on]{background:#fd7e14}.existing-link-details{background:#fff;border-top:none;margin:0;max-height:200px;overflow-y:auto;padding:1rem}.basic-link-info{align-items:center;background:#fff3cd;border-left:4px solid #ffc107;display:flex;justify-content:space-between;padding:1rem}.basic-link-info .jira-key{background:#e6f3ff;border-radius:4px;color:#0052cc;font-weight:600;padding:.25rem .5rem}.basic-link-info .link-status{color:#856404;font-size:.875rem;font-style:italic}.existing-link-details .jira-issue-details{border:none;box-shadow:none;margin:0;padding:0}.existing-link-details .issue-header{margin-bottom:1rem}.existing-link-details .issue-key-title{margin-bottom:.5rem}.existing-link-details .issue-meta{gap:.5rem}.jira-search-section{margin-bottom:1.5rem}.jira-search-section h4{align-items:center;color:#333;display:flex;gap:.5rem;margin:0 0 1rem}.search-input-group{display:flex;gap:.5rem}.search-input{border:1px solid #ced4da;border-radius:4px;flex:1 1;font-size:1rem;padding:.75rem}.search-input:focus{border-color:#0052cc;box-shadow:0 0 0 .2rem #0052cc40;outline:none}.search-btn{background:#0052cc;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:background-color .2s;white-space:nowrap}.search-btn:hover:not(:disabled){background:#003d99}.search-btn:disabled{cursor:not-allowed;opacity:.6}.jira-issues-section{margin-bottom:1.5rem}.jira-issues-section h4{align-items:center;color:#333;display:flex;gap:.5rem;margin:0 0 1rem}.jira-issues-list{border:1px solid #e9ecef;border-radius:8px;max-height:300px;overflow:hidden;overflow-y:auto}.jira-issue-item{border-bottom:1px solid #e9ecef;cursor:pointer;padding:1rem;transition:background-color .2s}.jira-issue-item:last-child{border-bottom:none}.jira-issue-item:hover{background:#f8f9fa}.jira-issue-item.selected{background:#e6f3ff;border-color:#0052cc}.issue-header{gap:1rem}.issue-status,.issue-type{background:#e9ecef;border-radius:4px;color:#495057;font-size:.875rem;padding:.25rem .5rem}.issue-summary{color:#333;font-weight:500;line-height:1.4;margin-bottom:.5rem}.issue-meta{font-size:.875rem}.link-config-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.link-config-section h4{align-items:center;color:#333;display:flex;gap:.5rem;margin:0 0 1rem}.selected-issue{background:#e6f3ff;border-left:4px solid #0052cc;border-radius:4px;margin-bottom:1rem;padding:.75rem}.link-type-selection{align-items:center;display:flex;gap:1rem}.link-type-selection label{color:#333;font-weight:500}.link-type-selection select{border:1px solid #ced4da;border-radius:4px;font-size:1rem;padding:.5rem}.link-type-selection select:focus{border-color:#0052cc;box-shadow:0 0 0 .2rem #0052cc40;outline:none}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.error-message,.success-message{margin-bottom:1rem;padding:.75rem}.success-message{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.jira-linking-modal .modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.jira-linking-modal .btn{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s}.jira-linking-modal .btn-primary{background:#0052cc;color:#fff}.jira-linking-modal .btn-primary:hover:not(:disabled){background:#003d99}.jira-linking-modal .btn-secondary{background:#6c757d;color:#fff}.jira-linking-modal .btn-secondary:hover{background:#5a6268}.jira-linking-modal .btn:disabled{cursor:not-allowed;opacity:.6}.enhanced-existing-links-item{background:#fff;border-bottom:1px solid #e9ecef;position:relative}.enhanced-existing-links-item:last-child{border-bottom:none}.enhanced-existing-links-item .existing-link-header{align-items:center;background:#0000;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:.75rem 1rem}.enhanced-existing-links-item .link-info{align-items:center;display:flex;flex:1 1;gap:.75rem}.expand-collapse-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;padding:.25rem;transition:all .2s;width:28px}.expand-collapse-btn:hover{background:#e9ecef;transform:scale(1.1)}.jira-key-link{align-items:center;background:#e6f3ff;border:1px solid #0000;border-radius:4px;color:#0052cc;display:flex;font-weight:600;gap:.25rem;padding:.25rem .5rem;text-decoration:none;transition:all .2s}.jira-key-link:hover{background:#cce7ff;border-color:#0052cc;box-shadow:0 2px 4px #0052cc33;color:#003d99;text-decoration:none;transform:translateY(-1px)}.jira-key-link:focus{outline:2px solid #0052cc;outline-offset:2px}.enhanced-existing-links-item .jira-issue-content{animation:expandContent .3s ease-out;background:#fff;border:none;max-height:300px;overflow-y:auto;padding:1rem}@keyframes expandContent{0%{max-height:0;opacity:0;padding-bottom:0;padding-top:0}to{max-height:300px;opacity:1;padding-bottom:1rem;padding-top:1rem}}.enhanced-existing-links-item .jira-issue-content .jira-issue-details{border:none;box-shadow:none;margin:0;padding:0}.enhanced-existing-links-item .link-metadata{align-items:center;color:#666;display:flex;font-size:.875rem;gap:.75rem}.enhanced-existing-links-item .link-metadata .link-type{background:#28a745;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.enhanced-existing-links-item .unlink-btn{align-items:center;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;padding:.5rem;transition:all .2s;width:36px}.enhanced-existing-links-item .unlink-btn:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.enhanced-existing-links-item .jira-issue-content::-webkit-scrollbar,.existing-links-list::-webkit-scrollbar{width:6px}.enhanced-existing-links-item .jira-issue-content::-webkit-scrollbar-track,.existing-links-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.enhanced-existing-links-item .jira-issue-content::-webkit-scrollbar-thumb,.existing-links-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.enhanced-existing-links-item .jira-issue-content::-webkit-scrollbar-thumb:hover,.existing-links-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.jira-linking-modal{margin:1rem auto;width:95%}.search-input-group{flex-direction:column}.search-btn{width:100%}.issue-header,.issue-meta,.link-info,.test-case-meta{flex-direction:column;gap:.5rem}.existing-link-item{gap:1rem}.existing-link-item,.link-type-selection{align-items:flex-start;flex-direction:column}.jira-linking-modal .modal-footer{flex-direction:column}}.jira-analytics{background:#f8faff;border:1px solid #e3f2fd;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.jira-analytics h4{color:#0052cc;font-size:1rem;margin:0 0 1rem}.analytics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.analytics-item{background:#fff;border:1px solid #e0e7ff;border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:.75rem;text-align:center}.analytics-label{color:#666;font-size:.8rem;margin-bottom:.25rem}.analytics-value{color:#0052cc;font-size:1.5rem;font-weight:700}.tab-navigation{background:#fafbfc;border-bottom:2px solid #f0f4f8;border-radius:8px 8px 0 0;display:flex;margin-bottom:1.5rem;overflow:hidden}.tab-button{background:#fafbfc;color:#666;flex:1 1;font-size:.9rem;padding:.75rem 1rem;transition:all .2s}.tab-button:hover{background:#f4f5f7;color:#333}.tab-button.active{background:#fff;border-bottom-color:#0052cc;color:#0052cc}.tab-content{min-height:300px}.create-link-tab .no-selection{color:#666;padding:2rem;text-align:center}.create-link-tab .no-selection p{margin-bottom:1rem}.create-link-btn{margin-top:1rem;width:100%}.existing-links-tab .no-links{color:#666;padding:2rem;text-align:center}.existing-links-tab .no-links p{margin-bottom:1rem}.search-issues-tab{padding:0}.advanced-filters-toggle{margin:1rem 0}.toggle-btn{background:#f4f5f7;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.toggle-btn:hover{background:#e4e6ea;color:#333}.advanced-filters{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin:1rem 0;padding:1rem}.filters-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{flex-direction:column;gap:.25rem}.filter-group label{color:#666;font-size:.85rem;font-weight:500}.search-results{margin-top:1.5rem}.results-header{border-bottom:1px solid #e9ecef;margin-bottom:1rem;padding-bottom:.5rem}.results-header h4{color:#333;font-size:1rem;margin:0}.clear-btn{background:none;border:1px solid #dc3545;border-radius:4px;color:#dc3545;cursor:pointer;font-size:.85rem;padding:.25rem .75rem;transition:all .2s}.clear-btn:hover{background:#dc3545;color:#fff}.issues-list{max-height:400px;overflow-y:auto}.issue-card{background:#fff;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;margin-bottom:.75rem;padding:1rem;transition:all .2s}.issue-card:hover{border-color:#0052cc;box-shadow:0 2px 8px #0052cc1a}.issue-card.selected{background:#f0f7ff;border-color:#0052cc;box-shadow:0 2px 8px #0052cc33}.issue-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.issue-key{font-size:.9rem;font-weight:700}.issue-status{background:#e5fbff;border-radius:54px;color:#0badce;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;padding:4px 8px}.issue-title{color:#333;font-weight:500;line-height:1.4;margin-bottom:.5rem}.issue-meta{color:#666;display:flex;flex-wrap:wrap;font-size:.8rem;gap:1rem}.issue-meta span{align-items:center;display:flex;gap:.25rem}.loading-state,.no-results{color:#666;padding:2rem;text-align:center}.automation-scenario-details{background:#fff;border:1px solid #e1e4e8;border-radius:8px;margin-bottom:12px;overflow:hidden;transition:all .2s ease}.automation-scenario-details:hover{border-color:#0366d6;box-shadow:0 2px 8px #0366d61a}.automation-scenario-details.compact{margin-bottom:8px;padding:12px}.scenario-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e1e4e8;color:#fff;padding:16px}.scenario-title-section{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.scenario-title{align-items:center;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;margin:0}.scenario-icon{font-size:18px;opacity:.9}.scenario-name{color:#fff;flex:1 1;text-decoration:none}.scenario-name.clickable{cursor:pointer;transition:opacity .2s ease}.scenario-name.clickable:hover{opacity:.8;text-decoration:underline}.scenario-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.scenario-header-compact{align-items:center;display:flex;gap:12px;justify-content:space-between}.scenario-main-info{flex:1 1}.scenario-title-compact{align-items:center;display:flex;gap:8px;margin-bottom:4px}.scenario-title-compact .scenario-name{color:#333;cursor:pointer;font-weight:600;transition:color .2s ease}.scenario-title-compact .scenario-name:hover{color:#0366d6;text-decoration:underline}.scenario-meta-compact{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.link-badges-compact{align-items:center;display:flex;flex-shrink:0;gap:6px}.coverage-badge{border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;white-space:nowrap}.coverage-badge.coverage-high{background:#28a745}.coverage-badge.coverage-medium{background:#ffc107;color:#212529}.coverage-badge.coverage-low{background:#dc3545}.link-type-badge{border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;white-space:nowrap}.link-type-badge.link-type-full{background:#007bff}.link-type-badge.link-type-partial{background:#6c757d}.link-type-badge.link-type-enhancement{background:#17a2b8}.link-type-badge.link-type-regression{background:#6f42c1}.link-type-badge.link-type-default{background:#343a40}.source-badge{background:#fff3;border-radius:12px;color:#fff;font-size:11px;font-weight:500;padding:4px 8px;white-space:nowrap}.module-badge{background:#e9ecef}.module-badge,.tag-badge{border-radius:8px;color:#495057;font-size:11px;font-weight:500;padding:2px 6px;white-space:nowrap}.tag-badge{background:#f8f9fa;border:1px solid #dee2e6}.scenario-details{padding:16px}.scenario-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:#6a737d;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#24292e;font-size:14px;font-weight:500}.scenario-id{background:#f6f8fa;border-radius:4px;color:#0366d6;font-family:Courier New,monospace;font-size:12px;padding:2px 4px}.scenario-description{margin-bottom:16px}.description-text{color:#586069;font-size:14px;line-height:1.5;margin:8px 0 0}.scenario-tags{margin-bottom:16px}.tags-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.link-metadata{background:#f6f8fa;border-left:3px solid #0366d6;border-radius:6px;padding:12px}.metadata-item{align-items:center;border-bottom:1px solid #e1e4e8;display:flex;justify-content:space-between;padding:4px 0}.metadata-item:last-child{border-bottom:none}.metadata-label{color:#6a737d;font-size:12px;font-weight:600}.metadata-value{color:#24292e;font-size:13px;font-weight:500}.metadata-value.coverage-high{color:#28a745}.metadata-value.coverage-medium{color:#ffc107}.metadata-value.coverage-low{color:#dc3545}.metadata-value.link-type-full{color:#007bff}.metadata-value.link-type-partial{color:#6c757d}.metadata-value.link-type-enhancement{color:#17a2b8}.metadata-value.link-type-regression{color:#6f42c1}.link-id{background:#fff;border:1px solid #e1e4e8;border-radius:4px;color:#0366d6;font-family:Courier New,monospace;font-size:11px;padding:2px 4px}.automation-scenario-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:14px;padding:12px;text-align:center}@media (max-width:768px){.scenario-title-section{flex-direction:column;gap:12px}.scenario-badges{align-self:flex-start}.scenario-info-grid{grid-template-columns:1fr}.metadata-item{gap:4px}.metadata-item,.scenario-header-compact{align-items:flex-start;flex-direction:column}.scenario-header-compact{gap:8px}.link-badges-compact{align-self:flex-start}}.automation-scenario-details{transition:max-height .3s ease-in-out,opacity .2s ease}.scenario-name.clickable:focus{outline:2px solid #0366d6;outline-offset:2px}@media print{.automation-scenario-details{border:1px solid #ccc;break-inside:avoid;margin-bottom:10px;page-break-inside:avoid}.scenario-header{background:#f5f5f5!important;color:#333!important}.scenario-name.clickable{cursor:default}.scenario-name.clickable:hover{text-decoration:none}}:root{--vscode-editor-background:#fff;--vscode-foreground:#333;--vscode-button-secondaryBackground:#e4e6e8;--vscode-button-secondaryForeground:#333;--vscode-button-background:#d33f8d;--vscode-button-foreground:#fff;--vscode-input-border:#ccc;--vscode-input-background:#fff;--vscode-input-foreground:#333;--vscode-inputValidation-errorBorder:#be1100;--vscode-inputValidation-errorBackground:#fde8e8;--vscode-errorForeground:#be1100;--vscode-titleBar-activeBackground:#ddd;--vscode-notificationToast-background:#383838;--vscode-notificationToast-foreground:#fff;--vscode-editor-font-family:"Segoe UI",Arial,sans-serif}.vscode-dark,[data-theme=dark]{--vscode-editor-background:#1e1e1e;--vscode-foreground:#d4d4d4;--vscode-button-secondaryBackground:#404040;--vscode-button-secondaryForeground:#ccc;--vscode-button-background:#0e639c;--vscode-button-foreground:#fff;--vscode-input-border:#404040;--vscode-input-background:#333;--vscode-input-foreground:#d4d4d4;--vscode-inputValidation-errorBorder:#f44747;--vscode-inputValidation-errorBackground:#5a1212;--vscode-errorForeground:#f44747;--vscode-titleBar-activeBackground:#2d2d2d;--vscode-notificationToast-background:#404040;--vscode-notificationToast-foreground:#d4d4d4}.cicd-generator{background:#fff;background:var(--vscode-editor-background);border-radius:12px;box-shadow:0 4px 20px #00000026;margin:0 auto;max-width:1200px;padding:40px;transition:background-color .3s ease}.cicd-generator h2{color:#333;color:var(--vscode-foreground);font-size:2em;font-weight:700;margin-bottom:30px;text-align:center}.platform-selector{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin-bottom:40px}.platform-selector button{align-items:flex-start;background:#e4e6e8;background:var(--vscode-button-secondaryBackground);border:1px solid #e4e6e8;border:1px solid var(--vscode-button-secondaryBackground);border-radius:10px;box-shadow:0 2px 10px #0000000d;color:#333;color:var(--vscode-button-secondaryForeground);cursor:pointer;display:flex;flex-shrink:0;font-size:1.05rem;padding:20px 28px;transition:all .3s ease-in-out;width:300px}.platform-button-content{align-items:flex-start;display:flex;gap:18px}.platform-icon{display:inline-block;font-size:2.5rem;margin-top:2px;transition:transform .3s ease}.platform-info{display:flex;flex-direction:column;gap:6px;text-align:left}.platform-name{font-size:1.15rem;font-weight:700}.platform-description{font-size:.9rem;line-height:1.5;opacity:.7}.platform-selector button.active{background:#0562a3;background:var(--primary-color);border-color:#d33f8d;border-color:var(--vscode-button-background);box-shadow:0 6px 20px #0003;color:#fff;color:var(--vscode-button-foreground);transform:translateY(-5px)}.platform-selector button.active .platform-description{opacity:1}.platform-selector button.active .platform-icon{color:inherit;transform:scale(1.15)}.platform-selector button:hover{box-shadow:0 8px 25px #00000040;transform:translateY(-8px)}.platform-selector button:hover .platform-icon{transform:scale(1.15)}.platform-selector button:hover .platform-description{opacity:1}.token-section{background:#fff;background:var(--vscode-editor-background);border:1px solid #ccc;border:1px solid var(--vscode-input-border);border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:20px;transition:background-color .3s ease,border-color .3s ease}.token-input{align-items:center;display:flex;gap:15px;margin-top:15px}.token-input input{background:#fff;background:var(--vscode-input-background);border:1px solid #ccc;border:1px solid var(--vscode-input-border);border-radius:6px;color:#333;color:var(--vscode-input-foreground);flex-grow:1;font-family:Segoe UI,Arial,sans-serif;font-family:var(--vscode-editor-font-family);font-size:1rem;padding:12px 15px;transition:border-color .3s ease,background-color .3s ease}.token-input input:focus{border-color:#d33f8d;border-color:var(--vscode-button-background);box-shadow:0 0 0 2px #007acc33;outline:none}.token-input input.error{border-color:#be1100;border-color:var(--vscode-inputValidation-errorBorder);box-shadow:0 0 0 2px #be110033}.token-input input.error:focus{outline-color:#be1100;outline-color:var(--vscode-inputValidation-errorBorder)}.error-message{background:#fde8e8;background:var(--vscode-inputValidation-errorBackground);border:1px solid #be1100;border:1px solid var(--vscode-inputValidation-errorBorder);color:#be1100;color:var(--vscode-errorForeground);font-size:.95rem;line-height:1.4;margin-top:10px}.config-display{background:#fff;background:var(--vscode-editor-background);border:1px solid #ccc;border:1px solid var(--vscode-input-border);border-radius:10px;box-shadow:0 4px 15px #0000001a;margin-top:30px;overflow:hidden}.config-display,.config-header{transition:background-color .3s ease,border-color .3s ease}.config-header{align-items:center;background:#ddd;background:var(--vscode-titleBar-activeBackground);border-bottom:1px solid #ccc;border-bottom:1px solid var(--vscode-input-border);display:flex;justify-content:space-between;padding:15px 20px}.config-header h3{color:#333;color:var(--vscode-foreground);font-size:1.25em;font-weight:600;margin:0}.config-header button{align-items:center;background:#0562a3;background:var(--primary-color);border:none;border-radius:6px;color:#fff;color:var(--vscode-button-foreground);cursor:pointer;display:flex;font-size:.95rem;gap:8px;padding:8px 16px;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease}.config-display pre{color:var(--vscode-editor-foreground);font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.95rem;line-height:1.6;margin:0;overflow-x:auto;padding:25px;white-space:pre-wrap;word-break:break-word}.copy-success{animation:fadeInOut 2.5s ease-in-out forwards;background:#383838;background:var(--vscode-notificationToast-background);border-radius:8px;bottom:30px;box-shadow:0 4px 15px #0003;color:#fff;color:var(--vscode-notificationToast-foreground);padding:14px 28px;position:fixed;right:30px;z-index:1000}.instructions{background:#fff;background:var(--vscode-editor-background);border:1px solid #ccc;border:1px solid var(--vscode-input-border);border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-top:30px;padding:30px;transition:background-color .3s ease,border-color .3s ease}.instructions h3{font-size:1.25em;font-weight:600;margin-bottom:20px;margin-top:0}.instructions h3,.instructions ol{color:#333;color:var(--vscode-foreground)}.instructions ol{line-height:1.8;margin-left:28px;padding-bottom:10px}.instructions li{margin-bottom:12px}button{background:linear-gradient(135deg,#0562a3,#1e40af);border:none;border-radius:6px;color:#fff;color:var(--vscode-button-foreground);cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease}button:hover{background-color:#d33f8d;background-color:var(
    --vscode-button-background
  );box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.token-section button{color:#333;color:var(--vscode-button-secondaryForeground)}.token-section button,.token-section button:hover{background:#e4e6e8;background:var(--vscode-button-secondaryBackground)}.token-section button:hover{box-shadow:0 2px 8px #0000000d}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.config-header button,.platform-selector button,.token-section button{transition:all .2s ease-in-out}.platform-selector button span{font-size:1.3rem;margin-right:10px}.config-display code{color:var(--vscode-editor-foreground)}.config-display pre{background:#fff;background:var(--vscode-editor-background);border:none;border-radius:0}@media (max-width:768px){.cicd-generator{padding:20px}.platform-selector{align-items:center;flex-direction:column;gap:15px}.platform-selector button{max-width:350px;width:90%}.token-input{flex-direction:column;gap:10px}.token-input button{width:100%}}@media (max-width:480px){.cicd-generator h2{font-size:1.6em}.config-header{align-items:flex-start;flex-direction:column;gap:10px}.config-header h3{font-size:1.1em}.config-header button{justify-content:center;width:100%}.instructions{padding:15px}.instructions h3{font-size:1.1em}}.user-management-container{background-color:var(--card-bg-color);border-radius:10px;box-shadow:var(--card-shadow);color:var(--primary-color);padding:20px}.create-user-section,.project-assignment-section,.users-list-section{background-color:var(--background-light);border:1px solid var(--border-color-light);border-radius:8px;margin-bottom:30px;padding:20px}.form-group{margin-bottom:15px}.form-group label{color:var(--primary-color);margin-bottom:5px}.form-group input,.form-group select{background-color:var(--input-bg-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color-primary);font-size:1rem;padding:10px 12px;width:100%}.form-group select{cursor:pointer}.multi-select{min-height:120px;width:100%}.multi-select option{padding:8px 12px}.submit-button{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:10px 20px;transition:background-color .2s}.submit-button:hover{background-color:var(--primary-color-dark)}.submit-button:disabled{background-color:var(--border-color);cursor:not-allowed}table{border-collapse:collapse;border-radius:4px;box-shadow:var(--card-shadow-sm);margin-top:20px;overflow:hidden;width:100%}td,th{border-bottom:1px solid var(--border-color-light);padding:12px;text-align:left}th{background-color:var(--primary-color-light);color:var(--primary-color-dark);font-weight:600}tr:hover{background-color:var(--hover-color-light)}.error-message{background-color:#fff1f0;background-color:var(--error-bg-color,#fff1f0);border:1px solid var(--error-color);border-radius:4px;color:var(--error-color);margin:10px 0;padding:10px}.success-message{background-color:#f6ffed;background-color:var(--success-bg-color,#f6ffed);border:1px solid #52c41a;border:1px solid var(--success-color,#52c41a);border-radius:4px;color:#52c41a;color:var(--success-color,#52c41a);margin:10px 0;padding:10px}.loading{color:var(--text-color-secondary);padding:20px;text-align:center}.status-badge{font-size:.8rem}.status-badge.active{background-color:#f6ffed;background-color:var(--success-bg-color,#f6ffed);border:1px solid #52c41a;border:1px solid var(--success-color,#52c41a);color:#52c41a;color:var(--success-color,#52c41a)}.status-badge.inactive{background-color:#fff1f0;background-color:var(--error-bg-color,#fff1f0);border:1px solid var(--error-color);color:var(--error-color)}.status-toggle-button{align-items:center;background:linear-gradient(#1f66c5,#1a57a7);background:linear-gradient(var(--button-bg,#1f66c5),var(--button-bg2,#1a57a7));border:1px solid #0000;border-radius:6px;box-shadow:0 1px 2px #0000001f,0 2px 4px #0000000f;color:#fff;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:4px;letter-spacing:.25px;padding:6px 14px;position:relative;transition:background .18s ease,box-shadow .18s ease,transform .15s ease}.status-toggle-button.activate{--button-bg:#38a169;--button-bg2:#2f855a;background:linear-gradient(var(--button-bg),var(--button-bg2));border-color:#2f855a}.status-toggle-button.deactivate{--button-bg:#d9534f;--button-bg2:#c0392b;background:linear-gradient(var(--button-bg),var(--button-bg2));border-color:#b52b27}.status-toggle-button.edit-projects{--button-bg:#6b46c1;--button-bg2:#553c9a;background:linear-gradient(var(--button-bg),var(--button-bg2));border-color:#4b3290}.user-action-buttons{align-items:stretch;display:flex;gap:8px}.status-toggle-button.unified{justify-content:center;min-width:130px}.status-toggle-button.unified.edit-projects{--button-bg:#1f66c5;--button-bg2:#1a57a7;border-color:#1a57a7}.status-toggle-button.unified.activate:hover,.status-toggle-button.unified.deactivate:hover,.status-toggle-button.unified.edit-projects:hover{filter:brightness(1.05)}.status-toggle-button:hover{box-shadow:0 2px 6px #0000002e,0 4px 10px #00000014;transform:translateY(-1px)}.status-toggle-button:active{box-shadow:0 1px 3px #0000002e;transform:translateY(0)}.status-toggle-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.project-edit-panel{background:var(--background-light);border:1px solid var(--border-color-light);border-radius:8px;box-shadow:0 2px 5px #00000014;max-width:360px;padding:10px 12px}.multi-select-list{grid-gap:4px 8px;display:grid;gap:4px 8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:8px;max-height:160px;overflow-y:auto}.multi-select-item{align-items:center;background:var(--input-bg-color);border:1px solid var(--border-color-light);border-radius:4px;cursor:pointer;display:flex;font-size:.72rem;gap:4px;padding:4px 6px;transition:background .15s,border-color .15s;-webkit-user-select:none;user-select:none}.multi-select-item:hover{background:var(--hover-color-light);border-color:var(--primary-color-light)}.project-edit-actions{display:flex;gap:8px}.project-edit-actions .small-button{align-items:center;background:linear-gradient(#2b6cb0,#2c5282);border:1px solid #0000;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-size:.68rem;font-weight:600;gap:4px;padding:6px 10px;transition:background .18s ease,transform .15s ease}.project-edit-actions .small-button.save{background:linear-gradient(#3182ce,#2c5282)}.project-edit-actions .small-button.cancel{background:linear-gradient(#718096,#4a5568)}.project-edit-actions .small-button:hover{transform:translateY(-1px)}.project-edit-actions .small-button:active{transform:translateY(0)}.project-edit-actions .small-button:disabled{cursor:not-allowed;opacity:.6}.project-badge-list{display:flex;flex-wrap:wrap;gap:4px}.project-badge{background:linear-gradient(135deg,#48bb78,#2f855a);box-shadow:0 1px 2px #0000001f}@media (max-width:900px){.multi-select-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.project-edit-panel{max-width:100%}}.client-label{background-color:#4f90e2;padding:3px 8px}.client-label,.project-badge{border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;margin-right:5px}.project-badge{background-color:#6bc27f;margin-bottom:3px;padding:4px 8px}.form-group small{color:#6c757d;display:block;font-size:.8rem;margin-top:5px}.mapping-section{background-color:#f8f9fa;border-left:4px solid #4f90e2;border-radius:5px;margin-bottom:15px;padding:15px}.mapping-section h4{color:#4f90e2;font-size:1rem;margin-bottom:10px;margin-top:0}:root{--input-focus-border:#8c9eff;--button-hover-bg:#5a70e0}.dark{--input-focus-border:#40c4ff;--button-hover-bg:#40c4ff}.security-test-config{background-color:#f0f2f5;background-color:var(--background-primary);border-radius:12px;box-shadow:0 10px 40px #00000014;color:#333;color:var(--text-primary);font-family:Inter,sans-serif;margin:0 auto;max-width:1000px;padding:30px;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.security-test-config h2{color:#6a83f1;color:var(--primary-color);font-size:28px;margin-bottom:30px;padding-bottom:10px;position:relative;text-align:center}.security-test-config h2:after{background-color:#6a83f1;background-color:var(--primary-color);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.config-section{background-color:#fff;background-color:var(--background-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 15px #0000000d;margin-bottom:25px;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.config-section label{color:#333;color:var(--text-primary);display:block;font-size:16px;font-weight:600;margin-bottom:10px}.config-section select,.full-width-input{background-color:#f0f2f5;background-color:var(--background-primary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;color:#333;color:var(--text-primary);font-size:15px;padding:12px;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease;width:calc(100% - 24px)}.config-section select:focus,.full-width-input:focus{--primary-color-rgb:106,131,241;border-color:#8c9eff;border-color:var(--input-focus-border);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.2);outline:none}.config-section select{-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%23666" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');background-position:right 12px center;background-repeat:no-repeat;background-size:20px}.dark .config-section select{background-image:url('data:image/svg+xml;utf8,<svg fill="%23b0b0b0" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>')}.section-header{border-bottom:1px dashed #e0e0e0;border-bottom:1px dashed var(--border-color);margin-bottom:15px;padding-bottom:10px}.section-header h3{color:#6a83f1;color:var(--primary-color);font-size:20px;margin:0}.select-buttons{display:flex;gap:10px}.small-button{background-color:#f0f2f5;background-color:var(--background-primary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 2px 5px #0000000d;color:#333;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 15px;transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.small-button:hover{background-color:#8c9eff;background-color:var(--accent-color);border-color:#8c9eff;border-color:var(--accent-color);box-shadow:0 3px 8px #0000001a;color:#fff}.small-button:active{transform:translateY(1px)}.test-checkboxes{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:15px}.test-checkbox{align-items:center;background-color:#fff;background-color:var(--background-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #00000008;display:flex;gap:12px;padding:12px 15px;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.test-checkbox:hover{box-shadow:0 4px 12px #00000014}.test-checkbox input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.test-checkbox label{align-items:center;color:#333;color:var(--text-primary);cursor:pointer;display:flex;font-weight:400;margin:0;padding-left:30px;position:relative}.test-checkbox label:before{background-color:#f0f2f5;background-color:var(--background-primary);border:2px solid #6a83f1;border:2px solid var(--primary-color);border-radius:4px;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:20px}.test-checkbox input[type=checkbox]:checked+label:before{background-color:#6a83f1;background-color:var(--primary-color);border-color:#6a83f1;border-color:var(--primary-color)}.test-checkbox input[type=checkbox]:checked+label:after{color:#fff;content:"\2713";font-size:14px;left:4px;position:absolute;top:50%;transform:translateY(-50%)}.button-row{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.action-button{box-shadow:0 5px 15px #0000001a;font-size:16px;padding:12px 25px}.action-button.primary{background:linear-gradient(45deg,#6a83f1,#8c9eff);background:linear-gradient(45deg,var(--primary-color),var(--accent-color));border:none;color:#fff}.action-button.primary:hover{box-shadow:0 8px 20px #00000026;opacity:.9;transform:translateY(-3px)}.action-button.secondary{background-color:#fff;background-color:var(--background-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);color:#333;color:var(--text-primary)}.action-button.secondary:hover{border-color:#6a83f1;border-color:var(--primary-color);color:#6a83f1;color:var(--primary-color);transform:translateY(-1px)}.action-button.secondary:hover,.dark .security-test-config{background-color:#f0f2f5;background-color:var(--background-primary)}.dark .security-test-config{box-shadow:0 10px 40px #0000004d;color:#333;color:var(--text-primary)}.dark .config-section{background-color:#fff;background-color:var(--background-secondary);border-color:#e0e0e0;border-color:var(--border-color);box-shadow:0 4px 15px #0003}.dark .config-section select,.dark .full-width-input{background-color:#1a1a2e;border-color:#4a4a6e;color:#333;color:var(--text-primary)}.dark .small-button{background-color:#2a2a4a;border-color:#3a3a5a;color:#333;color:var(--text-primary)}.dark .small-button:hover{background-color:#40c4ff;border-color:#40c4ff;color:#fff}.dark .test-checkbox{background-color:#fff;background-color:var(--background-secondary);border-color:#e0e0e0;border-color:var(--border-color)}.dark .test-checkbox label:before{background-color:#f0f2f5;background-color:var(--background-primary);border-color:#6a83f1;border-color:var(--primary-color)}.dark .action-button.secondary{background-color:#fff;background-color:var(--background-secondary);border-color:#e0e0e0;border-color:var(--border-color);color:#333;color:var(--text-primary)}.dark .action-button.secondary:hover{background-color:#f0f2f5;background-color:var(--background-primary);border-color:#6a83f1;border-color:var(--primary-color);color:#6a83f1;color:var(--primary-color)}:root{--primary-color:#3498db;--accent-color:#2980b9;--critical-color:#e74c3c;--high-color:#f39c12;--medium-color:#f1c40f;--low-color:#2ecc71;--passed-color:#2ecc71;--failed-color:#e74c3c;--total-color:#3498db}.dark{--critical-color:#cf6679;--high-color:#ff9100;--medium-color:#ffea00;--low-color:#69f0ae;--passed-color:#69f0ae;--failed-color:#cf6679;--total-color:#40c4ff}.security-test-results{background-color:#f0f2f5;background-color:var(--background-primary);color:#3498db;color:var(--primary-color);font-family:Inter,sans-serif;margin:0 auto;max-width:1200px;padding:30px;transition:background-color .3s ease,color .3s ease}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header-buttons{align-items:center;display:flex;gap:15px}.download-options{display:flex;gap:8px}.download-button{align-items:center;background-color:#3498db;background-color:var(--primary-color);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 14px;transition:all .2s ease}.download-button:hover{background-color:#2980b9;background-color:var(--accent-color);box-shadow:0 3px 6px #0003;transform:translateY(-1px)}.download-button:active{box-shadow:0 1px 3px #0003;transform:translateY(0)}.download-button:focus{outline:2px solid #3498db80;outline-offset:2px}.download-icon{font-size:16px;margin-right:2px}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;margin-left:10px;padding:0;transition:color .2s}.close-button:hover{color:#2980b9;color:var(--accent-color)}.security-score-card{align-items:center;background-color:#fff;background-color:var(--background-secondary);border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;margin-bottom:30px;padding:20px}.security-score{align-items:center;border-radius:50%;display:flex;font-size:32px;height:100px;justify-content:center;margin-right:20px;width:100px}.score-label{flex:1 1}.score-label h3{margin:0 0 10px}.score-label p{color:#666;color:var(--text-secondary);margin:0}.excellent{background-color:#2ecc7133;color:#27ae60}.good{background-color:#3498db33;color:#2980b9}.fair{background-color:#f1c40f33;color:#f39c12}.poor{background-color:#e74c3c33;color:#c0392b}.results-summary{margin-bottom:30px}.summary-title{font-size:18px;font-weight:500;margin-bottom:15px}.summary-cards{display:flex;flex-wrap:wrap;gap:20px}.summary-card{background-color:#fff;background-color:var(--background-secondary);border-radius:8px;box-shadow:0 2px 8px #0000001a;flex:1 1;min-width:250px;padding:20px}.summary-card h3,.summary-card h4{margin-bottom:15px;margin-top:0}.summary-card h4{color:#3498db;color:var(--primary-color);font-size:16px;font-weight:500}.vulnerability-counts{display:flex;flex-wrap:wrap;gap:12px}.vuln-count{align-items:center;border-radius:8px;display:flex;flex-direction:column;min-width:70px;padding:12px 16px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.vuln-count:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.vuln-count.critical{background-color:#e74c3c1a;border:1px solid #e74c3c4d;color:#e74c3c;color:var(--critical-color)}.vuln-count.high{background-color:#f39c121a;border:1px solid #f39c124d;color:#f39c12;color:var(--high-color)}.vuln-count.medium{background-color:#f1c40f1a;border:1px solid #f1c40f4d;color:#f1c40f;color:var(--medium-color)}.vuln-count.low{background-color:#2ecc711a;border:1px solid #2ecc714d;color:#2ecc71;color:var(--low-color)}.vuln-count.total{color:#3498db;color:var(--total-color)}.vuln-count.none,.vuln-count.total{background-color:#3498db1a;border:1px solid #3498db4d}.vuln-count.none{color:#3498db;color:var(--primary-color);font-style:italic;padding:12px 20px}.vuln-count .count{font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.vuln-count span:last-child{font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.test-counts{display:flex;flex-wrap:wrap;gap:15px}.test-count{align-items:center;border-radius:8px;display:flex;flex-direction:column;min-width:70px;padding:12px 16px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.test-count:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.test-count.passed{background-color:#2ecc711a;border:1px solid #2ecc714d;color:#2ecc71;color:var(--passed-color)}.test-count.failed{background-color:#e74c3c1a;border:1px solid #e74c3c4d;color:#e74c3c;color:var(--failed-color)}.test-count.total{background-color:#3498db1a;border:1px solid #3498db4d;color:#3498db;color:var(--total-color)}.test-count .count{font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.test-count span:last-child{font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.last-scan{background-color:#3498db0d;border-left:3px solid #3498db;border-left:3px solid var(--primary-color);border-radius:6px;color:#333;color:var(--text-primary);font-weight:500;padding:12px 16px}.loading-message{align-items:center;color:#666;color:var(--text-secondary);display:flex;font-style:italic;justify-content:center;padding:40px 20px}.error-message{background-color:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:6px;color:#e74c3c;color:var(--failed-color);margin:15px 0;padding:15px 20px}.no-data-message{color:#666;color:var(--text-secondary);font-style:italic;padding:40px 20px;text-align:center}.download-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.download-button.loading{position:relative}.download-button.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fffc;bottom:0;content:"";height:16px;left:0;margin:auto;position:absolute;right:0;top:0;width:16px}.stat-list{list-style-type:none;margin:0;padding:0}.stat-item{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding-bottom:10px}.stat-label{align-items:center;display:flex}.stat-dot{border-radius:50%;display:inline-block;height:12px;margin-right:8px;width:12px}.dot-critical{background-color:#e74c3c;background-color:var(--critical-color)}.dot-high{background-color:#f39c12;background-color:var(--high-color)}.dot-medium{background-color:#f1c40f;background-color:var(--medium-color)}.dot-low{background-color:#2ecc71;background-color:var(--low-color)}.dot-passed{background-color:#2ecc71;background-color:var(--passed-color)}.dot-failed{background-color:#e74c3c;background-color:var(--failed-color)}.dot-total{background-color:#3498db;background-color:var(--total-color)}.stat-value{font-weight:700}.test-results-section,.vulnerabilities-section{margin-bottom:30px}.section-title{align-items:center;display:flex;font-size:18px;font-weight:500;gap:10px;margin-bottom:15px}.section-title .count-badge{background-color:#3498db;background-color:var(--primary-color);border-radius:12px;color:#fff;font-size:14px;padding:2px 8px}.vulnerabilities-table-container{background-color:#fff;background-color:var(--background-secondary);border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.vulnerabilities-table{border-collapse:collapse;font-size:14px;width:100%}.vulnerabilities-table thead{background-color:#3498db;background-color:var(--primary-color);color:#fff}.vulnerabilities-table th{font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.vulnerabilities-table tbody tr{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.vulnerabilities-table tbody tr:hover{background-color:#3498db0d}.vulnerabilities-table tbody tr:last-child{border-bottom:none}.vulnerabilities-table td{line-height:1.5;padding:16px;vertical-align:top}.severity-col{width:12%}.type-col{width:18%}.description-col{width:30%}.location-col,.recommendation-col{width:20%}.severity-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.severity-badge.severity-critical{background-color:#e74c3c33;border:1px solid #e74c3c4d;color:#e74c3c;color:var(--critical-color)}.severity-badge.severity-high{background-color:#f39c1233;border:1px solid #f39c124d;color:#f39c12;color:var(--high-color)}.severity-badge.severity-medium{background-color:#f1c40f33;border:1px solid #f1c40f4d;color:#f1c40f;color:var(--medium-color)}.severity-badge.severity-low{background-color:#2ecc7133;border:1px solid #2ecc714d;color:#2ecc71;color:var(--low-color)}.type-cell strong{font-weight:600}.description-cell,.type-cell strong{color:#333;color:var(--text-primary)}.description-cell{line-height:1.6}.location-cell{color:#666;color:var(--text-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.recommendation-content{color:#333;color:var(--text-primary);line-height:1.6}.no-recommendation{color:#666;color:var(--text-secondary);font-style:italic}.test-details-table-container{background-color:#fff;background-color:var(--background-secondary);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;overflow:hidden}.test-details-table{border-collapse:collapse;font-size:14px;width:100%}.test-details-table thead{background-color:#3498db;background-color:var(--primary-color);color:#fff}.test-details-table th{font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.test-details-table tbody tr{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.test-details-table tbody tr:hover{background-color:#3498db0d}.test-details-table tbody tr:last-child{border-bottom:none}.test-details-table td{line-height:1.5;padding:16px;vertical-align:top}.status-col{width:12%}.test-name-col{width:25%}.category-col{width:18%}.vulnerabilities-col{width:22%}.details-col{width:23%}.status-badge{border-radius:4px;padding:4px 8px}.status-badge.status-pass{background-color:#2ecc7133;border:1px solid #2ecc714d;color:#2ecc71;color:var(--passed-color)}.status-badge.status-fail{background-color:#e74c3c33;border:1px solid #e74c3c4d;color:#e74c3c;color:var(--failed-color)}.test-name-cell strong{color:#333;color:var(--text-primary);font-weight:600}.category-cell{color:#666;color:var(--text-secondary);font-style:italic}.details-list,.vulnerabilities-list{max-height:120px;overflow-y:auto}.detail-item,.vulnerability-item{border-bottom:1px solid #0000000d;color:#333;color:var(--text-primary);font-size:13px;line-height:1.4;padding:2px 0}.detail-item:last-child,.vulnerability-item:last-child{border-bottom:none}.vulnerability-item{color:#e74c3c;color:var(--failed-color)}.no-details,.no-issues{color:#666;color:var(--text-secondary);font-size:13px;font-style:italic}.no-issues{color:#2ecc71;color:var(--passed-color)}.test-row.pass:hover{background-color:#2ecc710d}.test-row.fail:hover{background-color:#e74c3c0d}.test-details-mobile{display:none}.test-mobile-card{background-color:#fff;background-color:var(--background-secondary);border-left:4px solid #2ecc71;border-left:4px solid var(--passed-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:12px;padding:16px}.test-mobile-card.pass{border-left-color:#2ecc71;border-left-color:var(--passed-color)}.test-mobile-card.fail{border-left-color:#e74c3c;border-left-color:var(--failed-color)}.mobile-test-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.mobile-test-name{color:#333;color:var(--text-primary);font-size:16px;font-weight:600}.mobile-test-field{margin-bottom:8px}.mobile-test-label{color:#666;color:var(--text-secondary);font-size:12px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.mobile-test-value{color:#333;color:var(--text-primary);line-height:1.4}.mobile-detail-item,.mobile-vulnerability-item{font-size:13px;padding:2px 0}.mobile-vulnerability-item{color:#e74c3c;color:var(--failed-color)}.vulnerability-row.critical:hover{background-color:#e74c3c0d}.vulnerability-row.high:hover{background-color:#f39c120d}.vulnerability-row.medium:hover{background-color:#f1c40f0d}.vulnerability-row.low:hover{background-color:#2ecc710d}.vulnerability-card{background-color:#fff;background-color:var(--background-secondary);border-left:4px solid #e74c3c;border-left:4px solid var(--critical-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:15px;padding:20px}.vulnerability-card.critical{border-left-color:#e74c3c;border-left-color:var(--critical-color)}.vulnerability-card.high{border-left-color:#f39c12;border-left-color:var(--high-color)}.vulnerability-card.medium{border-left-color:#f1c40f;border-left-color:var(--medium-color)}.vulnerability-card.low{border-left-color:#2ecc71;border-left-color:var(--low-color)}.vulnerability-header{display:flex;justify-content:space-between;margin-bottom:15px}.vulnerability-title{font-size:16px;font-weight:500;margin:0}.vulnerability-severity{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.severity-critical{background-color:#e74c3c33;color:#e74c3c;color:var(--critical-color)}.severity-high{background-color:#f39c1233;color:#f39c12;color:var(--high-color)}.severity-medium{background-color:#f1c40f33;color:#f1c40f;color:var(--medium-color)}.severity-low{background-color:#2ecc7133;color:#2ecc71;color:var(--low-color)}.vulnerability-description{line-height:1.5;margin-bottom:15px}.vulnerability-metadata{color:#666;color:var(--text-secondary);font-size:14px;margin-bottom:15px}.vulnerability-recommendation{background-color:#3498db1a;border-left:3px solid #3498db;border-left:3px solid var(--primary-color);border-radius:4px;padding:12px}.recommendation-title{font-size:14px;font-weight:500;margin:0 0 8px}.test-result-card{background-color:#fff;background-color:var(--background-secondary);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:15px;padding:20px}.test-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.test-name{font-size:16px;font-weight:500;margin:0}.test-status{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.status-pass{background-color:#2ecc7133;color:#2ecc71;color:var(--passed-color)}.status-fail{background-color:#e74c3c33;color:#e74c3c;color:var(--failed-color)}.test-category{color:#666;color:var(--text-secondary);font-size:14px;margin-bottom:15px}.test-details,.test-vulnerabilities{margin-top:15px}.test-details strong,.test-vulnerabilities strong{display:block;margin-bottom:8px}.test-details ul,.test-vulnerabilities ul{line-height:1.6;margin:0;padding-left:20px}@media (max-width:768px){.security-test-results{padding:20px 15px}.results-header{align-items:flex-start;flex-direction:column;gap:15px}.header-buttons{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.security-score-card{flex-direction:column;text-align:center}.security-score{margin-bottom:20px;margin-right:0}.summary-cards{color:#3498db;color:var(--primary-color);flex-direction:column;gap:15px}.summary-card{min-width:0}.download-options{display:flex;gap:8px}.download-button{font-size:13px;padding:8px 12px}.vulnerability-counts{gap:8px;justify-content:center}.vuln-count{min-width:60px;padding:10px 12px}.vuln-count .count{font-size:20px}.test-counts{gap:10px;justify-content:center}.test-count{min-width:60px;padding:10px 12px}.test-count .count{font-size:20px}.vulnerabilities-table-container{overflow-x:auto}.vulnerabilities-table{min-width:800px}.vulnerabilities-table td,.vulnerabilities-table th{font-size:13px;padding:10px 8px}.severity-col{width:15%}.type-col{width:20%}.description-col{width:35%}.location-col,.recommendation-col{width:15%}.test-details-table-container{overflow-x:auto}.test-details-table{min-width:900px}.test-details-table td,.test-details-table th{font-size:13px;padding:10px 8px}.status-col{width:12%}.test-name-col{width:28%}.category-col{width:18%}.vulnerabilities-col{width:22%}.details-col{width:20%}}@media (max-width:480px){.header-buttons{align-items:flex-start;flex-direction:column;gap:10px}.download-options{justify-content:space-between;width:100%}.close-button{align-self:flex-end;margin-top:-35px}.vulnerability-card{padding:15px}.vulnerabilities-table-container{display:none}.vulnerabilities-mobile{display:block}.test-details-table-container{display:none}.test-details-mobile{display:block}.vulnerability-mobile-card{background-color:#fff;background-color:var(--background-secondary);border-left:4px solid #e74c3c;border-left:4px solid var(--critical-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:12px;padding:16px}.vulnerability-mobile-card.critical{border-left-color:#e74c3c;border-left-color:var(--critical-color)}.vulnerability-mobile-card.high{border-left-color:#f39c12;border-left-color:var(--high-color)}.vulnerability-mobile-card.medium{border-left-color:#f1c40f;border-left-color:var(--medium-color)}.vulnerability-mobile-card.low{border-left-color:#2ecc71;border-left-color:var(--low-color)}.mobile-vuln-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.mobile-vuln-type{color:#333;color:var(--text-primary);font-size:16px;font-weight:600}.mobile-vuln-field{margin-bottom:8px}.mobile-vuln-label{color:#666;color:var(--text-secondary);font-size:12px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.mobile-vuln-value{color:#333;color:var(--text-primary);line-height:1.4}}.vulnerabilities-mobile{display:none}:root{--primary-color:#6a83f1;--accent-color:#8c9eff;--text-primary:#333;--text-secondary:#666;--background-primary:#f0f2f5;--background-secondary:#fff;--border-color:#e0e0e0;--excellent-color:#4caf50;--good-color:#8bc34a;--fair-color:#ffc107;--poor-color:#f44336;--progress-bar-color:#40c4ff;--error-bg:#ffebee;--error-border:#f44336;--error-text:#d32f2f}.dark{--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--background-primary:#1a1a2e;--background-secondary:#2a2a4a;--border-color:#3a3a5a;--excellent-color:#69f0ae;--good-color:#aed581;--fair-color:#ffd54f;--poor-color:#cf6679;--progress-bar-color:#40c4ff;--error-bg:#4a0f16;--error-border:#f44336;--error-text:#ff8a80}.security-testing-container{background-color:#f0f2f5;background-color:var(--background-primary);color:#333;color:var(--text-primary);font-family:Inter,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:30px;transition:background-color .3s ease,color .3s ease}.security-testing-container h1{color:#6a83f1;color:var(--primary-color);font-size:36px;margin-bottom:30px;padding-bottom:10px;position:relative;text-align:left}.security-testing-container h1:after{background-color:#6a83f1;background-color:var(--primary-color);border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.security-test-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr}@media (max-width:1024px){.security-test-content{grid-template-columns:1fr}}.security-test-config-section,.security-test-history-section{background-color:#fff;background-color:var(--background-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 30px #00000014;padding:25px;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.security-test-config-section h2,.security-test-history-section h2{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);color:#6a83f1;color:var(--primary-color);font-size:24px;margin-bottom:25px;margin-top:0;padding-bottom:10px}.security-test-progress{background-color:#fff;background-color:var(--background-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 25px #0000000f;margin-top:30px;padding:30px;text-align:center}.security-test-progress h3{color:#333;color:var(--text-primary);font-size:22px;margin-bottom:20px}.progress-container{background-color:#e0e0e0;background-color:var(--border-color);border-radius:12px;box-shadow:inset 0 1px 3px #0000001a;height:25px;margin:0 auto 15px;overflow:hidden;width:90%}.progress-bar{background:linear-gradient(90deg,#6a83f1,#40c4ff);background:linear-gradient(to right,var(--primary-color),var(--progress-bar-color));border-radius:12px 0 0 12px;height:100%;transition:width .6s cubic-bezier(.25,.46,.45,.94);width:0}.progress-text{color:#333;color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:8px}.current-test-name{color:#666;color:var(--text-secondary);font-size:15px;font-style:italic}.history-list{display:flex;flex-direction:column;gap:20px;max-height:600px;overflow-y:auto;padding-right:10px}.history-list::-webkit-scrollbar{width:8px}.history-list::-webkit-scrollbar-track{background:#f0f2f5;background:var(--background-primary);border-radius:10px}.history-list::-webkit-scrollbar-thumb{background:#e0e0e0;background:var(--border-color);border-radius:10px}.history-list::-webkit-scrollbar-thumb:hover{background:#666;background:var(--text-secondary)}.history-item{align-items:center;background-color:#fff;background-color:var(--background-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 15px #0000000d;display:flex;justify-content:space-between;padding:20px;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.history-item:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-3px)}.history-item-details{flex-grow:1}.history-item-details h3{color:#6a83f1;color:var(--primary-color);font-size:20px;margin:0 0 8px}.history-item-details p{color:#666;color:var(--text-secondary);font-size:15px;margin:4px 0}.security-score{border-radius:6px;box-shadow:0 2px 5px #0000001a;color:#fff;display:inline-block;font-weight:700;min-width:70px;padding:30px 12px;text-align:center}.security-score.excellent{background-color:#4caf50;background-color:var(--excellent-color)}.security-score.good{background-color:#8bc34a;background-color:var(--good-color)}.security-score.fair{background-color:#ffc107;background-color:var(--fair-color)}.security-score.poor{background-color:#f44336;background-color:var(--poor-color)}.history-item-actions{display:flex;gap:12px;margin-left:20px}.action-button{background:linear-gradient(45deg,#6a83f1,#8c9eff);background:linear-gradient(45deg,var(--primary-color),var(--accent-color));border-radius:6px;box-shadow:0 4px 10px #0000001a;font-size:15px;font-weight:600;padding:10px 20px;transition:all .3s ease}.action-button:hover{box-shadow:0 6px 15px #00000026;opacity:.9;transform:translateY(-2px)}.action-button:active{box-shadow:0 2px 5px #0000001a;transform:translateY(0)}.action-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.error-message{align-items:center;background-color:var(--error-bg);border:1px solid #f44336;border:1px solid var(--error-border);border-radius:10px;box-shadow:0 4px 12px #0000000d;color:#d32f2f;color:var(--error-text);display:flex;font-weight:500;justify-content:space-between;margin-bottom:25px}.error-message p{flex-grow:1;margin:0}.error-message button{background:none;border:none;color:#d32f2f;color:var(--error-text);cursor:pointer;font-size:18px;font-weight:700;margin-left:15px;transition:transform .2s ease}.error-message button:hover{transform:rotate(90deg)}.dark .security-testing-container{background-color:#f0f2f5;background-color:var(--background-primary)}.dark .security-test-config-section,.dark .security-test-history-section,.dark .security-test-progress{background-color:#fff;background-color:var(--background-secondary);border-color:#e0e0e0;border-color:var(--border-color);box-shadow:0 10px 30px #0000004d}.dark .history-item{background-color:#2a2a4a;border-color:#e0e0e0;border-color:var(--border-color);box-shadow:0 4px 15px #0003}.dark .progress-container{background-color:#3a3a5a}.dark .history-list::-webkit-scrollbar-track{background:#fff;background:var(--background-secondary)}.dark .history-list::-webkit-scrollbar-thumb{background:#5a5a7a}.dark .history-list::-webkit-scrollbar-thumb:hover{background:#7a7a9a}.dark .error-message{background-color:#ffebee;background-color:var(--error-bg);border-color:#f44336;border-color:var(--error-border)}.dark .error-message,.dark .error-message button{color:#d32f2f;color:var(--error-text)}.dark .action-button{background:linear-gradient(45deg,#40c4ff,#84ffff)}.local-agent-download{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:24px}.download-header{margin-bottom:32px;text-align:center}.download-header h2{color:#0562a3;font-size:2rem;margin-bottom:8px}.download-header p{color:#4a5568;font-size:1.1rem}.os-detection{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:32px;padding:16px;text-align:center}.detected-os{align-items:center;color:#0562a3;display:flex;font-size:1.1rem;gap:12px;justify-content:center}.os-icon{font-size:1.5rem}.download-options{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:48px}.download-card{background:#fff;border:1px solid #f1f2f9;border-radius:24px;padding:36px;position:relative;transition:all .3s ease}.download-card:hover{border-color:#9146ff;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.download-card.recommended{background:#f8f2ff;border-color:#9146ff;box-shadow:0 5px 30px 0 #19213d0f}.card-header{gap:12px;margin-bottom:20px;position:relative}.os-icon-large{font-size:2.5rem}.card-header h3{color:#1a365d;font-size:1.5rem}.recommended-badge-container{left:0;position:absolute;text-align:center;top:-12px;width:100%}.recommended-badge{background:#38a169;border-radius:12px;color:#fff;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;padding:4px 8px}.card-content{margin-bottom:24px}.features{list-style:none;margin:0 0 20px;padding:0}.features li{color:#2d3748;padding:4px 0}.system-requirements h4{color:#4a5568;font-size:.9rem;letter-spacing:.5px;margin:16px 0 8px;text-transform:uppercase}.system-requirements ul{color:#4a5568;font-size:.9rem;margin:0;padding-left:20px}.card-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding-top:20px}.download-btn{background:#3182ce;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:background-color .2s}.download-btn:hover:not(:disabled){background:#2c5aa0}.download-btn:disabled{background:#a0aec0;cursor:not-allowed}.recommended .download-btn{background:#38a169}.recommended .download-btn:hover:not(:disabled){background:#2f855a}.file-size{color:#4a5568;font-size:.9rem}.installation-guide{background:#f7fafc;border-radius:12px;margin-bottom:32px;padding:24px}.installation-guide h3{color:#0562a3;margin-bottom:16px}.instruction-content ol{color:#2d3748;line-height:1.6}.instruction-content li{margin-bottom:8px}.troubleshooting{background:#fffaf0;border:1px solid #fbd38d;border-radius:12px;padding:24px}.troubleshooting h3{color:#c05621;margin-bottom:16px}.troubleshooting details{margin-bottom:12px}.troubleshooting summary{color:#c05621;cursor:pointer;font-weight:600;padding:8px 0}.troubleshooting ul{color:#744210;margin:8px 0 0 20px}.troubleshooting li{margin-bottom:4px}@media (max-width:768px){.local-agent-download{padding:16px}.download-options{grid-template-columns:1fr}.card-footer{align-items:stretch;flex-direction:column;gap:12px}.download-btn{width:100%}}.user-analytics-container{background:linear-gradient(135deg,#f0f4f8,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:1.5rem}.header-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 30px #0562a34d;color:#fff;margin-bottom:2rem;padding:2rem}.header-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#bfdbfe);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.header-section p{font-size:1.1rem;font-weight:400;margin:0;opacity:.9}.toolbar{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.main-actions,.toolbar{display:flex;flex-wrap:wrap}.main-actions{gap:.75rem}.view-toggle{background:#f8fafc;border-radius:12px;display:flex;gap:.5rem;padding:.5rem}.access-denied,.error-state,.loading-state{align-items:center;background:#fff;border-radius:20px;box-shadow:0 8px 30px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:2rem 0;min-height:400px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#0562a3;height:50px;margin-bottom:1rem;width:50px}.btn{border-radius:12px;box-shadow:0 2px 8px #0000001a;display:inline-flex;font-size:.9rem;gap:.5rem;justify-content:center;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#0562a3,#1e40af)}.btn-primary:hover{box-shadow:0 4px 15px #0562a366;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#0562a3,#1e40af)}.btn-secondary:hover{box-shadow:0 4px 15px #64748b66;transform:translateY(-2px)}.btn-tertiary{background:#f8fafc;border:2px solid #e2e8f0;color:#64748b}.btn-tertiary:hover{background:#e2e8f0;transform:translateY(-1px)}.btn-sm{font-size:.8rem;padding:.5rem 1rem}.btn-outline{border:2px solid #0562a3;color:#0562a3}.btn-outline:hover{background:#0562a3;color:#fff;transform:translateY(-2px)}.summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.summary-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 30px #00000014;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.summary-card:before{background:linear-gradient(90deg,#0562a3,#1e40af);content:"";height:4px;left:0;position:absolute;right:0;top:0}.summary-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-8px)}.card-header{margin-bottom:1.5rem}.card-header h3{color:#64748b;font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.card-header .icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2rem;opacity:.8}.card-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0562a3,#1e40af);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;line-height:1}.controls-section{margin-bottom:2rem}.filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.filter-dropdown,.sort-dropdown{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#1e293b;font-size:.9rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.filter-dropdown:focus,.sort-dropdown:focus{border-color:#0562a3;box-shadow:0 0 0 3px #0562a31a;outline:none}.enhanced-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.multi-select-container{min-width:200px;position:relative}.multi-select-header{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #0000000d;color:#1e293b;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease}.multi-select-header:hover{border-color:#0562a3;box-shadow:0 4px 12px #0562a326}.dropdown-arrow{color:#64748b;font-size:.9rem;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.multi-select-dropdown{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 30px #00000026;left:0;margin-top:.5rem;max-height:300px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:.5rem;justify-content:space-between;padding:.75rem}.dropdown-header .btn{border-radius:6px;font-size:.8rem;padding:.4rem .8rem}.dropdown-options{max-height:220px;overflow-y:auto;padding:.5rem}.checkbox-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;min-height:48px;padding:.75rem;transition:background-color .2s ease}.checkbox-option:hover{background-color:#f1f5f9}.checkbox-option input[type=checkbox]{border:2px solid #d1d5db;border-radius:4px;cursor:pointer;height:16px;width:16px}.checkbox-option input[type=checkbox]:checked{background-color:#0562a3;border-color:#0562a3}.project-name,.user-name{color:#1e293b;flex:1 1;font-weight:500}.project-info,.user-info{color:#64748b;font-size:.85rem;font-weight:400}.user-projects{background-color:#d1fae5;border-radius:4px;color:#059669;font-size:.75rem;font-weight:500;margin-left:auto;max-width:150px;overflow:hidden;padding:.25rem .5rem;text-overflow:ellipsis;white-space:nowrap}.filter-breadcrumb{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.breadcrumb-content,.filter-breadcrumb{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.filter-label{color:#374151;font-size:.9rem;font-weight:600}.filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.filter-type{color:#6b7280;font-size:.85rem;font-weight:500}.filter-tag{background:#0562a3;border-radius:20px;font-size:.8rem;font-weight:500;gap:.4rem;padding:.35rem .7rem}.filter-tag,.remove-filter{align-items:center;color:#fff;display:flex}.remove-filter{background:#fff3;border:none;border-radius:50%;cursor:pointer;font-size:.7rem;height:18px;justify-content:center;transition:background-color .2s ease;width:18px}.remove-filter:hover{background:#ffffff4d}.clear-all-filters{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.clear-all-filters:hover{background:#dc2626}.section-header{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;margin-bottom:1.5rem;padding:1.5rem 2rem}.section-header h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.section-header p{color:#64748b;font-size:1rem;margin:0}.analytics-summary{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;margin-top:2rem;padding:2rem}.analytics-summary h3{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0 0 1.5rem}.summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-grid .summary-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center}.summary-grid .summary-value{color:#0562a3;font-size:2rem;font-weight:700;margin-bottom:.5rem}.summary-grid .summary-label{color:#64748b;font-size:.9rem;font-weight:500}.activity-indicator{align-items:center;display:flex;gap:.5rem}.activity-circle{border-radius:50%;flex-shrink:0;height:12px;width:12px}.activity-circle.High{background-color:#10b981;box-shadow:0 0 6px #10b98166}.activity-circle.Medium{background-color:#f59e0b;box-shadow:0 0 6px #f59e0b66}.activity-circle.Low{background-color:#6b7280;box-shadow:0 0 6px #6b728066}.activity-label{color:#374151;font-size:.85rem;font-weight:500}.success-rate.high{color:#10b981;font-weight:600}.success-rate.medium{color:#f59e0b;font-weight:600}.success-rate.low{color:#ef4444;font-weight:600}@media (max-width:768px){.toolbar{align-items:stretch;flex-direction:column}.enhanced-filters{justify-content:center;order:2}.main-actions{justify-content:center;order:1}.view-toggle{justify-content:center;order:3}.multi-select-container{min-width:180px}.filter-breadcrumb{align-items:stretch;flex-direction:column}.breadcrumb-content{justify-content:center}}@media (max-width:1024px){.summary-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.table-header,.table-row{font-size:.8rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}@media (max-width:768px){.user-analytics-container{padding:1rem}.toolbar{align-items:stretch;flex-direction:column}.main-actions,.view-toggle{justify-content:center}.summary-cards{grid-template-columns:1fr}.table-header,.table-row{font-size:.7rem;padding:1rem .5rem}.user-info{padding-left:.5rem}.username{font-size:1rem}}@media (max-width:480px){.header-section{padding:1.5rem}.header-section h1{font-size:2rem}.card-value{font-size:2.5rem}.modal-backdrop{padding:1rem}.modal-actions{flex-direction:column}}@media (max-width:768px){.modal-overlay{padding:1rem}.email-config-modal{border-radius:16px;margin:0;max-width:none;width:100%}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-header h3{font-size:1.25rem}.modal-body{padding:1.5rem}.modal-footer{flex-direction:column;padding:1rem 1.5rem 1.5rem}.modal-footer .btn{justify-content:center;width:100%}.form-group input,.form-group textarea{font-size:16px;padding:.875rem 1rem}.status-indicator .config-details{grid-template-columns:1fr}}@media (max-width:480px){.modal-header h3,.modal-header h3:before{font-size:1.1rem}.status-indicator .status-header span:first-child{font-size:1.25rem}.status-indicator .status-header span:last-child{font-size:1rem}}.chart-card{background:var(--background-light);border-radius:8px;padding:1rem}.chart-card h4{color:var(--text-color-primary);font-size:1.1rem;margin:0 0 1rem}.chart-content{display:flex;flex-direction:column;gap:.75rem}.bar-item{align-items:center;display:flex;gap:1rem}.bar-label{color:var(--text-color-primary);font-size:.9rem;font-weight:500;min-width:100px}.bar-container{background:var(--border-color);border-radius:10px;flex:1 1;height:20px;overflow:hidden;position:relative}.bar-fill{background:#0562a3;border-radius:10px;height:100%;transition:width .3s ease}.bar-value{color:var(--text-color-primary);font-size:.8rem;font-weight:500;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}@media (max-width:1200px){.chart-row{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr}}@media (max-width:768px){.user-analytics-container{padding:1rem}.analytics-header{align-items:flex-start;flex-direction:column;gap:1rem}.summary-cards{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.card-value{font-size:2rem}.activity-metrics,.users-header{flex-direction:column;gap:1rem}.users-header{align-items:flex-start}.controls{flex-wrap:wrap;width:100%}.controls select{flex:1 1;min-width:150px}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr}.cell,.header-cell{border-bottom:1px solid var(--border-color);padding:.5rem 0}.cell:last-child,.header-cell:last-child{border-bottom:none}.timeline{padding-left:1rem}.timeline:before{left:.5rem}.timeline-marker{left:-1rem}}body.dark-theme-active .charts-section,body.dark-theme-active .metric-card,body.dark-theme-active .recent-activity-card,body.dark-theme-active .summary-card,body.dark-theme-active .timeline-section,body.dark-theme-active .user-info-card,body.dark-theme-active .users-section{background:var(--card-bg-color);box-shadow:0 4px 12px #0000004d}body.dark-theme-active .table-row{border-color:var(--border-color)}body.dark-theme-active .table-row:hover{background:var(--background-light)}body.dark-theme-active .timeline-content{background:var(--background-color);border-left-color:var(--primary-color)}body.dark-theme-active .chart-card{background:var(--background-color)}body.dark-theme-active .bar-container{background:var(--border-color)}.header-actions{align-items:center;gap:.75rem}.email-btn,.send-now-btn,.test-email-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1rem;transition:all .2s ease}.email-btn{background:var(--success-color);color:#fff}.email-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.send-now-btn,.test-email-btn{background:#0000;border:1px solid #0562a3;color:#0562a3}.send-now-btn:hover:not(:disabled),.test-email-btn:hover:not(:disabled){background:#0562a3;color:#fff;transform:translateY(-1px)}.email-btn:disabled,.send-now-btn:disabled,.test-email-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.email-status{align-items:center;animation:slideInRight .3s ease;border-radius:8px;bottom:auto!important;box-shadow:0 4px 12px #00000026;display:flex!important;float:none!important;font-weight:500;gap:1rem;left:auto!important;margin:0!important;max-width:400px;padding:1rem 1.5rem;position:fixed!important;right:20px!important;top:20px!important;transform:none!important;width:auto!important;z-index:99999!important}.email-status.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.email-status.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.email-status .close-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;opacity:.7;padding:0}.email-status .close-btn:hover{opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.email-modal{animation:slideInUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;width:90%;z-index:2101}.email-modal,.modal-header{overflow:hidden;position:relative}.modal-header{color:#fff;padding:2rem 2rem 1.5rem}.modal-header,.modal-header:before{background:linear-gradient(135deg,#0562a3,#1e40af)}.modal-header:before{bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.modal-header h3{align-items:center;display:flex;font-size:1.5rem;gap:.75rem;position:relative;z-index:1}.modal-header h3:before{content:"⚙️";filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.3rem}.modal-header .close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:40px;justify-content:center;padding:.5rem;position:relative;transition:all .3s ease;width:40px;z-index:1}.modal-header .close-btn:hover:not(:disabled){background:#fff3;box-shadow:0 4px 15px #0003;transform:scale(1.05)}.modal-body{background:linear-gradient(135deg,#fff,#f8fafc);max-height:calc(90vh - 200px);padding:2rem}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0562a3,#1e40af);border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#044a8a,#1e3a8a)}.modal-body p{color:#475569;font-size:1rem;line-height:1.6;margin:0 0 2rem}.form-group{margin-bottom:2rem;position:relative}.form-group label{align-items:center;color:#1e293b;display:block;display:flex;font-size:1rem;gap:.5rem;margin-bottom:.75rem}.form-group label:before{content:"";font-size:.9rem}.form-group:nth-child(2) label:before,.form-group:nth-child(3) label:before,.form-group:nth-child(4) label:before,.form-group:nth-child(5) label:before,.form-group:nth-child(6) label:before,.form-group:nth-child(7) label:before{content:""}.form-group input,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#1e293b;font-family:inherit;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#0562a3;box-shadow:0 0 0 4px #0562a31a,0 4px 12px #0562a326;outline:none;transform:translateY(-1px)}.form-group input:disabled,.form-group textarea:disabled{background:#f8fafc;cursor:not-allowed;opacity:.6}.form-group textarea{min-height:100px}.help-text{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem;margin-top:.5rem}.help-text:before{content:"";font-size:.8rem}.info-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.info-section h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .75rem}.report-contents{list-style:none;margin:0;padding-left:1rem}.report-contents li{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.5rem}.modal-footer{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem 2rem}.modal-footer .btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;overflow:hidden;padding:.875rem 2rem;position:relative;transition:all .3s ease}.modal-footer .btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.modal-footer .btn:hover:before{left:100%}.modal-footer .btn-secondary{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #d1d5db;box-shadow:0 2px 4px #0000000d;color:#475569}.modal-footer .btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#d1d5db);box-shadow:0 4px 12px #00000026;color:#1e293b;transform:translateY(-2px)}.modal-footer .btn-primary{background:linear-gradient(135deg,#0562a3,#1e40af);box-shadow:0 4px 15px #0562a366}.modal-footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#044a8a,#1e3a8a);box-shadow:0 6px 20px #0562a399;transform:translateY(-2px)}.modal-footer .btn:disabled{box-shadow:none;opacity:.5}.modal-footer .btn-primary:after,.modal-footer .btn-secondary:after{content:"";font-size:1.1rem}.modal-footer .btn-primary{background:#0562a3;color:#fff}.modal-footer .btn-primary:hover:not(:disabled){background:#044a8a;transform:translateY(-1px)}.modal-footer .btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}body.dark-theme-active .email-config-modal{background:linear-gradient(135deg,#1e293b,#0f172a);box-shadow:0 25px 50px #0009,0 0 0 1px #ffffff1a}body.dark-theme-active .modal-header{background:linear-gradient(135deg,#0562a3,#1e40af)}body.dark-theme-active .modal-body{background:linear-gradient(135deg,#1e293b,#0f172a)}body.dark-theme-active .modal-body p{color:#cbd5e1}body.dark-theme-active .form-group label{color:#f1f5f9}body.dark-theme-active .form-group input,body.dark-theme-active .form-group textarea{background:#334155;border-color:#475569;color:#f1f5f9}body.dark-theme-active .form-group input:focus,body.dark-theme-active .form-group textarea:focus{background:#475569;border-color:#0562a3}body.dark-theme-active .help-text{color:#94a3b8}body.dark-theme-active .modal-footer{background:linear-gradient(135deg,#334155,#1e293b);border-top-color:#475569}body.dark-theme-active .modal-footer .btn-secondary{background:linear-gradient(135deg,#475569,#334155);border-color:#64748b;color:#cbd5e1}body.dark-theme-active .modal-footer .btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#64748b,#475569);color:#f1f5f9}body.dark-theme-active .status-indicator.success{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#10b981;color:#a7f3d0}body.dark-theme-active .status-indicator.warning{background:linear-gradient(135deg,#92400e,#b45309);border-color:#f59e0b;color:#fcd34d}body.dark-theme-active .status-indicator .config-details>div{background:#0000004d}body.dark-theme-active .status-indicator code{background:#0006;border-color:#ffffff1a}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at center,#0009 0,#000c 100%);padding:2rem;z-index:2100}.email-config-modal{animation:slideInUp .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;box-shadow:0 25px 50px #00000040,0 0 0 1px #fffc;max-height:90vh;max-width:850px;overflow:hidden;position:relative;width:95%;z-index:2101}.config-status{margin-bottom:2rem}.status-indicator{word-wrap:break-word;border-radius:16px;line-height:1.6;margin-bottom:1.5rem;overflow:hidden;overflow-wrap:break-word;padding:1.5rem;position:relative}.status-indicator:before{animation:shimmer 2s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.status-indicator.success{background:linear-gradient(135deg,#d1f2eb,#a7f3d0);border:2px solid #10b981;box-shadow:0 4px 15px #10b98133;color:#064e3b}.status-indicator.warning{background:linear-gradient(135deg,#fef3c7,#fcd34d);border:2px solid #f59e0b;box-shadow:0 4px 15px #f59e0b33;color:#92400e}.status-indicator .status-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;position:relative;z-index:1}.status-indicator .status-header span:first-child{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0;font-size:1.5rem}.status-indicator .status-header span:last-child{flex:1 1;font-size:1.1rem;font-weight:600;min-width:0}.status-indicator .config-details{grid-gap:1rem;border-top:2px solid #0000001a;display:grid;gap:1rem;margin-top:1rem;padding-top:1rem;position:relative;z-index:1}.status-indicator .config-details>div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border-radius:8px;display:flex;flex-direction:column;font-size:.95rem;gap:.5rem;min-width:0;padding:.75rem}.status-indicator .config-details>div>span:first-child{align-items:center;display:flex;font-weight:700;gap:.5rem;opacity:.8;white-space:nowrap}.status-indicator .config-details>div>span:first-child:before{color:currentColor;content:"";font-size:.8rem}.status-indicator .config-details>div>span:last-child{word-wrap:break-word;font-weight:500;overflow-wrap:break-word}.status-indicator code{background:#0003;border:1px solid #0000001a;border-radius:6px;display:inline-block;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.85rem;font-weight:500;margin-top:.5rem;max-width:100%;padding:.4rem .7rem;word-break:break-all}.user-analytics-container .email-status,body .email-status,div .email-status{bottom:auto!important;display:flex!important;float:none!important;left:auto!important;margin:0!important;position:fixed!important;right:20px!important;top:20px!important;transform:none!important;z-index:99999!important}.healing-dashboard{background-color:#f5f5f5;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.dashboard-header{background:#fff;box-shadow:0 1px 6px #00000014;padding:20px;text-align:center}.dashboard-header h1{color:#222;font-size:2em;margin:0 0 8px}.dashboard-header p{color:#666;font-size:1em;margin:0}.overview-cards{grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px}.card{box-shadow:0 1px 6px #00000014;padding:12px;transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 4px 20px #00000026}.overview-card{gap:8px;min-height:56px}.card-icon{color:#888;font-size:1.6em;opacity:.6}.overview-card .card-icon{display:none}.card-content h3{color:#555;font-size:.75em;letter-spacing:.4px;margin:0 0 2px;text-transform:uppercase}.card-value{color:#222;font-size:1.4em;font-weight:600;margin:0}.overview-card.failed,.overview-card.pending,.overview-card.rate,.overview-card.success{background:#fff;border-left:none}.trends-card{margin-bottom:30px}.trends-card h3{color:#333;margin-bottom:20px}.trends-chart{align-items:end;background:#f9f9f9;border-radius:5px;display:flex;gap:10px;height:150px;overflow-x:auto;padding:20px}.trend-bar{min-width:60px}.trend-bar,.trend-value{align-items:center;display:flex;flex-direction:column}.trend-value{margin-bottom:10px}.trend-bar-fill{background-color:#4caf50;border-radius:2px;transition:all .3s ease;width:20px}.trend-count{color:#666;font-size:12px;margin-top:5px}.trend-date{color:#888;font-size:10px;text-align:center;transform:rotate(-45deg);white-space:nowrap}.strategies-card{margin-bottom:30px}.strategies-list{grid-gap:10px;display:grid;gap:10px;max-height:240px;overflow-y:auto}.strategy-item{align-items:center;background:#f9f9f9;border-left:3px solid #4caf50;border-radius:5px;display:flex;justify-content:space-between;padding:15px}.strategy-name{color:#333;font-weight:700}.strategy-count{color:#666;font-size:.9em}.pending-events-card{margin-bottom:30px}.pending-events-list{grid-gap:15px;display:grid;gap:15px}.pending-event{align-items:flex-start;background:#fff3cd;border:1px solid #ffeaa7;border-left:4px solid #ff9800;border-radius:5px;display:flex;justify-content:space-between;padding:20px}.event-info{flex:1 1}.event-scenario{margin-bottom:10px}.event-scenario strong{color:#333;margin-right:10px}.event-step{background:#ff9800;border-radius:3px;color:#fff;font-size:12px;padding:2px 8px}.locator-change{font-family:monospace;font-size:14px;margin-bottom:8px}.original-locator{background:#ffe6e6;border-radius:3px;color:#d73027;padding:2px 4px}.arrow{color:#666;margin:0 8px}.healed-locator{background:#e6ffe6;border-radius:3px;color:#1a9641;padding:2px 4px}.event-meta{color:#666;display:flex;font-size:12px;gap:15px}.event-actions{display:flex;gap:10px;margin-left:20px}.btn{padding:8px 16px;transition:background-color .2s ease}.btn-success{background-color:#4caf50;color:#fff}.btn-success:hover{background-color:#45a049}.btn-danger{background-color:#f44336;color:#fff}.btn-danger:hover{background-color:#da190b}.recent-events-card{margin-bottom:30px}.recent-events-list{grid-gap:12px;display:grid;gap:12px;max-height:360px;overflow-y:auto}.recent-event{align-items:center;background:#f9f9f9;border-radius:5px;display:flex;gap:15px;padding:15px;transition:background-color .2s ease}.recent-event:hover{background:#f0f0f0}.event-status{flex-shrink:0}.status-badge{border-radius:50%;display:inline-block;height:24px;line-height:24px;text-align:center;width:24px}.status-badge.status-auto_saved,.status-badge.status-successful{background-color:#e8f5e8}.status-badge.status-failed{background-color:#ffeaea}.status-badge.status-pending_validation{background-color:#fff3cd}.event-content{flex:1 1}.event-summary{color:#666;font-size:14px}.event-time{color:#999;font-size:12px;margin-left:10px}.empty-state-content{margin:0 auto;max-width:400px}.empty-state-icon{font-size:4em;margin-bottom:20px;opacity:.6}.empty-state h3{color:#333;margin-bottom:15px}.empty-state p{color:#666;line-height:1.6}.loading-spinner{align-items:center;color:#666;display:flex;font-size:18px;height:200px;justify-content:center}.error-message{background-color:#ffebee;border-left:4px solid #c62828;border-radius:5px;color:#c62828;margin:20px 0;padding:20px}@media (max-width:768px){.healing-dashboard{padding:10px}.overview-cards{grid-template-columns:1fr}.pending-event{flex-direction:column;gap:15px}.event-actions{align-self:stretch;margin-left:0}.event-meta{flex-direction:column;gap:5px}.trends-chart{padding:10px}.trend-date{font-size:8px;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{animation:slideIn .3s ease forwards}.card:first-child{animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.card:nth-child(4){animation-delay:.4s}.card:nth-child(5){animation-delay:.5s}.copilot-container{bottom:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;right:20px;z-index:2001}.copilot-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg-color);border:1px solid var(--border-color-light);border-radius:16px;box-shadow:var(--card-shadow),0 0 0 1px var(--border-color-light);display:flex;flex-direction:column;max-height:600px;transition:all .3s cubic-bezier(.4,0,.2,1);width:380px}.copilot-panel.minimized{max-height:60px}.copilot-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-bottom:1px solid var(--border-color-light);border-radius:16px 16px 0 0;color:#fff;justify-content:space-between;padding:16px 20px}.copilot-header,.copilot-title{align-items:center;display:flex}.copilot-title{font-size:14px;font-weight:600;gap:8px}.copilot-icon{font-size:16px}.copilot-status{font-size:12px;opacity:.8}.copilot-controls{display:flex;gap:4px}.copilot-control-btn{align-items:center;background:#fff3;border:none;border-radius:54px;color:#000;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:background-color .2s;width:28px}.copilot-control-btn:hover{background:#ffffff4d}.copilot-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto;padding:16px}.copilot-messages::-webkit-scrollbar{width:6px}.copilot-messages::-webkit-scrollbar-track{background:var(--background-extra-light);border-radius:3px}.copilot-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.copilot-messages::-webkit-scrollbar-thumb:hover{background:var(--text-color-secondary)}.message{align-items:flex-start;animation:messageSlideIn .3s ease-out;display:flex;gap:12px}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{align-items:center;background:var(--background-extra-light);border-radius:50%;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.avatar-icon{border-radius:50%;height:24px;object-fit:contain;width:24px}.message.assistant .message-avatar,.message.user .message-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message.error .message-avatar{background:var(--danger-color);color:#fff}.message-content{flex:1 1;min-width:0}.message-text{word-wrap:break-word;background:var(--background-extra-light);border-radius:16px;box-shadow:0 2px 8px #0000000f;color:var(--text-color-primary);font-size:14px;line-height:1.5;padding:12px 16px}.message.user .message-text{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-left:20px}.message.assistant .message-text{background:#1c1c621a;box-shadow:0 2px 8px #0000000f;color:var(--text-color-primary)}.message.error .message-text{background:rgba(var(--danger-color-rgb),.1);border:1px solid var(--danger-color);color:var(--danger-color)}.message-text strong{font-weight:600}.message-text em{font-style:italic}.message-text code{background:#0000001a;border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:13px;padding:2px 6px}.message-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.action-button{background:var(--primary-color);border-radius:8px;padding:6px 12px;transition:background-color .2s}.action-button:hover{background:var(--primary-color-dark)}.message-timestamp{color:var(--text-color-secondary);font-size:11px;margin-top:4px;opacity:.7}.typing-indicator{align-items:center;display:flex;gap:4px;padding:16px}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:var(--primary-color);border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.quick-actions{background:var(--background-extra-light);border-top:1px solid var(--border-color-light);padding:16px}.quick-actions-label{color:var(--text-color-secondary);font-size:12px;font-weight:600;margin-bottom:12px}.quick-actions-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.quick-action-btn{background:var(--card-bg-color);border:1px solid var(--border-color-light);border-radius:8px;color:var(--text-color-primary);cursor:pointer;font-size:12px;padding:12px;text-align:left;transition:all .2s}.quick-action-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-1px)}.copilot-input-area{background:var(--card-bg-color);border-radius:0 0 16px 16px;border-top:1px solid var(--border-color-light);padding:16px}.input-container{align-items:flex-end;display:flex;gap:8px}.copilot-input{background:var(--background-extra-light);border:1px solid var(--border-color-light);border-radius:12px;color:var(--text-color-primary);flex:1 1;font-size:14px;line-height:1.4;max-height:120px;min-height:65px;outline:none;padding:12px 16px;resize:none;transition:all .2s}.copilot-input:focus{background:var(--card-bg-color);border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}.copilot-input:disabled{cursor:not-allowed;opacity:.6}.send-button{align-items:center;background:linear-gradient(#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-size:18px;height:44px;justify-content:center;padding:0;transition:all .2s;width:44px}.send-button:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-1px)}.send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.input-hint{color:var(--text-color-secondary);font-size:11px;margin-top:8px;opacity:.7;text-align:center}.dark .copilot-panel{box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003}.dark .message-text code{background:#ffffff1a}.dark .typing-indicator span{background:var(--primary-color)}@media (max-width:768px){.copilot-container{bottom:10px;left:10px;right:10px}.copilot-panel{max-width:none;width:100%}.quick-actions-grid{grid-template-columns:1fr}}.copilot-icon-img{height:38px;margin-right:8px;vertical-align:middle;width:38px}.copilot-panel{animation:panelSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.copilot-toggle-container{bottom:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;right:20px;z-index:999}.emoji-icon{height:38px;object-fit:contain;vertical-align:middle;width:38px}.copilot-toggle-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark));border:none;border-radius:50px;box-shadow:0 8px 32px #4f46e566;color:#fff;cursor:pointer;display:flex;gap:12px;justify-content:center;min-height:60px;min-width:60px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.copilot-toggle-btn:hover{background:linear-gradient(135deg,var(--primary-color-dark),var(--primary-color));box-shadow:0 12px 40px #4f46e580;transform:translateY(-2px)}.copilot-toggle-btn:active{transform:translateY(0)}.copilot-toggle-btn.open{background:#6b7280;border-radius:50%;height:60px;padding:0;width:60px}.copilot-toggle-btn.open:hover{background:#4b5563;box-shadow:0 8px 32px #6b728066}.copilot-toggle-btn.animate{animation:copilotPulse 2s ease-in-out}@keyframes copilotPulse{0%,to{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(1.1)}75%{transform:scale(1.05)}}.toggle-icon{align-items:center;display:flex;font-size:24px;justify-content:center;line-height:1;position:relative}.copilot-emoji{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.close-icon{font-size:18px;font-weight:700}.notification-badge{align-items:center;background:#ef4444;border-radius:50%;display:flex;height:12px;justify-content:center;position:absolute;right:-4px;top:-4px;width:12px}.notification-pulse{animation:notificationPulse 2s infinite;background:#ef4444;border-radius:50%;height:100%;width:100%}@keyframes notificationPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.toggle-text{align-items:flex-start;display:flex;flex-direction:column;gap:2px;transition:all .3s ease}.copilot-toggle-btn.open .toggle-text{opacity:0;transform:scale(0)}.main-text{font-size:14px;font-weight:600;line-height:1.2}.sub-text{font-size:11px;font-weight:400;line-height:1;opacity:.9}.copilot-tooltip{animation:tooltipSlideIn .3s ease-out;bottom:100%;margin-bottom:12px;position:absolute;right:0;z-index:1000}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tooltip-content{background:var(--card-bg-color);border-radius:12px;box-shadow:0 8px 32px #00000026;color:var(--text-color-primary);font-size:13px;font-weight:500;max-width:200px;padding:12px 16px;text-align:center;white-space:break-spaces}.tooltip-arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--card-bg-color);height:0;position:absolute;right:20px;top:100%;width:0}.dark .copilot-toggle-btn{box-shadow:0 8px 32px #818cf866}.dark .copilot-toggle-btn:hover{box-shadow:0 12px 40px #818cf880}.dark .tooltip-content{box-shadow:0 8px 32px #0006}.dark .tooltip-arrow{border-top-color:var(--card-bg-color)}@media (max-width:768px){.copilot-toggle-container{bottom:15px;right:15px}.copilot-toggle-btn{min-height:50px;min-width:50px;padding:10px 16px}.copilot-toggle-btn.open{height:50px;width:50px}.toggle-icon{font-size:20px}.main-text{font-size:13px}.sub-text{font-size:10px}.tooltip-content{font-size:12px;max-width:150px}}.copilot-toggle-btn:before{background:linear-gradient(135deg,#fff3,#ffffff1a);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.copilot-toggle-btn:hover:before{opacity:1}.copilot-toggle-btn.processing{animation:processingRotate 2s linear infinite}@keyframes processingRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body,html{-webkit-overflow-scrolling:touch}.app,body,html{position:relative}.app{min-height:100vh;overflow-x:hidden;overflow-y:visible;text-align:center;width:100%}html{scroll-behavior:smooth}body,html{height:auto;min-height:100vh}body{-webkit-overflow-scrolling:touch;background-color:#f7f9fc;font-family:Segoe UI,sans-serif}.navbar{align-items:center;box-shadow:0 2px 5px #0000000d;display:flex;justify-content:space-between;padding:10px 50px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-button,.navbar{background:linear-gradient(90deg,#0562a3,#00c6ff)}.nav-button{border-radius:20px;color:#fff;font-weight:500;margin-left:10px;padding:8px 16px;text-decoration:none;transition:background .3s ease}.nav-button:hover{background:linear-gradient(90deg,#0056b3,#09c);color:#fff}.logo{color:#fff;font-size:28px;font-weight:700}.nav-links{align-items:center;display:flex;gap:20px}.nav-links a{color:#fff;font-size:16px;font-weight:700;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#0072ff}.hero{padding:60px}.highlight-badge{background-color:#0562a3;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:700;margin-bottom:20px;padding:8px 20px}.badge-text{font-weight:700}.hero-title{color:#2a2a2a;font-size:48px;font-weight:600;margin:10px 0}.bold{font-weight:800}.hero-subtitle{color:#555;font-size:20px;margin-bottom:30px}.cta-buttons{margin-bottom:10px}.cta-red{background:linear-gradient(90deg,#419dff,#0562a3);border-radius:10px;font-weight:700;margin:10px;padding:12px 24px;transition:all .3s ease}.cta-red:hover{box-shadow:0 5px 15px #0072ff33;opacity:.9;transform:translateY(-2px)}.cta-blue{background:linear-gradient(90deg,#0562a3,#00c6ff);border:none;border-radius:50px;color:#fff;cursor:pointer;font-weight:450;margin:10px;padding:12px 24px;transition:all .3s ease}.cta-blue:hover{box-shadow:0 5px 15px #00c6ff33;opacity:.9;transform:translateY(-2px)}.video-wrapper{display:flex;justify-content:center;margin-top:40px}.video{border-radius:12px;box-shadow:0 10px 30px #0000001a;height:650px;max-width:1000px;width:90%}.how-it-works{background-color:#fff;padding:49px 10px;text-align:center}.how-it-works h2{color:#1e1e2f;font-size:36px;margin-bottom:50px}.steps{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto 36px;max-width:1000px}.step{background:linear-gradient(90deg,#0562a3,#00c6ff);border-radius:15px;box-shadow:0 5px 15px #0000000d;padding:30px 20px;transition:transform .3s ease}.step:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.step h3{color:#fff;font-size:20px;margin-bottom:10px}.step p{color:#fff;font-size:16px}.problems-section{background:linear-gradient(180deg,#cedbe5,#f4f8fc);overflow:hidden;padding:100px 20px;position:relative;text-align:center}.problem-heading{color:#1e1e2f;font-size:48px;font-weight:700;line-height:1.2;margin-bottom:20px}.problem-icon{font-size:.8em;margin:0 5px;vertical-align:middle}.problem-highlight{color:#e74c3c;font-weight:800}.problem-subtitle{color:#555;font-size:19px;line-height:1.6;margin:0 auto 70px;max-width:800px}.problem-cards{grid-gap:35px;display:grid;gap:35px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto 60px;max-width:1200px}.problem-card{background-color:#fff;border:1px solid #00000014;border-radius:10px;box-shadow:0 20px 50px #0000001a;opacity:0;overflow:hidden;padding:5px;position:relative;text-align:center;transform:translateY(50px);transition:transform .3s ease,box-shadow .3s ease;transition:opacity .7s ease-out 0s,transform .7s ease-out 0s,box-shadow .3s ease,border-color .3s ease;transition:opacity .7s ease-out var(--animation-delay,0s),transform .7s ease-out var(--animation-delay,0s),box-shadow .3s ease,border-color .3s ease}.problem-card[data-delay="0.1s"]{--animation-delay:0.1s}.problem-card[data-delay="0.2s"]{--animation-delay:0.2s}.problem-card.animated{opacity:1;transform:translateY(0)}.problem-card:hover{border-color:#007bff;box-shadow:0 25px 60px #00000026;transform:translateY(-10px)}.problem-card .badge{align-items:center;background-color:#ecf3ff;border-radius:50px;box-shadow:0 5px 15px #0000000d;color:#0056b3;display:inline-flex;font-size:15px;font-weight:600;margin-bottom:25px;padding:10px 20px}.problem-card h3{color:#1e1e2f;font-size:26px;line-height:1.3;margin-bottom:15px}.problem-card p{color:#555;font-size:17px;line-height:1.6}.problem-card p strong{color:#d35400}.problem-card img{display:block;margin:0 auto 20px;max-height:150px;max-width:50%;object-fit:contain}.cta-red{background:linear-gradient(90deg,#0562a3,#00c6ff);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:14px;font-weight:450;letter-spacing:.5px;padding:12px 20px;transition:background-color .3s ease,transform .2s ease}.cta-red:hover{background-color:#0562a3;transform:translateY(-3px)}.steps-automation-section{background-color:#cedbe5;overflow:hidden;padding:80px 20px;position:relative;text-align:center}.steps-intro{margin:0 auto 60px;max-width:800px}.steps-automation-section .highlight-badge{background-color:#e6f0ff;border-radius:50px;color:#0056b3;display:inline-block;font-size:14px;font-weight:600;margin-bottom:15px;padding:8px 15px}.steps-automation-section h2{color:#1e1e2f;font-size:44px;line-height:1.2;margin-bottom:15px}.steps-automation-section .inline-icon{height:35px;margin:0 5px;vertical-align:middle;width:35px}.steps-automation-section p{color:#666;font-size:18px;line-height:1.6}.steps-grid-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;position:relative}.steps-grid-container:before{background-color:#dbe4f0;bottom:100px;content:"";left:50%;position:absolute;top:100px;transform:translateX(-50%);width:2px;z-index:1}.step-block{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 15px 40px #00000014;display:flex;justify-content:space-between;margin-bottom:80px;max-width:1000px;opacity:0;padding:22px;position:relative;text-align:left;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;width:50%;z-index:1}.step-block[data-animation=fade-in-right]{transform:translateX(-50px)}.step-block[data-animation=fade-in-left]{transform:translateX(50px)}.step-block.animated{opacity:1;transform:translateY(0)}.step-block.animated[data-animation=fade-in-left],.step-block.animated[data-animation=fade-in-right]{transform:translateX(0)}.step-block:last-of-type{margin-bottom:0}.step-content-text{flex:1 1;padding-right:40px;position:relative}.step-image-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding-left:40px}.step-image{border-radius:15px;box-shadow:0 10px 20px #0000000d;height:auto;max-width:100%}.step-number-circle{align-items:center;background-color:#007bff;border:4px solid #f7faff;border-radius:50%;box-shadow:0 0 0 4px #007bff;color:#fff;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;position:absolute;top:0;width:50px;z-index:3}.step-block.step-odd .step-number-circle,.step-number-circle{left:-25px;transform:translateX(-50%)}.step-block.step-even .step-number-circle{left:auto;right:-25px;transform:translateX(50%)}.step-block h3{color:#1e1e2f;font-size:28px;margin-bottom:10px;padding-left:40px}.step-block.step-even h3{padding-left:0;padding-right:40px}.step-block p{color:#444;font-size:16px;line-height:1.5;padding-left:40px}.step-block.step-even p{padding-left:0;padding-right:40px}.step-block.step-even{flex-direction:row-reverse}.step-connector{margin:-60px 0 20px;position:relative;text-align:center;width:100%;z-index:2}.connector-icon{background-color:#f7faff;border-radius:50%;box-shadow:0 0 0 4px #dbe4f0;display:block;height:40px;margin:0 auto;padding:8px;width:40px}.connector-label{color:#666;display:block;font-size:14px;font-weight:500;margin-top:5px}.final-connector{margin-bottom:60px}.features-vibrant{background:#f4f8fc;padding:80px 20px;text-align:center}.features-vibrant h2{color:#1e1e2f;font-size:36px;margin-bottom:10px}.features-subtitle{color:#666;font-size:18px;margin-bottom:50px}.feature-boxes{display:flex;flex-wrap:nowrap;gap:30px;justify-content:space-between;margin:0 auto;max-width:1200px}.feature-box{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000000f;flex:1 1;max-width:280px;min-width:0;opacity:0;overflow:hidden;padding:30px;position:relative;text-align:center;transform:translateY(20px);transition:transform .3s ease,box-shadow .3s ease;transition:opacity .6s ease-out 0s,transform .6s ease-out 0s,box-shadow .3s ease;transition:opacity .6s ease-out var(--animation-delay,0s),transform .6s ease-out var(--animation-delay,0s),box-shadow .3s ease}.feature-box[data-delay="0.1s"]{--animation-delay:0.1s}.feature-box[data-delay="0.2s"]{--animation-delay:0.2s}.feature-box[data-delay="0.3s"]{--animation-delay:0.3s}.feature-box.animated{opacity:1;transform:translateY(0)}.feature-box:hover{box-shadow:0 15px 40px #0000001a;transform:translateY(-8px)}.feature-icon{height:60px;margin-bottom:20px;width:60px}.feature-box h3{color:#1e1e2f;font-size:20px;margin-bottom:10px}.feature-box p{color:#444;font-size:15px}.fb1,.fb2,.fb3,.fb4{background:linear-gradient(to top left,#a1c4fd,#0562a3)}.pricing-cards{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;justify-content:center}.pricing-card{background-color:#d2d8de;border-radius:15px;box-shadow:0 5px 15px #0000000d;margin:20px;padding:30px 20px;transition:transform .3s ease}.pricing-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.pricing-card ul li{list-style:none}@media (max-width:1100px){.feature-boxes{flex-wrap:wrap;justify-content:center}.feature-box{flex:1 1 45%;margin-bottom:20px;max-width:none}}@media (max-width:600px){.feature-box{flex:1 1 100%}}.trust-table-section{background-color:#f7faff;padding:80px 20px;text-align:center}.trust-table-section h2{color:#1e1e2f;font-size:36px;margin-bottom:10px}*{box-sizing:border-box}section{overflow-x:hidden;overflow-y:visible;position:relative;width:100%}html{scroll-padding-top:80px}.hero,main{overflow-x:hidden;overflow-y:visible;width:100%}.welcome-ai-chat{background:#fff;border:1px solid #0000001a;border-radius:20px;bottom:30px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;max-height:600px;max-width:90vw;overflow:hidden;position:fixed;right:30px;transition:all .3s ease;width:400px;z-index:1000}.welcome-ai-chat.minimized{height:60px;max-height:60px}.welcome-chat-header{align-items:center;background:linear-gradient(90deg,#0562a3,#00c6ff);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.welcome-chat-title{align-items:center;display:flex;font-size:16px;font-weight:600}.welcome-chat-icon{font-size:18px;margin-right:8px}.welcome-chat-controls{display:flex;gap:8px}.welcome-chat-close,.welcome-chat-minimize{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:background-color .2s ease;width:28px}.welcome-chat-close:hover,.welcome-chat-minimize:hover{background:#ffffff4d}.welcome-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto;padding:20px}.welcome-message{display:flex;flex-direction:column;max-width:85%}.welcome-message.user{align-self:flex-end}.welcome-message.assistant{align-self:flex-start}.welcome-message-content{word-wrap:break-word;border-radius:18px;font-size:14px;line-height:1.4;padding:12px 16px}.welcome-message.user .welcome-message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:6px;color:#fff}.welcome-message.assistant .welcome-message-content{background:#f8f9ff;border:1px solid #e1e8ef;border-bottom-left-radius:6px;color:#333}.welcome-message-time{color:#888;font-size:11px;margin-top:4px;text-align:center}.welcome-error-note{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-size:12px;margin-top:8px;padding:8px 12px}.welcome-typing-indicator{align-items:center;display:flex;gap:4px}.welcome-typing-indicator span{animation:welcome-typing 1.4s ease-in-out infinite;background:#667eea;border-radius:50%;height:8px;width:8px}.welcome-typing-indicator span:first-child{animation-delay:-.32s}.welcome-typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes welcome-typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.welcome-quick-actions{grid-gap:8px;border-top:1px solid #f0f0f0;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-height:150px;overflow-y:auto;padding:15px 20px 10px}.welcome-quick-action{background:#f8f9ff;border:1px solid #e1e8ef;border-radius:15px;color:#667eea;cursor:pointer;font-size:12px;font-weight:500;overflow:hidden;padding:10px 12px;text-align:center;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.welcome-quick-action:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.welcome-chat-input-area{border-top:1px solid #f0f0f0;padding:15px 20px 20px}.welcome-chat-input-container{align-items:flex-end;display:flex;gap:10px}.welcome-chat-input{border:1px solid #e1e8ef;border-radius:12px;flex:1 1;font-family:inherit;font-size:14px;max-height:100px;padding:12px 16px;resize:none;transition:border-color .2s ease}.welcome-chat-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.welcome-chat-input:disabled{background:#f5f5f5;cursor:not-allowed}.welcome-chat-send{align-items:center;background:linear-gradient(90deg,#0562a3,#00c6ff);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.welcome-chat-send:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.welcome-chat-send:disabled{cursor:not-allowed;opacity:.5;transform:none}.welcome-chat-messages::-webkit-scrollbar{width:6px}.welcome-chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.welcome-chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.welcome-chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.welcome-ai-chat{bottom:20px;left:20px;max-width:none;right:20px;width:auto}.welcome-chat-messages{max-height:300px}.welcome-quick-actions{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-height:120px}.welcome-quick-action{font-size:11px;padding:8px 10px}}@media (max-width:480px){.welcome-ai-chat{bottom:10px;left:10px;right:10px}.welcome-chat-header{padding:12px 15px}.welcome-chat-messages{max-height:250px;padding:15px}.welcome-chat-input-area{padding:10px 15px 15px}.welcome-quick-actions{grid-template-columns:1fr;max-height:100px}}.welcome-ai-toggle-wrapper{align-items:center;bottom:30px;display:flex;flex-direction:column;position:fixed;right:30px;z-index:999}.welcome-ai-toggle-button{align-items:center;background:linear-gradient(90deg,#0562a3,#00c6ff);border:none;border-radius:50%;box-shadow:0 8px 25px #667eea4d;cursor:pointer;display:flex;height:70px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:70px}.welcome-ai-toggle-button:hover{box-shadow:0 12px 35px #667eea66;transform:translateY(-3px) scale(1.05)}.welcome-ai-toggle-button:active{transform:translateY(-1px) scale(1.02)}.welcome-ai-toggle-icon{animation:welcome-ai-bounce 2s ease-in-out infinite;font-size:28px;position:relative;z-index:3}.welcome-ai-toggle-rings{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.welcome-ai-ring{animation:welcome-ai-pulse 2s ease-out infinite;border:2px solid #ffffff4d;border-radius:50%;position:absolute}.welcome-ai-ring-1{animation-delay:0s;height:80px;left:-40px;top:-40px;width:80px}.welcome-ai-ring-2{animation-delay:.5s;height:100px;left:-50px;top:-50px;width:100px}.welcome-ai-toggle-label{animation:welcome-ai-glow 3s ease-in-out infinite;color:#667eea;font-size:12px;font-weight:600;letter-spacing:.5px;margin-top:8px;text-shadow:0 1px 2px #0000001a}@keyframes welcome-ai-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes welcome-ai-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes welcome-ai-glow{0%,to{opacity:.8}50%{color:#764ba2;opacity:1}}@media (max-width:768px){.welcome-ai-toggle-wrapper{bottom:20px;right:20px}.welcome-ai-toggle-button{height:60px;width:60px}.welcome-ai-toggle-icon{font-size:24px}.welcome-ai-ring-1{height:70px;left:-35px;top:-35px;width:70px}.welcome-ai-ring-2{height:85px;left:-42.5px;top:-42.5px;width:85px}.welcome-ai-toggle-label{font-size:11px}}@media (max-width:480px){.welcome-ai-toggle-wrapper{bottom:15px;right:15px}.welcome-ai-toggle-button{height:55px;width:55px}.welcome-ai-toggle-icon{font-size:22px}}.jira-integration{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:1200px;padding:20px}.jira-header{align-items:center;border-bottom:2px solid #e1e5e9;display:flex;justify-content:between;margin-bottom:30px;padding-bottom:15px}.jira-header h2{color:#0052cc;font-size:24px;font-weight:600;margin:0}.connection-status{align-items:center;display:flex}.status-indicator{border-radius:20px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-indicator.success{background:#e3fcef;border:1px solid #79e2a6;color:#064}.status-indicator.error{background:#ffebe6;border:1px solid #ff8f73;color:#bf2600}.jira-content{display:flex;flex-direction:column;gap:25px}.config-section{background:#f7f8f9;border:1px solid #dfe1e6;border-radius:6px;padding:20px}.config-section h3{color:#172b4d;margin:0 0 15px}.section-header{cursor:pointer;justify-content:between;-webkit-user-select:none;user-select:none}.chevron{color:#6b778c;font-size:14px;transition:transform .2s ease}.chevron.expanded{transform:rotate(180deg)}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.form-group label{color:#172b4d;font-weight:500;margin-bottom:6px}.form-input,.form-input-small{background:#fff;border:2px solid #dfe1e6;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease}.form-input-small:focus,.form-input:focus{border-color:#0052cc;box-shadow:0 0 0 2px #0052cc33;outline:none}.form-input-small{max-width:200px}.form-group small{color:#6b778c;font-size:12px;margin-top:4px}.action-buttons{display:flex;gap:12px;margin-top:20px}.btn{border-radius:4px;font-size:14px;font-weight:500;min-width:120px;padding:10px 20px}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary:hover:not(:disabled){background:#0065ff;box-shadow:0 4px 8px #0052cc4d;transform:translateY(-1px)}.btn-secondary:hover:not(:disabled){background:#5e6c84;transform:translateY(-1px)}.btn-outline{background:#0000;border:2px solid #0052cc;color:#0052cc}.btn-outline:hover:not(:disabled){background:#0052cc;color:#fff}.advanced-config{border-top:1px solid #dfe1e6;margin-top:20px;padding-top:20px}.mapping-section{margin-bottom:25px}.mapping-section h4{color:#172b4d;font-size:16px;font-weight:500;margin:0 0 12px}.mapping-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.mapping-item{display:flex;flex-direction:column}.mapping-item label{color:#6b778c;font-size:13px;font-weight:500;margin-bottom:4px}.sync-settings{display:flex;flex-direction:column;gap:15px}.checkbox-group,.checkbox-group label{align-items:center;display:flex}.checkbox-group label{color:#172b4d;cursor:pointer;font-size:14px}.checkbox-group input[type=checkbox]{accent-color:#0052cc;height:16px;margin-right:8px;width:16px}.quick-actions{display:flex;flex-wrap:wrap;gap:12px}.linked-issues{display:flex;flex-direction:column;gap:8px}.link-item{align-items:center;background:#fff;border:1px solid #dfe1e6;border-radius:4px;display:flex;gap:12px;padding:10px}.issue-key{color:#0052cc;font-family:monospace;font-weight:600}.link-type{background:#e4fcff;color:#0079bf}.link-type,.sync-status{border-radius:12px;font-size:12px;font-weight:500;padding:3px 8px}.sync-status{text-transform:uppercase}.sync-status.synced{background:#e3fcef;color:#064}.sync-status.pending{background:#fff4e6;color:#974f0c}.sync-status.failed{background:#ffebe6;color:#bf2600}.more-items{color:#6b778c;font-size:13px;margin:8px 0 0 10px}.connection-message{border-left:4px solid;border-radius:4px;margin-top:20px;padding:15px}.connection-message.success{background:#e3fcef;border-color:#36b37e;color:#064}.connection-message.error{background:#ffebe6;border-color:#de350b;color:#bf2600}.connection-message p{font-weight:500;margin:0 0 5px}.connection-message small{color:inherit;font-size:12px;opacity:.8}@media (max-width:768px){.jira-integration{padding:15px}.form-grid,.mapping-grid{grid-template-columns:1fr}.action-buttons,.quick-actions{flex-direction:column}.btn{width:100%}}.advanced-config{animation:slideDown .3s ease}.agile-dashboard{background:#0000;box-sizing:border-box;margin:0;max-width:100%;min-height:auto;padding:0}.dashboard-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.dashboard-header h2{color:#172b4d;font-size:24px;font-weight:700;margin:0}.dashboard-actions{display:flex;gap:10px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.btn-primary{background:#0052cc}.btn-primary:hover{background:#0065ff;box-shadow:0 4px 12px #0052cc4d}.btn-secondary{background:#6b778c}.btn-secondary:hover{background:#5e6c84;transform:translateY(-1px)}.dashboard-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:8px;box-shadow:0 2px 4px #00000014;display:flex;gap:6px;margin-bottom:20px;padding:6px}.nav-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b778c;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.nav-button:hover{background:#f4f5f7;color:#172b4d}.nav-button.active{background:#0052cc;box-shadow:0 2px 4px #0052cc4d;color:#fff}.dashboard-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:20px}.dashboard-overview{display:flex;flex-direction:column;gap:30px}.overview-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.overview-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;padding:16px;transition:transform .2s ease}.overview-card:hover{transform:translateY(-2px)}.overview-card:first-child{background:linear-gradient(135deg,#667eea,#764ba2)}.overview-card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.overview-card:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.overview-card:nth-child(4){background:linear-gradient(135deg,#43e97b,#38f9d7)}.overview-icon{font-size:28px;margin-right:14px}.overview-content h3{font-size:24px;font-weight:700;margin:0 0 3px}.overview-content p{font-size:13px;margin:0;opacity:.9}.cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.card{background:#fff;border:1px solid #dfe1e6;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:all .2s ease}.card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.card-header{background:#f7f8f9;border-bottom:1px solid #dfe1e6;justify-content:space-between;padding:16px 20px}.card-header,.card-title{align-items:center;display:flex}.card-title{gap:8px}.card-title h4{color:#172b4d;font-size:16px;font-weight:600;margin:0}.status-icon{font-size:18px}.status-badge{font-weight:500;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.card-content{padding:20px}.date-range{color:#6b778c;font-size:14px;margin-bottom:16px}.metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.metric{align-items:center;background:#f7f8f9;border-radius:6px;display:flex;flex-direction:column;padding:12px;text-align:center}.metric-label{color:#6b778c;font-size:12px;margin-bottom:4px}.metric-value{font-size:18px;font-weight:700}.epic-description{color:#6b778c;font-size:14px;line-height:1.4;margin:0 0 16px}.progress-section{margin-bottom:16px}.progress-label{color:#172b4d;display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:8px}.progress-fill{background:linear-gradient(90deg,#36b37e,#00875a)}.active-sprint-section{margin-top:30px}.active-sprint-section h3{color:#172b4d;font-size:20px;font-weight:600;margin:0 0 16px}.velocity-section{margin-top:30px}.velocity-section h3{color:#172b4d;font-size:20px;font-weight:600;margin:0 0 20px}.velocity-chart{align-items:end;background:#f7f8f9;border-radius:8px;display:flex;gap:12px;min-height:200px;padding:20px}.velocity-point{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:80px}.velocity-bar{background:linear-gradient(0deg,#0052cc,#4c9aff);border-radius:4px 4px 0 0;margin-bottom:8px;min-height:20px;transition:height .3s ease;width:30px}.velocity-label{color:#6b778c;font-size:11px;font-weight:500;margin-bottom:4px;text-align:center}.velocity-value{color:#172b4d;font-size:14px;font-weight:600}.automation-section{margin-top:30px}.automation-section h3{color:#172b4d;font-size:20px;font-weight:600;margin:0 0 20px}.automation-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.automation-metric{align-items:center;background:#f7f8f9;border-left:4px solid #36b37e;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.automation-label{color:#6b778c;font-size:14px;font-weight:500}.automation-value{color:#172b4d;font-size:20px;font-weight:700}.empty-state{color:#6b778c;padding:60px 20px;text-align:center}.empty-state h3{color:#172b4d;font-size:20px;margin:0 0 12px}.empty-state p{font-size:16px;margin:0 0 24px}.loading-container{align-items:center;color:#6b778c;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f7f8f9;border-radius:50%;border-top-color:#0052cc;height:40px;margin-bottom:16px;width:40px}.qa-dashboard-overview{display:flex;flex-direction:column;gap:24px}.overview-card.qa-ready{border-left:4px solid #ff8b00}.overview-card.test-cases{border-left:4px solid #0052cc}.overview-card.automation-candidates{border-left:4px solid #ff8b00}.overview-card.automated-tests{border-left:4px solid #36b37e}.overview-card.coverage{border-left:4px solid #8777d9}.sprint-context-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:20px}.sprint-context-card{align-items:center;background:#f4f5f7;border-radius:6px;display:flex;justify-content:space-between;margin-top:12px;padding:16px}.sprint-dates{color:#5e6c84;font-size:14px}.sprint-status{align-items:center;color:#172b4d;display:flex;font-size:14px;gap:8px}.automation-progress-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:20px}.progress-card{background:#f4f5f7;border-radius:8px;margin-top:12px;padding:20px}.progress-header{align-items:center;color:#172b4d;display:flex;font-weight:600;justify-content:space-between;margin-bottom:16px}.progress-percentage{color:#36b37e;font-size:18px}.progress-bar-container{margin-bottom:16px}.progress-bar{background:#dfe1e6;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(45deg,#36b37e,#57d9a3);border-radius:4px;height:100%;transition:width .3s ease}.progress-details{display:flex;gap:20px;justify-content:space-between}.progress-detail{align-items:center;display:flex;flex-direction:column;text-align:center}.detail-label{color:#5e6c84;font-size:12px;margin-bottom:4px}.detail-value{color:#172b4d;font-size:16px;font-weight:600}.activity-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:12px}.activity-card{background:#f4f5f7;border-left:4px solid #0052cc;border-radius:6px;padding:16px}.activity-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.activity-header h5{color:#172b4d;font-size:14px;font-weight:600;margin:0}.activity-date{color:#5e6c84}.activity-content p{color:#5e6c84;font-size:13px;line-height:1.4;margin:0 0 8px}.activity-meta{align-items:center;display:flex;font-size:12px;justify-content:space-between}.activity-automation{background:#fffc;border-radius:3px;font-weight:600;padding:2px 6px}.story-card{cursor:pointer;transition:all .2s ease}.story-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.story-summary{color:#172b4d;font-weight:500;margin:8px 0}.story-details{margin-bottom:16px}.story-meta{align-items:center;display:flex;gap:12px}.story-type{background:#dfe1e6;color:#172b4d;padding:2px 8px;text-transform:uppercase}.story-points,.story-type{border-radius:3px;font-size:11px;font-weight:600}.story-points{background:#0052cc;color:#fff;padding:2px 6px}.test-case-card{background:#fff;border:1px solid #dfe1e6;border-radius:6px;box-shadow:0 1px 3px #00000014;margin-bottom:12px;padding:16px}.test-case-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.test-case-header h5{color:#172b4d;flex:1 1;font-size:14px;font-weight:600;margin:0 12px 0 0}.automation-badge{border-radius:3px;font-size:11px;padding:4px 8px;white-space:nowrap}.test-case-description{color:#5e6c84;font-size:13px;line-height:1.4;margin:0 0 12px}.test-case-meta{align-items:center;color:#5e6c84;display:flex;font-size:12px;justify-content:space-between}.priority{font-weight:600}.created-date{font-style:italic}.stories-view{min-height:400px}.modal-content{box-shadow:0 8px 32px #0000004d;max-height:90vh;max-width:800px;width:100%}.story-detail-modal{display:flex;flex-direction:column}.modal-header{background:#f4f5f7;padding:20px}.modal-header h3{font-weight:600}.close-btn{align-items:center;color:#5e6c84;display:flex;height:32px;justify-content:center;padding:0;width:32px}.close-btn:hover{background:#dfe1e6;color:#172b4d}.modal-body{max-height:calc(90vh - 100px);padding:20px}.story-meta-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.story-meta-item{display:flex;flex-direction:column;gap:4px}.story-meta-item .label{color:#5e6c84;font-size:12px;font-weight:600;text-transform:uppercase}.story-meta-item .value{color:#172b4d;font-size:14px;font-weight:500}.test-cases-section h4{border-bottom:2px solid #dfe1e6;color:#172b4d;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.test-cases-list{max-height:400px;overflow-y:auto}.empty-test-cases{color:#5e6c84;padding:40px;text-align:center}.empty-test-cases p{font-style:italic;margin:0}.bug-metrics-section{margin-bottom:30px}.bug-metrics-section h3{color:#172b4d;font-size:18px;font-weight:600;margin-bottom:16px}.bug-summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.bug-summary-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;padding:20px;transition:transform .2s ease}.bug-summary-card:hover{transform:translateY(-2px)}.bug-summary-card.total-bugs{border-left:4px solid #de350b}.bug-summary-card.open-bugs{border-left:4px solid #ff8b00}.bug-summary-card.closed-bugs{border-left:4px solid #36b37e}.bug-summary-icon{font-size:24px;margin-right:12px}.bug-summary-content h4{color:#172b4d;font-size:24px;font-weight:700;margin:0 0 4px}.bug-summary-content p{color:#6b778c;font-size:13px;font-weight:500;margin:0}.bug-indicator{background:#de350b1a;color:#de350b;font-size:12px;margin-left:8px}.bug-badge,.bug-indicator{border-radius:4px;padding:2px 6px}.bug-badge{color:#fff;font-size:11px;font-weight:600}.bug-metric,.open-bugs{color:#de350b}.open-bugs{font-size:11px}.user-metrics-section{margin-bottom:30px}.user-metrics-section h3{color:#172b4d;font-size:18px;font-weight:600;margin-bottom:16px}.user-metrics-table{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden}.table-header{background:#f4f5f7;border-bottom:1px solid #ddd;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr 1fr}.header-cell{color:#172b4d;font-size:14px;font-weight:600;padding:12px 16px}.table-row{border-bottom:1px solid #f1f2f4;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr 1fr;transition:background-color .2s ease}.table-row:hover{background:#f8f9fa}.table-cell{color:#172b4d;font-size:14px;padding:12px 16px}.table-cell,.user-cell{align-items:center;display:flex}.user-cell{gap:10px}.user-avatar{align-items:center;background:#0052cc;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.user-name{color:#172b4d;font-weight:500}.progress-mini{background:#f1f2f4;border-radius:10px;height:20px;overflow:hidden;position:relative;width:80px}.progress-mini-fill{background:#36b37e;border-radius:10px;height:100%;transition:width .3s ease}.progress-mini-text{color:#172b4d;font-size:11px;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.overview-card.bugs{border-left:4px solid #de350b}.overview-card.stories-with-bugs{border-left:4px solid #ff8b00}.sub-metric{display:block;margin-top:4px}.story-assignee,.sub-metric{color:#6b778c;font-size:12px}.test-case-badges{align-items:center;display:flex;gap:6px}.created-by{color:#6b778c;font-size:12px}.related-bugs{border-top:1px solid #f1f2f4;margin-top:12px;padding-top:12px}.related-bugs h6{color:#172b4d;font-size:12px;font-weight:600;margin:0 0 8px}.bug-item{align-items:center;background:#fff2f0;border-radius:4px;display:flex;font-size:12px;gap:8px;margin-bottom:4px;padding:6px 8px}.bug-key{color:#de350b;font-weight:600}.bug-summary{color:#172b4d;flex:1 1;font-size:11px}.bug-priority{border-radius:3px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px}.bugs-section{margin-top:24px}.bugs-section h4{color:#172b4d;font-size:16px;font-weight:600;margin-bottom:12px}.bugs-list{display:flex;flex-direction:column;gap:12px}.bug-detail-card{background:#fff2f0;border-left:4px solid #de350b;border-radius:8px;padding:16px}.bug-header{align-items:flex-start;display:flex;gap:12px;justify-content:between;margin-bottom:12px}.bug-header h5{color:#172b4d;flex:1 1;font-size:14px;font-weight:600;margin:0}.bug-badges{align-items:center;display:flex;flex-shrink:0;gap:6px}.priority-badge{border-radius:4px;padding:3px 8px}.bug-content{color:#6b778c}.bug-meta{display:flex;font-size:12px;gap:16px}.bug-meta span{color:#6b778c}.recent-activity-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:20px}.recent-activity-section h3{color:#172b4d;font-size:18px;font-weight:600;margin-bottom:20px}.activity-subsection{margin-bottom:24px}.activity-subsection:last-child{margin-bottom:0}.activity-subsection h4{color:#172b4d;font-size:16px;font-weight:600;margin:0 0 12px}.activity-table{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:6px;overflow:hidden}.activity-table-header{background:#f1f2f4;border-bottom:1px solid #e1e5e9}.activity-table-header,.activity-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr}.activity-table-row{border-bottom:1px solid #f1f2f4;transition:background-color .2s ease}.activity-table-row:hover{background:#f8f9fa}.activity-table-row:last-child{border-bottom:none}.activity-col{align-items:center;display:flex;font-size:13px;padding:12px 16px}.activity-table-header .activity-col{background:#f1f2f4;color:#172b4d;font-weight:600}.activity-title{color:#172b4d;font-weight:500;line-height:1.3}.activity-story{color:#0052cc;font-size:12px;font-weight:600}.activity-user{color:#6b778c;font-weight:500}.activity-date{color:#6b778c;font-size:12px}.activity-priority{border-radius:3px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.activity-empty{color:#6b778c;font-style:italic;padding:24px;text-align:center}.activity-empty p{margin:0}.stories-filter{background:#ffffffe6;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:16px}.filter-summary{display:flex;font-size:14px;gap:20px}.filter-summary span{color:#6b778c;font-weight:500}.dashboard-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:8px;box-shadow:0 2px 4px #00000014;display:flex;gap:6px;margin-bottom:20px;padding:6px}.empty-hint{color:#6b778c;font-size:12px;margin-top:8px}.story-relationships-view{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:20px}.relationships-header{border-bottom:1px solid #dfe1e6;margin-bottom:24px;padding-bottom:16px}.relationships-header h3{color:#172b4d;font-size:20px;font-weight:600;margin:0 0 12px}.relationships-summary{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.summary-item{align-items:center;background:#f4f5f7;border:1px solid #dfe1e6;border-radius:16px;color:#5e6c84;display:flex;font-size:14px;gap:4px;padding:6px 12px}.summary-item strong{color:#172b4d;font-weight:600}.relationships-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(480px,1fr));margin-top:20px}.relationship-card{background:#fff;border:1px solid #dfe1e6;border-radius:8px;box-shadow:0 1px 3px #0000000f;overflow:hidden;transition:all .2s ease}.relationship-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.relationship-card-header{background:#f8f9fa;border-bottom:1px solid #dfe1e6;padding:16px}.story-title{align-items:center;display:flex;gap:8px;margin-bottom:8px}.story-title h4{color:#172b4d;font-size:16px;font-weight:600;margin:0}.status-icon{font-size:16px}.priority-badge{border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.story-summary{color:#5e6c84;font-size:14px;line-height:1.4;margin:0}.relationship-card-body{padding:16px}.relationship-section{margin-bottom:20px}.relationship-section:last-child{margin-bottom:0}.relationship-section h5{align-items:center;color:#172b4d;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 12px}.relationship-items{display:flex;flex-direction:column;gap:8px}.relationship-item{background:#f8f9fa;border-left:3px solid #0052cc;border-radius:6px;padding:8px 12px}.item-title{color:#172b4d;display:block;font-size:13px;font-weight:500;line-height:1.3;margin-bottom:4px}.item-badges{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.automation-badge{border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.automation-badge.automated{background:#36b37e}.automation-badge.partially_automated{background:#ffab00}.automation-badge.manual{background:#6b778c}.bug-badge,.link-badge,.module-badge,.source-badge,.tag-badge{border:none!important;border-radius:54px;font-size:.75rem;font-weight:400;padding:4px 8px}.link-badge{background:#0052cc}.bug-badge{background:#de350b}.tag-badge{background:#8777d9}.module-badge{background:#00875a}.source-badge{background:#ffab00}.status-badge{color:#fff;font-size:11px;padding:2px 8px;text-transform:capitalize}.more-items{color:#5e6c84;padding:4px 8px}.more-items,.no-items{font-size:12px;font-style:italic;text-align:center}.no-items{background:#f4f5f7;border-radius:4px;color:#97a0af;padding:8px}.relationship-metrics{align-items:center;border-top:1px solid #dfe1e6;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:16px;padding-top:12px}.metric-item{align-items:center;display:flex;flex-direction:column;text-align:center}.metric-label{color:#5e6c84;font-size:11px;font-weight:500;margin-bottom:2px}.metric-value{color:#172b4d;font-size:14px;font-weight:600}@media (max-width:768px){.relationships-grid{gap:16px;grid-template-columns:1fr}.relationships-summary{align-items:flex-start;flex-direction:column;gap:8px}.relationship-metrics{flex-direction:column;gap:12px}.metric-item{flex-direction:row;gap:8px}}.jira-agile-integration{background:#fff;box-sizing:border-box;margin:0;min-height:calc(100vh - 60px);overflow-x:hidden;padding:0;width:100%}.integration-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #fff3;box-sizing:border-box;padding:20px 30px;position:relative;width:100%;z-index:10}.header-content{margin:0;max-width:none;width:100%}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#172b4d;font-size:28px;font-weight:700;margin:0 0 6px}.title-and-controls{align-items:center;display:flex;gap:20px;justify-content:space-between;min-height:50px;width:100%}.title-and-controls h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#172b4d;flex-shrink:0;font-size:34px;font-weight:700;margin:0}.header-controls{flex-shrink:0;flex-wrap:nowrap;gap:15px;margin-left:auto}.header-controls,.header-project-display{align-items:center;display:flex}.header-project-dropdown{background:#fff;border:2px solid #dfe1e6;border-radius:6px;box-shadow:0 1px 3px #0000001a;color:#172b4d;cursor:pointer;font-size:14px;font-weight:600;min-width:140px;padding:8px 12px;transition:all .2s ease}.header-project-dropdown:hover{border-color:#667eea;box-shadow:0 2px 6px #667eea26}.header-project-dropdown:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.header-action-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;padding:8px 14px;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.jira-integration-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #0000;box-shadow:0 2px 6px #667eea4d;color:#fff}.jira-integration-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.modal-overlay{box-sizing:border-box;padding:20px;z-index:1000}.jira-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid #dfe1e6;padding:20px 24px}.modal-header h3{color:#172b4d;font-size:18px;font-weight:700}.modal-close-btn{border-radius:4px;color:#6b778c;font-size:18px;padding:4px;transition:all .2s ease}.modal-close-btn:hover{background:#dfe1e6;color:#172b4d}.modal-content{flex:1 1;overflow-y:auto;padding:0}@media (max-width:768px){.integration-header{padding:15px 20px}.title-and-controls{align-items:flex-start;flex-direction:column;gap:15px;min-height:auto}.title-and-controls h1{align-self:flex-start;font-size:24px}.header-controls{flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-left:0;width:100%}.header-project-display{min-width:150px}.header-project-dropdown{font-size:13px;min-width:150px;padding:6px 10px}.header-action-btn{font-size:12px;padding:6px 10px}}@media (max-width:480px){.integration-header{padding:12px 15px}.title-and-controls h1{font-size:20px}.header-controls{gap:8px}.header-client-display,.header-project-display{min-width:140px}.client-name,.header-client-dropdown,.header-project-dropdown{font-size:12px;min-width:140px;padding:5px 8px}.header-action-btn{font-size:11px;padding:5px 8px}.jira-modal{margin:10px;max-height:calc(100vh - 20px)}.modal-header{padding:16px 20px}.modal-header h3{font-size:16px}}.integration-content{box-sizing:border-box;margin:0;max-width:none;overflow-x:hidden;padding:20px;width:100%}.integration-overview{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #0000001a;box-sizing:border-box;margin:0 auto;max-width:1200px;padding:30px}.overview-header{margin-bottom:40px;text-align:center}.overview-header h2{color:#172b4d;font-size:36px;font-weight:700;margin:0 0 16px}.overview-header p{color:#6b778c;font-size:18px;line-height:1.6;margin:0 auto;max-width:600px}.status-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:50px}.status-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:16px;padding:24px;text-align:center;transition:all .3s ease}.status-card.configured{background:linear-gradient(135deg,#36b37e1a,#00855a1a);border-color:#36b37e4d}.status-card.pending{background:linear-gradient(135deg,#ff8c001a,#ff6b001a);border-color:#ff8c004d}.status-card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.status-icon{display:block;font-size:48px;margin-bottom:16px}.status-content h3{color:#172b4d;font-size:18px;font-weight:600;margin:0 0 8px}.status-content p{color:#6b778c;font-size:14px;margin:0 0 16px}.action-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .2s ease}.action-button:hover{box-shadow:0 4px 12px #ff8c0066;transform:translateY(-1px)}.workflow-section{margin-bottom:50px}.workflow-section h3{color:#172b4d;font-size:24px;font-weight:600;margin:0 0 40px;text-align:center}.workflow-steps{flex-wrap:wrap;gap:20px;justify-content:center}.workflow-step,.workflow-steps{align-items:center;display:flex}.workflow-step{flex-direction:column;max-width:150px;text-align:center}.step-number{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;font-weight:700;height:40px;margin-bottom:12px;width:40px}.step-content h4{color:#172b4d;font-size:14px;font-weight:600;margin:0 0 8px}.step-content p{color:#6b778c;font-size:12px;line-height:1.4;margin:0}.workflow-arrow{color:#6b778c;font-size:24px;font-weight:700}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:50px}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #ffffff4d;padding:24px}.feature-card:hover{background:#fffc;box-shadow:0 12px 28px #00000026;transform:translateY(-3px)}.feature-card h4{align-items:center;color:#172b4d;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.feature-card ul{list-style:none;margin:0;padding:0}.feature-card li{color:#6b778c;font-size:14px;padding:6px 0 6px 20px;position:relative}.feature-card li:before{color:#36b37e;content:"✓";font-weight:700;left:0;position:absolute}.setup-prompt{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px dashed #667eea4d;border-radius:16px;padding:32px;text-align:center}.setup-prompt h3{color:#172b4d;font-size:24px;font-weight:600;margin:0 0 16px}.setup-prompt p{color:#6b778c;font-size:16px;line-height:1.6;margin:0 auto 24px;max-width:600px}.setup-prompt ol{color:#6b778c;margin:0 auto 32px;max-width:400px;text-align:left}.setup-prompt li{font-size:14px;padding:4px 0}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 8px 25px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s ease}.primary-button:hover{box-shadow:0 12px 35px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.integration-header{padding:12px 18px}.title-and-controls h1{font-size:22px}.header-controls{flex-wrap:wrap;gap:8px;justify-content:flex-start;width:100%}.header-client-info,.header-current-client,.header-dropdown,.header-selector-group{min-width:140px}.jira-integration-btn,.refresh-btn{font-size:12px;padding:8px 12px}.integration-content{padding:12px}.integration-overview{border-radius:15px;padding:18px}.overview-header h2{font-size:26px}.status-cards{gap:14px;grid-template-columns:1fr}.workflow-steps{align-items:center;flex-direction:column}.workflow-arrow{transform:rotate(90deg)}.features-grid{gap:14px;grid-template-columns:1fr}.setup-prompt{padding:20px}.workflow-step{max-width:200px}.jira-modal{margin:10px;max-height:calc(100vh - 20px)}.modal-header{padding:16px 20px}.modal-header h3{font-size:16px}}@media (max-width:480px){.integration-header{padding:10px 15px}.title-and-controls h1{font-size:20px}.header-controls{gap:6px}.header-client-info,.header-selector-group{min-width:120px}.header-current-client,.header-dropdown{font-size:11px;min-width:120px;padding:4px 6px}.jira-integration-btn,.refresh-btn{font-size:11px;padding:6px 8px}.integration-content{padding:10px}.integration-overview{border-radius:12px;padding:15px}.overview-header h2{font-size:22px}.setup-prompt{padding:16px}}.integration-overview{animation:fadeInUp .6s ease}.feature-card,.status-card{animation:fadeInUp .6s ease;animation-delay:calc(var(--index)*.1s)}.visual-workflow-page{background-color:#f5f5f5;background-color:var(--background-color,#f5f5f5);display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%}.workflow-page-header{align-items:center;background:#fff;background:var(--surface-color,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem;z-index:10}.header-left{gap:1rem}.header-right{align-items:center;display:flex;gap:1rem}.back-button{background:var(--secondary-color,#6c757d);font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.back-button:hover{background:var(--secondary-dark,#5a6268)}.workflow-page-header h1{color:#333;color:var(--text-color,#333);font-size:1.5rem;font-weight:600;margin:0}.project-info{color:#666;color:var(--text-secondary,#666);font-size:.9rem}.project-info strong{color:#007bff;color:var(--primary-color,#007bff)}.workflow-page-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.success-message{animation:slideDown .3s ease-out;background:#28a745;background:var(--success-color,#28a745);border-radius:6px;box-shadow:0 4px 12px #28a7454d;color:#fff;font-weight:500;left:50%;padding:.75rem 1.5rem;position:absolute;top:1rem;transform:translateX(-50%);z-index:1000}.no-project-message{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.no-project-message h2{color:#333;color:var(--text-color,#333);margin-bottom:1rem}.no-project-message p{color:#666;color:var(--text-secondary,#666);margin-bottom:2rem;max-width:400px}.btn-primary{background:var(--primary-color,#007bff);font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.btn-primary:hover{background:var(--primary-dark,#0056b3)}.btn-secondary{background:#6c757d;background:var(--secondary-color,#6c757d);border:none;border-radius:6px;color:#fff;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.btn-secondary:hover{background:#5a6268;background:var(--secondary-dark,#5a6268)}.workflow-name-input{border:1px solid #ccc;border:1px solid var(--border-color,#ccc);border-radius:4px;font-size:.9rem;min-width:200px;padding:.5rem}.modal-overlay{background:#00000080;bottom:0;right:0;z-index:2000}.modal-content{background:#fff;background:var(--surface-color,#fff);border-radius:8px;box-shadow:0 10px 25px #0003;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.modal-header{align-items:center;background:#f8f9fa;background:var(--surface-color,#f8f9fa);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;justify-content:space-between;padding:1rem 1.5rem}.modal-header h3{color:#333;color:var(--text-color,#333);margin:0}.close-btn{border-radius:4px;color:#666;color:var(--text-secondary,#666);font-size:1.5rem;padding:.25rem;transition:background-color .2s}.close-btn:hover{background:#f0f0f0;background:var(--hover-color,#f0f0f0)}.modal-body{max-height:60vh;overflow-y:auto;padding:1.5rem}.workflows-list{display:flex;flex-direction:column;gap:1rem}.workflow-item{align-items:center;background:#f8f9fa;background:var(--surface-light,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;display:flex;justify-content:space-between;padding:1rem}.workflow-info h4{color:#333;color:var(--text-color,#333);margin:0 0 .5rem}.workflow-info p{color:#666;color:var(--text-secondary,#666);font-size:.9rem;margin:0 0 .25rem}.workflow-info small{color:#999;color:var(--text-muted,#999);font-size:.8rem}.load-btn{font-size:.9rem;padding:.5rem 1rem}.visual-workflow-page .workflow-builder-modal{align-items:stretch;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;display:flex;height:100%;position:static;z-index:auto}.visual-workflow-page .workflow-builder-container{border-radius:0;display:flex;flex-direction:column;height:100%;left:auto;margin:0;max-height:none;max-width:none;position:static;top:auto;transform:none;width:100%}.visual-workflow-page .workflow-builder-header{background:#fff;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);border-top-left-radius:12px;border-top-right-radius:12px;display:flex}.visual-workflow-page .workflow-builder-content{flex:1 1;height:auto;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}body.dark-theme-active .visual-workflow-page{background-color:#1a1a1a;background-color:var(--dark-background,#1a1a1a)}body.dark-theme-active .workflow-page-header{background:#2d2d2d;background:var(--dark-surface,#2d2d2d);border-bottom-color:#404040;border-bottom-color:var(--dark-border,#404040)}body.dark-theme-active .back-button{background:#495057;background:var(--dark-secondary,#495057)}body.dark-theme-active .back-button:hover{background:#3d4347;background:var(--dark-secondary-hover,#3d4347)}body.dark-theme-active .workflow-page-header h1{color:#fff;color:var(--dark-text,#fff)}body.dark-theme-active .project-info{color:#ccc;color:var(--dark-text-secondary,#ccc)}body.dark-theme-active .no-project-message h2{color:#fff;color:var(--dark-text,#fff)}body.dark-theme-active .no-project-message p{color:#ccc;color:var(--dark-text-secondary,#ccc)}.api-operation-page{background:#f8f9fa;display:flex;flex-direction:column;height:100vh}.api-operation-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:20px 24px}.header-left{gap:16px}.back-button,.header-left{align-items:center;display:flex}.back-button{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background .2s ease}.back-button:hover{background:#5a6268}.header-title h1{color:#212529;font-size:24px;font-weight:600;margin:0 0 4px}.header-title p{color:#6c757d;font-size:14px;margin:0}.header-actions{display:flex;gap:12px}.save-config-btn,.save-step-btn,.test-api-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.save-config-btn{background:#28a745;color:#fff}.save-config-btn:hover{background:#218838}.test-api-btn{background:#007bff;color:#fff}.test-api-btn:hover{background:#0056b3}.test-api-btn:disabled{background:#6c757d;cursor:not-allowed}.save-step-btn{background:#17a2b8;color:#fff}.save-step-btn:hover{background:#138496}.api-operation-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.api-tabs{background:#fff;border-bottom:1px solid #e9ecef;display:flex;padding:0 24px}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;font-size:14px;padding:16px 20px;transition:all .2s ease}.tab-button.active{border-bottom-color:#007bff;color:#007bff}.tab-button:hover{background:#f8f9fa;color:#007bff}.tab-content{flex:1 1;overflow-y:auto;padding:24px}.basic-config{max-width:800px}.config-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:24px}.config-section h3{color:#212529;font-size:18px;font-weight:600;margin:0 0 20px}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-group{display:flex;flex:1 1;flex-direction:column}.form-group label{color:#495057;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-group textarea{font-family:Monaco,Menlo,Ubuntu Mono,monospace;resize:vertical}.headers-section{display:flex;flex-direction:column;gap:8px}.header-row{align-items:center;display:flex;gap:8px}.header-row input{border:1px solid #ced4da;border-radius:4px;flex:1 1;font-size:13px;padding:8px 12px}.remove-header-btn{align-items:center;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px}.remove-header-btn:hover{background:#c82333}.add-header-btn{align-items:center;background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:8px;margin-top:8px;padding:8px 16px}.add-header-btn:hover{background:#218838}.templates-config{max-width:1200px}.templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.template-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.template-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.template-card h4{color:#212529;font-size:16px;font-weight:600;margin:0 0 8px}.template-card p{color:#6c757d;font-size:14px;margin:0 0 8px}.template-description{color:#495057!important;font-style:italic}.use-template-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-top:12px;padding:8px 16px}.use-template-btn:hover{background:#0056b3}.chain-config{display:flex;flex-direction:column;gap:24px;max-width:1200px}.chain-builder-section,.environment-section,.variable-help-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h4{color:#212529;font-size:16px;font-weight:600;margin:0}.environment-controls{align-items:center;display:flex;gap:8px}.environment-selector{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:13px;padding:6px 12px}.manage-env-btn{align-items:center;background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:background .2s ease}.manage-env-btn:hover{background:#5a6268}.environment-info{display:flex;flex-direction:column;gap:8px}.env-item{color:#495057;font-size:13px}.chain-controls{display:flex;gap:12px}.add-to-chain-btn,.execute-chain-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.add-to-chain-btn{background:#28a745;color:#fff}.add-to-chain-btn:hover{background:#218838}.execute-chain-btn{background:#17a2b8;color:#fff}.execute-chain-btn:hover{background:#138496}.execute-chain-btn:disabled{background:#6c757d;cursor:not-allowed}.chain-steps{margin-top:20px}.chain-steps h5{color:#495057;font-size:14px;font-weight:600;margin:0 0 16px}.chain-step-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #00000008;margin-bottom:12px;padding:16px}.step-header{margin-bottom:12px}.step-header,.step-number{align-items:center;display:flex}.step-number{background:#007bff;border-radius:50%;color:#fff;font-size:14px;font-weight:600;height:32px;justify-content:center;margin-right:12px;width:32px}.step-info{flex:1 1}.step-name{color:#212529;font-size:14px;font-weight:600;margin-bottom:4px}.step-method{color:#6c757d;font-family:monospace;font-size:12px}.step-actions{display:flex;gap:8px}.remove-step-btn{align-items:center;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px}.remove-step-btn:hover{background:#c82333}.dependency-info{background:#e7f3ff;border:1px solid #b3d7ff;border-radius:4px;color:#0c5460;font-size:12px;margin-bottom:12px;padding:8px 12px}.variable-extractions{border-top:1px solid #e9ecef;padding-top:12px}.variable-extractions h6{color:#495057;font-size:13px;font-weight:600;margin:0 0 8px}.extraction-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:4px;display:flex;gap:8px;margin-bottom:6px;padding:6px 8px}.variable-name{color:#007bff;font-size:12px;font-weight:600}.json-path{color:#6c757d;flex:1 1;font-family:monospace;font-size:11px}.remove-extraction-btn{background:none;border:none;color:#dc3545;cursor:pointer;padding:2px}.no-extractions{color:#6c757d;font-size:12px;font-style:italic}.add-extraction{display:flex;gap:8px;margin-top:8px}.add-extraction input{border:1px solid #ced4da;border-radius:4px;flex:1 1;font-size:12px;padding:6px 8px}.add-extraction-btn{align-items:center;background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px}.add-extraction-btn:hover{background:#0056b3}.chain-results{background:#f8f9fa;border-radius:8px;margin-top:20px;padding:16px}.chain-results h5{color:#495057;font-size:14px;font-weight:600;margin:0 0 16px}.result-card{background:#fff;border-left:4px solid #28a745;border-radius:6px;margin-bottom:8px;padding:12px}.result-card.error{border-left-color:#dc3545}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.status.success{color:#28a745}.status.error,.status.success{font-size:12px;font-weight:600}.status.error{color:#dc3545}.result-data,.result-error{color:#495057;font-family:monospace;font-size:11px;max-height:200px;overflow-y:auto}.chain-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.clear-chain-btn,.generate-workflow-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.generate-workflow-btn{background:#28a745;color:#fff}.generate-workflow-btn:hover{background:#218838}.clear-chain-btn{background:#6c757d;color:#fff}.clear-chain-btn:hover{background:#5a6268}.variable-help-section{background:#e7f3ff;border-color:#b3d7ff}.help-content{display:flex;flex-direction:column;gap:12px}.help-item{color:#495057;font-size:13px}.help-item code{background:#f1f3f4;border-radius:3px;font-family:monospace;font-size:12px;padding:2px 4px}.help-item ol{color:#6c757d;margin:8px 0 0 20px}.response-config{max-width:1000px}.response-content{margin-top:16px}.response-status{align-items:center;display:flex;gap:12px;margin-bottom:16px}.status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px}.status-badge.success{background:#d4edda;color:#155724}.status-badge.error{background:#f8d7da;color:#721c24}.status-code{color:#6c757d;font-size:12px;font-weight:500}.response-data,.response-error{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px}.response-data h4,.response-error h4{color:#495057;font-size:14px;margin:0 0 12px}.response-data pre,.response-error pre{word-wrap:break-word;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.4;margin:0;max-height:400px;overflow-y:auto;white-space:pre-wrap}.schema-btn{align-items:center;background:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:background .2s ease}.schema-btn:hover{background:#138496}.environment-manager-modal{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.environment-manager-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:700px;overflow:hidden;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.environment-manager-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px 16px}.environment-manager-header h4{color:#212529;font-size:18px;font-weight:600;margin:0}.close-btn{background:none;border:none;color:#6c757d;cursor:pointer;font-size:24px;line-height:1;padding:4px}.close-btn:hover{color:#495057}.environment-tabs{border-bottom:1px solid #e9ecef;display:flex;flex-shrink:0;padding:0 24px}.env-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .2s ease}.env-tab.active{border-bottom-color:#007bff;color:#007bff}.env-tab:hover{color:#007bff}.environment-content{flex:1 1;overflow-y:auto;padding:24px}.base-url-section{margin-bottom:24px}.base-url-section label{color:#495057;display:block;font-weight:600;margin-bottom:8px}.base-url-input{border:1px solid #ced4da;border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.base-url-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.variables-section h5{color:#495057;font-size:16px;font-weight:600;margin:0 0 16px}.variables-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.variable-item{align-items:center;display:flex;gap:8px}.variable-key-input,.variable-value-input{border:1px solid #ced4da;border-radius:4px;flex:1 1;font-size:13px;padding:8px 12px}.variable-key-input:focus,.variable-value-input:focus{border-color:#007bff;outline:none}.remove-variable-btn{align-items:center;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;padding:6px 8px}.remove-variable-btn:hover{background:#c82333}.add-variable{align-items:center;display:flex;gap:8px}.add-variable-btn{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px}.add-variable-btn:hover{background:#218838}.environment-examples{border-top:1px solid #e9ecef;margin-top:24px;padding-top:20px}.environment-examples h5{color:#495057;font-size:14px;font-weight:600;margin:0 0 12px}.example-variables{display:flex;flex-wrap:wrap;gap:8px}.example-variables button{background:#e9ecef;border:1px solid #ced4da;border-radius:4px;color:#495057;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.example-variables button:hover{background:#007bff;border-color:#007bff;color:#fff}.environment-actions{border-top:1px solid #e9ecef;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-primary{background:#007bff;border-radius:6px;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s ease}.btn-primary:hover{background:#0056b3}@media (max-width:768px){.api-operation-header{align-items:stretch;flex-direction:column;gap:16px}.header-left{flex-direction:column;gap:12px}.header-actions{justify-content:center}.tab-content{padding:16px}.form-row{flex-direction:column}.chain-config{gap:16px}.environment-manager-content{max-height:90vh;width:95%}.environment-content{padding:16px}.api-tabs{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}.api-tabs::-webkit-scrollbar{display:none}.tab-button{min-width:-webkit-max-content;min-width:max-content;white-space:nowrap}}.support-desk-container{background:#fff;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;gap:16px;min-height:100vh;padding:1.5rem}.sd-header{align-items:center;background:#0000;box-shadow:none;color:inherit;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:0 .25rem .25rem}.sd-header.sd-header-minimal{background:#0000;padding:0 0 .5rem}.sd-actions{flex-wrap:wrap;gap:12px}.sd-actions,.sd-filters{align-items:center;display:flex}.sd-filters{gap:8px}.sd-filters input,.sd-filters select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 1px 2px #0000000a;color:#1e293b;font-size:13px;padding:8px 10px}.sd-btn{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:10px;color:#1e293b;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.3px;padding:8px 14px;transition:.25s ease}.sd-btn.primary{background:linear-gradient(99.78deg,#9181f4 -5.85%,#5038ed 109.55%);border:none;box-shadow:0 4px 15px #0562a359;color:#fff}.sd-btn:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.sd-error{background:#3d0e0e;border:1px solid #ff4d4d33;border-radius:4px;color:#ffb4b4;font-size:13px;padding:8px 12px}.sd-loading{padding:20px;text-align:center}.sd-layout{display:flex;gap:16px;min-height:520px}.sd-ticket-list{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 6px 18px #0000000f;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.sd-ticket-list-header{background:linear-gradient(135deg,#f8fafc,#eef2f7);border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.sd-ticket-list-header,.sd-ticket-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 120px 110px 170px;padding:12px 18px}.sd-ticket-row{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;cursor:pointer;font-size:13px;transition:background .15s,box-shadow .15s}.sd-ticket-list.sd-master-admin .sd-ticket-list-header,.sd-ticket-list.sd-master-admin .sd-ticket-row{grid-template-columns:1fr 140px 130px 110px 100px 170px}.sd-col-trim{color:#475569;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-ticket-row:hover{background:#f1f5f9}.sd-ticket-row.active{background:#e2e8f0;box-shadow:inset 0 0 0 1px #94a3b8}.sd-ticket-main{display:flex;flex-direction:column}.sd-ticket-title{color:#1e293b;font-weight:600}.sd-ticket-meta,.sd-ticket-time{color:#64748b;font-size:11px}.sd-empty{color:#7a8698;font-size:13px;padding:18px;text-align:center}.sd-ticket-detail{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 6px 18px #0000000f;display:flex;flex:1.2 1;position:relative}.sd-placeholder{color:#64748b;font-size:14px;margin:auto}.sd-detail-inner{display:flex;flex-direction:column;gap:22px;padding:24px 26px;width:100%}.sd-detail-header{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.sd-detail-header h3{background:linear-gradient(90deg,#0562a3,#1e40af);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:20px;margin:0}.sd-detail-status-group{align-items:center;display:flex;gap:8px}.sd-detail-section strong{color:#64748b;display:block;font-size:12px;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.sd-description-pre{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:13px;line-height:1.55;padding:14px 16px;white-space:pre-wrap}.sd-message-thread,.sd-messages{display:flex;flex-direction:column;gap:10px}.sd-message-thread{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;max-height:300px;overflow-y:auto;padding:8px 6px}.sd-message{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 4px #0000000a;padding:12px 14px}.sd-message-meta{color:#64748b;display:flex;font-size:11px;gap:8px;margin-bottom:4px}.sd-author{color:#1e293b;font-weight:600}.sd-message-body{color:#334155;font-size:13px;line-height:1.5}.sd-reply-form{display:flex;flex-direction:column;gap:12px;margin-top:6px}.sd-reply-form textarea{background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 1px 2px #0000000d;color:#1e293b;font-size:13px;padding:10px 12px;resize:vertical;width:100%}.sd-reply-actions{display:flex;flex-wrap:wrap;gap:10px}.sd-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1100}.sd-modal{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 20px 40px -8px #00000040;display:flex;flex-direction:column;gap:20px;max-width:92%;padding:28px 32px;width:560px}.sd-modal h3{background:linear-gradient(90deg,#0562a3,#1e40af);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:22px;font-weight:700;margin:0}.sd-form{gap:16px}.sd-form,.sd-form label{display:flex;flex-direction:column}.sd-form label{color:#334155;font-size:13px;font-weight:500;gap:6px}.sd-form input,.sd-form select,.sd-form textarea{background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 1px 2px #0000000a;color:#1e293b;font-size:13px;padding:10px 12px}.sd-grid-3{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.sd-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:4px}.sd-pill{background:#2a3544;border-radius:999px;color:#c7d0dd;display:inline-block;font-size:11px;letter-spacing:.3px;padding:2px 8px;text-transform:capitalize}.sd-pill-open{background:#3730a3;color:#eef2ff}.sd-pill-in-progress{background:#7e22ce;color:#f5f3ff}.sd-pill-waiting{background:#92400e;color:#ffedd5}.sd-pill-resolved{background:#065f46;color:#ecfdf5}.sd-pill-closed{background:#334155;color:#cbd5e1}.sd-pill-low{background:#1e3a8a;color:#bfdbfe}.sd-pill-medium{background:#5b21b6;color:#ede9fe}.sd-pill-high{background:#9d174d;color:#ffe4e6}.sd-pill-critical{background:#991b1b;color:#fee2e2}.mt10{margin-top:10px}@media (max-width:1200px){.sd-layout{flex-direction:column}.sd-ticket-detail{min-height:400px}}.dim-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;display:flex;inset:0;justify-content:center;position:fixed;z-index:4000}.dim-modal{background:#fff;border:1px solid var(--ma-border);border-radius:22px;color:var(--ma-text);display:flex;flex-direction:column;height:94%;isolation:isolate;overflow:hidden;position:relative;width:96%;z-index:4001}.dim-modal:before{content:"";inset:0;pointer-events:none;position:absolute}.dim-header{border-bottom:1px solid var(--ma-border);box-shadow:0 4px 10px -4px #00000014;padding:14px 20px}.dim-title{color:var(--ma-text-strong);font-size:.95rem;font-weight:600;letter-spacing:.05em}.dim-actions{gap:8px}.dim-actions,.dim-close{align-items:center;display:flex}.dim-close{background:var(--ma-surface-alt);border:1px solid var(--ma-border-alt);border-radius:12px;box-shadow:0 2px 4px #0000000f;color:var(--ma-text);cursor:pointer;font-size:20px;font-weight:600;height:36px;justify-content:center;line-height:1;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;width:40px}.dim-close:hover{background:var(--ma-primary);border-color:var(--ma-primary);box-shadow:0 4px 12px -4px #0562a380;color:#fff}.dim-body{overflow:hidden;padding:0}.dim-device-area{display:flex;flex:0 0 100%;flex-direction:column;gap:10px}.dim-device-frame{align-items:center;background:#fff;border:8px solid #cad5e2;border-radius:2.5rem;box-shadow:0 0 0 0 #0000,0 0 0 0 #0000,0 0 0 0 #0000,0 0 0 0 #0000,0 25px 50px -12px #00000040;display:flex;flex:1 1;justify-content:center;min-height:600px;overflow:hidden;position:relative}.dim-device-frame .device-head{background-color:#cad5e2;border-bottom-left-radius:16px;border-bottom-right-radius:16px;height:24px;pointer-events:none;position:absolute;top:0;width:160px}.dim-device-frame .left-btn-1,.dim-device-frame .left-btn-2{background-color:#cad5e2;border-bottom-left-radius:.25rem;border-top-left-radius:.25rem;left:-10px;position:absolute;width:.25rem}.dim-device-frame .left-btn-1{height:32px;top:80px}.dim-device-frame .left-btn-2{height:48px;top:100px}.dim-device-frame img{display:block;height:auto;width:100%}.dim-device-status{align-items:center;background:var(--ma-surface-alt);border-radius:18px;box-shadow:0 0 0 1px var(--ma-border);color:var(--ma-text);display:flex;font-size:11px;gap:6px;left:10px;padding:4px 10px;position:absolute;top:10px}.dim-device-status .dim-node-count{background:#0562a31a;border:1px solid var(--ma-primary);border-radius:999px;color:var(--ma-primary);font-size:10px;margin-left:8px;padding:1px 6px}.dim-highlight{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(135deg,#0562a340,#0562a31f);border:2px solid var(--ma-primary);box-shadow:0 0 8px -2px #0562a38c,inset 0 0 0 1px #ffffff26;pointer-events:none;position:absolute;transition:all .25s}.dim-side{display:flex;flex:1 1;flex-direction:column;gap:0;min-width:0}.dim-panels{display:flex;flex:1 1;gap:0;min-height:0}.dim-panel{background:#fff;border:0 solid var(--ma-border);border-radius:0;box-shadow:0 6px 18px -8px #00000026;flex:1 1;overflow:hidden}.dim-panel,.dim-panel-header{display:flex;flex-direction:column}.dim-panel-header{background:#f2f4f7;border:1px solid #e2e8f0;color:#475467;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;gap:10px;letter-spacing:.12em;padding:12px 16px;text-transform:uppercase}.dim-panel-content{flex:1 1;font-size:11px;line-height:1.35;overflow:auto;padding:8px 10px 12px}.dim-log-line{border-bottom:1px solid var(--ma-border);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;padding:2px 0;white-space:pre-wrap;word-break:break-word}.dim-log-line:last-child{border-bottom:none}.dim-locator-item{background:var(--ma-surface);border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;margin-bottom:10px;padding:1rem;position:relative;transition:background .25s,border-color .25s}.dim-locator-item:hover{background:var(--ma-primary-soft);border-color:var(--ma-primary)}.dim-locator-badge{background:var(--ma-primary);border-radius:12px;box-shadow:0 0 0 1px #ffffff26;color:#fff;font-size:10px;padding:2px 6px;position:absolute;right:6px;top:6px}.dim-tabs{display:flex;gap:6px;padding:0 0 4px}.dim-tab-btn{background:var(--ma-primary-soft);border:1px solid var(--ma-border);border-radius:9px;color:var(--ma-text);cursor:pointer;font-size:.6rem;font-weight:600;letter-spacing:.05em;padding:5px 12px;transition:background .25s,border-color .25s,color .25s}.dim-tab-btn.active{background:var(--ma-primary-gradient);border-color:var(--ma-primary);box-shadow:0 4px 14px -6px #0562a380;color:#fff}.dim-device-frame[data-inspect-active]{box-shadow:0 0 0 2px var(--ma-primary) inset;cursor:crosshair}.dim-tab-btn:hover:not(.active){background:var(--ma-primary-soft-hover)}.dim-flex-row{flex-wrap:wrap;gap:8px}.dim-flex-row,.dim-footer{align-items:center;display:flex}.dim-footer{background:var(--ma-surface-alt);border-top:1px solid var(--ma-border);justify-content:space-between;padding:10px 16px}@media (max-width:1300px){.dim-device-area{flex:0 0 340px}}@media (max-width:1100px){.dim-body{flex-direction:column;overflow:auto}.dim-device-area{flex:0 0 auto;width:100%}.dim-panels{flex-direction:column}}.insp-hierarchy-panel .dim-panel-content{padding:10px 12px}.insp-hierarchy-filter-input{background:var(--ma-surface-alt);border:1px solid var(--ma-border);border-radius:10px;color:var(--ma-text);font-size:11px;margin-bottom:10px;padding:8px 10px;transition:border-color .2s,background .2s;width:100%}.insp-hierarchy-filter-input:focus{background:#fff;border-color:var(--ma-primary);box-shadow:0 0 0 3px #0562a326;outline:none}.insp-hierarchy-list{max-height:220px;overflow:auto;padding:6px 6px 8px}.insp-hierarchy-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-size:11px;gap:6px;justify-content:space-between;padding:.5rem;transition:background .18s,border-color .18s,box-shadow .18s}.insp-hierarchy-item+.insp-hierarchy-item{margin-top:4px}.insp-hierarchy-item.active,.insp-hierarchy-item:hover{background:#f8fafc}.insp-hierarchy-item .node-label{color:#5038ed;flex:1 1;font-family:Inter,sans-serif;font-size:.875rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insp-hierarchy-item .node-size{color:#90a1b9;font-family:Inter,sans-serif;font-size:.75rem}.insp-hierarchy-empty{font-size:11px;opacity:.55;padding:6px 4px}.insp-hierarchy-scroll-shadow{position:relative}.insp-hierarchy-list::-webkit-scrollbar{width:10px}.insp-hierarchy-list::-webkit-scrollbar-track{background:#0000}.insp-hierarchy-list::-webkit-scrollbar-thumb{background:linear-gradient(var(--ma-surface-alt),#e5eaf0);border:2px solid #fff;border-radius:20px}.insp-hierarchy-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(#e5eaf0,#d9e2eb)}.mobile-automation-container{background:var(--ma-bg-gradient);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:calc(100vh - 120px);padding:1.6rem 1.9rem 2.6rem;position:relative}.mobile-automation-header{background:none;box-shadow:none;margin:0 0 1rem;padding:0}.mobile-automation-header h1{-webkit-text-fill-color:initial;background:none;color:#1e293b;font-size:1.85rem;font-weight:700;margin:0}.mobile-automation-header p{color:#475569;font-size:.85rem;margin:.35rem 0 0}.ma-tabs{background:var(--ma-surface);border:1px solid var(--ma-border);border-radius:16px;box-shadow:0 8px 26px -6px #0562a32e,0 2px 6px #0000000d;display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.3rem;padding:.55rem .65rem}.ma-tab-btn{align-items:center;background:var(--ma-primary-gradient-soft);border:1px solid var(--ma-border-alt);border-radius:11px;box-shadow:0 2px 4px #0000000d;color:var(--ma-text);cursor:pointer;display:flex;font-size:.78rem;font-weight:600;gap:.35rem;overflow:hidden;padding:.5rem .95rem;position:relative;transition:background .25s,box-shadow .25s,transform .25s,color .25s}.ma-tab-btn:before{background:linear-gradient(135deg,#0562a3,#1e40af);content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s}.ma-tab-btn span,.ma-tab-btn strong{position:relative;z-index:1}.ma-tab-btn.active{border-color:var(--ma-primary);box-shadow:0 6px 18px -4px #0562a366;color:#fff;transform:translateY(-2px)}.ma-tab-btn.active:before{opacity:1}.ma-tab-btn:not(.active):hover{background:linear-gradient(135deg,#e8f4fb,#e2eef7)}.ma-panel{background:var(--ma-surface);border:1px solid var(--ma-border);border-radius:22px;box-shadow:var(--ma-shadow-card);margin-bottom:1.75rem;padding:1.35rem 1.55rem 1.6rem;position:relative}.ma-panel:before{background:radial-gradient(circle at top left,#0562a314,#0000 60%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.ma-table{border-collapse:collapse;width:100%}.ma-table th{background:#f1f5f9;color:#475569;font-size:.7rem;font-weight:600;letter-spacing:.06em;padding:.55rem .5rem;text-align:left;text-transform:uppercase}.ma-table td{border-top:1px solid #e2e8f0;font-size:.85rem;padding:.55rem .5rem}.ma-table tbody tr:hover{background:#f8fafc}.ma-inline-btn{background:none;border:none;color:var(--ma-primary);cursor:pointer;font-weight:600;position:relative}.ma-inline-btn:after{background:var(--ma-primary);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .25s;width:0}.ma-inline-btn:hover:after{width:100%}.ma-inline-btn.danger{color:#dc2626}.ma-inline-btn:disabled{cursor:not-allowed;opacity:.4}.ma-steps-editor-row{display:flex;gap:.5rem;margin-bottom:.5rem}.ma-steps-editor-row input,.ma-steps-editor-row select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:.75rem;padding:.4rem .6rem}.ma-steps-editor-row input:focus,.ma-steps-editor-row select:focus{border-color:#0562a3;box-shadow:0 0 0 3px #0562a326;outline:none}.ma-add-step{background:var(--ma-primary-gradient);border:none;border-radius:10px;box-shadow:0 4px 12px -4px #0562a366;color:#fff;cursor:pointer;font-size:.72rem;font-weight:600;margin-top:.35rem;padding:.5rem 1rem}.ma-add-step:hover{filter:brightness(1.07)}.ma-credential-badge{background:#e0f2fe;border-radius:999px;color:#0369a1;display:inline-block;font-size:.65rem;font-weight:600;margin-top:.3rem;padding:.25rem .55rem}.ma-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:14px;box-shadow:0 4px 12px -4px #b91c1c59;color:#991b1b;font-size:.78rem;font-weight:600;margin-bottom:1.1rem;padding:.7rem .9rem}.ma-actions-bar{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:.85rem}.ma-actions-bar button{background:var(--ma-primary-gradient);border:none;border-radius:12px;box-shadow:var(--ma-shadow-btn);color:#fff;cursor:pointer;font-size:.72rem;font-weight:600;overflow:hidden;padding:.6rem 1.05rem;position:relative;transition:transform .25s,box-shadow .25s,filter .25s}.ma-actions-bar button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.ma-actions-bar button:hover:before{left:100%}.ma-actions-bar button:hover{box-shadow:0 8px 22px -6px #0562a380;transform:translateY(-2px)}.ma-actions-bar button:active{transform:translateY(0)}.ma-actions-bar button.secondary{background:var(--ma-surface-alt);border:1px solid var(--ma-border);box-shadow:0 2px 4px #0000000f;color:var(--ma-text)}.ma-actions-bar button.secondary:hover{background:#e2e8f0}.ma-node-tree::-webkit-scrollbar{width:6px}.ma-node-tree::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.ma-device-canvas img{-webkit-user-select:none;user-select:none}.ma-device-canvas div{transition:background .15s,border-color .15s}.ma-device-canvas div:hover{background:#3b82f640}.ma-toast{animation:maToastIn .35s cubic-bezier(.4,0,.2,1);background:var(--ma-primary-gradient);border-radius:12px;bottom:20px;box-shadow:var(--ma-shadow-toast);color:#fff;font-size:.72rem;font-weight:600;padding:.65rem .95rem;position:fixed;right:20px;z-index:9999}@keyframes maToastIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.ma-steps-editor-row{flex-direction:column}.ma-tabs{gap:.5rem}}.module-header{align-items:center;background:#f5f8fa!important;border:1px solid #eaecf0!important;border-radius:8px!important;box-shadow:0 1px 2px #0000000a;cursor:pointer;display:flex;gap:12px;margin-bottom:10px;padding:20px 25px}.module-header:hover{background:#f8fafc!important;background:var(--background-light,#f8fafc)!important;border-color:#dbeafe}.module-header:before{content:none!important}.module-title{align-items:center;color:#0f172a;display:flex;font-weight:600;gap:10px}.expand-icon{align-items:center;background:#e5e7eb;border-radius:50%;color:#475569;display:inline-flex;font-size:12px;height:20px;justify-content:center;width:20px}.expand-icon.expanded{background:#cbd5e1;transform:rotate(90deg)}.ma-folder-icon{display:inline-block;height:22px;width:22px}.scenario-count{background:#0000;border:none;border-radius:0;color:#334155;font-size:.85rem;font-weight:600;gap:6px;margin-left:auto;padding:0}.ma-folder-caret,.scenario-count{align-items:center;display:inline-flex}.ma-folder-caret{background:#e5e7eb;border-radius:999px;color:#475569;font-size:12px;height:20px;justify-content:center;line-height:1;margin-left:8px;min-width:18px;padding:0 6px}.ma-folder-caret.expanded{background:#cbd5e1}.scenario-count-icon{display:inline-block;height:20px;width:20px}:root{--global-app-bg-gradient-start:#e0e7ff;--global-app-bg-gradient-end:#f8f8fa;--text-color-light:#6b7280;--primary-color-dark:#4338ca;--input-background-color:#f9f9f9;--disabled-background-color:#e0e0e0;--disabled-text-color:#a0a0a0;--primary-color-rgb:5,98,163;--border-color-light:#e0e0e5;--input-border-color:#d1d5db;--step-background-color:#f0f4ff;--step-border-color:#c7d2fe;--shadow-sm:0 2px 5px #0000000d;--shadow-xs:0 1px 3px #00000008}body.dark-theme-active{--global-app-bg-gradient-start:#1e1e2f;--global-app-bg-gradient-end:#3a3a4d;--text-color-primary:#f3f4f6;--text-color-light:#9ca3af;--background-light:#1f2937;--card-bg-color:#1f2937;--input-background-color:#374151;--disabled-background-color:#4b5563;--disabled-text-color:#6b7280;--primary-color-rgb:129,140,248;--border-color:#374151;--border-color-light:#4b5563;--input-border-color:#4b5563;--step-background-color:#2c2c3e;--step-border-color:#3a3a4d;--shadow-sm:0 2px 5px #0003;--shadow-xs:0 1px 3px #0000001a}body,html{background:linear-gradient(to bottom right,#e0e7ff,#f8f8fa);background:linear-gradient(to bottom right,var(--global-app-bg-gradient-start),var(--global-app-bg-gradient-end));background-attachment:fixed;color:#1f2937;color:var(--text-color-primary);height:100%;transition:background .5s ease,color .5s ease}*,:after,:before{box-sizing:border-box}button{font-family:inherit;font-size:inherit}:root{--app-bg-gradient-start:#e0e7ff;--app-bg-gradient-end:#f8f8fa;--sidebar-width:280px;--sidebar-width-collapsed:70px;--sidebar-bg-color:#fff;--sidebar-border-color:#c8c8c84d;--sidebar-item-hover-bg:#4f46e514;--sidebar-item-active-bg:#4f46e526;--sidebar-item-active-text:#4f46e5;--sidebar-text-color-default:#1e293b;--sidebar-icon-color:#666;--sidebar-logo-text-color:#4f46e5;--primary-color:#0562a3;--primary-color_v2:linear-gradient(135deg,#0562a3,#1e40af) --primary-color-dark:#4338ca;--content-bg-color:#f8fafc;--backdrop-filter:brightness(1.05);--card-bg-color:#fff;--card-shadow:0 6px 20px #00000014;--background-extra-light:#f0f0f5;--background-conatiner-left:#d1dde6;--border-color:#d0d0d5;--border-color-light:#8b5cf6;--background-light:#fff;--text-color-primary:#1f2937;--text-color-secondary:#4b5563;--danger-color:#e74c3c;--danger-color-rgb:231,76,60;--danger-color-dark:#c0392b;--header-height:70px;--top-header-height:77px}body.dark-theme-active{--app-bg-gradient-start:#1e1e2f;--app-bg-gradient-end:#2c2c3e;--sidebar-bg-color:#111827;--sidebar-border-color:#3c3c4b80;--sidebar-item-hover-bg:#a78bfa26;--sidebar-item-active-bg:#a78bfa40;--sidebar-item-active-text:#e0e7ff;--sidebar-text-color-default:#ccc;--sidebar-icon-color:#a0aec0;--sidebar-logo-text-color:#818cf8;--primary-color:#818cf8;--primary-color-dark:#6d58e3;--content-bg-color:#f8fafc;--card-bg-color:#2d3748;--card-shadow:0 6px 20px #0000004d;--background-extra-light:#2c2c3e;--border-color:#4a5568;--border-color-light:#667588;--background-light:#2d3748;--text-color-primary:#e2e8f0;--text-color-secondary:#a0aec0;--danger-color:#ef4444;--danger-color-rgb:239,68,68;--danger-color-dark:#dc2626}body,html{font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;height:auto;margin:0;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}body{overflow:auto}.app-container,body.app-authenticated.sidebar-active{overflow-x:hidden}.app-container{background:#f8fafc;flex-direction:row;height:auto;min-height:100vh;overflow-y:auto;transition:background .5s ease}.left-navigation{background-color:#fff;background-color:var(--sidebar-bg-color);border-right:1px solid #c8c8c84d;border-right:1px solid var(--sidebar-border-color);box-shadow:2px 0 15px #00000014;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;overflow:visible;padding:0;position:fixed;top:0;transition:width .3s ease-in-out,background-color .3s ease,box-shadow .3s ease;width:280px;width:var(--sidebar-width);z-index:1200}.dark-theme-active .left-navigation{box-shadow:2px 0 15px #0000004d}.left-navigation.collapsed{width:70px;width:var(--sidebar-width-collapsed)}.left-navigation-header{align-items:center;display:flex;justify-content:center;margin:10px;min-height:70px;min-height:var(--header-height);overflow:hidden;position:relative;transition:padding .3s ease,justify-content .3s ease;white-space:nowrap}.text-success{color:#059669}.text-danger{color:#e74c3c;color:var(--danger-color)}.label-text-5 .text-success,.label-text-5.text-success{color:#059669!important}.label-text-5 .text-danger,.label-text-5.text-danger{color:#e74c3c!important;color:var(--danger-color)!important}.action-button-9.tab-button{background:#fff;border:1px solid #d0d0d5;border:1px solid var(--border-color);border-radius:6px!important;color:#1f2937;color:var(--text-color-primary);font-size:.78rem!important;line-height:1.2;min-width:0!important;opacity:1;padding:4px 6px!important}.action-button-9.tab-button.active{background:linear-gradient(99.78deg,#9181f4 -5.85%,#5038ed 109.55%);border-color:#0000;color:#fff}.action-button-9.tab-button:not(.active):hover{background:#f0f0f5;background:var(--background-extra-light);border-color:#0562a3;border-color:var(--primary-color)}.action-button-9.tab-button.active:hover{background:linear-gradient(99.78deg,#9181f4 -5.85%,#5038ed 109.55%);border-color:#0000;color:#fff}.action-button-9.tab-button:hover{transform:none}.var-badge.resolved{background:#22c55e1a;border-color:#22c55e4d;color:#059669}.var-badge.unresolved{background:#e74c3c1a;background:rgba(var(--danger-color-rgb,231,76,60),.1);border-color:#e74c3c4d;border-color:rgba(var(--danger-color-rgb,231,76,60),.3);color:#e74c3c;color:var(--danger-color)}.logo-container{align-items:center;display:flex;gap:12px;justify-content:center;transition:gap .3s ease}.left-navigation.collapsed .logo-container{gap:0;justify-content:center}.app-logo-sidebar{flex-shrink:0;height:40px;transition:transform .3s ease;width:40px}.app-logo-text{display:none;flex-shrink:0;transition:opacity .3s ease-in-out,width .3s ease,display .3s ease}.left-navigation.collapsed .left-navigation-header,.nav-toggle-button{justify-content:center}.nav-toggle-button{align-items:center;background-color:#0562a3;background-color:var(--primary-color);border:2px solid #fff;border:2px solid var(--sidebar-bg-color);border-radius:50%;box-shadow:0 2px 8px #00000040;color:#fff;cursor:pointer;display:flex;height:36px;position:absolute;right:-18px;top:35px;top:calc(var(--header-height)/2);transform:translateY(-50%);transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease;width:36px;z-index:10}.nav-toggle-button:hover{background-color:var(--primary-color-dark);box-shadow:0 4px 12px #00000059;transform:translateY(-50%) scale(1.1)}body.dark-theme-active .nav-toggle-button{border-color:#fff;border-color:var(--sidebar-bg-color)}.nav-toggle-button span{align-items:center;display:flex;font-size:1.2em;justify-content:center;line-height:1;transition:transform .3s ease}.left-navigation.collapsed .nav-toggle-button{right:-18px;transform:translateY(-50%) rotate(180deg)}.left-navigation.collapsed .nav-toggle-button span{transform:rotate(0deg)}.nav-menu{flex-grow:1;list-style:none;margin:0;padding:8px 0}.nav-menu-item{margin-bottom:4px}.nav-menu-item button{align-items:center;background:none;border:none;border-bottom:.5px solid #e2e8f0;border-left:5px solid #0000;box-shadow:none;color:#1e293b;color:var(--sidebar-text-color-default);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;margin:2px 8px;overflow:hidden;padding:12px 16px;text-align:left;transition:background-color .2s ease,color .2s ease,padding .3s ease,border-left .3s ease;white-space:nowrap;width:calc(100% - 16px)}.nav-menu-item:last-of-type button{border-bottom:none}.nav-menu-item button:hover{box-shadow:none}.nav-menu-item button.active,.nav-menu-item button:hover{background-color:#f9f9f9;border-radius:8px;color:#5038ed;font-weight:500}.nav-menu-item button .nav-icon{color:#666;color:var(--sidebar-icon-color);display:inline-block;flex-shrink:0;font-size:1.3em;margin-right:0;transition:color .2s ease,margin .3s ease,font-size .3s ease}.nav-menu-item button.active .nav-icon,.nav-menu-item button:hover .nav-icon{color:#0562a3;color:var(--primary-color)}.nav-menu-item button .robot-icon-large{font-size:1.6em}.left-navigation.collapsed .nav-menu-item button .robot-icon-large{font-size:1.8em}.nav-icon-svg{display:block;flex-shrink:0;height:20px!important;transition:transform .2s ease;width:20px!important}.nav-menu-item button.active .nav-icon-svg{transform:scale(1.1)}.nav-menu-item button:hover .nav-icon-svg{transform:scale(1.05)}.nav-label{flex-grow:1;opacity:1;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,width .3s ease;white-space:nowrap}.left-navigation.collapsed .nav-label{opacity:0;pointer-events:none;visibility:hidden;width:0}.app-header{align-items:center;background-color:#fff;background-color:var(--background-light);border-bottom:1px solid #d0d0d5;border-bottom:1px solid var(--border-color);box-sizing:border-box;display:flex;height:77px;height:var(--top-header-height);justify-content:flex-end;left:280px;left:var(--sidebar-width);padding:0 20px;position:fixed;top:0;transition:left .3s ease-in-out,width .3s ease-in-out;width:calc(100% - 280px);width:calc(100% - var(--sidebar-width));z-index:90}.left-navigation.collapsed~.main-content-wrapper .app-header{left:70px;left:var(--sidebar-width-collapsed);width:calc(100% - 70px);width:calc(100% - var(--sidebar-width-collapsed))}body.dark-theme-active .app-header{background-color:#fff;background-color:var(--sidebar-bg-color);border-bottom:1px solid #c8c8c84d;border-bottom:1px solid var(--sidebar-border-color)}.main-content-wrapper{background-color:#f8fafc;background-color:var(--content-bg-color);box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;height:100vh;margin-left:280px;margin-left:var(--sidebar-width);overflow-y:auto;padding-top:77px;padding-top:var(--top-header-height);position:relative;transition:margin-left .3s ease-in-out}.left-navigation.collapsed~.main-content-wrapper{margin-left:70px;margin-left:var(--sidebar-width-collapsed)}.hamburger-right-icon{background:none;border:none;color:#1f2937;color:var(--text-color-primary);cursor:pointer;display:block;font-size:1.8em;padding:5px;position:absolute;right:20px;top:15px;transition:color .2s ease;z-index:1001}.hamburger-right-icon:hover{color:#0562a3;color:var(--primary-color)}.right-side-menu{align-items:stretch;background-color:#fff;background-color:var(--sidebar-bg-color);box-shadow:-5px 0 15px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:280px;z-index:1000}.dark-theme-active .right-side-menu{box-shadow:-5px 0 15px #0000004d}.right-side-menu.open{transform:translateX(0)}.right-menu-close-btn{align-items:center;background:none;border:none;color:#1f2937;color:var(--text-color-primary);cursor:pointer;display:flex;font-size:1.8em;justify-content:center;line-height:1;padding:5px;position:absolute;right:15px;top:15px;transition:color .2s ease;z-index:1001}.right-menu-close-btn:hover{color:#0562a3;color:var(--primary-color)}.overlay-right{background-color:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.overlay-right.active{display:block}.user-info-section{align-items:center;border-bottom:1px solid #8b5cf6;border-bottom:1px solid var(--border-color-light);box-sizing:border-box;color:#1f2937;color:var(--text-color-primary);display:flex;flex-direction:column;margin-bottom:20px;padding:15px 0;width:100%}.user-info-section .user-avatar{align-items:center;background-color:#0562a3;background-color:var(--primary-color);border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;display:flex;font-size:1.8rem;font-weight:700;height:60px;justify-content:center;margin-bottom:10px;width:60px}.user-info-section .user-name{color:#0562a3;color:var(--primary-color);font-size:1.2rem;font-weight:600;margin-bottom:5px;text-align:center}.user-info-section .user-email{color:#4b5563;color:var(--text-color-secondary);font-size:.85rem;text-align:center}.right-menu-buttons-group{box-sizing:border-box;display:flex;flex-direction:column;gap:15px;padding:20px 20px 0;width:100%}.right-side-menu .menu-button{align-items:center;background-color:#0562a3;background-color:var(--primary-color);border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;font-size:1em;font-weight:700;gap:8px;height:auto!important;justify-content:center;margin:0!important;padding:12px 15px;position:static!important;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;width:100%}.right-side-menu .menu-button:hover{transform:translateY(-1px)}.right-menu-buttons-group .theme-toggle-button{border:1px solid #d0d0d5!important;border:1px solid var(--border-color)!important;font-size:1em!important;margin:0!important;padding:12px 15px!important;position:static!important;width:100%!important}.right-menu-buttons-group .theme-toggle-button,body.dark-theme-active .right-menu-buttons-group .theme-toggle-button{background-color:#f0f0f5!important;background-color:var(--background-extra-light)!important;color:#1f2937!important;color:var(--text-color-primary)!important}body.dark-theme-active .right-menu-buttons-group .theme-toggle-button{border-color:#d0d0d5!important;border-color:var(--border-color)!important}.right-menu-buttons-group .theme-toggle-button:hover{background-color:#4f46e514!important;background-color:var(--sidebar-item-hover-bg)!important}.right-side-menu .logout-button{background-color:#0562a3;background-color:var(--primary-color);border:none;color:#fff;margin:0!important;position:static!important}.right-side-menu .logout-button:hover{background-color:#c0392b;background-color:var(--danger-color-dark)}.content-area{flex-grow:1;padding:20px}.footer{background-color:#f0f0f5;background-color:var(--background-extra-light);border-top:1px solid #d0d0d5;border-top:1px solid var(--border-color);color:#4b5563;color:var(--text-color-secondary);margin-top:auto;padding:15px;text-align:center}@media (max-width:768px){body,html{overflow-x:hidden}.app-container{flex-direction:column}.left-navigation{border-bottom:1px solid #c8c8c84d;border-bottom:1px solid var(--sidebar-border-color);border-right:none;box-shadow:0 2px 8px #0000000d;flex-direction:row;height:auto;justify-content:space-around;padding:10px 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.left-navigation-header,.nav-toggle-button{display:none}.nav-menu{flex-direction:row;flex-grow:0;justify-content:space-around;width:100%}.nav-menu-item button{flex-direction:column;font-size:.8em;gap:5px;padding:10px}.nav-menu-item button .nav-icon{font-size:1em;margin-right:0}.nav-menu-item button.active{border-bottom:2px solid #0562a3;border-bottom:2px solid var(--primary-color);border-left:none;padding-bottom:8px;padding-left:10px}.main-content-wrapper{padding-top:0}.left-nav-footer{display:none}.hamburger-right-icon{display:block;position:absolute;right:20px;top:15px}.content-area{padding-top:20px}}.dark-theme-active .page-content{padding:22px 28px}.header,.tabs{display:none}.bdd-block{background:linear-gradient(99.78deg,#9181f433 -5.85%,#5038ed38 109.55%);border:1px solid #5038ed40;border-radius:8px;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.5;max-height:360px;overflow:auto;padding:14px 16px}.bdd-colored .bdd-line{white-space:pre}.bdd-kw{font-weight:700;margin-right:4px}.bdd-kw-when{color:#0b6bcb}.bdd-kw-then{color:#0f8a5f}.bdd-kw-and{color:#8a2be2}.bdd-kw-feature{color:#4f46e5}.bdd-kw-scenario{color:#6b7280}.left-nav-footer{border-top:1px solid #8b5cf6;border-top:1px solid var(--border-color-light);margin-top:auto;padding:16px 20px}.user-role-indicator{color:#4b5563;color:var(--text-color-secondary);font-size:.85rem;font-weight:500;text-align:center}.left-navigation.collapsed .sidebar-control-button,.left-navigation.collapsed .sidebar-logout-button,.left-navigation.collapsed .theme-toggle-button{display:none!important}.dashboard-container{background-color:#f8fafc;background-color:var(--content-bg-color);color:#1f2937;color:var(--text-color-primary);min-height:calc(100vh - 120px);min-height:calc(100vh - var(--header-height) - var(--footer-height, 50px));padding:20px}.dashboard-container h2{border-bottom:1px solid #8b5cf6;border-bottom:1px solid var(--border-color-light);color:#0562a3;color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:30px;padding-bottom:10px}.dashboard-error,.dashboard-loading{color:#4b5563;color:var(--text-color-secondary);font-size:1.2rem;padding:50px;text-align:center}.dashboard-error{color:#e74c3c;color:var(--danger-color)}.dashboard-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.dashboard-card{align-items:flex-start;background:linear-gradient(99.78deg,#9181f4 -5.85%,#5038ed 109.55%);border-radius:8px;box-shadow:0 6px 20px #00000014;box-shadow:var(--card-shadow);display:flex;flex-direction:column;padding:32px 24px;transition:transform .2s ease,box-shadow .2s ease}.dashboard-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.dashboard-card h3{border-bottom:1px dashed #8b5cf6;border-bottom:1px dashed var(--border-color-light);color:#0562a3;color:var(--primary-color);font-size:1.4rem;font-weight:600;margin-bottom:15px;padding-bottom:8px;width:100%}.dashboard-card .card-metric{color:#1f2937;color:var(--text-color-primary);font-size:2.5rem;font-weight:800;margin:0 0 10px}.dashboard-card .card-info{color:#4b5563;color:var(--text-color-secondary);font-size:.9rem;margin:0}.card-metric .passed{color:#28a745}.card-metric .failed{color:#e74c3c;color:var(--danger-color)}.card-metric .discovered{color:#007bff}body.dark-theme-active .dashboard-card{box-shadow:0 8px 20px #0000004d}body.dark-theme-active .dashboard-card:hover{box-shadow:0 10px 25px #0006}body.dark-theme-active .dashboard-card h3{border-bottom-color:#d0d0d5;border-bottom-color:var(--border-color);color:#0562a3;color:var(--primary-color)}body.dark-theme-active .dashboard-card .card-metric{color:#1f2937;color:var(--text-color-primary)}body.dark-theme-active .dashboard-card .card-info{color:#4b5563;color:var(--text-color-secondary)}@media (max-width:768px){.dashboard-container{padding:15px}.dashboard-grid{gap:15px;grid-template-columns:1fr}}.nav-toggle-wrapper{display:flex;justify-content:center;padding:10px 0}.nav-toggle-wrapper .nav-toggle-button{background:none;border:none;cursor:pointer;font-size:1.2em}.modal-overlay{align-items:center;animation:fadeInOverlay .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2002}.enhanced-password-modal{animation:slideInModal .3s ease-out;background:#fff;background:var(--card-bg-color);border:1px solid #d0d0d5;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #00000026;max-height:90vh;max-width:90vw;min-width:480px;overflow:hidden}.password-modal-header{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.password-modal-title{color:#fff;font-size:20px;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s ease}.modal-close-btn:hover{background:#ffffff1a;color:#fff}.password-change-form{display:flex;flex-direction:column;gap:24px;padding:32px}.form-field-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;margin-bottom:4px}.form-input,.form-label{color:#1f2937;color:var(--text-color-primary)}.form-input{background:#fff;background:var(--background-light);border:2px solid #d0d0d5;border:2px solid var(--border-color);border-radius:8px;font-size:16px;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{border-color:#0562a3;border-color:var(--primary-color);box-shadow:0 0 0 3px #0562a31a}.form-input::placeholder{color:#4b5563;color:var(--text-color-secondary);font-size:14px}.status-message{border-radius:8px;font-size:14px;font-weight:500;margin:8px 0;padding:12px 16px}.status-message.success{background:#22c55e1a;border:1px solid #22c55e33;color:#059669}.status-message.error{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;outline:none;padding:12px 24px;transition:background-color .2s ease,transform .1s ease}.btn-primary:hover{background:var(--primary-color-dark);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#f0f0f5;background:var(--background-extra-light);border:2px solid #d0d0d5;border:2px solid var(--border-color);border-radius:8px;color:#1f2937;color:var(--text-color-primary);cursor:pointer;font-size:16px;font-weight:500;outline:none;padding:10px 24px;transition:all .2s ease}.btn-secondary:hover{background:#4f46e514;background:var(--sidebar-item-hover-bg);border-color:#0562a3;border-color:var(--primary-color);color:#0562a3;color:var(--primary-color)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideInModal{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.superadmin-welcome-container{animation:fadeInUp .6s ease-out;display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.welcome-hero-section{background:linear-gradient(135deg,#0562a3 0,var(--primary-color-dark) 100%);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-color-dark) 100%);border-radius:20px;box-shadow:0 20px 40px #0000001a;color:#fff;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.hero-content{position:relative;z-index:2}.hero-icon{display:inline-block;margin-bottom:1.5rem;position:relative}.icon-main{animation:float 3s ease-in-out infinite;display:block;font-size:4rem}.icon-sparkle{animation:sparkle 2s ease-in-out infinite;font-size:1.5rem;position:absolute;right:-10px;top:-10px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sparkle{0%,to{opacity:.8;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.hero-title{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 1rem}.hero-subtitle{font-size:1.25rem;font-weight:400;line-height:1.4;margin:0 0 2rem;opacity:.9}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50px;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.badge-icon{font-size:1.1rem}.hero-decoration{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.decoration-circle{animation:floatCircle 4s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.circle-1{animation-delay:0s;height:120px;right:10%;top:10%;width:120px}.circle-2{animation-delay:1s;bottom:20%;height:80px;left:15%;width:80px}.circle-3{animation-delay:2s;height:60px;right:20%;top:60%;width:60px}@keyframes floatCircle{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.feature-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:2rem 0}.feature-card{animation:slideInCard .6s ease-out forwards;background:#fff;background:var(--card-bg-color);border:1px solid #8b5cf6;border:1px solid var(--border-color-light);border-radius:16px;box-shadow:0 8px 25px #00000014;opacity:0;overflow:hidden;padding:2rem;position:relative;text-align:center;transform:translateY(30px);transition:all .3s ease}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}@keyframes slideInCard{to{opacity:1;transform:translateY(0)}}.feature-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.feature-card:before{background:linear-gradient(90deg,#0562a3 0,var(--primary-color-dark) 100%);background:linear-gradient(90deg,var(--primary-color) 0,var(--primary-color-dark) 100%);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.feature-icon{display:block;font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#1f2937;color:var(--text-color-primary);font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.feature-card p{color:#4b5563;color:var(--text-color-secondary);font-size:.95rem;line-height:1.5;margin:0 0 1.5rem}.feature-cta-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.feature-cta-button.primary{background:linear-gradient(135deg,#0562a3 0,var(--primary-color-dark) 100%);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-color-dark) 100%);box-shadow:0 4px 15px #0562a34d;color:#fff}.feature-cta-button.primary:hover{box-shadow:0 8px 25px #0562a366;transform:translateY(-2px)}.feature-cta-button.secondary{background:#f0f0f5;background:var(--background-extra-light);border:2px solid #0562a3;border:2px solid var(--primary-color);color:#0562a3;color:var(--primary-color)}.feature-cta-button.secondary:hover{background:#0562a3;background:var(--primary-color);color:#fff;transform:translateY(-2px)}.feature-cta-button.tertiary{background:#0562a31a;background:rgba(var(--primary-color-rgb,5,98,163),.1);border:1px solid #0562a333;border:1px solid rgba(var(--primary-color-rgb,5,98,163),.2);color:#0562a3;color:var(--primary-color)}.feature-cta-button.tertiary:hover{background:#0562a333;background:rgba(var(--primary-color-rgb,5,98,163),.2);transform:translateY(-2px)}.cta-arrow{transition:transform .3s ease}.feature-cta-button:hover .cta-arrow{transform:translateX(4px)}.feature-coming-soon{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:20px;color:#856404;font-size:.8rem;font-weight:600;padding:.5rem 1rem}.quick-stats-preview{background:#fff;background:var(--card-bg-color);border-radius:16px;box-shadow:0 8px 25px #00000014;padding:2rem}.stats-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.stats-header h3{color:#1f2937;color:var(--text-color-primary);font-size:1.5rem;font-weight:700;margin:0}.organization-badge{align-items:center;background:#0562a31a;background:rgba(var(--primary-color-rgb,5,98,163),.1);border:1px solid #0562a333;border:1px solid rgba(var(--primary-color-rgb,5,98,163),.2);border-radius:25px;color:#0562a3;color:var(--primary-color);display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem}.org-icon{font-size:1.1rem}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{background:#f0f0f5;background:var(--background-extra-light);border-radius:12px;padding:1.5rem .5rem;text-align:center;transition:all .3s ease}.stat-item:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.stat-number{color:#0562a3;color:var(--primary-color);font-size:1.5rem;font-weight:800;line-height:1;margin-bottom:.5rem}.stat-label{color:#1f2937;color:var(--text-color-primary);font-size:.625rem;font-weight:600;margin-bottom:.25rem}.stat-sublabel{color:#4b5563;color:var(--text-color-secondary);font-size:.85rem;font-style:italic}.getting-started-tips{background:#fff;background:var(--card-bg-color);border-radius:16px;box-shadow:0 8px 25px #00000014;padding:2rem}.getting-started-tips h3{color:#1f2937;color:var(--text-color-primary);font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.tips-grid{display:flex;flex-direction:column;gap:1.5rem}.tip-item{align-items:flex-start;background:#f0f0f5;background:var(--background-extra-light);border-radius:12px;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.tip-item:hover{box-shadow:0 4px 15px #00000014;transform:translateX(8px)}.tip-number{align-items:center;background:#0562a3;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.tip-content{display:flex;flex-direction:column;gap:.25rem}.tip-content strong{color:#1f2937;color:var(--text-color-primary);font-size:1rem;font-weight:600}.tip-content span{color:#4b5563;color:var(--text-color-secondary);font-size:.9rem;line-height:1.4}body.dark-theme-active .feature-card{background:#fff;background:var(--card-bg-color);border-color:#d0d0d5;border-color:var(--border-color)}body.dark-theme-active .feature-card:hover{box-shadow:0 20px 40px #0000004d}body.dark-theme-active .getting-started-tips,body.dark-theme-active .quick-stats-preview{background:#fff;background:var(--card-bg-color);border-color:#d0d0d5;border-color:var(--border-color);box-shadow:0 8px 25px #0003}body.dark-theme-active .stat-item,body.dark-theme-active .tip-item{background:#f0f0f5;background:var(--background-extra-light)}body.dark-theme-active .feature-coming-soon{background:#ffc10726;border-color:#ffc10766}.create-project-card{background:linear-gradient(135deg,#f8faff,#e8f4fd);border-left:4px solid #0562a3;border-left:4px solid var(--primary-color)}.team-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #06b6d4}.automation-card{background:linear-gradient(135deg,#f7fee7,#ecfccb);border-left:4px solid #65a30d}.analytics-card{background:linear-gradient(135deg,#fefce8,#fef3c7);border-left:4px solid #d97706}.create-project-card .feature-cta-button.primary{animation:gentlePulse 3s ease-in-out infinite}@keyframes gentlePulse{0%,to{box-shadow:0 4px 15px #0562a34d;transform:scale(1)}50%{box-shadow:0 8px 25px #0562a366;transform:scale(1.02)}}.organization-badge:hover{background:#0562a326;background:rgba(var(--primary-color-rgb,5,98,163),.15);cursor:default;transform:scale(1.05)}.stat-item:hover .stat-number{text-shadow:0 0 20px #0562a34d;text-shadow:0 0 20px rgba(var(--primary-color-rgb,5,98,163),.3)}body.dark-theme-active .create-project-card{background:linear-gradient(135deg,#0562a31a,#0562a30d);background:linear-gradient(135deg,rgba(var(--primary-color-rgb,5,98,163),.1) 0,rgba(var(--primary-color-rgb,5,98,163),.05) 100%)}body.dark-theme-active .team-card{background:linear-gradient(135deg,#06b6d41a,#06b6d40d)}body.dark-theme-active .automation-card{background:linear-gradient(135deg,#65a30d1a,#65a30d0d)}body.dark-theme-active .analytics-card{background:linear-gradient(135deg,#d977061a,#d977060d)}.mb-0{margin-bottom:0!important}.mt-1{margin-top:8px!important}.mb-1{margin-bottom:12px!important}.mt-2{margin-top:16px!important}.mb-2{margin-bottom:16px!important}.mt-3{margin-top:24px!important}.mb-3{margin-bottom:24px!important}.gap-6{gap:6px!important}.spinner-icon{animation:spin 1s linear infinite;display:inline-block;filter:drop-shadow(0 0 1px rgba(0,0,0,.2));height:18px;width:18px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.var-suggest-pop{background:#fff;background:var(--card-bg-color);border:1px solid #d0d0d5;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 30px #00000026;max-height:300px;max-width:520px;min-width:280px;overflow:auto;padding:6px 0}.var-suggest-item{align-items:flex-start;cursor:pointer;display:flex;gap:10px;padding:8px 14px}.var-suggest-item .var-name{color:#0562a3;color:var(--primary-color);font-size:11.5px;font-weight:600;letter-spacing:.3px}.var-suggest-item .var-value{color:#4b5563;color:var(--text-color-secondary);flex:1 1;font-family:monospace;font-size:11px;opacity:.85;word-break:break-all}.var-suggest-item.active,.var-suggest-item:hover{background:#667eea14}.var-suggest-item.active .var-name{text-decoration:underline}.var-suggest-empty{font-size:11px;font-style:italic;padding:8px 14px}.var-suggest-empty,.var-suggest-hint{color:#4b5563;color:var(--text-color-secondary)}.var-suggest-hint{border-top:1px dashed #667eea40;font-size:10px;margin-top:6px;padding:4px 14px 8px}.aihub-page{align-items:flex-start;display:flex;flex-direction:column}:root{--primaryColor1:#5038ed;--primaryColor2:#604ddb;--colorWhite:#fff;--colorGrey1:#f7f9fc}.displayFlex{display:flex!important}.displayNone{display:none!important}.displayBlock{display:block!important}.displayInlineBlock{display:inline-block!important}.displayInlineFlex{display:inline-flex!important}.displayGrid{display:grid!important}.grid-template-columns-2{grid-template-columns:repeat(2,1fr)!important}.grid-template-columns-3{grid-template-columns:repeat(3,1fr)!important}.grid-template-columns-4{grid-template-columns:repeat(4,1fr)!important}.grid-template-columns-8-4{grid-template-columns:8fr 4fr!important}.grid-minmax-235{grid-template-columns:repeat(auto-fit,minmax(235px,1fr))!important}.grid-gap-10{gap:10px!important}.grid-gap-16{gap:16px!important}.gap-5{gap:5px!important}.gap-8{gap:8px!important}.gap-10{gap:10px!important}.gap-12{gap:12px!important}.gap-16{gap:16px!important}.gap-24{gap:24px!important}.justifyStart{justify-content:flex-start!important}.justifyCenter{justify-content:center!important}.justifySpaceBetween{justify-content:space-between!important}.justifySpaceEvenly{justify-content:space-evenly}.justifyFlexEnd{justify-content:flex-end!important}.alignItemsCenter{align-items:center!important}.alignItemsStart{align-items:flex-start!important}.alignItemsEnd{align-items:flex-end!important}.alignContentCenter{align-content:center!important}.flexWrap{flex-wrap:wrap!important}.flex1{flex:1 1!important}.flex-none{flex:none!important}.flexWidthSame{flex:1 1!important}.flexDirectionColumn{flex-direction:column!important}.flexDirectionRow{flex-direction:row!important}.m0{margin:0!important}.m1{margin:1rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mx1{margin-left:1rem!important;margin-right:1rem!important}.mx02{margin-left:.2rem!important;margin-right:.2rem!important}.mx05{margin-left:.5rem!important;margin-right:.5rem!important}.mx1-5{margin-left:1.5rem!important;margin-right:1.5rem!important}.mt-0{margin-top:0!important}.mt-02{margin-top:.2rem!important}.mt-05{margin-top:.5rem!important}.mt-075{margin-top:.75rem!important}.mt-1{margin-top:1rem!important}.mt-1-5{margin-top:1.5rem!important}.mt-1-75{margin-top:1.75rem!important}.mt-2{margin-top:2rem!important}.mt-3{margin-top:3rem!important}.mt-6{margin-top:6rem!important}.mt-auto{margin-top:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:1rem!important}.ml-05{margin-left:.5rem!important}.ml18P{margin-left:18.5%!important}.mb0{margin-bottom:0!important}.mb05{margin-bottom:.5rem!important}.mb1{margin-bottom:1rem!important}.mb-1-5{margin-bottom:1.5rem!important}.mb-1-75{margin-bottom:1.75rem!important}.mb-2{margin-bottom:2rem!important}.mb-6{margin-bottom:6rem!important}.mx-05{margin-left:.5rem!important;margin-right:.5rem!important}.mx-1{margin-left:1rem!important;margin-right:1rem!important}.mx-1-125{margin-left:1.125rem!important;margin-right:1.125rem!important}.mr0{margin-right:0!important}.mr05{margin-right:.5rem!important}.mr075{margin-right:.75rem!important}.mr1{margin-right:1rem!important}.my-05{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-1{margin-bottom:1rem!important;margin-top:1rem!important}.my-1-5{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-3{margin-bottom:3rem!important;margin-top:3rem!important}.p-0{padding:0!important}.p-0825{padding:.825rem!important}.p-05{padding:.5rem!important}.p-1{padding:1rem!important}.p-1-5{padding:1.5rem!important}.p-1-25{padding:1.25rem!important}.pt1{padding-top:1rem!important}.pt120p{padding-top:120px!important}.p2x4{padding:2px 4px!important}.p4p{padding:4px!important}.p4x8{padding:4px 8px!important}.py0{padding-bottom:0!important;padding-top:0!important}.py05{padding-bottom:.5rem!important;padding-top:.5rem!important}.py1{padding-bottom:1rem!important;padding-top:1rem!important}.py1-5{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py1-25{padding-bottom:1.25rem!important;padding-top:1.25rem!important}.px0{padding-left:0!important;padding-right:0!important}.px05{padding-left:.5rem!important;padding-right:.5rem!important}.px07{padding-left:.7rem!important}.px07,.px075{padding-right:.7rem!important}.px075{padding-left:.75rem!important}.px1{padding-left:1rem!important;padding-right:1rem!important}.px1-5{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-3{padding-left:3rem!important;padding-right:3rem!important}.pb-05{padding-bottom:.5rem!important}.pb1{padding-bottom:1rem!important}.pb2{padding-bottom:2rem!important}.textCenter{text-align:center!important}.textLeft{text-align:left!important}.textRight{text-align:right!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.top0{top:0!important}.left0{left:0!important}.right0{right:0!important}.bottom0{bottom:0!important}.border-none{border:none!important}.border-dashed{border:1px dashed #424f62!important}.border-dashed-2{border:1px dashed #d0d5dd!important}.border-bottom-black-light-05{border-bottom:.5px solid #0000001a!important}.border-bottom-light-gray,.border-bottom-light-gray-except-last{border-bottom:1px solid #e2e8f0!important}.border-bottom-light-gray-except-last:last-of-type{border-bottom:none!important}.border-top-black-light-05{border-top:.5px solid #0000001a!important}.border-gradient-blue{border:1px solid!important;border-image-source:linear-gradient(103.64deg,#3378f4 14.18%,#0badce 99.93%)!important}.radius-4{border-radius:4px!important}.radius-8{border-radius:8px!important}.radius-12{border-radius:12px!important}.radius-16{border-radius:16px!important}.radius-24{border-radius:24px!important}.radius-50{border-radius:50%!important}.radius-54{border-radius:54px!important}.top-left-8{border-top-left-radius:8px!important}.top-right-8{border-top-right-radius:8px!important}.top-left-12{border-top-left-radius:12px!important}.top-right-12{border-top-right-radius:12px!important}.top-left-24{border-top-left-radius:24px!important}.top-right-24{border-top-right-radius:24px!important}.bottom-left-24{border-bottom-left-radius:24px!important}.bottom-right-24{border-bottom-right-radius:24px!important}.border-1{border:1px solid!important}.border-left-3p{border-left:3px solid!important}.border-blue-1{border-color:#007bff!important}.border-green{border-color:#409261!important}.border-grey{border-color:#eaecf0!important}.border-gray{border:1px solid #eaecf0!important}.border-gray-2{border:1px solid #d0d5dd!important}.border-gray-3{border:1px solid #e2e8f0!important}.w-15{width:15%!important}.w-17{width:17%!important}.w-25{width:25%!important}.w-95{width:95%!important}.w-100{width:100%!important}.w-7p{width:7px!important}.w-12p{width:12px!important}.w-16p{width:16px!important}.w-40p{width:40px!important}.w-20p{width:20px!important}.min-width-80{min-width:80px!important}.min-width-120{min-width:120px!important}.min-width-150{min-width:150px!important}.min-width-320{min-width:320px!important}.min-width-400{min-width:400px!important}.max-width-145{max-width:145px!important}.max-width-150{max-width:150px!important}.max-width-180{max-width:180px!important}.max-width-800{max-width:800px!important}.max-width-1200{max-width:1200px!important}.h-7p{height:7px!important}.h-12p{height:12px!important}.h-14p{height:14px!important}.h-16p{height:16px!important}.h-20p{height:20px!important}.h-100{height:100%!important}.min-height-200{min-height:200px!important}.max-height-300{max-height:300px!important}.max-height-400{max-height:400px!important}.max-height-500{max-height:500px!important}.max-height-none{max-height:none!important}.linear-gradient-purple{background:linear-gradient(135deg,#667eea,#764ba2)!important}.linear-gradient-pink{background:linear-gradient(135deg,#f093fb,#f5576c)!important}.linear-gradient-green{background:linear-gradient(135deg,#43e97b,#38f9d7)!important}.linear-gradient-blue{background:linear-gradient(135deg,#4facfe,#00f2fe)!important}.linear-gradient-blue-2{background:linear-gradient(103.64deg,#3378f4 14.18%,#0badce 99.93%)!important}.linear-gradient-green-2{background:linear-gradient(103.64deg,#00d173 14.18%,#0badce 99.93%)!important}.linear-gradient-red-2{background:linear-gradient(103.64deg,#ff4e50 14.18%,#f9d423 99.93%)!important}.linear-gradient-purple-2{background:linear-gradient(103.64deg,#b993d6 14.18%,#8ca6db 99.93%)!important}.linear-gradient-black{background:linear-gradient(103.64deg,#536976 14.18%,#292e49 99.93%)!important}.linear-gradient-brown{background:linear-gradient(103.64deg,#a73737 14.18%,#7a2828 99.93%)!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-auto{overflow-x:auto!important}.overflow-break-word{overflow-wrap:break-word!important}.tab-button{background-color:#fff;background-color:var(--colorWhite);border-radius:0;box-shadow:none;color:#475467;cursor:pointer;flex:auto;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;margin-bottom:0;outline:none;padding:11px 20px}.tab-button:hover:not(:disabled){background:#fff;background:var(--colorWhite);box-shadow:none;color:#475467;transform:none}.tab-button.active,.tab-button:hover:not(:disabled){border-bottom:2px solid #604ddb;border-bottom:2px solid var(--primaryColor2)}.tab-button.active{color:#5038ed}.icon-button-1{border:1px solid #eaecf0;border-radius:6px;color:#475467;padding:10px}.icon-button-1,.icon-button-2{background:#fff;background:var(--colorWhite);cursor:pointer;outline:none}.icon-button-2{align-items:center;border:1px solid #5038ed;border-radius:50%;color:#5038ed;display:flex;height:22px;justify-content:center;min-width:22px;padding:0;width:22px}.icon-button-2:hover:not(:disabled){background:#fff;background:var(--colorWhite);color:#5038ed}.icon-button-2:disabled{background:#d0d5dd80;color:#d0d5dd1a}.icon-button-3{border:1px solid #eaecf0;border-radius:6px;cursor:pointer;outline:none;padding:5px}.icon-button-3,.icon-button-3:hover:not(:disabled){background:#fff;background:var(--colorWhite);color:#475467}.icon-button-4{align-items:center;border:1px solid #eaecf0;border-radius:8px;box-shadow:none;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.825rem;font-weight:400;gap:5px;outline:none;padding:4px 8px;transform:none}.icon-button-4,.icon-button-4:hover:not(:disabled){background:#0000;color:#424f62}.icon-button-5{align-items:center;border:1px solid #e2e8f0;border-radius:8px;box-shadow:none;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.75rem;font-weight:400;gap:5px;outline:none;padding:8px 16px;transform:none}.icon-button-5,.icon-button-5:hover:not(:disabled){background:#0000;color:#101214}.icon-button-6{align-items:center;background:#fff;background:var(--colorWhite);border-radius:8px;box-shadow:0 4px 4px 0 #00000014;color:#101214;display:flex;outline:none;padding:4px;transform:none}.icon-button-6:hover:not(:disabled){background:#0000}.icon-button-7{align-items:center;background:#5038ed;border-radius:50%;color:#fff;color:var(--colorWhite);cursor:pointer;display:flex;height:24px;justify-content:center;min-width:24px;outline:none;padding:0;width:24px}.icon-button-7:hover:not(:disabled){background:#fff;background:var(--colorWhite);color:#5038ed}.stat-icon-button{align-items:center;border-radius:8px;display:flex;height:32px;justify-content:center;outline:none;padding:4px;width:32px}.stat-icon-button.blue{background-color:#edf5ff;color:#3b6cea}.stat-icon-button.green{background-color:#e9fdf3;color:#1e956c}.stat-icon-button.orange{background-color:#fffae8;color:#d46c0a}.stat-icon-button.purple{background-color:#f9f3ff;color:#882de7}.stat-icon-button.red{background-color:#ffeff0;color:#dd1b3f}.stat-icon-button.black{background-color:#0003;color:#fff;color:var(--colorWhite)}.icon-button-1:hover:not(:disabled){background:#fff;background:var(--colorWhite);background-color:#fff;background-color:var(--colorWhite)}.label-text-1{color:#1e293b;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;line-height:1.225rem;margin:0}.label-text-2{color:#424f62;font-size:.75rem;font-weight:500;margin:0}.label-text-4,.label-text-5{font-family:Inter,sans-serif;margin:0}.label-text-5{color:#475467;font-size:.825rem;font-weight:500;line-height:1.25rem}.label-text-6{background-color:#f6f4ff;border-radius:16px;color:#1e293b;padding:5px 15px}.label-text-6,.label-text-7{font-size:.875rem;line-height:1.25rem}.label-text-7{color:#596980;font-weight:500}.label-text-8{color:#1e293b;font-size:.825rem;font-weight:500;line-height:1.25rem;margin:0}.chip-1{align-items:center;background:#e2defc;border-radius:16px;color:#5038ed;display:flex;font-size:.875rem;gap:10px;line-height:1.25rem;padding:4px 12px}.value-text-1{color:#1e293b;font-size:1.5rem;font-weight:700}.table-cell-text-1,.value-text-1{font-family:Inter,sans-serif;margin:0}.table-cell-text-1{color:#475467;font-size:.875rem;font-weight:500}.status-text-1{border-radius:54px;font-size:.875rem;margin:0;padding:4px 20px}.status-text-1.green{background-color:#e9ffef;color:#1e956c}.status-text-1.yellow{background-color:#fffae8;color:#d97e26}.status-text-1.red{background-color:#ffeff0;color:#dd1b3f}.status-text-1.grey{background-color:#e7eaef;color:#788598}.status-text-1.blue{background-color:#3b6cea1a;color:#3b6cea}.status-text-2{border-radius:24px;font-family:Inter;font-size:.75rem;font-weight:500;margin:0;padding:4px 8px}.status-text-2.green{background-color:#e9ffef;color:#1e956c}.status-text-2.yellow{background-color:#fffae8;color:#d97e26}.status-text-2.red{background-color:#ffeff0;color:#dd1b3f}.color-red{color:#dd1b3f!important}.color-green{color:#1e956c!important}.color-grey{color:#626f86!important}.color-grey-2{color:#45556c!important}.status-text-blue{color:#3b6cea!important;font-family:Inter,sans-serif!important;font-size:.875rem!important;margin:0!important}.textBtn{background:#0000;box-shadow:none;color:#0562a3;font-size:1rem;padding:7px 12px}.textBtn:hover{background-color:initial!important;box-shadow:none!important;color:#0562a3!important;text-decoration:underline!important}.action-button-1{border:1px solid #eaecf0;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;line-height:1.5rem;outline:none;padding:8px 18px;text-transform:capitalize}.action-button-1,.action-button-1:hover:not(:disabled){background:#fff;background:var(--colorWhite);color:#101828}.action-button-2{background:#e9fdf3;border:1px solid #1e956c;border-radius:8px;box-shadow:0 4px 12px 0 #40926133;color:#424f62;cursor:pointer;font-size:.875rem;font-weight:500;line-height:1.25rem;outline:none;padding:8px}.action-button-2:hover:not(:disabled){background:#fff;background:var(--colorWhite);color:#424f62}.action-button-3{background:linear-gradient(99.78deg,#9181f4 -5.85%,#5038ed 109.55%);color:#fff;color:var(--colorWhite)}.action-button-15,.action-button-3{border:none;border-radius:10px;cursor:pointer;font-size:.875rem;font-weight:400;min-width:-webkit-max-content;min-width:max-content;outline:none;padding:8px 24px;text-transform:capitalize}.action-button-15{background:#fff;background:var(--colorWhite);color:#000}.action-button-3:hover:not(:disabled){background:#fff;background:var(--colorWhite);border:1px solid #5038ed;color:#5038ed}.action-button-4{background:#5038ed;border:none;border-radius:8px;color:#fff;color:var(--colorWhite);cursor:pointer;font-size:1rem;font-weight:400;outline:none;padding:8px 24px;text-transform:capitalize}.action-button-4:hover:not(:disabled){background:#0000;border:1px solid #5038ed;color:#5038ed}.action-button-5{background:#0000;border:none;border-radius:28px;box-shadow:none;color:#fff;color:var(--colorWhite);cursor:pointer;font-size:1rem;font-weight:400;line-height:1rem;outline:none;padding:10px 12px;text-transform:capitalize}.action-button-5:hover:not(:disabled){background:#0000;border:none;color:#fff;color:var(--colorWhite)}.action-button-6{background:#0000;border:none;box-shadow:none;color:#98a2b3;cursor:pointer;font-size:.875rem;font-weight:500;line-height:1.25rem;outline:none;padding:8px;text-transform:capitalize}.action-button-6:hover:not(:disabled){background:#0000;box-shadow:none;color:#98a2b3;text-decoration:underline;transform:none}.action-button-7{border:none;cursor:pointer;font-size:.875rem;font-weight:500;line-height:1.25rem;outline:none;padding:5px;text-transform:capitalize}.action-button-7,.action-button-7:hover:not(:disabled){background:#0000;box-shadow:none;color:#5038ed;transform:none}.action-button-7:hover:not(:disabled){text-decoration:underline}.action-button-8{background:#0000;border:1px solid #475467ba;border-radius:10px;color:#475467ba;cursor:pointer;font-size:.875rem;font-weight:400;min-width:-webkit-max-content;min-width:max-content;outline:none;padding:8px 24px;text-transform:capitalize}.action-button-8:hover:not(:disabled){background:#0000;border:1px solid #475467ba;color:#475467ba}.action-button-9{background:linear-gradient(99.78deg,#9181f4 -5.85%,#5038ed 109.55%);border:none;border-radius:8px;color:#fff;color:var(--colorWhite);cursor:pointer;font-size:.875rem;font-weight:400;min-width:-webkit-max-content;min-width:max-content;outline:none;padding:12px 24px;text-transform:capitalize}.action-button-9:hover:not(:disabled){background:#0000;border:1px solid #5038ed;color:#5038ed;transform:none}.action-button-10{border-radius:8px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:400;padding:8px}.action-button-10,.action-button-10:hover:not(:disabled){background:#0000001a;color:#fff;color:var(--colorWhite)}.action-button-11{border:1px solid #475467;border-radius:8px;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;line-height:1.5rem;padding:10px 22px}.action-button-11,.action-button-11:hover:not(:disabled){background:#fff;background:var(--colorWhite);color:#475467}.radio-type-button{background:#0000;border:1px solid #eaecf0;border-radius:16px;box-shadow:none;color:#98a2b3;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;line-height:1.5rem;padding:0 16px;text-align:center;transform:none}.radio-type-button.active{border:none}.radio-type-button.active,.radio-type-button:hover{background:#5038ed;color:#fff;color:var(--colorWhite)}.radio-type-button:hover{box-shadow:none!important;transform:none!important}.colored-action-button{align-items:center;background:#fff!important;background:var(--colorWhite)!important;border-radius:20px;display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;gap:5px;line-height:1.5rem;padding:8px 16px}.colored-action-button.green{border:1px solid #249d3c!important;color:#249d3c!important}.colored-action-button.orange{background:#fef4e6;border:1px solid #eb9319!important;color:#eb9319!important}.colored-action-button.blue{border:1px solid #3b6cea!important;color:#3b6cea!important}.delte-action-button{background:#fff!important;background:var(--colorWhite)!important;border:1px solid #dd1b3f!important;border-radius:8px!important;color:#dd1b3f!important;font-family:Inter,sans-serif!important;font-size:.825rem!important;font-weight:500!important;line-height:1.5rem!important;padding:4px 24px!important}.orange-action-button{background:#fef4e6!important;border:1px solid #eb9319;border-radius:8px;color:#eb9319;padding:8px 16px;text-transform:uppercase}.colored-action-button-2,.orange-action-button{font-family:Inter,sans-serif;font-size:.75rem;font-weight:400}.colored-action-button-2{align-items:center;background:#fff!important;background:var(--colorWhite)!important;border-radius:20px;display:flex;gap:5px;line-height:1.5rem;padding:4px 16px}.colored-action-button-2.green{border:1px solid #249d3c!important;color:#249d3c!important}.colored-action-button-2.green.active,.colored-action-button-2.green:hover{background-color:#249d3c!important;border:none!important;color:#fff!important;color:var(--colorWhite)!important}.colored-action-button-2.red{border:1px solid #dd1b3f!important;color:#dd1b3f!important}.colored-action-button-2.red.active,.colored-action-button-2.red:hover{background-color:#dd1b3f!important;border:none!important;color:#fff!important;color:var(--colorWhite)!important}.colored-action-button-2.orange{border:1px solid #d97e26!important;color:#d97e26!important}.colored-action-button-2.orange.active,.colored-action-button-2.orange:hover{background-color:#d97e26!important;border:none!important;color:#fff!important;color:var(--colorWhite)!important}.colored-action-button-2.grey{border:1px solid #424f62!important;color:#424f62!important}.colored-action-button-2.grey.active,.colored-action-button-2.grey:hover{background-color:#424f62!important;border:none!important;color:#fff!important;color:var(--colorWhite)!important}.inputType1{background:#fff;border-width:1px;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000000a;color:var(--text-color);font-size:.875rem;padding:8px 15px;transition:all .3s ease;width:150px}select.selectType1{background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 0 5 6 5-6z' fill='%23678'/%3E%3C/svg%3E") no-repeat right .5rem center;background-color:#fff;background-size:.65rem;border:1px solid #e2e8f0;border-radius:8px;padding:1rem 1.5rem 1rem 1rem}select.selectType1,select.selectType2{appearance:none;-webkit-appearance:none;-moz-appearance:none;color:#596980;font-size:.825rem;outline:none}select.selectType2{background:linear-gradient(270deg,#fff 1.25rem,#0000 0) 100% /2rem 100% no-repeat,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23596A80' stroke-width='2' d='m5 7 5 5 5-5'/%3E%3C/svg%3E") no-repeat right .875rem center;background-color:#fff;background-size:1rem auto,1rem;border:1px solid #d0d5dd;border-radius:8px;padding:10px 36px 10px 14px}select.selectType2:disabled{background-color:#d0d5dd80}select.selectType3{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23333' stroke-width='2' d='m5 7 5 5 5-5'/%3E%3C/svg%3E") no-repeat right .875rem center;background-color:#fff;background-size:1rem;border:1px solid #d0d5dd;border-radius:8px;color:#1e293b;line-height:1.25rem;outline:none;padding:8px 14px}select.selectType3:disabled{background-color:#d0d5dd80}.textfieldType1{background-color:#fff;border:1px solid #d0d5dd;border-radius:8px;color:#1e293b;font-size:.825rem;line-height:1.25rem;outline:none;padding:7px 14px;resize:none}.textfieldType1::-ms-reveal{display:none}.textfieldType1:disabled{background-color:#d0d5dd80}.textfieldType1::placeholder{color:#b9b9b9}.label-text-3{color:#475467;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;margin:0}.label-text-4{color:#475467;font-size:.825rem;font-weight:400}.background-lite-black{background:#0003!important}.background-white{background:#fff!important}.background-primary{background:#5038ed!important;background:var(--primaryColor1)!important}.background-transparent-white{background-color:#ffffff1a!important}.background-grey-1{background-color:#f7f9fc!important;background-color:var(--colorGrey1)!important}.background-grey-2{background-color:#f8fafc!important}.background-grey-3{background-color:#424f6212!important}.background-grey-4{background-color:#fcfbff!important}.background-grey-5{background-color:#e6e9ed!important}.background-grey-6{background-color:#f5f8fa!important}.background-grey-7{background-color:#f2f4f7!important}.background-grey-8{background-color:#fdfdfd!important}.background-grey-9{background-color:#f6f9fc!important}.background-transparent{background:#0000!important}.background-blue{background:#0badce!important}.background-light-blue{background:#edf5ff!important}.background-light-blue-2{background:#e7f3ff!important}.background-light-red{background:#ffeff0!important}.background-yellow{background:#d97e26!important}.background-light-yellow{background:#fffae8!important}.background-green{background:#1e956c!important}.background-red{background:#dd1b3f!important}.background-light-green{background:#e9fdf3!important}.background-modal-header{background:linear-gradient(103.64deg,#654ea3 14.18%,#eaafc8 99.93%)!important}.background-black{background:#1e293b!important}.color-white{color:var(--colorWhite)!important}.title-text-1{color:#101828;font-size:1.25rem;font-weight:500;line-height:1.5rem;margin:0}.title-text-2{color:#475467;font-size:1.125rem;font-weight:700;margin:0;text-transform:capitalize}.title-text-3{font-family:Inter,sans-serif;font-size:1.125rem;font-style:Medium;font-weight:500}.title-text-3 span{color:#5038ed}.title-text-4{color:#1e293b;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;margin:0}.title-text-4 span{color:#424f62;font-size:.875rem;font-style:bold;font-style:medium;font-weight:500}.title-text-5{font-size:1rem;font-weight:500}.title-text-5,.title-text-6{color:#1e293b;font-family:Inter,sans-serif;line-height:1.125rem;margin:0}.title-text-6{font-size:.875rem;font-weight:600}.title-text-7{color:#1e293b;font-weight:700}.title-text-7,.title-text-8{font-family:Inter,sans-serif;font-size:.875rem;margin:0}.title-text-8{color:#424f62;font-weight:500}.title-text-8 span{font-weight:700}.title-text-9{color:#1e293b;font-size:1.125rem;font-weight:700}.title-text-10,.title-text-9{font-family:Inter,sans-serif;margin:0}.title-text-10{color:#101828;font-size:.875rem;font-weight:500;line-height:1.125rem}.title-text-11{color:#242424;font-family:Inter,sans-serif;font-size:1.75rem;font-weight:700;margin:0}.modal-title-text{color:#fff!important;font-family:Inter,sans-serif!important;font-size:1.125rem!important;font-weight:600!important;line-height:1.375rem!important;margin:0!important}.rounded-text-1{align-items:center;background:#424f62;border-radius:50%;color:#fff;color:var(--colorWhite);display:inline-flex;font-size:.825rem;height:24px;justify-content:center;line-height:1.125rem;width:24px}.para-text-1,.rounded-text-1{font-family:Inter,sans-serif;margin:0}.para-text-1{color:#424f62;font-size:.75rem;font-weight:500;line-height:1.375rem}.info-text-1{color:#475467;font-family:Inter,sans-serif;font-size:.875rem;line-height:1.25rem;margin:0}.info-text-2{background:#fff;background:var(--colorWhite);border:1px solid #d0d5dd;border-radius:8px;box-shadow:0 1px 2px 0 #1018280d;color:#596980;font-size:.825rem;font-weight:500;line-height:1.25rem;margin:0;padding:10px 14px}.icon-info-text{align-items:center;border:1px solid #e2e8f0;border-radius:8px;color:#475467;display:flex;font-size:.75rem;font-weight:500;margin:0;padding:4px 8px}.info-text-3{background:#e9ffef;border-radius:54px;color:#1e956c;text-transform:uppercase}.info-text-3,.info-text-4{font-size:.75rem;font-weight:500;margin:0;padding:4px 8px}.info-text-4{background:#5038ed0f;border:1px solid #5038ed;border-radius:54px;color:#5038ed;font-family:Inter,sans-serif;text-transform:capitalize}.info-text-5{color:#5038ed;padding:4px 8px;text-transform:capitalize}.info-text-5,.info-text-6{border:none;font-size:.75rem;font-weight:500;margin:0}.info-text-6{text-transform:uppercase}.info-text-6,.info-text-7{color:#fff;color:var(--colorWhite);font-family:Inter,sans-serif}.info-text-7{border:none;font-size:1rem;font-weight:400;margin:0;text-transform:capitalize}.info-text-8{color:#59698080;font-size:.875rem;font-weight:400;line-height:1.25rem;margin:0}.info-text-8,.info-text-9{font-family:Inter,sans-serif}.info-text-9{color:#98a2b3;font-size:.75rem;font-weight:500}.hr-style-1{background:#eaecf0;border:none;box-shadow:none;height:1px}span.verticalDividerSpan{background-color:#d0d5dd;display:inline-block;height:24px;margin:0 10px;width:1px}.card-heading-1{color:#1e293b}.card-heading-1,.card-stat-text-1{font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.375;margin:0;text-transform:uppercase}.card-stat-text-1{color:#5038ed;font-style:Semi Bold}.no-shadow{box-shadow:none!important}.box-shadow-1{box-shadow:0 4px 16px 0 #00000040!important}.fw-300{font-weight:300!important}.fw-400{font-weight:400!important}.fw-500{font-weight:500!important}.fw-600{font-weight:600!important}.fw-700{font-weight:700!important}.fs-12{font-size:.75rem!important}.fs-14{font-size:.825rem!important}.fs-16{font-size:1rem!important}.fs-18{font-size:1.125rem!important}.fs-24{font-size:1.5rem!important}.fs-36{font-size:2.25rem!important}.cursor-pointer{cursor:pointer!important}.break-spaces{white-space:break-spaces!important}.break-words{word-break:break-all!important}.custom-badge{align-items:center;border-radius:54px;display:flex;font-family:Inter,sans-serif;font-size:.75rem;gap:5px;padding:4px 8px}.custom-badge span{border-radius:50%;height:7px;width:7px}.custom-badge.orange{background-color:#fef4e6;color:#eb9319}.custom-badge.orange span{background-color:#eb9319}#logoAvatarContainer:before{background:linear-gradient(100deg,#9181f4 -5.85%,#5038ed 109.55%);background:var(--Primary-Color,linear-gradient(100deg,#9181f4 -5.85%,#5038ed 109.55%));border-radius:360px;bottom:-200px;content:" ";display:block;filter:blur(78px);height:360px;left:-100px;opacity:.3;position:absolute;width:360px}.color-black{color:#000!important}.color-orange{color:#eb9319!important}.color-blue{color:#5038ed!important}.color-indigo{color:#5856d6!important}.color-light-blue-1{color:#007bff!important}.color-white{color:#fff!important}.color-yellow{color:#d97e26!important}.color-primary{color:#1e293b!important}.black-variant-1{color:#424f62!important}:root{--ma-bg-gradient:linear-gradient(135deg,#f0f4f8,#e2e8f0);--ma-surface:#fff;--ma-surface-alt:#f8fafc;--ma-border:#e2e8f0;--ma-border-alt:#cbd5e1;--ma-text:#1e293b;--ma-text-strong:#0f172a;--ma-text-subtle:#475569;--ma-primary:#0562a3;--ma-primary-accent:#1e40af;--ma-primary-gradient:linear-gradient(135deg,var(--ma-primary) 0%,var(--ma-primary-accent) 100%);--ma-primary-gradient-soft:linear-gradient(135deg,#f1f5f9,#eef2f7);--ma-primary-soft:#0562a314;--ma-primary-soft-hover:#0562a329;--ma-danger:#dc2626;--ma-danger-bg:#fee2e2;--ma-warn:#d97706;--ma-success:#059669;--ma-radius-sm:8px;--ma-radius-md:12px;--ma-radius-lg:16px;--ma-radius-xl:22px;--ma-shadow-card:0 10px 32px -8px #0562a340,0 4px 12px #0000000d;--ma-shadow-btn:0 4px 14px -4px #0562a373;--ma-shadow-btn-hover:0 8px 22px -6px #0562a380;--ma-shadow-toast:0 10px 28px -6px #0562a38c,0 4px 10px #00000026}body.dark-theme-active{--ma-bg-gradient:linear-gradient(135deg,#0f172a,#1e293b);--ma-surface:#1e293b;--ma-surface-alt:#24324a;--ma-text:#f1f5f9;--ma-text-subtle:#cbd5e1;--ma-border:#334155;--ma-border-alt:#475569;--ma-shadow-card:0 14px 36px -10px #0000008c}
/*# sourceMappingURL=main.3f6244ba.css.map*/