@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-hex-default-1:#515151;--color-hex-default-2:#fff;--color-hex-line:var(--main-common-color)}.dark-mode{--color-hex-default-1:#d9d9d9;--color-hex-default-2:var(--main-common-color);--color-hex-line:#fff}.theme-standardBank{--color-hex-line:var(--main-common-color)}.dark-mode.theme-standardBank{--color-hex-line:#fff}.auth-card{background:var(--gradient-dark-gray);border-radius:12px;box-shadow:6px 6px 10px 1px var(--color-medium-purple);height:90%;max-width:370px;min-height:500px;padding:2rem;width:100%}@media screen and (max-width:768px){.auth-card{margin:1rem auto;min-height:250px;padding:1.5rem}}@media screen and (max-width:480px){.auth-card{margin:.5rem;padding:1rem}}.card{background:var(--gradient1);border-radius:40px;box-shadow:4px 4px 6px #0006;margin-top:1rem;padding:.2rem;transition:all .3s cubic-bezier(.25,.8,.25,1)}.card.elevated{box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014}.dashboard-grid{--grid-padding:clamp(0.75rem,2vw,2rem);--grid-gap:clamp(0.75rem,1.5vw,2rem);grid-gap:var(--grid-gap);box-sizing:border-box;display:grid;gap:var(--grid-gap);grid-template-columns:repeat(12,1fr);min-width:0;padding:var(--grid-padding);width:100%}.dashboard-col-full{grid-column:1/-1}.dashboard-col-10{grid-column:span 10}.dashboard-col-9{grid-column:span 9}.dashboard-col-8{grid-column:span 8}.dashboard-col-7{grid-column:span 7}.dashboard-col-6{grid-column:span 6}.dashboard-col-5{grid-column:span 5}.dashboard-col-4{grid-column:span 4}.dashboard-col-3{grid-column:span 3}.dashboard-col-2{grid-column:span 2}.graph-card{--card-padding:clamp(0.75rem,2vw,2rem);border-radius:.75em;box-shadow:0 .25em .375em #0000004d;box-sizing:border-box;display:flex;flex-direction:column;min-height:100%;min-width:0;padding:var(--card-padding);transition:transform .3s ease,box-shadow .3s ease,background .3s ease;width:100%}.graph-card-content{height:100%;min-width:0;width:100%}.graph-card-no-hover{--card-padding:clamp(0.75rem,2vw,2rem);background-color:var(--color-card);border-radius:.75em;box-shadow:0 .25em .375em #0000004d;box-sizing:border-box;overflow:visible;padding:var(--card-padding);width:100%}.graph-card-no-hover,.graph-card-transparent{display:flex;flex-direction:column;min-height:100%}.graph-card-transparent{background:#0000;gap:1em}@media screen and (min-width:90em){.dashboard-grid{font-size:1.1rem}}@media screen and (max-width:75em){.dashboard-col-2,.dashboard-col-3,.dashboard-col-4,.dashboard-col-5,.dashboard-col-6,.dashboard-col-7,.dashboard-col-8{grid-column:1/-1}.graph-card,.graph-card-no-hover,.graph-card-transparent{margin-bottom:1em}}@media screen and (max-width:48em){.dashboard-grid{grid-template-columns:repeat(8,1fr)}.dashboard-col-4,.dashboard-col-7,[class*=dashboard-col]{grid-column:1/-1}}@media screen and (max-width:30em){.dashboard-grid{grid-template-columns:repeat(4,1fr)}}.view-logs-grid{--grid-padding:clamp(0.76rem,2vw,0.9rem);--grid-gap:clamp(0.75rem,1.5vw,2rem);grid-gap:var(--grid-gap);box-sizing:border-box;display:grid;gap:var(--grid-gap);grid-template-columns:repeat(12,1fr);min-width:0;padding:var(--grid-padding);width:100%}.view-logs-col-full{grid-column:1/-1}.view-logs-col-10{grid-column:span 10}.view-logs-col-9{grid-column:span 9}.view-logs-col-8{grid-column:span 8}.view-logs-col-7{grid-column:span 7}.view-logs-col-6{grid-column:span 6}.view-logs-col-5{grid-column:span 5}.view-logs-col-4{grid-column:span 4}.view-logs-col-3{grid-column:span 3}.view-logs-col-2{grid-column:span 2}.view-logs-card-content,.view-logs-card-content-log-files{height:100%;min-width:0;width:100%}.view-logs-card-content{-ms-overflow-style:none;max-height:400px;overflow-y:scroll;scrollbar-width:none}.view-logs-card-content::-webkit-scrollbar{display:none}.view-logs-card-no-hover-log-files{min-height:100%;overflow:visible}.view-logs-card-no-hover,.view-logs-card-no-hover-log-files{--card-padding:clamp(0.2rem,2vw,0.9rem);background-color:var(--color-card);border-radius:.72em;box-shadow:0 .25em .375em #0000004d;box-sizing:border-box;display:flex;flex-direction:column;padding:var(--card-padding);width:100%}.view-logs-card-no-hover{height:400px;max-height:400px;overflow:hidden}@media screen and (min-width:90em){.view-logs-grid{font-size:1.1rem}}@media screen and (max-width:75em){.view-logs-col-2,.view-logs-col-3,.view-logs-col-4,.view-logs-col-5,.view-logs-col-6,.view-logs-col-7,.view-logs-col-8{grid-column:1/-1}.view-logs-card,.view-logs-card-no-hover,.view-logs-card-transparent{margin-bottom:1em}}@media screen and (max-width:48em){.view-logs-grid{grid-template-columns:repeat(8,1fr)}.view-logs-col-4,.view-logs-col-7,[class*=view-logs-col]{grid-column:1/-1}}@media screen and (max-width:30em){.view-logs-grid{grid-template-columns:repeat(4,1fr)}}.carousel-container{height:3rem;overflow:hidden;position:relative}.carousel-word{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#47025d,#bf14cc);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;letter-spacing:.025em;line-height:1.2;position:absolute;transition:all .5s ease;width:100%}.carousel-word.visible{opacity:1;transform:translateY(0)}.carousel-word.hidden{opacity:0;transform:translateY(-100%)}.invite-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.invite-modal-content{animation:popup-fade-in .3s ease-out;background:var(--gradient-light-gray);border-radius:10px;max-width:500px;padding:2rem;position:relative;width:90%}.invite-modal-title{margin:0;padding-bottom:.5rem;text-align:center}.invite-modal-purple-line{background-color:var(--main-common-color);height:2px;margin:.5rem 0 1.5rem}.invite-modal-input-row{display:flex;gap:1rem;margin-bottom:1rem}.invite-modal-input-group{display:flex;flex:1 1;flex-direction:column;gap:.5rem;margin-bottom:1rem}.invite-modal-input-group input{background-color:grey;background-color:var(--color-input-bg,grey);border:none;border-radius:5px;box-shadow:inset 2px 2px 4px #0006;color:#cdcdcd;padding:.75rem}.invite-modal-input-group input::placeholder{color:var(--color-text-secondary)}.invite-modal-dropdown{background-color:grey;border-radius:5px;box-shadow:inset 2px 2px 4px #0006;color:#cdcdcd;padding:.62rem}@media (max-width:480px){.invite-modal-input-row{flex-direction:column;gap:0}.invite-modal-content{padding:1.5rem}}.approval-modal-description-input:focus{border-color:var(--main-common-color)}.approval-modal-overlay{align-items:center;animation:approval-overlay-fade-in .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.approval-modal-container{animation:approval-popup-slide-in .3s ease-out;background-color:#fff;background-color:var(--color-light-gray,#fff);border-radius:8px;box-shadow:0 4px 24px #00000026;max-width:480px;transform-origin:center;width:90%}.approval-modal-header{align-items:center;display:flex;justify-content:space-between;padding:24px 24px 10px}.approval-modal-header h2{border-bottom:3px solid var( --main-common-color);color:#1a1a1a;font-size:20px;font-weight:600;margin:0;padding-bottom:10px;width:100%}.approval-modal-close-button{background:none;border:none;color:#666;cursor:pointer;font-size:24px;position:absolute;right:16px;top:16px;transition:color .2s}.approval-modal-close-button:hover{color:#000}.approval-modal-content{flex-grow:1;overflow-y:auto;padding:0 24px 16px}.approval-modal-test-case{border-bottom:1px solid #eee;color:#4a4a4a;font-size:16px;margin-bottom:16px;padding-bottom:16px}.approval-modal-search{margin-bottom:16px}.approval-modal-search-input{background-color:initial;border:1px solid #a0a0a0;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s;width:95%}.approval-modal-search-input:focus{border-color:var( --main-common-color);box-shadow:0 0 0 2px #6366f133;outline:none}.approval-modal-selected-users{margin-bottom:20px}.approval-modal-selected-users h3{color:#1a1a1a;font-size:16px;font-weight:500;margin-bottom:8px}.approval-modal-selected-list{display:flex;flex-wrap:wrap;gap:8px}.approval-modal-selected-user{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px;display:flex;font-size:14px;padding:6px 12px}.approval-modal-remove-user{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin-left:8px}.approval-modal-remove-user:hover{color:#dc2626}.approval-modal-user-list h3{color:#1a1a1a;font-size:16px;font-weight:500;margin-bottom:8px}.approval-modal-users{border:1px solid #a0a0a0;border-radius:6px;margin-bottom:24px;max-height:200px;overflow-y:auto}.approval-modal-user-item{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:background-color .2s}.approval-modal-user-item:last-child{border-bottom:none}.approval-modal-user-item:hover{background-color:#f5f5f5}.approval-modal-user-item.selected{background-color:#f0f9ff;border-left:3px solid var( --main-common-color)}.approval-modal-user-info{display:flex;flex-direction:column}.approval-modal-user-name{color:#2a2a2a;font-size:14px;font-weight:500;margin-bottom:2px}.approval-modal-user-email{color:#666;font-size:11px}.approval-modal-user-department{background-color:#eee;border-radius:12px;color:#666;font-size:12px;padding:4px 8px}.approval-modal-no-results{color:#666;font-style:italic;padding:16px;text-align:center}.approval-modal-footer{border-top:3px solid var( --main-common-color);display:flex;gap:12px;justify-content:flex-end;margin:0 24px;padding:24px}.approval-modal-buttons-container{display:flex;gap:12px;justify-content:flex-end;margin-left:auto;width:65%}.approval-modal-cancel{background:var(--color-primary-text-reverse);border:none;border-radius:30px;color:var(--color-primary-text);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.approval-modal-cancel:hover{background-color:#ebebeb}.approval-modal-submit{background-color:var( --main-common-color);border:1px solid var( --main-common-color);border-radius:6px;color:var(--color-white);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.approval-modal-submit:hover{background-color:#6366f1cc}.approval-modal-submit:disabled{background-color:#c7d2fe;border-color:#c7d2fe;cursor:not-allowed}.approval-modal-users::-webkit-scrollbar{width:8px}.approval-modal-users::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.approval-modal-users::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.approval-modal-users::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:768px){.approval-modal-container{width:95%}.approval-modal-users{max-height:160px}.approval-modal-buttons-container{width:100%}}@media (prefers-color-scheme:dark){.approval-modal-container{background:#1a1a1a}.approval-modal-header h2{color:#fff}.approval-modal-test-case{color:#b0b0b0}.approval-modal-search-input{color:#e0e0e0}.approval-modal-search-input,.approval-modal-selected-user{background-color:#2a2a2a;border-color:#404040}.approval-modal-user-item:hover{background-color:#2a2a2a}.approval-modal-user-item.selected{background-color:#27272a}.approval-modal-user-name{color:#e0e0e0}.approval-modal-users{background-color:#1a1a1a;border-color:#404040}.approval-modal-cancel{background:#2a2a2a;border-color:#404040;color:#e0e0e0}.approval-modal-cancel:hover{background:#333}}.approval-modal-description{margin-bottom:16px}.approval-modal-description h3{color:#1a1a1a;font-size:16px;font-weight:500;margin-bottom:8px}.approval-modal-description-input{background-color:initial;border:1px solid #a0a0a0;border-radius:6px;font-family:inherit;font-size:13px;min-height:60px;padding:10px;resize:vertical;transition:border-color .2s;width:95%}.approval-modal-description-input:focus{border-color:#6366f1;border-color:var(--main-common-color,#6366f1);box-shadow:0 0 0 2px #6366f133;outline:none}.execution-filters{align-items:center;display:flex;gap:1rem;padding-bottom:1rem}.execution-filter-dropdown{position:relative}.execution-dropdown-button{align-items:center;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:.5rem 1rem;width:10rem}.execution-dropdown-button,.execution-dropdown-button:hover{background-color:var(--main-common-color)}.execution-chevron{height:1rem;transition:transform .2s;width:1rem}.execution-chevron.execution-rotate{transform:rotate(180deg)}.execution-dropdown-menu{background-color:var(--color-primary-text-reverse);border-radius:.5rem;box-shadow:0 2px 10px #0000001a;left:0;margin-top:.5rem;position:absolute;top:100%;width:12rem;z-index:10}.execution-dropdown-item{background:none;border:none;color:var(--color-primary-text);cursor:pointer;padding:.5rem 1rem;text-align:right;width:100%}.execution-dropdown-item:hover{background-color:#f3e5f5}.execution-search-wrapper{align-items:center;background-color:var(--main-common-color);border-radius:.9rem;display:flex;flex:1 1;height:1.6rem;padding:.25rem;position:relative}.execution-search-input{background-color:#fff3;border:none;border-radius:1.5rem;color:var(--color-primary-text-reverse);height:.4rem;margin-bottom:.2rem;margin-left:.4rem;margin-top:.2rem;padding:.5rem 1rem .5rem 3rem;width:50%}.execution-search-input::placeholder{align-self:center;color:var(--color-primary-text-reverse);opacity:.6}.execution-search-icon{color:var(--color-primary-text-reverse);height:1.25rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:1.25rem}.execution-date-range{align-items:center;background-color:var(--main-common-color);border-radius:.5rem;display:flex;gap:.5rem;padding:.25rem 1rem}.execution-date-input-wrapper{align-items:center;display:flex;position:relative}.execution-date-icon{color:var(--color-primary-text-reverse);height:1rem;left:.5rem;position:absolute;width:1rem}.execution-date-input{background-color:#fff3;border:none;border-radius:.25rem;color:var(--color-primary-text-reverse);font-size:.875rem;height:1.6rem;padding:.25rem .5rem .25rem 2rem;width:8rem}.execution-date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1);opacity:.6}.execution-date-separator{color:var(--color-primary-text-reverse);font-size:.875rem;opacity:.8}.execution-selected-values{display:flex;flex:1 1;overflow:hidden}.execution-filter-tags{display:flex;flex-wrap:wrap;gap:.25rem;max-width:100%}.execution-filter-tag{align-items:center;background-color:#fff3;border-radius:.25rem;display:flex;font-size:.75rem;gap:.25rem;padding:.125rem .5rem}.execution-tag-remove{align-items:center;background:none;border:none;color:var(--color-primary-text-reverse);cursor:pointer;display:flex;justify-content:center;opacity:.8;padding:.125rem}.execution-tag-remove:hover{opacity:1}.execution-dropdown-item{align-items:center;display:flex;justify-content:space-between}.execution-dropdown-item-selected{background-color:#f3e5f580}.execution-item-check{color:var(--main-common-color);font-size:.875rem}.execution-date-clear{align-items:center;background:none;border:none;color:var(--color-primary-text-reverse);cursor:pointer;display:flex;justify-content:center;opacity:.8;padding:.25rem}.execution-date-clear:hover{opacity:1}.execution-date-input::placeholder{color:var(--color-primary-text-reverse);opacity:.6}.purple-button{align-items:center;background:var(--gradient-buttons-color);border:.125rem solid #fff;border-radius:2.5rem;box-shadow:0 .25rem .375rem #0000001a;color:var(--color-white);cursor:pointer;display:flex;font-size:max(.875rem,min(1.5vw,1rem));gap:.5rem;justify-content:center;margin:1rem auto;overflow:hidden;padding:max(.5rem,min(2vw,.7rem)) max(1rem,min(3vw,2rem));position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:min(100%,30rem)}.purple-button.no-gradient{background:var(--main-common-color);border:none;box-shadow:.1em .2rem .2rem #0006;height:35px;width:min(100%,9rem)}.purple-button .has-icon{grid-gap:max(.25rem,min(1vw,.5rem));display:grid;gap:max(.25rem,min(1vw,.5rem));grid-template-columns:max(1.25rem,min(2vw,1.5rem)) 1fr;padding-left:max(.75rem,min(2vw,1rem))}.purple-button:hover{background:var(--main-common-color);box-shadow:0 .375rem .5rem #00000026;transform:translateY(-.125rem) scale(1.01)}.purple-button:active{box-shadow:0 .125rem .25rem #0000001a;transform:translateY(0) scale(.99)}.transparent-button{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000;border:.125rem solid var(--color-white);border-radius:max(1rem,min(2vw,1.5625rem));color:var(--color-white);cursor:pointer;display:flex;font-size:max(.75rem,min(1.25vw,.875rem));justify-content:center;margin:1rem auto;padding:max(.5rem,min(2vw,.75rem)) max(1.5rem,min(4vw,3rem));text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:min(100%,30rem)}.transparent-button:hover{background:#ffffff1a;box-shadow:0 .25rem .375rem #00000026;transform:translateY(-.125rem) scale(1.01)}.transparent-button:active{box-shadow:none;transform:translateY(0) scale(.99)}.otp-hyperlink{color:var(--color-white);display:inline-block;font-size:max(.875rem,min(1.5vw,1rem));position:relative;text-decoration:none;transition:color .3s ease}.otp-hyperlink:after{background-color:#9370db;bottom:-2px;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease;width:100%}.otp-hyperlink:hover{color:#9370db}.otp-hyperlink:hover:after{transform:scaleX(1)}.collapse{align-self:start;background:#0000;margin-bottom:-15%;padding:.5rem;position:relative;transition:transform .3s ease}.collapse.collapsed{align-self:center}.collapse svg{height:clamp(24px,3vw,30px);transition:transform .3s ease;width:clamp(24px,3vw,30px)}.collapse:hover svg{transform:scale(1.1)}.project-button{align-items:center;background:var(--gradient-buttons-color);border:.13rem solid var(--color-white);border-radius:3rem;box-shadow:0 .25rem .375rem #0000001a;color:var(--color-white);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);gap:.5rem;height:90%;justify-content:center;margin:1rem auto;min-width:-webkit-max-content;min-width:max-content;overflow:hidden;padding:clamp(.5rem,1vh,.75rem) clamp(1rem,2vw,2rem);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:auto}@media screen and (max-width:768px){.purple-button,.transparent-button{margin:.75rem auto;width:min(100%,25rem)}.collapse{padding:.375rem}}@media screen and (max-width:480px){.purple-button.has-icon{gap:.375rem;grid-template-columns:max(1.25rem,min(1.5vw,1.5rem)) 1fr}.purple-button,.transparent-button{font-size:.875rem;padding:.5rem 1rem}}.back-button{background:#0000;border:none;cursor:pointer;min-height:60px;min-width:60px;padding:8px}.back-button,.back-button-container{align-items:center;display:flex;justify-content:center;position:relative;transition:transform .3s ease}.back-button-container{color:#0000;height:100%;width:100%}.back-button:hover .back-button-container{transform:scale(1.1)}.back-button-svg{color:var(--mock-data-circular-wrapper-outer1);transition:transform .3s ease}.back-button-hexagon{transition:stroke .3s ease}.back-button:hover .back-button-hexagon{stroke:var(--mock-data-circular-wrapper-outer1)}.back-button-arrow{transform-origin:center;transition:transform .3s ease,fill .3s ease}.back-button:hover .back-button-arrow{fill:#f2f2f2;transform:translateX(-2px)}.back-button:focus{border-radius:8px;box-shadow:0 0 0 2px #bf14cc4d;outline:none}.back-button:active .back-button-container{transform:scale(.95)}.secondary-Button{background:var(--color-medium-purple);border:none}.secondary-Button:hover{background:var(--colour-darkish-purple)}.auth-back-button-svg{color:var(--auth-back-button);transition:transform .3s ease}.auth-back-button:hover .auth-back-button-hexagon{stroke:var(--auth-back-button)}.auth-custom-input{background-color:#626466;border:2px solid #323232;border-radius:25px;box-shadow:inset 0 2px 4px #00000040;color:var(--color-white);font-size:14px;outline:none;padding:8px 10px;width:95%}.auth-custom-input:focus{border:2px solid #8702b2;box-shadow:inset 0 2px 4px #00000040}.otp-custom-input{background-color:#626466;border:2px solid #323232;border-radius:10px;box-shadow:inset 0 2px 4px #00000040;color:var(--color-white);font-size:14px;outline:none;padding:8px 10px;width:95%}.otp-custom-input:focus{border:2px solid #8702b2;box-shadow:inset 0 2px 4px #00000040}.legend-pill{border:2px solid var(--color-white);border-radius:12px;box-shadow:inset 0 2px 4px #0006;height:24px;position:relative;width:48px}.legend-pill.legend-purple{background-color:var(--main-common-color);grid-area:pill1}.legend-pill.legend-gray{background-color:var(--color-white);grid-area:pill2}.legend-pill.legend-black{background-color:#393a3a;grid-area:pill3}.legend-pill.legend-pink{background-color:var(--colour-lightish-purple);grid-area:pill4}.dropdown-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.dropdown-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;margin:-10%;min-width:clamp(150px,30vw,200px);padding:.5rem 1rem;text-align:center;width:auto}.dropdown-icon{border-left:8px solid #0000;border-right:8px solid #0000;border-top:10px solid var(--main-common-color-to-lighter);height:0;width:0}.dropdown-icon,.dropdown-icon.open{transition-duration:.5s}.dropdown-menu{--min-width:300px;--max-width:350px;--optimal-width:90vw;background-color:var(--color-white);border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:50%;margin-top:clamp(1.5rem,4vh,2.5rem);position:absolute;top:100%;transform:translateX(-50%);width:clamp(var(--min-width),var(--optimal-width),var(--max-width));z-index:9999}.dropdown-menu-content{padding:clamp(.375rem,1vh,.5rem) 0}.dropdown-item{color:#374151;font-size:clamp(1rem,1.5vw,1.25rem);padding:clamp(.5rem,1.5vh,.75rem) clamp(.75rem,2vw,1rem)}.dropdown-item:hover{background-color:#f3f4f6}@media (hover:none){.dropdown-item{padding:clamp(.75rem,2vh,1rem) clamp(1rem,2.5vw,1.25rem)}}.profile-dropdown{background-color:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-top:8px;width:220px;z-index:1000}.profile-dropdown-header{border-bottom:1px solid var(--color-border);padding:12px 14px}.profile-dropdown-header .user-name{color:var(--color-primary-text);margin:0 0 4px}.profile-dropdown-header .user-email{color:var(--color-secondary-text);font-size:12px}.profile-dropdown-items{padding:8px 0}.dropdown-item:hover{background-color:#e5e7eb}.logout-item{border-top:3px solid var(--main-common-color);color:purple;font-size:14px;margin-bottom:-4px}.dropdown-item svg{color:var(--color-secondary-text);margin-right:8px}.logout-item,.logout-item svg{color:var(--color-danger)}.dark-mode .profile-dropdown{box-shadow:0 2px 10px #0000004d}:root{--header-height:16.5em;--scrollbar-width:0.375em;--scrollbar-height:14.175em}.base-table-container{background:var(--gradient-light-gray-base-table);border-radius:.5em;box-shadow:0 .125em .25em #0000004d;container-name:table-container;container-type:inline-size;padding:1%;position:relative}.base-table-header{background-color:var(--main-common-color);border-radius:1em;color:var(--color-white);display:grid;font-weight:500;grid-template-columns:.5fr 1fr 1fr 1fr .5fr .5fr;margin-bottom:.1em;padding:.75em 2em}.base-table-header span{display:inline-block;text-align:left}.base-table-content{height:16.5em;height:var(--header-height);overflow-y:scroll;padding:1em 2em 1em 1em;scroll-behavior:smooth}.base-table-content::-webkit-scrollbar{background:#0000;width:0}.base-table-content{-ms-overflow-style:none;scrollbar-width:none}.base-custom-scrollbar{background-color:var(--color-search-bar);border-radius:.125em;height:16.5em;height:var(--header-height);margin-top:1.6%;position:absolute;right:1em;top:4em;width:.375em;width:var(--scrollbar-width)}.base-scrollbar-thumb{background-color:var(--scrollthumb-bar-color);border-radius:.125em;cursor:pointer;min-height:1.875em;position:absolute;touch-action:none;transition:background-color .2s;width:100%}.base-scrollbar-thumb:hover{background-color:var(--link-color)}@container table-container (inline-size < 41rem){.base-table-header{display:none}.action-link,.badge-container,.date-container,.info-container{justify-content:space-between;padding:.1rem 0}.custom-scrollbar{top:1em}.run-branch:before,.run-name:before,.run-schedule:before,.run-timestamps:before,.test-suite-actions:before,.test-suite-branch:before,.test-suite-status-container:before,.test-suite-update:before{color:#262527;content:attr(data-label);display:block;font-weight:600;margin-bottom:.5em}.action-link:before,.badge-container:before,.date-container:before{color:var(--color-primary-text);content:attr(data-label);flex:0 0 35%;font-weight:600;padding-right:2rem}}.status-badge-container{align-items:center;display:flex;justify-content:flex-start}.status-badge{background:var(--color-white);border-radius:17px;font-size:14px;font-weight:600;min-width:100px;padding:8px 28px;text-align:center}.status-badge:hover{filter:brightness(.95)}@media (max-width:768px){.status-badge{font-size:12px;min-width:80px;padding:6px 20px}}.search-filter-search-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:1%;width:98%}.search-filter-search-wrapper{flex:1 1}.search-filter-search-input{background-color:var(--color-search-bar);border:none;border-radius:.7rem;box-shadow:inset 2px 2px 4px #0003;color:var(--color-primary-text);padding:.75rem;width:100%}.search-filter-search-input:focus{outline:none}.search-filter-search-icon{align-items:center;display:flex;gap:1rem}.delete-overlay{align-items:center;animation:delete-overlay-fade-in .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.delete-popup{animation:delete-popup-slide-in .3s ease-out;background-color:var(--background-color);border-radius:8px;box-shadow:0 4px 24px #00000026;max-width:480px;transform-origin:center;width:90%}.delete-popup-content{display:flex;flex-direction:column;padding:24px}.delete-popup-title{border-bottom:3px solid var(--color-bright-purple);color:#1a1a1a;font-size:20px;font-weight:600;padding-bottom:10px}.delete-buttons-container{display:flex;gap:12px;justify-content:flex-end;margin-left:auto;width:40%}.delete-popup-message{color:#4a4a4a;margin-bottom:12px}.delete-popup-schedule{background-color:initial;border:1px solid #a0a0a0;border-radius:6px;color:#2a2a2a;font-family:Courier New,monospace;font-size:14px;margin:12px 0;padding:12px}.delete-popup-warning{border-bottom:3px solid var(--color-bright-purple);color:#666;font-size:14px;padding-bottom:30px}.delete-popup-actions{display:flex;gap:12px;justify-content:flex-end}.delete-popup-cancel,.delete-popup-confirm{border-radius:6px;font-weight:500;padding:8px 16px;transition:all .2s ease}.delete-popup-cancel{background:#f5f5f5;border:1px solid #ddd;color:#666}.delete-popup-cancel:hover{background:#ebebeb}.delete-popup-confirm{background:#dc2626;border:1px solid #dc2626;color:#fff}.delete-popup-confirm:hover{background:#b91c1c;border-color:#b91c1c}@media (prefers-color-scheme:dark){.delete-popup{background:#1a1a1a}.delete-popup-title{color:#fff}.delete-popup-message{color:#b0b0b0}.delete-popup-schedule{background-color:#2a2a2a;border-color:#404040;color:#e0e0e0}.delete-popup-warning{color:#999}.delete-popup-cancel{background:#2a2a2a;border-color:#404040;color:#e0e0e0}.delete-popup-cancel:hover{background:#333}}@keyframes delete-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes delete-popup-slide-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}:root{--table-padding:1em;--min-header-width:clamp(7em,15vw,1.1em)}.card-table-container{container-name:table-container;container-type:inline-size;position:relative}.card-table-header span{display:inline-block;text-align:left}.card-table-content{height:var(--header-height);overflow-y:scroll;padding-right:2.5em;scroll-behavior:smooth}.card-table-content::-webkit-scrollbar{background:#0000;width:0}.card-table-content{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar{background-color:var(--color-search-bar);height:var(--header-height);margin-top:0;right:1em;top:0;width:var(--scrollbar-width)}.custom-scrollbar,.scrollbar-thumb{border-radius:.125em;position:absolute}.scrollbar-thumb{background-color:var(--scrollthumb-bar-color);cursor:pointer;min-height:1.875em;touch-action:none;transition:background-color .2s;width:100%}.scrollbar-thumb:hover{background-color:var(--link-color)}@container table-container (inline-size < 41rem){.card-table-header{display:none}.action-link,.badge-container,.date-container,.info-container{justify-content:space-between;padding:.1rem 0}.custom-scrollbar{right:1em}.run-branch:before,.run-name:before,.run-schedule:before,.run-timestamps:before,.test-suite-actions:before,.test-suite-branch:before,.test-suite-status-container:before,.test-suite-update:before{color:#262527;content:attr(data-label);display:block;font-weight:600;margin-bottom:.5em}.action-link:before,.badge-container:before,.date-container:before{color:var(--color-primary-text);content:attr(data-label);flex:0 0 35%;font-weight:600;padding-right:2rem}}@keyframes toast-notification-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toast-notification-slide-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast-notification-wrapper{display:flex;flex-direction:column;gap:12px;max-width:380px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:1100}.toast-notification-item{align-items:flex-start;animation:toast-notification-slide-in .4s cubic-bezier(.4,0,.2,1) forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--card-background);border-left:4px solid var(--primary-color);border-radius:8px;display:flex;gap:12px;padding:16px;pointer-events:all;position:relative;transition:transform .2s ease,box-shadow .2s ease;z-index:1100}.toast-notification-item:hover{box-shadow:var(--intense-box-shadow);transform:translateY(-2px)}.toast-notification-item.exiting{animation:toast-notification-slide-out .3s cubic-bezier(.4,0,.2,1) forwards}.dark-mode .toast-notification-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast-notification-icon{color:var(--primary-color);flex-shrink:0;margin-top:2px}.toast-notification-content{flex:1 1;min-width:0}.toast-notification-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:var(--font-size-base);font-weight:600;line-height:1.4;margin:0 0 6px}.toast-notification-message{word-wrap:break-word;color:var(--text-secondary);line-height:1.5;margin:0 0 8px}.toast-notification-link,.toast-notification-message{font-family:Poppins,sans-serif;font-size:var(--font-size-sm)}.toast-notification-link{border-radius:4px;color:var(--primary-color);cursor:pointer;display:inline-block;font-weight:500;padding:2px 4px;text-decoration:none;transition:all .2s ease}.toast-notification-link:hover{background:var(--shadowLight);text-decoration:underline}.toast-notification-close-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:12px;transition:all .2s ease}.toast-notification-close-button:hover{background:var(--shadowLight);color:var(--text-primary)}.toast-notification-item.success{background:#f0fdf4;border-left-color:#16a34a}.toast-notification-item.success .toast-notification-icon,.toast-notification-item.success .toast-notification-link{color:#16a34a}.toast-notification-item.success .toast-notification-link:hover{background:#16a34a1a}.toast-notification-item.error,.toast-notification-item.failure{background:#fef2f2;border-left-color:#ef4444}.toast-notification-item.error .toast-notification-icon,.toast-notification-item.error .toast-notification-link,.toast-notification-item.failure .toast-notification-icon,.toast-notification-item.failure .toast-notification-link{color:#ef4444}.toast-notification-item.error .toast-notification-link:hover,.toast-notification-item.failure .toast-notification-link:hover{background:#ef44441a}.toast-notification-item.warning{background:#fffbeb;border-left-color:#f59e0b}.toast-notification-item.warning .toast-notification-icon,.toast-notification-item.warning .toast-notification-link{color:#f59e0b}.toast-notification-item.warning .toast-notification-link:hover{background:#f59e0b1a}.toast-notification-item.critical{background:#fef2f2;border-left-color:#dc2626;box-shadow:var(--neumorphic-shadow),0 0 0 1px #dc26261a}.toast-notification-item.critical .toast-notification-icon,.toast-notification-item.critical .toast-notification-link{color:#dc2626}.toast-notification-item.critical .toast-notification-link:hover{background:#dc26261a}.toast-notification-item.info{background:var(--card-background);border-left-color:var(--primary-color)}.toast-notification-item.info .toast-notification-icon,.toast-notification-item.info .toast-notification-link{color:var(--primary-color)}.toast-notification-item.info .toast-notification-link:hover{background:var(--shadowLight)}.dark-mode .toast-notification-item.success{background:#16a34a1a;border-left-color:#22c55e}.dark-mode .toast-notification-item.success .toast-notification-icon{color:#22c55e}.dark-mode .toast-notification-item.error,.dark-mode .toast-notification-item.failure{background:#ef44441a;border-left-color:#f87171}.dark-mode .toast-notification-item.error .toast-notification-icon,.dark-mode .toast-notification-item.failure .toast-notification-icon{color:#f87171}.dark-mode .toast-notification-item.warning{background:#f59e0b1a;border-left-color:#fbbf24}.dark-mode .toast-notification-item.warning .toast-notification-icon{color:#fbbf24}.dark-mode .toast-notification-item.critical{background:#dc262626;border-left-color:#f87171}.dark-mode .toast-notification-item.critical .toast-notification-icon{color:#f87171}@media (max-width:480px){.toast-notification-wrapper{left:16px;max-width:none;right:16px;top:16px}.toast-notification-item{border-radius:6px;padding:14px}.toast-notification-title{font-size:var(--font-size-sm)}.toast-notification-message{font-size:var(--font-size-xs)}}.progress-container{height:auto}.circles-wrapper,.progress-container{min-height:300px;position:relative;width:100%}.circles-wrapper{align-items:center;display:flex;height:100%;justify-content:center}.progress-circle{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.percentage-component{align-items:center;display:flex;justify-content:center;margin-left:1.5%;position:absolute;transition:width .3s ease,height .3s ease;z-index:999}.percentage-component img{height:130%;width:130%}.percentage-text{color:var(--color-medium-purple);font-weight:600;margin-left:-7%;position:absolute;transform:translateY(-4px)}.progress-container[data-items="4"]{min-height:300px}.progress-container[data-items="5"]{min-height:350px}.progress-container[data-items="6"]{min-height:400px}.progress-container[data-items="7"]{min-height:450px}.progress-container[data-items="8"]{min-height:500px}@media (max-width:490px){.progress-container[data-items="4"]{min-height:250px}.progress-container[data-items="5"]{min-height:300px}.progress-container[data-items="6"]{min-height:350px}.progress-container[data-items="7"]{min-height:400px}.progress-container[data-items="8"]{min-height:450px}.percentage-text{font-size:.9rem}}@media (min-width:491px) and (max-width:768px){.progress-container[data-items="4"]{min-height:280px}.progress-container[data-items="5"]{min-height:330px}.progress-container[data-items="6"]{min-height:380px}.progress-container[data-items="7"]{min-height:430px}.progress-container[data-items="8"]{min-height:480px}.percentage-text{font-size:1rem}}@media (min-width:768px) and (max-width:1024px){.percentage-text{font-size:1.1rem}}@media (min-width:1041px){.percentage-text{font-size:1.2rem}}:root{font-size:16px}.custom-widget{align-items:center;display:flex;flex-direction:column;font-size:clamp(.875rem,1vw + .75rem,1.125rem);height:8rem;justify-content:center;position:relative;transition:background-color .2s ease;width:100%}.widget-header{font-size:clamp(1rem,1.5vw + 1rem,1.5rem);font-weight:600;letter-spacing:-.01em;line-height:1.2;padding:.75em;width:100%}.content-container{align-items:center;justify-content:center}.plus-icon{color:var(--color-primary-text);cursor:pointer;font-size:clamp(4rem,6vw + 2.5rem,9rem);font-weight:400;left:50%;line-height:1;position:absolute;top:80%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;z-index:1}@media (min-width:40em){.custom-widget{height:10rem}.widget-header{letter-spacing:-.015em}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.widget-header{font-weight:500}}.schedule-container{margin-top:-1rem;max-width:60rem;overflow:hidden}.schedule-heading{margin-bottom:.5rem;text-align:center}.proj-schedule-heading{border-bottom:2px solid var(--line-color);margin-bottom:.5rem;text-align:left}.schedule-list{display:flex;flex-direction:column}.schedule-item{border-bottom:1px solid var(--line-color);padding:.75rem 0}.project-schedule-item,.schedule-item{display:flex;flex-direction:column;width:100%}.project-schedule-item{margin-bottom:0;position:relative}.project-schedule-item:after{border-bottom:2px solid var(--line-color);bottom:1rem;content:"";left:0;position:absolute;width:100%}.schedule-item-wrapper{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.schedule-content{flex-grow:1}.schedule-title{color:var(--color-black);font-weight:500}.schedule-datetime{color:var(--color-black);font-size:.875rem;margin-top:.125rem}.proj-schedule-icon-button{align-items:center;background:none;border:none;color:var(--color-purple);cursor:pointer;display:flex;justify-content:center;margin-top:.7rem;padding:0;transition:background-color .2s}.proj-schedule-icon-button:hover{background-color:#9333ea1a}.see-more-button{float:right;font-weight:500;margin-top:2rem;padding:5px 30px;width:auto}.system-container{align-items:center;display:flex;flex-direction:row;gap:1rem;width:100%}.system-svg{flex-grow:1;max-width:100%}.system-text{color:var(--color-black);font-size:1.5rem;font-weight:500;text-align:center;white-space:nowrap}@media (min-width:600px) and (max-width:768px){.system-container{align-items:center;flex-direction:column;margin-bottom:-10px;margin-top:10px}.system-text{font-size:1.1rem;white-space:normal}.system-svg{margin-top:-15px;max-width:85%}}@media (max-width:768px) and (min-width:600px){.system-container{align-items:center;flex-direction:column;margin-bottom:-10px;margin-top:10px}.system-text{font-size:1rem;white-space:normal}.system-svg{margin-top:-5px;max-width:85%}}@media (min-width:768px) and (max-width:1024px){.system-container{align-items:center;flex-direction:column;margin-bottom:-50px;margin-top:20px}.system-text{font-size:1.25rem;white-space:normal}.system-svg{margin-top:-30px;max-width:90%}}@media (min-width:1024px) and (max-width:1440px){.system-container{align-items:center;flex-direction:column;margin-bottom:-50px;margin-top:20px}.system-text{font-size:1.8rem;white-space:normal}.system-svg{margin-top:-45px;max-width:80%}}@media (min-width:1440px) and (max-width:1920px){.system-container{align-items:center;margin-bottom:-50px}.system-text{font-size:1.35rem;margin-top:-50px;padding-left:6px;white-space:normal}.system-svg{margin-top:-55px;max-width:50%;padding-left:300px}}@media (max-width:1466px) and (min-width:768px){.system-container{align-items:center;margin-bottom:-50px}.system-text{font-size:1.6rem;margin-top:-50px;padding-left:6px;white-space:normal}.system-svg{margin-top:-55px;max-width:60%;padding-left:100px}}@media (max-width:1480px) and (min-width:768px){.system-container{align-items:center;margin-bottom:-50px}.system-text{font-size:1.6rem;margin-top:-20px;padding-left:6px;white-space:normal}.system-svg{margin-top:-45px;max-width:60%;padding-left:100px}}:root{--counter-spacing:clamp(2rem,5vw,5rem);--icon-width:clamp(12rem,25vw,25rem);--label-size:clamp(1.25rem,2vw,2rem);--value-size:clamp(2rem,3vw,3rem);--divider-size:clamp(2px,0.3vw,3px)}.test-counter{box-sizing:border-box;gap:clamp(2rem,5vw,5rem);gap:var(--counter-spacing);justify-content:center;margin:0 auto;max-width:1600px;padding:1rem;width:100%}.counter-group,.test-counter{align-items:center;display:flex}.counter-group{gap:clamp(.5rem,1vw,1rem);min-width:0;position:relative}.counter-icon{flex-shrink:0;height:auto;width:clamp(12rem,25vw,25rem);width:var(--icon-width)}.line{align-items:flex-end;display:flex;flex-direction:column;gap:1rem;position:absolute;right:0}.counter-label{color:var(--color-primary-text);font-size:clamp(1.25rem,2vw,2rem);font-size:var(--label-size);margin-top:30%;transform:translateY(-100%);white-space:nowrap}.counter-value{color:var(--common-line-dividers);font-size:clamp(2rem,3vw,3rem);font-size:var(--value-size);font-weight:700;margin-right:20%;margin-top:-20%;white-space:nowrap}.counter-divider{background-color:var(--line-color);flex-shrink:0;height:10rem;width:clamp(2px,.3vw,3px);width:var(--divider-size)}@media (max-width:65em){.test-counter{align-items:center;flex-direction:column;gap:2rem;justify-content:center}.counter-group{justify-content:center;width:100%}.counter-icon{width:clamp(8rem,20vw,18rem)}.counter-label{font-size:clamp(1rem,1.5vw,1.5rem);margin-left:-50%;text-align:center}.counter-value{font-size:clamp(1.5rem,2.5vw,2.5rem);margin-right:15%}.counter-divider{height:3px;margin:1rem 0;width:80%}}@media (max-width:40em){.test-counter{gap:1.5rem}.counter-icon{width:clamp(6rem,15vw,12rem)}.counter-label{font-size:clamp(.875rem,1.2vw,1rem);margin-left:-25%}.counter-value{font-size:clamp(1.25rem,2vw,1.75rem);margin-right:10%}.counter-divider{width:70%}}:root{--text-sm:clamp(0.75rem,0.8vw + 0.5rem,0.875rem);--header-size:clamp(1.2rem,0.9vw + 0.5rem,0.5rem);--text-base:clamp(0.875rem,1vw + 0.6rem,1rem);--space-xs:clamp(0.25rem,0.5vw,0.5rem);--space-sm:clamp(0.5rem,1vw,0.75rem);--space-md:clamp(0.75rem,1.5vw,1rem);--space-lg:clamp(1rem,2vw,1.5rem);--dot-size:clamp(0.8rem,1.5vw + 0.3rem,1rem);--dot-size:clamp(0.5rem,1vw,0.75rem);--grid-gap:clamp(0.75rem,2vw,1rem)}.status-list{display:flex;flex-direction:column;gap:clamp(.75rem,1.5vw,1rem);gap:var(--space-md);width:100%}.status-header{grid-gap:clamp(.75rem,2vw,1rem);grid-gap:var(--grid-gap);display:grid;gap:clamp(.75rem,2vw,1rem);gap:var(--grid-gap);grid-template-columns:repeat(3,1fr);margin-bottom:clamp(.75rem,1.5vw,1rem);margin-bottom:var(--space-md);padding:0 clamp(.5rem,1vw,.75rem);padding:0 var(--space-sm)}.header-name,.header-status,.header-updated{color:var(--color-black);font-size:clamp(1.2rem,.9vw + .5rem,.5rem);font-size:var(--header-size);font-weight:500;text-transform:capitalize}.header-updated{text-align:center}.header-status{padding-right:clamp(.5rem,1vw,.75rem);padding-right:var(--space-sm);text-align:right}.status-item{grid-gap:clamp(.75rem,2vw,1rem);grid-gap:var(--grid-gap);align-items:center;display:grid;gap:clamp(.75rem,2vw,1rem);gap:var(--grid-gap);grid-template-columns:repeat(3,1fr);margin-bottom:clamp(.75rem,1.5vw,1rem);margin-bottom:var(--space-md);padding:0 clamp(.5rem,1vw,.75rem);padding:0 var(--space-sm)}.status-item:last-child{margin-bottom:0}.api-name,.timestamp{font-size:clamp(.75rem,.8vw + .5rem,.875rem);font-size:var(--text-sm)}.timestamp{text-align:center}.status-dot-wrapper{justify-content:flex-end;margin-right:clamp(1rem,2vw,1.5rem);margin-right:var(--space-lg)}.status-hexagon{display:block;margin-right:calc(clamp(.5rem, 1vw, .75rem)*-1);margin-right:calc(var(--space-sm)*-1)}.legend-dot,.status-dot{border:clamp(.125rem,.25vw,.2rem) solid var(--color-black);border-radius:50%;box-sizing:initial;height:clamp(.5rem,1vw,.75rem);height:var(--dot-size);width:clamp(.5rem,1vw,.75rem);width:var(--dot-size)}.status-dot.active{background-color:#48bb78;background-color:var(--color-success,#48bb78)}.status-dot.inactive{background-color:#f56565;background-color:var(--color-error,#f56565)}.status-legend{gap:clamp(1rem,2vw,1.5rem);gap:var(--space-lg);margin-left:clamp(1rem,15%,3rem);margin-top:clamp(1rem,3%,2rem)}.legend-item{gap:calc(clamp(.5rem, 1vw, .75rem)*-1);gap:calc(var(--space-sm)*-1)}.legend-label{font-size:clamp(.75rem,.8vw + .5rem,.875rem);font-size:var(--text-sm);margin-left:calc(clamp(1rem, 2vw, 1.5rem)*-1);margin-left:calc(var(--space-lg)*-1);position:relative;z-index:1}.legend-dot{border:.125rem solid var(--color-black);border-radius:50%;box-sizing:initial;height:clamp(.5rem,1vw,.75rem);height:var(--dot-size);width:clamp(.5rem,1vw,.75rem);width:var(--dot-size)}.legend-dot.active{background-color:#48bb78;background-color:var(--color-success,#48bb78)}.legend-dot.maintenance{background-color:#ed8936;background-color:var(--color-warning,#ed8936)}.legend-dot.down{background-color:#f56565;background-color:var(--color-error,#f56565)}@media (max-width:45rem){.status-header,.status-item{gap:clamp(.5rem,1vw,.75rem);gap:var(--space-sm);padding:0 clamp(.25rem,.5vw,.5rem);padding:0 var(--space-xs)}.api-name,.header-name,.header-status,.header-updated,.timestamp{font-size:clamp(.75rem,.8vw + .5rem,.875rem);font-size:var(--text-sm)}.legend-dot,.status-dot{border-width:clamp(.15rem,.3vw,.25rem);height:clamp(1rem,2vw + .5rem,1.25rem);width:clamp(1rem,2vw + .5rem,1.25rem)}.status-legend{gap:clamp(.75rem,1.5vw,1rem);gap:var(--space-md);margin-left:clamp(.75rem,1.5vw,1rem);margin-left:var(--space-md)}}.tracker-container{align-self:center;width:100%}.tracker-title{text-align:center}.tracker-list{display:flex;flex-direction:column}.tracker-content,.tracker-item{position:relative}.tracker-content{margin-top:-10px;width:110%}.tracker-label{left:50px}.tracker-label,.tracker-value{margin-top:15px;position:absolute;top:-1px}.tracker-value{right:70px}@media (max-width:1400px) and (min-width:768px){.tracker-value{margin-right:100px}.tracker-content{margin-left:30px}}.api-legend-container{margin-top:10%;padding:8px}.api-legend-container h1{margin-bottom:.1;margin-top:-10%}.api-legend-container h1,.api-legend-container h2{color:var(--color-black);font-size:30px;line-height:1}.api-legend-container h2{margin-bottom:40px;margin-top:0}.api-legend-grid{grid-gap:16px;display:grid;gap:16px;grid-template-areas:"divider1 divider1" "pill1 text1" "divider2 divider2" "pill2 text2";grid-template-columns:auto 1fr}.api-legend-text{color:var(--color-black);font-size:18px;font-weight:400}.api-legend-divider{background-color:var(--main-common-color-to-lighter);border-radius:21rem;grid-column:1/-1;height:1px;margin:8px 0}.test-results-grid{grid-gap:6rem;display:grid;gap:6rem;grid-template-columns:auto 1fr;margin-left:2rem;padding:.5rem}.test-results-progress{height:13.375rem;margin-top:.625rem;position:relative;width:6.375rem}.test-results-hexagon,.test-results-progress{align-items:center;display:flex;justify-content:center}.test-results-hexagon{inset:0;margin-left:.625rem;position:absolute}.test-results-stats{display:flex;flex-direction:column;gap:1rem}.test-results-legend{align-items:center;align-self:center;display:flex;gap:2rem}.test-results-list{display:flex;flex-direction:column;gap:.9rem}.test-result-item{border-bottom:1px solid var(--main-common-color-to-lighter);padding-bottom:.9rem}.test-result-row{align-items:center;display:flex;justify-content:space-between}.test-result-label,.test-result-value{color:var(--color-black);font-size:clamp(.875rem,calc(.8rem + .25vw),1rem)}.test-result-value{font-weight:600}.test-results-summary{color:var(--color-black);font-size:clamp(.75rem,calc(.7rem + .15vw),.875rem);margin-top:.5rem}@media (max-width:50em){.test-results-grid{gap:2rem;grid-template-columns:1fr;justify-items:center}.test-results-stats{padding:0 1rem;width:100%}.test-results-legend{gap:1rem}}@media (max-width:30em){.test-results-grid{gap:4rem;grid-template-columns:1fr;justify-items:center;padding:.5rem}.test-results-progress{height:8.125rem;width:8.125rem}.test-results-legend{flex-wrap:wrap;justify-content:center}}.api-priority-container{box-sizing:border-box;margin-inline:auto;max-width:80rem;overflow-x:hidden;padding:clamp(1rem,3vw,2rem);width:100%}.api-priority-title{-webkit-margin-after:1.5rem;color:var(--color-black);font-size:clamp(1.25rem,calc(1.1rem + .75vw),1.5rem);font-weight:600;margin-block-end:1.5rem;margin-top:-1rem;text-align:center}.api-priority-list{-webkit-margin-start:-4%;flex-direction:column;margin-inline-start:-4%;text-align:right}.api-priority-item,.api-priority-list{display:flex;gap:clamp(.75rem,2vw,1rem)}.api-priority-item{align-items:center}.api-priority-label{font-size:clamp(.75rem,calc(.7rem + .25vw),.875rem);width:clamp(8rem,15vw,12rem)}.api-priority-bar-container{-webkit-margin-end:clamp(.5rem,2vw,2rem);align-items:center;background-color:var(--color-main);border:.1px solid var(--color-main);border-radius:9999px;display:flex;flex:1 1;height:1rem;margin-inline-end:clamp(.5rem,2vw,2rem);overflow:hidden;padding:.3px;position:relative}.api-priority-bar{-webkit-margin-start:.3%;border:.4px solid var(--color-white);border-radius:9999px;height:60%;margin-block:auto;margin-inline-start:.3%;transition:width .3s ease}.api-priority-bar.high-priority{background-color:var(--mock-data-circular-wrapper-outer1)}.api-priority-bar.medium-priority{background-color:var(--main-common-color)}.api-priority-bar.low-priority{background-color:var(--color-white);border-color:var(--main-common-color)}@media (max-width:48em){.api-priority-container{padding-inline:clamp(1rem,8%,2rem)}.api-priority-list{-webkit-margin-start:0;margin-inline-start:0}.api-priority-legend{flex-wrap:wrap;gap:1rem}}@media (max-width:30em){.api-priority-item{align-items:stretch;flex-direction:column;gap:.5rem}.api-priority-label{text-align:left;width:100%}.api-priority-legend{justify-content:space-around;padding-block:1rem;padding-inline:.5rem}}.line-graph-container{height:520px;width:100%}.line-graph-title{color:var(--color-black);font-size:24px;font-weight:500;text-align:center}.line-graph-content{height:300px;width:100%}.line-graph .recharts-cartesian-grid-horizontal line,.line-graph .recharts-cartesian-grid-vertical line{stroke:var(--color-black)}.line-graph .recharts-tooltip-label{color:var(--color-black)}.line-graph-legend{display:flex;gap:20px;justify-content:center;padding:10px 0}.api-priority-legend-item{align-items:center;display:flex;gap:8px}.api-priority-legend-text{color:var(--color-black);font-size:14px}.release-progress-container{box-sizing:border-box;margin-inline:auto;width:100%}.release-progress-title{-webkit-margin-after:clamp(1rem,2vw,1.5rem);color:var(--color-black);font-size:clamp(1.25rem,calc(1.1rem + .75vw),1.5rem);margin-block-end:clamp(1rem,2vw,1.5rem);text-align:center}.release-progress-content{gap:clamp(.75rem,2vw,1rem);height:auto;max-height:-webkit-max-content;max-height:max-content;min-height:clamp(30rem,calc(21rem + 25vh),40rem);width:100%}@media (max-width:48em){.release-progress-content{min-height:clamp(25rem,calc(15rem + 30vh),35rem)}}.test-runs-container{width:100%}.test-runs-content{height:500px;width:100%}.bar-graph-container{aspect-ratio:1/1;max-width:48rem;width:100%}.bar-graph-content{height:200px;width:100%}.bar-graph-title{font-size:24px;font-weight:500;text-align:center}.bar-graph-legend{align-items:center;display:flex;justify-content:center}@media (min-width:1440px) and (max-width:1940px){.test-runs-content{height:560px}}@media (min-width:768px) and (max-width:1024px){.test-runs-content{height:500px}}@media (min-width:600px) and (max-width:768px){.test-runs-content{height:500px}}.chart-container{margin:0 auto;max-width:1200px;width:100%}.recharts-cartesian-grid-horizontal line{stroke:var(--color-black)}.recharts-cartesian-grid-vertical line{stroke:none!important;display:none!important;visibility:hidden!important}.recharts-text{fill:var(--color-black);font-size:12px}.recharts-tooltip-wrapper{background-color:var(--color-black)!important;border:1px solid #333;border-radius:4px;font-size:12px}.recharts-default-tooltip{background-color:var(--color-black)!important;border:none!important;border-radius:4px;box-shadow:0 2px 8px #0000004d;padding:8px 12px!important}.recharts-tooltip-label{color:var(--color-white)!important;font-weight:600;margin-bottom:4px}.recharts-tooltip-item{color:var(--color-white)!important;padding:2px 0}.recharts-tooltip-item-list{margin:0;padding:0}.recharts-bar-rectangle path{transition:opacity .2s}.recharts-bar-rectangle:hover path{opacity:.85}.recharts-label-list text,.recharts-yAxis .recharts-label{text-anchor:middle;dominant-baseline:middle}.recharts-yAxis .recharts-label tspan{text-anchor:middle}.api-functionality-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1500px;width:100%}.api-functionality-items{display:flex;flex-direction:column;gap:25px;margin-top:15px}.api-functionality-item{align-items:center;display:flex;gap:14px;transition:transform .3s ease}.api-functionality-item:hover{transform:scale(1.05)}.api-functionality-texts{color:var(--color-primary-text);font-size:16px;font-weight:400}.api-functionality-title{color:var(--color-black);margin-bottom:20px;text-align:center}.api-functionality-chart-wrapper{margin-bottom:20px;position:relative;width:100%}.api-functionality-hexagon-section{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.api-functionality-hexagon-container{background-color:var(--color-card);border-radius:15px;box-shadow:0 4px 6px #0000004d;box-sizing:border-box;display:flex;justify-content:space-between;margin-top:-70px;padding:10px 90px;width:100%}.api-functionality-hexagon-wrapper{align-items:center;cursor:pointer;display:flex;flex:1 1;justify-content:center;min-height:24px;position:relative}.api-functionality-hexagon{transition:all .3s ease}.api-functionality-hexagon:hover{transform:scale(1.1)}.api-functionality-tooltip{background:var(--color-black);border-radius:4px;bottom:100%;box-shadow:0 2px 8px #0000004d;color:var(--color-white);font-size:12px;left:50%;margin-bottom:10px;padding:8px 12px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.api-functionality-tooltip:after{border-color:var(--color-black) #0000 #0000 #0000;border-style:solid;border-width:5px;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.api-functionality-x-axis-label{align-items:center;color:#292929;display:flex;font-size:20px;margin-top:20px;text-align:center}.api-functionality-chart-wrapper .recharts-text{fill:#292929!important;font-size:15px}.api-functionality-chart-wrapper .recharts-cartesian-grid-horizontal line,.api-functionality-chart-wrapper .recharts-cartesian-grid-vertical line{stroke:var(--color-black)}.api-functionality-chart-wrapper .recharts-default-tooltip{background-color:var(--color-black)!important;border:none!important;border-radius:4px;padding:8px 12px!important}.api-functionality-chart-wrapper .recharts-tooltip-label{color:var(--color-main)!important;font-weight:600;margin-bottom:4px}.api-functionality-chart-wrapper .recharts-tooltip-item{color:var(--color-white)!important;padding:2px 0}.status-legend{gap:25px}.legend-item{display:flex;gap:12px;height:24px}.legend-label{color:var(--color-black);line-height:1}.legend-label,.status-hexagon{align-items:center;display:flex}.status-hexagon{height:24px}.status-dot-wrapper{align-items:center;display:flex;height:24px}.radar-container{align-items:center;display:flex;flex-direction:column;width:100%}.radar-title{color:var(--color-black);font-size:20px;font-weight:500;text-align:center}.radar-wrapper{aspect-ratio:1/1;margin-top:50px;max-width:25rem;width:100%}.radar-legend{display:flex;gap:20px;justify-content:center;padding:10px 0}.radar-legend-item{align-items:center;cursor:pointer;display:flex;gap:.5rem;-webkit-text-decoration-color:var(--color-white);text-decoration-color:var(--color-white);transition:all .3s ease}.radar-tooltip{background-color:#2a2a2a;border:none;border-radius:.375rem;color:var(--color-white);padding:.625rem}.radar-tooltip p{margin:.25rem 0}.api-priority-legend{-webkit-padding-before:1.5rem;display:flex;flex-direction:column;gap:clamp(1.25rem,2vw + 1rem,2rem);justify-content:space-between;padding-block-start:1.5rem;position:relative}.api-priority-legend-items{-webkit-border-after:1px solid var(--color-medium-purple);border-block-end:1px solid var(--color-medium-purple);display:flex;padding-block:1rem;width:100%}.api-priority-legend-texts{-webkit-margin-start:max(9.375rem,12.375rem);-webkit-margin-start:max(9.375rem,calc(3.625rem + var(--line-length, 8.75rem)));color:var(--color-black);font-size:clamp(1rem,1vw + .75rem,1.125rem);font-weight:500;margin-inline-start:max(9.375rem,12.375rem);margin-inline-start:max(9.375rem,calc(3.625rem + var(--line-length, 8.75rem)))}.api-priority-legend-items.line-through .api-priority-legend-text:after{background-color:var(--color-main);content:"";height:.125rem;inset-inline:0;position:absolute;top:50%;transform:translateY(-50%)}.api-priority-legend-pill{border:.125rem solid var(--color-primary);border-radius:.75rem;box-shadow:inset 0 .125rem .25rem #0006;min-height:1.5rem;position:relative;width:3.125rem}.api-priority-legend-pill:after{--line-length:clamp(5rem,calc(8.75rem - 2vw),8.75rem);background-color:var(--color-white);content:"";height:.125rem;left:calc(100% + .125rem);position:absolute;top:50%;width:var(--line-length)}.api-priority-legend-pill-low{background-color:var(--color-white)}.api-priority-legend-pill-low,.api-priority-legend-pill-medium{-webkit-margin-after:2.5rem;border-color:var(--color-white);margin-block-end:2.5rem}.api-priority-legend-pill-medium{background-color:var(--main-common-color)}.api-priority-legend-pill-high{-webkit-margin-before:1.25rem;background-color:var(--mock-data-circular-wrapper-outer1);border-color:var(--color-white);margin-block-start:1.25rem}@media (max-width:48em){.api-priority-legend{-webkit-padding-before:1rem;padding-block-start:1rem}.api-priority-legend-item,.api-priority-legend-items{justify-content:flex-start}.api-priority-legend-texts{-webkit-margin-start:max(7.5rem,8.625rem);-webkit-margin-start:max(7.5rem,calc(3.625rem + var(--line-length, 5rem)));margin-inline-start:max(7.5rem,8.625rem);margin-inline-start:max(7.5rem,calc(3.625rem + var(--line-length, 5rem)))}.api-priority-legend-pill:after{--line-length:clamp(3rem,calc(5rem - 1vw),5rem)}}@media (max-width:30em){.api-priority-legend-texts{-webkit-margin-start:max(6.25rem,6.625rem);-webkit-margin-start:max(6.25rem,calc(3.625rem + var(--line-length, 3rem)));font-size:.875rem;margin-inline-start:max(6.25rem,6.625rem);margin-inline-start:max(6.25rem,calc(3.625rem + var(--line-length, 3rem)))}.api-priority-legend-pill:after{--line-length:3rem}}.status-legend-container{align-self:center;left:50%;margin:auto;max-width:350px;position:absolute;top:45%;transform:translate(-50%,-50%);width:100%}.status-legend{display:flex;flex-direction:column}.legend-item{align-items:center;display:grid;grid-template-columns:auto 1fr}.status-hexagon{height:auto;max-width:180px;width:100%}.legend-label{color:#fff;font-size:14px}@media (max-width:480px){.status-legend-container{max-width:280px;padding:16px}.legend-item{gap:12px}.status-hexagon{max-width:140px}.legend-label{font-size:13px}}.invite-error-message{color:red;font-size:.9rem;margin-bottom:1rem;text-align:center}.error-message{color:#d32f2f}.auth-main-container{min-height:100vh;position:relative}.auth-layout,.auth-main-container{align-items:center;display:flex;justify-content:center;width:100%}.auth-layout{gap:2rem;max-width:1440px;padding:2rem}.left-section{justify-content:flex-end}.left-section,.right-section{align-items:center;display:flex;flex:1 1;padding:2rem;position:relative}.right-section{justify-content:flex-start}.content-wrapper{max-width:480px;position:relative;width:100%;z-index:2}.blur-background:before{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@media (max-width:1024px){.auth-layout{gap:1rem;padding:1rem}.left-section,.right-section{padding:1rem}}@media (max-width:768px){.auth-layout{flex-direction:column}.left-section,.right-section{justify-content:center;width:100%}}.sidebar-container{height:100vh;left:0;position:fixed;top:0;transition:width .3s ease-in-out;width:260px;z-index:100}.sidebar-container.resizable{width:260px;width:var(--sidebar-width,260px)}.sidebar-container.collapsed{width:80px}.main-content-wrapper{display:flex;flex-direction:column;height:100vh;margin-left:260px;overflow:hidden;width:calc(100vw - 260px)}.main-content-wrapper.sidebar-resizable{margin-left:260px;margin-left:var(--sidebar-width,260px);width:calc(100vw - 260px);width:calc(100vw - var(--sidebar-width, 260px))}.main-content-wrapper.sidebar-collapsed{margin-left:80px;width:calc(100vw - 80px)}.screen-container{background-color:var(--background-color);display:block;height:100vh;overflow:hidden;position:relative;width:100vw}.topbar-container{flex-shrink:0;height:auto;overflow:hidden;padding-left:5px;width:99%;z-index:50}.content-container{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:20px;width:100%}.main-content-card{border-radius:12px;box-sizing:border-box;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:0;scrollbar-color:#0003 #0000;scrollbar-width:thin;width:100%}.main-content-card::-webkit-scrollbar{width:6px}.main-content-card::-webkit-scrollbar-track{background:#0000}.main-content-card::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.main-content-card::-webkit-scrollbar-thumb:hover{background-color:#0000004d}body,html{height:100%;margin:0;overflow:hidden;padding:0}.sidebar-container.collapsed .sidebar-resize-handle{background-color:#8b45c41a;opacity:.7;width:12px}.sidebar-container.collapsed .sidebar-resize-handle:hover{background-color:#8b45c466;opacity:1}.sidebar-resize-handle{transition:all .2s ease}.sidebar-container{min-width:60px;overflow:hidden}.sidebar-container.collapsed{max-width:80px;min-width:80px;width:80px!important}.main-content-wrapper{min-width:0;transition:all .3s ease-in-out}.screen-container{min-width:320px;overflow-x:hidden}@media screen and (max-width:768px){.sidebar-resize-handle{display:none!important}.sidebar-container{min-width:60px!important;width:60px!important}.main-content-wrapper{margin-left:60px!important;width:calc(100vw - 60px)!important}}.sidebar.collapsed .sidebar-search-container{padding:8px}.sidebar.collapsed .sidebar-search-input{display:none}.sidebar.collapsed .search-icon{cursor:pointer;margin:0}.sidebar.collapsed .sidebar-search-container.expanded{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;position:absolute;width:calc(100% - 16px);z-index:1000}.sidebar.collapsed .sidebar-search-container.expanded .sidebar-search-input{display:block}.sidebar.collapsed .sidebar-button-container{align-items:center;display:flex;height:50px!important;justify-content:center;transform:translateX(-50%);width:50px!important}.sidebar.collapsed .sidebar-button-container .sidebar-role-button{align-items:center!important;background:linear-gradient(135deg,#8b45c4,#9b59c6)!important;background:linear-gradient(135deg,var(--primary-color,#8b45c4),var(--secondary-color,#9b59c6))!important;border:none!important;border-radius:50%!important;box-shadow:0 2px 8px #8b45c44d!important;color:#fff!important;display:flex!important;font-size:20px!important;font-weight:700!important;height:50px!important;justify-content:center!important;min-width:50px!important;padding:0!important;transition:all .3s ease!important;width:50px!important}.sidebar.collapsed .sidebar-button-container .sidebar-role-button:hover{box-shadow:0 4px 12px #8b45c466!important;transform:translateY(-2px)!important}.sidebar.collapsed .sidebar-button-svg-container{display:none!important}.sidebar.collapsed .sidebar-button-container .sidebar-role-text{align-items:center!important;color:#fff!important;display:flex!important;font-size:20px!important;font-weight:700!important;height:100%!important;justify-content:center!important;line-height:1!important;text-align:center!important;width:100%!important}.sidebar.collapsed .menu-item{justify-content:center;padding:0 8px}.sidebar.collapsed .menu-icon{margin-right:0}.sidebar.collapsed .menu-divider svg{max-width:50px}.sidebar.collapsed .sidebar-search-container{align-items:center;background:#f5f5f5;background:var(--search-background,#f5f5f5);border-radius:50%;display:flex;height:40px;justify-content:center;margin:8px auto;padding:0;transition:all .3s ease;width:40px}.sidebar.collapsed .sidebar-search-container:hover{background:#e5e5e5;background:var(--search-background-hover,#e5e5e5)}.sidebar.collapsed [data-tooltip]{position:relative}.sidebar.collapsed [data-tooltip]:hover:after{background:#000c;border-radius:4px;color:#fff;content:attr(data-tooltip);font-size:12px;left:60px;padding:4px 8px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1000}:root{--base-font-size:clamp(14px,1vw + 0.5rem,16px);--heading-font-size:clamp(16px,1.5vw + 0.75rem,30px);--subheading-font-size:clamp(14px,1vw + 0.5rem,16px)}.scheduling-not-found{align-items:center;display:flex;flex-direction:column;height:65%;justify-content:center;text-align:center;width:100%}.not-found-icon{height:auto;width:10%}.schedule-header{display:grid;font-size:clamp(14px,1vw + .5rem,16px);font-size:var(--base-font-size);grid-template-areas:"icon content" "text text";grid-template-columns:auto 1fr;margin-top:min(-3%,-1rem)}.schedule-icon-container{display:grid;grid-area:icon;grid-template-rows:auto auto auto;height:auto}.schedule-icon-container svg{grid-row:2;height:100%;width:100%}.schedule-text-heading{color:var(--color-primary-text);font-size:clamp(16px,1.5vw + .75rem,30px);font-size:var(--heading-font-size);grid-row:1;line-height:1.3;margin-bottom:clamp(-5%,-8vw,-10%);margin-left:clamp(5%,10vw,15%)}.schedule-text-subheading{grid-row:3;margin-top:clamp(-3.5%,-3vw,-3.5%)}.schedule-text-subheading,.schedule-text-total{color:var(--color-primary-text);font-size:clamp(14px,1vw + .5rem,16px);font-size:var(--subheading-font-size);line-height:1.4;margin-left:clamp(5%,10vw,15%)}.schedule-text-total{grid-row:4;margin-top:clamp(-1.3%,-1.5vw,-2%)}.schedule-header .heading{color:var(--color-primary-text);font-size:clamp(16px,1.5vw + .75rem,30px);font-size:var(--heading-font-size);line-height:1.3}.schedule-header .body-text{color:var(--color-primary-text);line-height:1.5}.schedule-header .body-text,.scheduling-card{font-size:clamp(14px,1vw + .5rem,16px);font-size:var(--base-font-size)}.scheduling-card{background:var(--color-card-schedule);border-radius:.5rem;box-shadow:2px 2px 4px #0000004d;margin-bottom:clamp(.25rem,1vw,.5rem);padding:clamp(.75rem,2vw,1rem);position:relative;transition:background-color .2s}.scheduling-card:hover{background-color:var(--color-card-hover-schedule)}.schedule-back-button{display:flex;font-size:clamp(14px,1vw + .5rem,16px);font-size:var(--base-font-size);justify-content:flex-end;margin-top:clamp(-1%,-1.5vw,-2%);width:100%}.execution-container{display:flex;gap:2rem;min-height:60vh;padding-bottom:2rem}.execution-main{display:flex;flex:3 1;flex-direction:column}.execution-top-row{margin-bottom:1rem}.execution-header{border-radius:.5rem}.execution-bottom-row{display:flex;flex:1 1;gap:2rem}.execution-bottom-left{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;min-height:0}.execution-bottom-left-bottom,.execution-bottom-left-top{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;flex:1 1;justify-content:center;min-height:0;padding:1rem}.execution-bottom-right{border-radius:.5rem;flex:2 1;min-height:0;padding:1rem}.execution-side-panel{border-radius:.5rem;flex:1 1;margin-top:3%;padding:1rem}.graph-card{box-shadow:0 2px 4px #0000001a}@media (max-width:768px){.execution-bottom-row,.execution-container{flex-direction:column}}.menu-item-container{height:40px;margin:0;padding:0;position:relative}.active-menu-background{height:40px;left:0;position:absolute;top:0;width:100%;z-index:0}.menu-item{align-items:center;cursor:pointer;display:flex;height:100%;margin:0;padding:0 16px;position:relative;transition:all .2s;z-index:1}.menu-item svg{fill:#6b6b6b;color:#6b6b6b}.menu-item.active{color:#fff}.menu-item.active svg{fill:#fff;color:#fff}.menu-item:hover:not(.active){background-color:#ffffff1a}.menu-icon{align-items:center;display:flex;margin-right:10px}.menu-text{flex:1 1}.sidebar.collapsed .menu-text{display:none}.sidebar.collapsed .active-menu-background{width:60px}.menu-item svg,.menu-item svg g,.menu-item svg mask,.menu-item svg path{fill:#6b6b6b!important;color:#6b6b6b!important;transition:fill .2s,color .2s}.menu-item.active svg,.menu-item.active svg g,.menu-item.active svg mask,.menu-item.active svg path{fill:#fff!important;color:#fff!important}.menu-divider svg{height:auto;max-width:calc(100% - 20px);width:100%}.sidebar.collapsed .menu-divider{width:50px}.action-menu-trigger{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;margin-left:8px;transition:background-color .2s;width:20px}.action-menu-trigger:hover{background-color:#0000000d}.action-menu-dropdown{animation:fadeIn .2s ease-in-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:160px;padding:8px 0;position:fixed;z-index:99999}.file-action-menu{background-color:#fff;border-radius:6px;box-shadow:0 2px 10px #0003;min-width:160px;overflow:hidden;position:fixed;z-index:99000}.action-menu-items{display:flex;flex-direction:column}.action-menu-item{align-items:center;background:none;border:none;color:#6b6b6b;cursor:pointer;display:flex;font-size:13px;padding:10px 12px;text-align:left;transition:background-color .15s ease;width:100%}.action-menu-item:hover{background-color:#f5f5f5}.action-icon{align-items:center;color:var(--primary-color);display:flex;justify-content:center;margin-right:8px}.sidebar{background:var(--background-color);box-shadow:var(--neumorphic-shadow);color:#6b6b6b;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:15px;font-style:normal;font-weight:550;height:100vh;line-height:100%;position:relative;width:100%;z-index:10}.sidebar.collapsed{width:60px}.sidebar-layout{display:flex;flex-direction:column;height:100%;padding:12px 0 0;position:relative}.nav-logo{border-bottom:2.2px solid #fff;flex-direction:column;margin-left:.8rem;margin-right:.8rem;padding:5px 16px 10px 8px}.logo-container,.nav-logo{align-items:center;display:flex;margin-bottom:16px}.logo-container{cursor:pointer}.sidebar-header-icon{height:32px;width:32px}.sidebar-header-logo{height:24px;margin-left:8px}.menu-items{flex:1 1;flex-direction:column;min-height:0;padding-bottom:40px}.menu,.menu-items{display:flex;overflow:hidden}.menu{flex-direction:column;gap:0;height:100%;margin:0;padding:0 10px 0 0}.menu>*{margin:0!important}.collapse{align-items:center;background-color:#eee;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:-20px;top:20px;transition:transform .3s ease-in-out;width:40px;z-index:11}.collapse.collapsed{transform:rotate(180deg)}.collapse svg{color:#fff;height:20px;width:20px}.menu-items::-webkit-scrollbar{display:none}.bottom-divider-container{bottom:80px;left:0;padding:0 10px 0 0;position:absolute;width:100%}.sidebar-button-container{bottom:20px;display:flex;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:220px}.sidebar-button-container.sidebar-collapsed{width:40px}.sidebar-button-container .sidebar-role-button{align-items:center;background-color:initial;border:none;color:var(--primary-color);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;letter-spacing:.2px;outline:none;padding:0;position:relative;transform:translateY(-2px);width:228px;z-index:1}.sidebar-button-container .sidebar-role-button.sidebar-collapsed{font-size:12px;width:40px}.sidebar-button-svg-container{height:100%;left:50%;pointer-events:none;position:absolute;top:-40%;transform:translateX(-50%);width:220px}.sidebar-collapsed .sidebar-button-svg-container{left:50%;overflow:hidden;width:40px}.sidebar-role-text{display:inline-block;position:relative;text-align:center;width:100%;z-index:2}.sidebar-role-button:focus{outline:none}.sidebar-role-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.sidebar-role-button:disabled{cursor:not-allowed;opacity:1}.sidebar-role-button:disabled:hover{cursor:not-allowed}.sidebar-role-button:disabled .sidebar-role-text{cursor:not-allowed;opacity:1}.sidebar-button-container:has(.sidebar-role-button:disabled){cursor:not-allowed}.sidebar-button-container:has(.sidebar-role-button:disabled) .sidebar-button-svg-container{cursor:not-allowed;pointer-events:auto}.sidebar-resize-handle{background:#0000;cursor:col-resize;height:100%;position:absolute;right:0;top:0;transition:background-color .2s ease;width:6px;z-index:1001}.sidebar-resize-handle:hover{background-color:#8b45c44d}.sidebar-resize-handle.resizing{background-color:#8b45c499}.sidebar-resize-handle:after{background:#9ca3af66;border-radius:1px;height:40px;width:2px}.sidebar-resize-handle:after,.sidebar-resize-handle:before{content:"";left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease}.sidebar-resize-handle:before{background:linear-gradient(180deg,#0000 0,#8b45c466 20%,#8b45c499 50%,#8b45c466 80%,#0000);border-radius:2px;height:60px;width:3px}.sidebar-resize-handle.resizing:after,.sidebar-resize-handle:hover:before{opacity:1}.sidebar-container{transition:width .15s ease-out}.main-content-wrapper{transition:margin-left .15s ease-out,width .15s ease-out}.sidebar-container:after{background:#e5e7eb80;content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:1px}body.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.sidebar{transform:translateZ(0);will-change:transform}.menu-item{transition:all .2s cubic-bezier(.4,0,.2,1);will-change:background-color,color,transform}.menu-item:hover{transform:translateX(2px)}.menu-item.active{transition:all .15s ease-out}.sidebar-section{opacity:1;transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-section.entering{opacity:0;transform:translateY(-10px)}.sidebar-section.entered{opacity:1;transform:translateY(0)}.sidebar-section.exiting{opacity:0;transform:translateY(-10px);transition:all .2s ease-in}.analyzer-chats-list,.recent-chats{transform:translateZ(0);transition:opacity .25s ease-in-out,transform .25s ease-in-out}.analyzer-chat-item,.chat-item{transition:all .15s cubic-bezier(.4,0,.2,1);will-change:background-color,transform}.analyzer-chat-item:hover,.chat-item:hover{transform:translateX(2px)}.menu-items{contain:layout style}.bottom-divider-container{transition:opacity .2s ease-in-out}.sidebar-layout{contain:layout;will-change:auto}.action-menu-dropdown{transform-origin:top left;transition:all .2s cubic-bezier(.4,0,.2,1)}.action-menu-dropdown.entering{opacity:0;transform:scale(.95) translateY(-5px)}.action-menu-dropdown.entered{opacity:1;transform:scale(1) translateY(0)}@media (prefers-reduced-motion:reduce){.analyzer-chat-item,.analyzer-chats-list,.chat-item,.menu-item,.recent-chats,.sidebar-section{transform:none!important;transition:none!important}}.sidebar-loading{opacity:.7;transition:opacity .2s ease-in-out}.sidebar-loading,.sidebar.transitioning,.sidebar.transitioning *{pointer-events:none}.sidebar:not(.transitioning),.sidebar:not(.transitioning) *{pointer-events:auto}.navigation-blocker-overlay{align-items:center;animation:navigation-blocker-fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes navigation-blocker-fadeIn{0%{opacity:0}to{opacity:1}}.navigation-blocker-modal{align-items:center;background:#eee;border-radius:24px;display:flex;flex-direction:column;max-width:500px;padding:44px 40px;text-align:center;width:90%}@keyframes navigation-blocker-slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.navigation-blocker-icon{align-items:center;animation:navigation-blocker-pulse 2s ease-in-out infinite;background:#eee;border-radius:50%;box-shadow:8px 8px 20px #d5d5d5cc,-8px -8px 20px #ffffffe6;display:flex;justify-content:center;margin-bottom:24px;padding:20px}@keyframes navigation-blocker-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.navigation-blocker-title{color:#1a1a1a;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:26px;font-weight:700;margin:0 0 16px}.navigation-blocker-message{color:#475569;font-size:15px;line-height:1.6;margin:0 0 32px}.navigation-blocker-actions{display:flex;flex-direction:row-reverse;gap:14px;justify-content:center;width:100%}.navigation-blocker-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:700;min-width:140px;padding:14px 28px;transition:all .3s ease}.navigation-blocker-btn-primary{background:linear-gradient(135deg,#9404c3,#550173);box-shadow:0 6px 20px #9404c366;color:#fff}.navigation-blocker-btn-primary:hover{box-shadow:0 10px 30px #9404c380;transform:translateY(-3px)}.navigation-blocker-btn-primary:active{box-shadow:0 4px 15px #9404c373;transform:translateY(-1px)}.navigation-blocker-btn-danger{background:#eee;box-shadow:5px 5px 15px #d5d5d5cc,-5px -5px 15px #ffffffe6;color:#ef4444}.navigation-blocker-btn-danger:hover{box-shadow:7px 7px 18px #d5d5d5e6,-7px -7px 18px #fffffff2;color:#dc2626;transform:translateY(-2px)}.navigation-blocker-btn-danger:active{box-shadow:inset 3px 3px 8px #d5d5d5cc,inset -3px -3px 8px #ffffffe6;transform:translateY(0)}@media (prefers-color-scheme:dark){.navigation-blocker-modal{background:#1e293b;box-shadow:15px 15px 35px #00000080,-15px -15px 35px #3341554d,inset -2px -2px 5px #0000004d,inset 2px 2px 5px #33415533}.navigation-blocker-title{color:#f8fafc}.navigation-blocker-message{color:#cbd5e1}.navigation-blocker-icon{background:#1e293b;box-shadow:8px 8px 20px #0006,-8px -8px 20px #33415533}.navigation-blocker-btn-danger{background:#1e293b;box-shadow:5px 5px 15px #0006,-5px -5px 15px #33415533}.navigation-blocker-btn-danger:hover{box-shadow:7px 7px 18px #00000080,-7px -7px 18px #3341554d}.navigation-blocker-btn-danger:active{box-shadow:inset 3px 3px 8px #00000080,inset -3px -3px 8px #33415533}}@media (max-width:768px){.navigation-blocker-modal{padding:36px 28px;width:95%}.navigation-blocker-title{font-size:22px}.navigation-blocker-message{font-size:14px}.navigation-blocker-actions{flex-direction:column-reverse;gap:12px}.navigation-blocker-btn{min-width:auto;width:100%}}.sidebar-locked{border-left:4px solid #ef4444;position:relative}.sidebar-locked:after{animation:sidebar-pulse 2s ease-in-out infinite;background:linear-gradient(180deg,#ef4444,#dc2626);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}@keyframes sidebar-pulse{0%,to{opacity:1}50%{opacity:.6}}.menu-item-locked .menu-item{cursor:not-allowed!important;opacity:.5;pointer-events:auto;position:relative}.menu-item-locked .menu-item:hover{background-color:#ef44440d!important;transform:none!important}.menu-lock-icon{align-items:center;animation:pulse-lock 2s ease-in-out infinite;color:#ef4444;display:flex;margin-left:auto}@keyframes pulse-lock{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.submenu-locked{opacity:.5;pointer-events:auto}.submenu-locked .submenu-item{cursor:not-allowed!important}.submenu-locked .submenu-item:hover{background-color:#ef44440d!important}.submenu-lock-icon{align-items:center;animation:pulse-lock 2s ease-in-out infinite;color:#ef4444;display:flex;margin-left:8px}.ai-submenu{margin-bottom:8px;margin-top:8px;padding-left:40px}.submenu-item-container{margin-bottom:8px;position:relative}.submenu-item{align-items:center;cursor:pointer;display:flex;padding:6px 10px;transition:all .2s ease}.submenu-text{color:#6b6b6b;font-size:14px;transition:color .2s ease}.submenu-active{color:var(--primary-color)}.submenu-item:hover .submenu-text{color:var(--primary-color);font-weight:500}.sidebar-search-container{margin:16px 12px;position:relative;width:calc(100% - 24px)}.sidebar-search-wrapper{align-items:center;background:#eee;border-radius:20px;box-shadow:1px 1px 2px 0 #ffffff4d,-1px -1px 2px 0 #ababab80,inset -6px 6px 12px 0 #ababab33,inset 6px -6px 12px 0 #ababab33,inset -6px -6px 12px 0 #ffffffe6,inset 6px 6px 15px 0 #abababe6;display:flex;height:30px;padding:0 12px;transition:all .3s ease;width:90%}.sidebar-search-icon{align-items:center;display:flex;justify-content:center;margin-right:8px;opacity:.6}.sidebar-search-input{background:#0000;border:none;color:#6b6b6b;flex:1 1;font-family:Inter,sans-serif;font-size:14px;height:100%;outline:none;width:90%}.sidebar-search-input::placeholder{color:#ababab;opacity:0}.sidebar-search-placeholder-text{color:#6b6b6b;font-size:14px;font-weight:500;left:36px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.sidebar-search-input:focus+.sidebar-search-placeholder-text,.sidebar-search-input:not(:placeholder-shown)+.sidebar-search-placeholder-text{opacity:0}.sidebar.collapsed .sidebar-search-wrapper{overflow:hidden;width:32px}.sidebar.collapsed .sidebar-search-input{padding:0;width:0}.sidebar.collapsed .sidebar-search-placeholder-text{opacity:0}.no-search-results{color:#9e9e9e;font-size:14px;font-style:italic;padding:15px;text-align:center}.search-highlight{background-color:#9404c34d}.top-search-container{align-items:center;display:flex;flex:auto;justify-content:flex-end;margin-left:auto;padding:0 1rem}.top-bar-layout{align-items:center;display:flex;gap:16px;margin-left:24px}.topnav-container{border-radius:8px 0 8px 0;-webkit-clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,100% 100%,15px 100%,0 calc(100% - 15px),0 10px);clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,100% 100%,15px 100%,0 calc(100% - 15px),0 10px);position:relative}.top-search-wrapper{flex:1 1;margin-right:1rem;max-width:42rem}.top-search-input{background-color:var(--color-search-bar);border:none;border-radius:.375rem;box-shadow:inset 2px 2px 4px #0003;color:var(--color-primary-text);padding:.5rem .75rem;width:100%}.top-search-input:focus{outline:none}.icons-container{align-items:center;display:flex;gap:0}.nav-icon{height:.5rem;width:.5rem}.switch{display:inline-block;height:24px;margin-right:.7rem;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.switch input:disabled+.slider{cursor:not-allowed;opacity:1}.switch input:disabled+.slider:hover{cursor:not-allowed}.switch input:disabled+.slider:before{cursor:not-allowed;opacity:1}.switch:has(input:disabled){cursor:not-allowed;opacity:1}.switch:has(input:disabled) .slider{cursor:not-allowed;opacity:1}.slider{background-color:#fff;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background:var(--gradient2);bottom:3px;content:"";height:18px;left:3px;width:18px}.slider:after{left:24px}input:checked+.slider{background-color:#464545}input:focus+.slider{box-shadow:0 0 1px #464545}input:checked+.slider:before{transform:translateX(36px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.nav-button{align-items:center;background:none;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;gap:.2rem;justify-content:center;padding:.5rem}.nav-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.nav-button span{margin-left:.5rem}.nav-button:hover{background-color:var(--color-hover-bg)}@media screen and (max-width:1024px){.nav-button span{display:none}.nav-button{padding:.4rem}.icons-container{gap:.5rem}}@media screen and (max-width:768px){.top-search-wrapper{margin-right:.5rem;max-width:20rem}.top-bar-layout{gap:.5rem;padding:.5rem}.top-search-container{padding:.01rem .5rem}.nav-button svg{height:20px;width:20px}}@media screen and (max-width:480px){.top-search-wrapper{max-width:8rem}.icons-container{gap:.15rem}.nav-button{padding:.25rem}.nav-button svg{height:18px;width:18px}.switch{height:20px;width:40px}.slider:before{height:16px;width:16px}}@media screen and (max-width:360px){.top-search-wrapper{max-width:6rem}.nav-button{padding:.2rem}.nav-button svg{height:16px;width:16px}.icons-container{gap:.1rem}}.profile-dropdown-container{position:relative}.profile-dropdown{animation:dropdown-fade-in .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;background:var(--color-white,#fff);border:1px solid #00000014;border:1px solid var(--color-border,#00000014);border-radius:16px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;display:block;margin-top:12px;max-width:300px;min-width:260px;opacity:1;overflow:hidden;position:absolute;right:0;top:100%;visibility:visible;z-index:9999}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{background:linear-gradient(135deg,#f8f9fa,#0000);background:linear-gradient(135deg,var(--color-hover-bg,#f8f9fa) 0,#0000 100%);border-bottom:1px solid #0000000f;border-bottom:1px solid var(--color-border,#0000000f);padding:20px;position:relative}.profile-dropdown-header:before{background:linear-gradient(90deg,#667eea,#764ba2);background:var(--gradient2,linear-gradient(90deg,#667eea 0,#764ba2 100%));border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.profile-dropdown-header .user-name{word-wrap:break-word;color:#1a1a1a;color:var(--color-primary-text,#1a1a1a);font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.4;margin:0 0 6px;max-width:100%;overflow-wrap:break-word}.profile-dropdown-header .user-email{word-wrap:break-word;color:#6b7280;color:var(--color-secondary-text,#6b7280);display:block;font-size:13px;font-weight:400;line-height:1.5;margin:0;max-width:100%;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis}.profile-dropdown-items{padding:12px 8px}.dropdown-item{background:none;border:none;border-radius:10px;color:#1a1a1a;color:var(--color-primary-text,#1a1a1a);font-size:14px;font-weight:500;margin:4px 0;position:relative;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:before{background:linear-gradient(180deg,#667eea,#764ba2);background:var(--gradient2,linear-gradient(180deg,#667eea 0,#764ba2 100%));border-radius:0 3px 3px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .2s ease;width:3px}.dropdown-item:hover{background:linear-gradient(90deg,#f3f4f6,#0000);background:linear-gradient(90deg,var(--color-hover-bg,#f3f4f6) 0,#0000 100%);transform:translateX(2px)}.dropdown-item:hover:before{height:60%}.dropdown-item:active{background-color:#e5e7eb;background-color:var(--color-active-bg,#e5e7eb);transform:translateX(1px)}.logout-item{border-top:1px solid #0000000f;border-top:1px solid var(--color-border,#0000000f);color:#ef4444;margin-top:8px;padding-top:16px}.logout-item:before{background:#ef4444}.logout-item:hover{background:linear-gradient(90deg,#ef444414,#0000);color:#dc2626}.logout-item svg{color:inherit;flex-shrink:0;transition:transform .2s ease}.logout-item:hover svg{transform:translateX(2px)}.dropdown-item svg{color:#6b7280;color:var(--color-secondary-text,#6b7280);flex-shrink:0;transition:color .2s ease}.dropdown-item:hover svg{color:#1a1a1a;color:var(--color-primary-text,#1a1a1a)}.dropdown-item span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.dark-mode .profile-dropdown{background:#1f2937;background:var(--color-dark-bg,#1f2937);border-color:#ffffff1a;border-color:var(--color-dark-border,#ffffff1a);box-shadow:0 8px 32px #0006,0 2px 8px #0000004d}body.dark-mode .profile-dropdown-header{background:linear-gradient(135deg,#ffffff0d,#0000);border-bottom-color:#ffffff14;border-bottom-color:var(--color-dark-border,#ffffff14)}body.dark-mode .profile-dropdown-header .user-name{color:#f9fafb;color:var(--color-dark-primary-text,#f9fafb)}body.dark-mode .profile-dropdown-header .user-email{color:#9ca3af;color:var(--color-dark-secondary-text,#9ca3af)}body.dark-mode .dropdown-item{color:#f9fafb;color:var(--color-dark-primary-text,#f9fafb)}body.dark-mode .dropdown-item:hover{background:linear-gradient(90deg,#ffffff14,#0000)}body.dark-mode .dropdown-item:hover svg{color:#f9fafb;color:var(--color-dark-primary-text,#f9fafb)}body.dark-mode .dropdown-item:active{background-color:#ffffff1f;background-color:var(--color-dark-active-bg,#ffffff1f)}body.dark-mode .logout-item{border-top-color:#ffffff14;border-top-color:var(--color-dark-border,#ffffff14);color:#f87171}body.dark-mode .logout-item:hover{background:linear-gradient(90deg,#f871711f,#0000);color:#fca5a5}body.dark-mode .logout-item svg{color:inherit}@media screen and (max-width:480px){.profile-dropdown{max-width:280px;min-width:240px}.profile-dropdown-header{padding:18px}.profile-dropdown-header .user-name{font-size:15px}.profile-dropdown-header .user-email{font-size:12px}.dropdown-item{font-size:13px;padding:10px 14px}}.overall-loader-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.overall-loader-canvas-wrapper{left:50%;position:absolute;transform:translateX(-50%)}.overall-loader-canvas-container{position:relative}.overall-loader-message-container{bottom:-2rem;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.overall-loader-message{font-weight:500;letter-spacing:.025em}.notification-panel-overlay{animation:fadeIn .2s ease-out forwards;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0000004d;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;z-index:10000}.notification-panel{background:var(--background-color);border-left:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:400px}.notification-panel.open{transform:translateX(0)}.notification-panel-header{align-items:center;background:var(--surface-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.notification-panel-title{align-items:center;display:flex;gap:8px}.notification-panel-title h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:var(--font-size-lg);font-weight:600;margin:0}.notification-count{background:var(--primary-color);border-radius:12px;color:#fff;font-size:var(--font-size-xs);font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.notification-panel-actions{align-items:center;display:flex;gap:12px}.mark-all-read-btn{background:none;border:none;border-radius:6px;color:var(--primary-color);cursor:pointer;font-family:Poppins,sans-serif;font-size:var(--font-size-sm);font-weight:500;padding:6px 12px;transition:background-color .2s}.mark-all-read-btn:hover{background:var(--shadowLight)}.close-panel-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.close-panel-btn:hover{background:var(--shadowLight);color:var(--text-primary)}.notification-filters{background:var(--background-color);border-bottom:1px solid var(--border-color);display:flex;padding:0 24px}.filter-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:var(--font-size-sm);font-weight:500;gap:6px;padding:12px 16px;position:relative;transition:all .2s}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.filter-count{background:var(--surface-color);border-radius:8px;box-shadow:var(--box-shadow);color:var(--text-primary);font-size:11px;font-weight:600;min-width:16px;padding:2px 6px;text-align:center}.filter-count.critical{background:#ef4444;color:#fff}.notification-list{background:var(--background-color);flex:1 1;overflow-y:auto;padding:8px 0}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#0000}.notification-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.no-notifications{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.no-notifications-icon{color:var(--primary-color);margin-bottom:16px;opacity:.5}.no-notifications h4{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:var(--font-size-base);font-weight:600;margin:0 0 8px}.no-notifications p{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:var(--font-size-sm);margin:0}.notification-item{align-items:flex-start;animation:notification-slide-in .3s ease-out;background:var(--card-background);border-radius:6px;box-shadow:var(--neumorphic-shadow);display:flex;gap:12px;margin:8px 16px;padding:16px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.notification-item:hover{box-shadow:var(--intense-box-shadow);transform:translateY(-2px)}.notification-item:last-child{margin-bottom:16px}.notification-item.error,.notification-item.failure{border-left:4px solid #ef4444}.notification-item.warning{border-left:4px solid #f59e0b}.notification-item.success{border-left:4px solid var(--primary-color)}.notification-item.critical{border-left:4px solid #dc2626;box-shadow:var(--neumorphic-shadow),0 0 0 1px #dc26261a}.notification-item.info{border-left:4px solid var(--accent-color)}@keyframes notification-slide-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.notification-item-content{flex:1 1;min-width:0}.notification-item-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.notification-item-main{flex:1 1;min-width:0}.notification-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:var(--font-size-base);font-weight:600;line-height:1.4;margin:0 0 4px}.notification-time{color:var(--text-muted);font-family:Poppins,sans-serif;font-size:var(--font-size-xs);font-weight:500}.notification-description{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:var(--font-size-sm);-webkit-hyphens:auto;hyphens:auto;line-height:1.5;margin:0;overflow-wrap:break-word;word-break:break-word}.mark-read-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;position:absolute;right:12px;top:12px;transition:all .2s}.mark-read-btn:hover{background:var(--shadowLight);color:var(--primary-color)}.notification-icon{flex-shrink:0;margin-right:4px;margin-top:2px}.notification-icon.error,.notification-icon.failure{color:#ef4444}.notification-icon.warning{color:#f59e0b}.notification-icon.success{color:var(--primary-color)}.notification-icon.critical{color:#dc2626}.notification-icon.info{color:var(--accent-color)}@media (max-width:480px){.notification-panel{right:0;width:100vw}.notification-panel-header{padding:16px 20px}.notification-item{margin:6px 12px;padding:12px 16px}}.project-view-container{background:#eee;box-sizing:border-box;min-height:100vh;padding:24px;width:100%}.project-view-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:1400px}.project-view-title-section{flex:1 1;min-width:0}.project-view-title{color:#1a1a1a;font-size:24px;font-weight:600;letter-spacing:-.01em;margin:0}.project-view-subtitle{color:#64748b;font-size:13px;font-weight:400;line-height:1.4;margin:4px 0 0}.project-view-search-section{margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:100%;max-width:1400px}.project-view-search-input-container{align-items:center;display:flex;position:relative}.project-view-container .project-view-search-icon{align-items:center;color:#9404c3;display:flex;justify-content:center;left:16px;pointer-events:none;position:absolute;z-index:1}.project-view-container .project-view-search-input{background-color:#eee;border:1px solid #9404c31a;border-radius:10px;box-shadow:4px 4px 8px #d5d5d580,-4px -4px 8px #ffffffe6;color:#1a1a1a;font-size:14px;font-weight:400;padding:12px 16px 12px 44px;transition:all .3s ease;width:100%}.project-view-container .project-view-search-input:focus{border-color:#9404c3;box-shadow:0 0 0 3px #9404c314,6px 6px 12px #d5d5d599,-6px -6px 12px #fff;outline:none}.project-view-container .project-view-search-input::placeholder{color:#9ca3af}.project-view-container .project-view-search-clear{align-items:center;background:none;border:none;border-radius:6px;color:#9404c3;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:16px;transition:all .2s ease}.project-view-container .project-view-search-clear:hover{background-color:#9404c31a;color:#550173}.project-view-content{margin:0 auto;max-width:1400px}.project-view-projects-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:24px}.project-view-project-card{background:#eee;border:1px solid #9404c314;border-radius:12px;box-shadow:8px 8px 16px #d5d5d580,-8px -8px 16px #ffffffe6;cursor:pointer;padding:20px;position:relative;transform:scale(1);transition:all .3s cubic-bezier(.4,0,.2,1)}.project-view-project-card:hover{border-color:#9404c326;box-shadow:10px 10px 20px #d5d5d599,-10px -10px 20px #fff,0 4px 16px #9404c326;transform:translateY(-2px)}.project-view-project-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.project-view-project-icon-group{align-items:center;display:flex;flex-shrink:0;gap:6px}.project-view-project-icon{background:linear-gradient(135deg,#9404c31a,#5501731a);border-radius:10px;flex-shrink:0;height:40px;position:relative;width:40px}.project-status-icon,.project-view-project-icon{align-items:center;display:flex;justify-content:center}.project-view-project-icon svg{color:#9404c3;height:22px;position:relative;transition:all .3s ease;width:22px;z-index:1}.project-view-project-card:hover .project-view-project-icon{background:linear-gradient(135deg,#9404c326,#55017326)}.project-view-project-card-content{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.project-view-project-name{color:#1a1a1a;font-size:16px;font-weight:600;line-height:1.3;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-view-project-owner{color:#64748b;font-size:13px;font-weight:400;margin:0}.project-view-project-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:13px;line-height:1.5;margin:0;overflow:hidden}.project-view-project-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.project-view-project-priority,.project-view-project-status,.project-view-project-version{border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.project-view-project-version{background-color:#f3f4f6;color:#374151}.project-view-project-priority.low{background-color:#dbeafe;color:#1d4ed8}.project-view-project-priority.medium{background-color:#fef3c7;color:#d97706}.project-view-project-priority.high{background-color:#fed7d7;color:#dc2626}.project-view-project-priority.critical{background-color:#fee2e2;color:#b91c1c}.project-view-project-status.active{background-color:#d1fae5;color:#065f46}.project-view-project-status.on-hold{background-color:#fef3c7;color:#92400e}.project-view-project-status.completed{background-color:#dbeafe;color:#1e40af}.project-view-project-status.canceled,.project-view-project-status.inactive{background-color:#f3f4f6;color:#6b7280}.project-view-project-status.deleted{background-color:#fee2e2;color:#dc2626}.project-view-project-updated{border-top:1px solid #f3f4f6;color:#9ca3af;font-size:12px;margin-top:8px;padding-top:12px}.project-view-no-projects-state{background:#eee;border:2px solid #f1f5f9;border-radius:16px;box-shadow:10px 10px 25px #d5d5d5e6,-10px -10px 20px #ffffffe6;margin:0 auto;max-width:500px;padding:80px 20px;text-align:center}.project-view-no-projects-icon{font-size:64px;margin-bottom:24px}.project-view-no-projects-state h3{color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 12px}.project-view-no-projects-state p{color:#64748b;font-size:16px;line-height:1.5;margin:0 0 24px}.project-view-clear-search-button{background:linear-gradient(135deg,#9404c3,#550173);border:none;border-radius:8px;box-shadow:0 2px 8px #9404c340;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.project-view-clear-search-button:hover{box-shadow:0 4px 12px #9404c359;transform:translateY(-2px)}.project-view-loading{background:#eee;border:2px solid #f1f5f9;border-radius:16px;box-shadow:10px 10px 25px #d5d5d5e6,-10px -10px 20px #ffffffe6;margin:40px auto;max-width:500px;padding:80px 20px;text-align:center}.project-view-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#9404c3;height:48px;margin:0 auto 24px;width:48px}.project-view-loading-text{color:#1a1a1a;font-size:18px;font-weight:600;margin-bottom:8px}.project-view-loading-subtext{color:#64748b;font-size:14px}.project-view-error{background:#eee;border:2px solid #fed7d7;border-radius:16px;box-shadow:10px 10px 25px #d5d5d5e6,-10px -10px 20px #ffffffe6;margin:40px auto;max-width:500px;padding:80px 20px;text-align:center}.project-view-error-icon{font-size:48px;margin-bottom:24px}.project-view-error h3{color:#dc2626;font-size:20px;font-weight:700;margin:0 0 12px}.project-view-error p{color:#6b7280;font-size:14px;margin:0 0 24px}.project-view-retry-button{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.project-view-retry-button:hover{background:#b91c1c;transform:translateY(-2px)}.project-view-add-project-button{background:linear-gradient(135deg,#9404c3,#550173);border:none;border-radius:50px;bottom:32px;box-shadow:0 8px 25px #9404c340;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px 24px;position:fixed;right:32px;transition:all .3s ease;z-index:1000}.project-view-add-project-button:hover{box-shadow:0 12px 30px #9404c359;transform:translateY(-2px)}.project-view-add-project-button:active{transform:translateY(0)}@media (max-width:768px){.project-view-container{padding:20px}.project-view-title{font-size:28px}.project-view-projects-grid{gap:16px;grid-template-columns:1fr}.project-view-project-card{padding:20px}.project-view-add-project-button{bottom:20px;font-size:14px;padding:14px 20px;right:20px}}@media (max-width:480px){.project-view-container{padding:16px}.project-view-container .project-view-search-input{padding:14px 18px 14px 46px}.project-view-project-card{padding:16px}.project-view-project-name{font-size:16px}}.create-options-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.create-options-menu{background:#eee;border:2px solid #9404c31a;border-radius:20px;box-shadow:10px 10px 25px #d5d5d5e6,-10px -10px 20px #ffffffe6;max-width:90vw;min-width:400px;padding:24px}.create-options-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.create-options-header h3{color:#1a1a1a;font-size:20px;font-weight:700;margin:0}.options-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.options-close:hover{background:#f1f5f9;color:#64748b}.options-close svg{transition:transform .2s ease}.options-close:hover svg{transform:rotate(90deg)}.create-options-list{display:flex;flex-direction:column;gap:12px}.create-option-item{align-items:center;background:#eee;border:2px solid #f1f5f9;border-radius:16px;box-shadow:6px 6px 12px #d5d5d599,-6px -6px 12px #ffffffe6;cursor:pointer;display:flex;gap:16px;padding:20px;text-align:left;transition:all .3s ease}.create-option-item:hover{border-color:#9404c3;box-shadow:8px 8px 16px #d5d5d5b3,-8px -8px 16px #fff,0 4px 16px #9404c340;transform:translateY(-2px)}.option-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;position:relative;transition:all .3s ease;width:56px}.ai-icon{background:linear-gradient(135deg,#9404c3,#550173);box-shadow:0 4px 12px #9404c34d;color:#fff}.manual-icon{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 4px 12px #64748b4d;color:#fff}.option-icon svg{position:relative;transition:transform .3s ease;z-index:1}.create-option-item:hover .option-icon svg{transform:scale(1.1)}.option-content{flex:1 1}.option-title{color:#1a1a1a;font-size:16px;font-weight:700;margin-bottom:4px}.option-description{color:#64748b;line-height:1.4}@media (max-width:480px){.create-options-menu{margin:20px;min-width:auto;padding:20px}.create-option-item{gap:12px;padding:16px}.option-icon{height:40px;width:40px}.option-title{font-size:15px}.option-description{font-size:13px}}.select-mode-button{align-items:center;background:#eee;border:1px solid #9404c326;border-radius:8px;box-shadow:4px 4px 8px #d5d5d580,-4px -4px 8px #ffffffe6;color:#9404c3;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.select-mode-button:hover{border-color:#9404c3;box-shadow:6px 6px 12px #d5d5d599,-6px -6px 12px #fff,0 2px 8px #9404c326;color:#550173;transform:translateY(-1px)}.select-mode-button.active{background:linear-gradient(135deg,#9404c3,#550173);border-color:#9404c3;box-shadow:0 2px 8px #9404c34d;color:#fff}.select-mode-button svg{flex-shrink:0;transition:transform .2s ease}.select-mode-button:hover svg{transform:scale(1.1)}.view-menu-container{flex-shrink:0;position:relative}.view-menu-trigger{align-items:center;background:#eee;border:1px solid #9404c326;border-radius:8px;box-shadow:4px 4px 8px #d5d5d580,-4px -4px 8px #ffffffe6;color:#9404c3;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.view-menu-trigger:hover{border-color:#9404c3;box-shadow:6px 6px 12px #d5d5d599,-6px -6px 12px #fff,0 2px 8px #9404c326;color:#550173;transform:scale(1.05)}.view-menu-trigger svg{transition:transform .2s ease}.view-menu-trigger:hover svg{transform:scale(1.1)}.view-menu-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.view-menu-dropdown{animation:menuSlideDown .2s ease-out;background:#eee;border:2px solid #f1f5f9;border-radius:12px;box-shadow:10px 10px 25px #d5d5d5e6,-10px -10px 20px #ffffffe6;min-width:220px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:999}.view-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;position:relative;text-align:left;transition:all .2s ease;width:100%}.view-menu-item:hover{background-color:#9404c314;color:#9404c3}.view-menu-item svg{color:currentColor;flex-shrink:0;transition:all .2s ease}.view-menu-item:hover svg{transform:scale(1.1)}.view-menu-item span{flex:1 1}.view-menu-item .checkmark{color:#9404c3;font-weight:700;margin-left:auto}.view-menu-item.active{background-color:#9404c31a;color:#9404c3;font-weight:600}.project-card-action-menu{flex-shrink:0;position:relative}.project-card-action-trigger{align-items:center;background:#0000;border:none;border-radius:6px;color:#9404c3;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.project-card-action-trigger:hover{background-color:#9404c31a;transform:scale(1.1)}.project-card-action-trigger svg{transition:transform .2s ease}.project-card-action-trigger:hover svg{transform:rotate(90deg)}.project-card-action-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:100}.project-card-action-dropdown{animation:project-card-action-slideDown .15s ease-out;background:#eee;border:1px solid #9404c31a;border-radius:8px;box-shadow:8px 8px 16px #d5d5d599,-8px -8px 16px #fff,0 4px 12px #0000001a;min-width:140px;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:150}@keyframes project-card-action-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.project-card-action-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;padding:10px 12px;text-align:left;transition:all .15s ease;white-space:nowrap;width:100%}.project-card-action-item:hover{background-color:#9404c314;color:#9404c3}.project-card-action-item:active{transform:scale(.98)}.project-card-action-item.delete{color:#dc2626}.project-card-action-item.delete:hover{background-color:#ef44441a;color:#dc2626}.project-card-action-item.restore{color:#059669;font-weight:600}.project-card-action-item.restore:hover{background-color:#10b9811a;color:#047857}.project-card-checkbox{flex-shrink:0}.project-card-checkbox input[type=checkbox]{border:2px solid #d1d5db;border-radius:4px;cursor:pointer;height:20px;transition:all .2s ease;width:20px}.project-card-checkbox input[type=checkbox]:checked{background:linear-gradient(135deg,#9404c3,#550173);border-color:#9404c3}.project-card-selected{background-color:#9404c305;border-color:#9404c3;box-shadow:0 4px 12px #9404c326}.project-card-not-selectable{cursor:not-allowed;opacity:.6}.project-card-inactive{opacity:.8}.project-card-deleted{cursor:not-allowed;opacity:.7}.deletion-warning{align-items:center;background-color:#fef3c7;border:1px solid #fbbf24;border-radius:8px;color:#92400e;display:flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:12px;padding:8px 12px}.deletion-warning svg{color:#f59e0b;flex-shrink:0}.bulk-action-toolbar{align-items:center;background:#eee;border:2px solid #9404c31a;border-radius:12px;box-shadow:10px 10px 25px #d5d5d5e6,-10px -10px 20px #ffffffe6;display:flex;justify-content:space-between;margin:16px 0;padding:16px 24px}.bulk-action-info{align-items:center;color:#9404c3;display:flex;font-weight:600;gap:12px}.bulk-action-info svg{transition:transform .3s ease}.bulk-checkbox{accent-color:#9404c3;cursor:pointer;height:18px;transition:transform .2s ease;width:18px}.bulk-checkbox:hover{transform:scale(1.1)}.bulk-actions{display:flex;gap:12px}.bulk-action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.bulk-action-button svg{transition:transform .2s ease}.bulk-action-button:hover svg{transform:scale(1.1)}.bulk-action-button.archive{background:#3b82f61a;border:1px solid #3b82f633;color:#2563eb}.bulk-action-button.archive:hover{background:#3b82f633;box-shadow:0 4px 12px #3b82f640;transform:translateY(-2px)}.bulk-action-button.delete{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.bulk-action-button.delete:hover{background:#ef444433;box-shadow:0 4px 12px #ef444440;transform:translateY(-2px)}.bulk-action-button.cancel{background:#6b72801a;border:1px solid #6b728033;color:#4b5563}.bulk-action-button.cancel:hover{background:#6b728033;transform:translateY(-1px)}.favorite-star-icon{display:inline-block;filter:drop-shadow(0 2px 4px rgba(251,191,36,.3));transition:all .2s ease;vertical-align:middle}.favorite-star-icon:hover{transform:scale(1.1) rotate(5deg)}.project-view-project-card.favorite-project{border-color:#fbbf2433}.project-view-project-card.favorite-project:hover{border-color:#fbbf244d;box-shadow:10px 10px 20px #d5d5d599,-10px -10px 20px #fff,0 4px 16px #fbbf2433}.project-detail-view-container{background-color:#eee;box-sizing:border-box;min-height:100vh;padding:24px;width:100%}.project-detail-view-header{align-items:center;border-bottom:none;display:flex;gap:16px;margin-bottom:24px;padding-bottom:0;position:relative}.project-detail-view-back-icon-btn{align-items:center;background:#eee;border:1px solid #9404c31a;border-radius:10px;box-shadow:4px 4px 8px #d5d5d580,-4px -4px 8px #ffffffe6;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.project-detail-view-back-icon-btn:hover{background-color:#9404c314;border-color:#9404c333;box-shadow:6px 6px 12px #d5d5d599,-6px -6px 12px #fff;color:#9404c3;transform:translateX(-4px)}.project-detail-view-info{align-items:center;display:flex;flex:1 1;gap:16px}.project-detail-view-icon{align-items:center;background:linear-gradient(135deg,#9404c3,#550173);border-radius:12px;box-shadow:6px 6px 12px #d5d5d566,-2px -2px 6px #ffffff4d;color:#fff;display:flex;height:56px;justify-content:center;width:56px}.project-detail-view-text{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0;overflow:hidden}.project-detail-view-title{color:#1a1a1a;display:block;font-size:24px;font-weight:600;line-height:1.2;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-detail-view-description{color:#64748b;font-size:14px;line-height:1.5;margin:0}.project-detail-view-actions{align-items:center;display:flex;gap:8px}.project-detail-view-action-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;transition:all .3s ease;white-space:nowrap}.project-detail-view-action-btn.project-detail-view-primary{background:linear-gradient(135deg,#9404c3,#550173);box-shadow:4px 4px 12px #d5d5d566,-2px -2px 6px #fff3;color:#fff}.project-detail-view-action-btn.project-detail-view-primary:hover{box-shadow:6px 6px 16px #d5d5d580,-2px -2px 8px #ffffff4d;transform:translateY(-2px)}.project-detail-view-action-btn.project-detail-view-secondary{background-color:#eee;border:1px solid #9404c333;box-shadow:4px 4px 8px #d5d5d580,-4px -4px 8px #ffffffe6;color:#64748b}.project-detail-view-action-btn.project-detail-view-secondary:hover{background-color:#9404c314;border-color:#9404c34d;color:#9404c3;transform:translateY(-1px)}.project-detail-view-action-btn.project-detail-view-danger{background-color:#dc2626;box-shadow:4px 4px 12px #d5d5d566,-2px -2px 6px #fff3;color:#fff}.project-detail-view-action-btn.project-detail-view-danger:hover{background-color:#b91c1c;box-shadow:6px 6px 16px #d5d5d580,-2px -2px 8px #ffffff4d;transform:translateY(-2px)}.project-detail-view-search{margin:0 auto 32px;max-width:600px}.project-detail-view-search-input-container{align-items:center;display:flex;position:relative}.project-detail-view-search-icon{color:#9404c3;left:16px;pointer-events:none;position:absolute;z-index:1}.project-detail-view-search-input{background-color:#eee;border:1px solid #9404c326;border-radius:10px;box-shadow:inset 4px 4px 8px #d5d5d580,inset -4px -4px 8px #ffffffe6,inset 0 1px 0 #ffffff80;box-sizing:border-box;color:#1a1a1a;font-size:14px;font-weight:500;padding:14px 18px 14px 48px;transition:all .3s ease;width:100%}.project-detail-view-search-input:focus{border-color:#9404c34d;box-shadow:inset 4px 4px 8px #d5d5d599,inset -4px -4px 8px #fff,0 0 0 3px #9404c31a;outline:none}.project-detail-view-search-input::placeholder{color:#94a3b8}.project-detail-view-search-clear{background:none;border:none;border-radius:6px;color:#9404c3;cursor:pointer;padding:4px;position:absolute;right:16px;transition:all .2s ease}.project-detail-view-search-clear:hover{background-color:#9404c31a;color:#550173;transform:scale(1.1)}.project-detail-view-content{margin:0 auto;max-width:1200px}.project-detail-view-test-suites-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:32px}.project-detail-view-test-suite-card{align-items:center;background:#eee;border:1px solid #9404c314;border-radius:12px;box-shadow:8px 8px 16px #d5d5d580,-8px -8px 16px #ffffffe6;cursor:pointer;display:flex;gap:16px;overflow:visible;padding:20px;position:relative;transition:all .3s ease}.project-detail-view-test-suite-card:hover{border-color:#9404c326;box-shadow:10px 10px 20px #d5d5d599,-10px -10px 20px #fff;transform:translateY(-2px)}.project-detail-view-test-suite-icon{align-items:center;background:linear-gradient(135deg,#9404c31a,#5501731a);border-radius:10px;box-shadow:4px 4px 8px #d5d5d54d,-2px -2px 6px #ffffff80;color:#9404c3;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.project-detail-view-test-suite-card:hover .project-detail-view-test-suite-icon{transform:scale(1.05)}.project-detail-view-test-suite-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;overflow:hidden}.project-detail-view-test-suite-name{color:#1a1a1a;font-size:16px;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-detail-view-test-suite-description{color:#64748b;font-size:13px;line-height:1.4;margin:0}.project-detail-view-loading,.project-detail-view-test-suites-loading{background:#eee;border:1px solid #9404c31a;border-radius:12px;box-shadow:8px 8px 16px #d5d5d580,-8px -8px 16px #ffffffe6;margin:40px auto;max-width:500px;padding:60px 20px;text-align:center}.project-detail-view-loading-spinner{animation:project-detail-view-spin 1s linear infinite;border:4px solid #9404c31a;border-radius:50%;border-top-color:#9404c3;height:48px;margin:0 auto 20px;width:48px}@keyframes project-detail-view-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.project-detail-view-loading-text{color:#1a1a1a;font-size:16px;font-weight:600;margin-bottom:8px}.project-detail-view-loading-subtext{color:#64748b;font-size:13px}.project-detail-view-error{background:#eee;border:1px solid #dc262633;border-radius:12px;box-shadow:8px 8px 16px #d5d5d580,-8px -8px 16px #ffffffe6;margin:40px auto;max-width:500px;padding:60px 20px;text-align:center}.project-detail-view-error-icon{font-size:48px;margin-bottom:20px}.project-detail-view-error h2{color:#dc2626;font-size:20px;font-weight:600;margin:0 0 16px}.project-detail-view-back-button{background:linear-gradient(135deg,#9404c3,#550173);border:none;border-radius:8px;box-shadow:4px 4px 12px #d5d5d566,-2px -2px 6px #fff3;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .3s ease}.project-detail-view-back-button:hover{box-shadow:6px 6px 16px #d5d5d580,-2px -2px 8px #ffffff4d;transform:translateY(-2px)}.project-detail-view-no-test-suites-state{background:#eee;border:1px solid #9404c31a;border-radius:12px;box-shadow:8px 8px 16px #d5d5d580,-8px -8px 16px #ffffffe6;margin:0 auto;max-width:500px;padding:60px 20px;text-align:center}.project-detail-view-no-results-icon{font-size:56px;margin-bottom:20px}.project-detail-view-no-test-suites-state h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:0 0 10px}.project-detail-view-no-test-suites-state p{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 20px}.project-detail-view-clear-search-button{background:linear-gradient(135deg,#9404c3,#550173);border:none;border-radius:8px;box-shadow:4px 4px 12px #d5d5d566,-2px -2px 6px #fff3;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .3s ease}.project-detail-view-clear-search-button:hover{box-shadow:6px 6px 16px #d5d5d580,-2px -2px 8px #ffffff4d;transform:translateY(-2px)}.project-detail-view-add-test-suite-button{background:linear-gradient(135deg,#9404c3,#550173);border:none;border-radius:50px;bottom:32px;box-shadow:8px 8px 20px #d5d5d599,-4px -4px 12px #ffffff4d,0 4px 16px #9404c34d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:14px 24px;position:fixed;right:32px;transition:all .3s ease;z-index:1000}.project-detail-view-add-test-suite-button:hover{box-shadow:10px 10px 24px #d5d5d5b3,-4px -4px 14px #fff6,0 6px 20px #9404c366;transform:translateY(-2px)}.project-detail-view-add-test-suite-button:active{transform:translateY(0)}@media (max-width:768px){.project-detail-view-container{padding:20px}.project-detail-view-header{flex-wrap:wrap}.project-detail-view-info{flex:1 1;min-width:calc(100% - 120px)}.project-detail-view-actions-menu{left:auto;right:0}.project-detail-view-title{font-size:24px}.project-detail-view-test-suites-grid{gap:16px;grid-template-columns:1fr}.project-detail-view-test-suite-card{padding:20px}.project-detail-view-add-test-suite-button{bottom:20px;font-size:14px;padding:14px 20px;right:20px}}@media (max-width:480px){.project-detail-view-container{padding:16px}.project-detail-view-info{align-items:flex-start;flex-direction:column;gap:12px}.project-detail-view-icon{height:48px;width:48px}.project-detail-view-action-btn{font-size:13px;padding:10px 16px}.project-detail-view-search-input{padding:14px 18px 14px 46px}.project-detail-view-test-suite-card{padding:16px}.project-detail-view-test-suite-name{font-size:16px}}.project-detail-view-actions-menu-container{flex-shrink:0;position:relative}.project-detail-view-actions-menu-btn{align-items:center;background:#eee;border:1px solid #9404c31a;border-radius:10px;box-shadow:4px 4px 8px #d5d5d580,-4px -4px 8px #ffffffe6;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.project-detail-view-actions-menu-btn:hover{background-color:#9404c314;border-color:#9404c333;box-shadow:6px 6px 12px #d5d5d599,-6px -6px 12px #fff;color:#9404c3}.project-detail-view-actions-menu-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.project-detail-view-actions-menu{animation:menuSlideDown .15s ease-out;background:#eee;border:1px solid #9404c31a;border-radius:8px;box-shadow:8px 8px 16px #d5d5d599,-8px -8px 16px #fff,0 4px 12px #0000001a;min-width:180px;padding:4px;position:absolute;right:0;top:calc(100% + 8px);z-index:999}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.project-detail-view-menu-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.project-detail-view-menu-item:hover{background-color:#9404c314;color:#9404c3}.project-detail-view-menu-item svg{flex-shrink:0;transition:all .2s ease}.project-detail-view-menu-item:hover svg{stroke:#9404c3}.project-detail-view-menu-item-danger{color:#dc2626}.project-detail-view-menu-item-danger:hover{background-color:#dc262614;color:#dc2626}.project-detail-view-menu-item-danger:hover svg{stroke:#dc2626}.project-detail-view-menu-divider{background-color:#9404c326;height:1px;margin:4px 0}.sidebar-project-list-container{box-sizing:border-box;display:flex;flex-direction:column;max-height:280px;min-height:120px;overflow:hidden;padding:0 8px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.sidebar-projects-header{align-items:center;background:#ffffff05;border-bottom:1px solid #ffffff1a;border-radius:6px;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:8px;padding:8px 4px}.projects-count{color:#888;color:var(--text-secondary,#888);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.projects-list{box-sizing:border-box;flex:1 1;max-height:100%;overflow-x:hidden;overflow-y:auto;padding-right:4px;scroll-behavior:smooth;width:100%}.projects-list::-webkit-scrollbar{width:4px}.projects-list::-webkit-scrollbar-track{background:#00000005;border-radius:8px;margin:2px 0}.projects-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf6,#6f5b9e);background:linear-gradient(180deg,var(--primary-color,#8b5cf6) 0,#6f5b9e 100%);border-radius:8px;-webkit-transition:all .2s ease;transition:all .2s ease}.projects-list::-webkit-scrollbar-thumb:hover{background:#8b5cf6;background:var(--primary-color,#8b5cf6);transform:scaleY(1.1)}.project-container{margin-bottom:2px;opacity:1;transition:all .2s ease-out}.project-container,.project-item{transform:translateY(0);width:100%}.project-item{align-items:center;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;min-width:0;padding:6px 8px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.project-item:hover{background-color:#0000000f;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.project-item.expanded{transform:translateY(0)}.project-icon{align-items:center;display:flex;flex-shrink:0;margin-right:8px;transition:transform .2s ease}.project-item:hover .project-icon{transform:scale(1.05)}.project-name{color:#5e5e5e;flex:1 1;font-size:14px;font-weight:500;line-height:1.4;margin-right:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.project-name.active{color:#8b5cf6;color:var(--primary-color,#8b5cf6);font-weight:600}.project-files{box-sizing:border-box;margin-left:24px;margin-top:4px;opacity:1;position:relative;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.project-files:before{border-left:2px solid #8b5cf64d;content:"";height:100%;left:-8px;position:absolute;top:0;width:1px}.file-tree-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin-bottom:2px;padding:4px 6px;position:relative;transition:background-color .2s ease}.file-tree-item:hover{background-color:#0000000d}.file-icon{align-items:center;display:flex;margin-right:6px}.file-name{color:var(--text-primary,#333);flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.file-name.active,.file-tree-item:hover .file-name{color:#8b5cf6;color:var(--primary-color,#8b5cf6)}.file-name.active{font-weight:600}.empty-folder-message{color:#999;color:var(--text-muted,#999);font-size:12px;font-style:italic;padding:8px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-message,.loading-projects,.no-projects{animation:fadeInUp .4s ease forwards;box-sizing:border-box;color:#666;color:var(--text-secondary,#666);font-size:13px;opacity:0;padding:20px 15px;text-align:center;width:100%}.loading-projects{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:30px 15px}.loading-spinner{animation:dashboard-spin 1s linear infinite;border:2px solid #8b5cf633;border-top:2px solid var(--primary-color,#8b5cf6);height:24px;margin-bottom:12px;width:24px}.loading-text{color:#666;color:var(--text-secondary,#666);font-size:13px;font-weight:500;margin-top:8px}.loading-subtext{color:#999;color:var(--text-muted,#999);font-size:11px;margin-top:4px;opacity:.8}.loading-files{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;font-size:11px;font-style:italic;gap:6px;padding:8px}.loading-files:before{animation:dashboard-spin 1s linear infinite;border:1px solid #e5e7eb;border-top:1px solid #8b5cf6;border:1px solid var(--border-color,#e5e7eb);border-radius:50%;border-top-color:var(--primary-color,#8b5cf6);content:"";height:10px;width:10px}.no-projects{align-items:center;display:flex;flex-direction:column;gap:8px}.no-projects-subtext{color:#999;color:var(--text-muted,#999);font-size:11px;opacity:.8}.error-message{background-color:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#ef4444;margin:0 8px;padding:15px}.refresh-projects-btn{align-items:center;background:#0000;border:1px solid #8b5cf64d;border-radius:4px;color:#8b5cf6;color:var(--primary-color,#8b5cf6);cursor:pointer;display:flex;font-size:10px;font-weight:500;gap:4px;min-height:22px;padding:4px 8px;transition:all .2s ease}.refresh-projects-btn:hover:not(:disabled){background:#8b5cf61a;border-color:#8b5cf6;border-color:var(--primary-color,#8b5cf6);transform:translateY(-1px)}.refresh-projects-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.refresh-projects-btn.compact{border-radius:3px;min-height:20px;padding:3px}.project-list-action-button{align-items:center;background:#f8fafc;background:var(--surface-color,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:3px;cursor:pointer;display:flex;height:18px;justify-content:center;opacity:0;position:absolute;right:6px;top:50%;transform:translateY(-50%);transform:translateY(-50%) scale(.8);transition:all .2s ease;width:18px;z-index:10}.project-item:hover .project-list-action-button{opacity:1;transform:translateY(-50%) scale(1)}.project-list-action-button:hover{background-color:#8b5cf6;background-color:var(--primary-color,#8b5cf6);border-color:#8b5cf6;border-color:var(--primary-color,#8b5cf6);transform:translateY(-50%) scale(1.1)}.project-list-action-button:hover svg{filter:brightness(0) invert(1)}.search-highlight{animation:pulse 1.5s infinite;background:linear-gradient(120deg,#ffeaa7,#fdcb6e);border-radius:3px;color:#2d3436;font-weight:600;padding:1px 3px}.project-permission-loading{animation:pulse 1.5s ease-in-out infinite;display:inline-block}.active-icon path,.file-tree-item.expanded .file-icon svg path,.project-item.expanded .project-icon svg path{stroke:#8b5cf6!important;stroke:var(--primary-color,#8b5cf6)!important}@media (max-height:600px){.sidebar-project-list-container{max-height:200px}}@media (min-height:699px) and (max-height:768px){.sidebar-project-list-container{max-height:250px}}@media (min-height:700px) and (max-height:900px){.sidebar-project-list-container{max-height:340px}}@media (min-height:901px) and (max-height:1080px){.sidebar-project-list-container{max-height:400px}}@media (min-height:1081px){.sidebar-project-list-container{max-height:500px}}@media (max-width:768px){.sidebar-project-list-container{padding:0 4px}.project-item{padding:5px 6px}.project-name{font-size:13px}.sidebar-projects-header{padding:6px 8px}.refresh-projects-btn{font-size:10px;min-height:24px;padding:4px 6px}.projects-count{font-size:10px}}.sidebar.collapsed .sidebar-project-list-container{padding:0 2px;transition:padding .3s ease}.sidebar.collapsed .project-item{justify-content:center;padding:4px;transition:all .3s ease}.sidebar.collapsed .project-name{opacity:0;transform:translateX(-10px);transition:all .3s ease}.sidebar.collapsed .project-icon{margin-right:0;transform:scale(.9);transition:all .3s ease}.project-list-action-button:focus{outline:2px solid #8b5cf6;outline:2px solid var(--primary-color,#8b5cf6);outline-offset:2px}.recent-chats{margin-bottom:0;max-height:300px;overflow-y:auto;padding:8px 0}.recent-chats-title{color:#6b6b6b;font-size:14px;font-weight:600;margin:0 0 0 20px}.chat-list{max-height:270px;overflow-x:hidden;overflow-y:auto}.chat-item-wrapper{margin:5px 0 5px 30px;position:relative}.chat-item{align-items:center;border-radius:4px;color:#6b6b6b;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;max-height:80px;padding:8px 12px;transition:all .2s ease}.chat-item,.chat-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-text{flex:1 1;margin-right:8px}.chat-item:hover{background-color:#f0f0f0;color:var(--primary-color)}.chat-item.active{background-color:#9404c314;color:var(--primary-color)!important;font-weight:600}.chat-item.active:hover{background-color:#9404c31f;color:var(--primary-color)!important}.chat-delete-button{align-items:center;background:none;border:none;border-radius:2px;color:#6b6b6b;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.chat-delete-button:hover{background-color:#ff44441a;color:#f44}.loading-chats,.no-chats{color:#777;font-size:14px;font-style:italic;padding:10px 0 10px 30px}.search-highlight{background-color:#9404c333;border-radius:2px;font-weight:500;padding:0 2px}.chat-item.active .search-highlight{background-color:#9404c34d;color:var(--primary-color)}.chat-list::-webkit-scrollbar{width:5px}.chat-list::-webkit-scrollbar-track{background:#eee;border-radius:30px;box-shadow:1px 1px 2px 0 #ffffff4d,-1px -1px 2px 0 #bababa80,inset -4px 4px 8px 0 #bababa33,inset 4px -4px 8px 0 #bababa33,inset -4px -4px 8px 0 #ffffffe6,inset 4px 4px 10px 0 #bababae6}.chat-list::-webkit-scrollbar-thumb,.chat-list::-webkit-scrollbar-thumb:hover{background:var(--primary-color);border-radius:20px}.create-folder-modal-overlay *,.create-folder-modal-overlay :after,.create-folder-modal-overlay :before{box-sizing:border-box;margin:0;padding:0}.create-folder-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;font-family:Inter,sans-serif;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.create-folder-modal-container{animation:create-folder-fadeIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;isolation:isolate;margin:20px;max-width:500px;overflow:hidden;padding:0;position:relative;width:100%;z-index:100000}@keyframes create-folder-fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.create-folder-modal-header{align-items:center;background-color:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 24px}.create-folder-modal-header h2{color:#333;font-size:18px;font-weight:600;line-height:1.4;margin:0}.create-folder-close-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;transition:color .2s;width:24px}.create-folder-close-button:hover{color:#333}.create-folder-form{background-color:#fff;padding:24px}.create-folder-form-group{margin-bottom:20px}.uppercase-input{text-transform:uppercase}.uppercase-input::placeholder{text-transform:none}.create-folder-label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.create-folder-input{border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;line-height:1.5;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.create-folder-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #9404c31a;outline:none}.create-folder-input-error{border-color:#ff4d4f!important}.create-folder-error-message{color:#ff4d4f;font-size:12px;line-height:1.5;margin-top:4px}.create-folder-modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.create-folder-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;height:36px;justify-content:center;min-width:80px;padding:8px 16px;transition:all .2s}.create-folder-cancel-button{background:#f7f7f7;border:1px solid #ddd;color:#333}.create-folder-submit-button{background:linear-gradient(to right,var(--primary-color),#47025d);color:#fff}.create-folder-cancel-button:hover{background:#eee}.create-folder-submit-button:hover{opacity:.9}.create-folder-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:576px){.create-folder-modal-container{margin:16px;max-width:calc(100% - 32px)}.create-folder-modal-header{padding:12px 16px}.create-folder-form{padding:16px}}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;z-index:99999}.modal-content{animation:modal-slide-in .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000040;max-height:90vh;max-width:460px;overflow-y:auto;position:relative;width:100%;z-index:100000}.upload-modal{max-width:480px}.modal-header{border-bottom:1px solid #eee;padding:16px 20px}.modal-header h3{color:#333}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:24px;line-height:1}.close-button:hover{color:#333}.modal-body{padding:20px}.current-location{color:#666;font-size:13px;margin-bottom:15px}.path-display{color:#333;font-weight:500}.form-group{margin-bottom:15px}.form-group label{color:#333;font-weight:500;margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.form-group input.input-error{border-color:#d32f2f}.modal-footer{border-top:1px solid #eee;padding:16px 20px}.btn-primary,.btn-secondary{border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.btn-primary{background-color:var(--primary-color);border:none;color:#fff}.btn-primary:hover{background-color:#7a03a0}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.btn-secondary{background-color:#fff;border:1px solid #ddd;color:#333}.btn-secondary:hover{background-color:#f5f5f5}.drop-area{border:2px dashed #ddd;border-radius:6px;cursor:pointer;margin-bottom:15px;padding:30px 20px;text-align:center;transition:all .2s ease}.drop-area:hover{background-color:#9404c308;border-color:var(--primary-color)}.drop-area.dragging{background-color:#9404c30d;border-color:var(--primary-color)}.drop-message{align-items:center;color:#666;display:flex;flex-direction:column;gap:10px}.file-name{color:#333;font-weight:500}.file-size{color:#888;font-size:12px}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.create-folder-checkbox-group{margin-bottom:15px}.create-folder-checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:400}.create-folder-checkbox{cursor:pointer;height:16px;margin-right:8px;width:16px}.create-folder-checkbox-text{color:#333;font-size:14px}.modal-overlay{padding:16px}.modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.modal-header{padding:24px 24px 20px}.header-content{gap:24px}.modal-header h2{color:#1f2937;font-size:24px;font-weight:700;margin:0}.step-indicator{display:flex;gap:8px}.step-dot{align-items:center;background:#f3f4f6;border-radius:50%;color:#9ca3af;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;transition:all .3s ease;width:36px}.step-dot.active{background:#9404c3;color:#fff}.step-dot.completed{background:#10b981;color:#fff}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-btn:hover:not(:disabled){background:#f3f4f6;color:#1f2937}.close-btn:disabled{cursor:not-allowed;opacity:.5}.modal-body{min-height:0}.step-content{max-width:100%}.form-group,.form-row{margin-bottom:20px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr}.method-group{margin-bottom:0}.form-group label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#9404c3;box-shadow:0 0 0 3px #9404c31a;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-group input.error{border-color:#ef4444}.error-text{color:#ef4444;display:block;font-size:12px;margin-top:4px}.files-section h4{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.file-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.file-upload-card{background:#fafafa;border:2px dashed #d1d5db;border-radius:12px;padding:20px;text-align:center;transition:all .2s ease}.file-upload-card:hover{background:#9404c305;border-color:#9404c3}.file-icon{font-size:32px;margin-bottom:8px}.file-upload-card label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.file-upload-card input[type=file]{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:12px;padding:8px;width:100%}.test-steps-content{display:flex;flex-direction:column;gap:24px}.test-steps-header{align-items:center;display:flex;justify-content:space-between}.test-steps-header h4{color:#1f2937;font-size:18px;font-weight:600;margin:0}.steps-count{background:#f0fdf4;border-radius:20px;color:#15803d;font-size:12px;font-weight:600;padding:4px 12px}.empty-state{background:#f8fafc;border:2px dashed #d1d5db;border-radius:12px;padding:60px 40px}.empty-icon{font-size:48px}.empty-state h5{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{margin:0 0 24px}.add-first-step-btn{background:#9404c3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:14px 28px;transition:all .2s ease}.add-first-step-btn:hover:not(:disabled){background:#7c3aed}.add-first-step-btn:disabled{background:#9ca3af;cursor:not-allowed}.steps-overview{display:flex;flex-direction:column;gap:16px}.added-steps h5{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 12px}.steps-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.step-item{align-items:center;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.step-item:hover{border-color:#9404c3;box-shadow:0 2px 8px #9404c31a}.step-info{align-items:center;display:flex;flex:1 1;gap:12px}.step-name{color:#1f2937;font-weight:600}.method-badge{border-radius:4px;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;text-transform:uppercase}.method-badge.get{background:#10b981}.method-badge.post{background:#3b82f6}.method-badge.put{background:#f59e0b}.method-badge.delete{background:#ef4444}.method-badge.patch{background:#8b5cf6}.method-badge.head{background:#6b7280}.method-badge.options{background:#84cc16}.step-endpoint{color:#6b7280;font-family:Monaco,Menlo,Courier New,monospace;font-size:12px}.add-another-step-btn{align-self:flex-start;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.add-another-step-btn:hover:not(:disabled){background:#9404c30d;border-color:#9404c3;color:#9404c3}.add-another-step-btn:disabled{cursor:not-allowed;opacity:.5}.step-form-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1100}.step-form-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;bottom:0;left:0;position:absolute;right:0;top:0}.step-form-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:700px;overflow:hidden;position:relative;width:100%}.step-form-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.step-form-header h5{color:#1f2937;font-size:18px;font-weight:600;margin:0}.close-form-btn{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-form-btn:hover{background:#f3f4f6;color:#374151}.test-step-form{flex:1 1;overflow-y:auto;padding:24px}.headers-section{margin:16px 0}.section-header{margin-bottom:12px}.section-header label{color:#374151;font-size:14px;font-weight:600;margin:0}.add-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.add-btn:hover:not(:disabled){background:#059669}.add-btn:disabled{background:#9ca3af;cursor:not-allowed}.header-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 1fr auto}.header-row input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px}.remove-btn{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.remove-btn:hover:not(:disabled){background:#dc2626}.remove-btn:disabled{background:#9ca3af;cursor:not-allowed}.json-sections{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:16px 0}.json-section{display:flex;flex-direction:column}.json-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.json-header label{color:#374151;font-size:14px;font-weight:600;margin:0}.json-actions{display:flex;gap:6px}.json-actions button{background:#6b7280;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:all .2s ease}.json-actions button:hover:not(:disabled){background:#4b5563}.json-actions button:disabled{background:#9ca3af;cursor:not-allowed}.json-textarea{background:#fafafa;font-family:Monaco,Menlo,Courier New,monospace;font-size:12px;line-height:1.4;min-height:100px;resize:vertical}.json-textarea:focus{background:#fff}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:16px}.cancel-step-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.cancel-step-btn:hover:not(:disabled){background:#f9fafb;color:#374151}.cancel-step-btn:disabled{cursor:not-allowed;opacity:.5}.save-step-btn{background:#9404c3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.save-step-btn:hover:not(:disabled){background:#7c3aed}.save-step-btn:disabled{background:#9ca3af;cursor:not-allowed}.modal-footer{align-items:center;background:#f9fafb;justify-content:space-between}.footer-left,.footer-right{display:flex;gap:12px}.nav-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease}.nav-btn.primary{background:#9404c3;color:#fff}.nav-btn.primary:hover:not(:disabled){background:#7c3aed}.nav-btn.secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.nav-btn.secondary:hover:not(:disabled){background:#e5e7eb}.nav-btn.cancel{background:#fff;border:1px solid #d1d5db;color:#6b7280}.nav-btn.cancel:hover:not(:disabled){background:#f9fafb;color:#374151}.nav-btn:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@media (max-width:768px){.modal{margin:8px;max-width:95vw}.modal-header{align-items:flex-start;flex-direction:column;gap:16px;padding:16px 16px 0}.header-content{justify-content:space-between;width:100%}.close-btn{position:absolute;right:16px;top:16px}.file-grid,.form-row,.json-sections{grid-template-columns:1fr}.header-row{gap:6px;grid-template-columns:1fr 1fr auto}.step-info{align-items:flex-start;flex-direction:column;gap:6px}.modal-footer{flex-direction:column;gap:12px;padding:16px}.footer-left,.footer-right{justify-content:center;width:100%}.nav-btn{flex:1 1;justify-content:center}.step-form-container{margin:8px;max-width:95vw}}@media (max-width:480px){.modal{max-height:95vh}.step-indicator{gap:6px}.step-dot{font-size:12px;height:30px;width:30px}.modal-body,.test-step-form{padding:16px}.header-row{gap:8px;grid-template-columns:1fr}.remove-btn{margin-top:4px;width:100%}.empty-state{padding:40px 20px}.step-form-modal{padding:10px}.form-actions{flex-direction:column}.cancel-step-btn,.save-step-btn{justify-content:center;width:100%}}.logo-section{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:400px;padding:2rem;width:100%}.header-logo{height:auto;margin-bottom:50px;width:280px}.icon-container{align-items:center;display:flex;height:300px!important;justify-content:center;margin-bottom:-40px;margin-left:3%;width:300px!important}.hexagon-back{height:100%!important;position:absolute;width:100%!important}.hexagon-middle{height:83%!important;margin-left:2%;position:absolute;width:83%!important}.icon-middle{height:100%!important;left:48%;object-fit:contain;position:absolute;top:49%;transform:translate(-50%,-50%);width:100%!important}.powered-by{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-top:-8%}.powered-by p{color:#fff;font-family:Poppins,sans-serif;font-size:2rem;font-weight:600;margin:0}.powered-by .logo{height:auto;width:200px}@media (max-width:768px){.logo-section{gap:1.5rem;padding:1.5rem}.header-logo{width:140px}.icon-container{height:200px!important;width:200px!important}.powered-by .logo{width:120px}}@media (max-width:480px){.logo-section{gap:1rem;padding:1rem}.header-logo{width:120px}.icon-container{height:160px!important;width:160px!important}.powered-by .logo{width:100px}}.coming-soon-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-left:25rem;padding-right:25rem}.coming-soon-title{color:#4a5568;font-size:1.5rem;font-weight:700;margin-top:-30px}.coming-soon-header{color:#1d1e1f;font-size:2.5rem;font-weight:700;margin-bottom:-10px}.coming-soon-icon-container{align-items:center;display:flex;height:300px;justify-content:center;margin:2rem 0;position:relative;width:300px}.coming-hexagon-back{height:50%;left:46.5%;position:absolute;top:48%;transform:translate(-50%,-50%);width:50%}.coming-hexagon-middle{height:80%;width:80%}.coming-hexagon-inner,.coming-hexagon-middle{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.coming-hexagon-inner{height:100%;width:100%}.coming-icon-middle{align-items:center;display:flex;height:25%;justify-content:center;left:47%;position:absolute;top:48%;transform:translate(-50%,-50%);width:25%}:root{--spacing-xs:clamp(0.25rem,0.5vw,0.5rem);--spacing-sm:clamp(0.5rem,1vw,1rem);--spacing-md:clamp(1rem,1.5vw,1.5rem);--spacing-lg:clamp(1.5rem,2vw,2rem);--text-base:clamp(2rem,1vw + 0.75rem,4rem);--text-lg:clamp(1.25rem,1.8vw + 1rem,1.5rem);--heading-base:clamp(2rem,3vw + 1.5rem,2.75rem);--hex-size:clamp(80px,15vw,200px)}.header-container{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:var(--container-max);width:100%}.top-section{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:auto 1fr}.hex-element{align-items:center;display:flex;height:auto;width:100%}.hex-element svg{height:auto;max-width:clamp(80px,15vw,200px);max-width:var(--hex-size);transition:max-width .3s ease;width:100%}.text-content{display:flex;flex-direction:column;gap:-20px;margin-left:10%;min-width:0}.text-content h2{font-size:clamp(2rem,3vw + 1.5rem,2.75rem);font-size:var(--heading-base);line-height:1}.text-content h2,.text-content p{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.text-content p{font-size:clamp(2rem,1vw + .75rem,4rem);font-size:var(--text-base);line-height:1.2}.header-container>.button-group{display:flex;flex-wrap:wrap;gap:1rem}.header-container>.button-group>.purple-button{flex:1 1;font-size:.875rem;margin-top:.5rem;min-height:2.5rem;min-width:200px;padding-bottom:.375rem;padding-top:.375rem}.header-container>.button-group>.purple-button svg{height:18px;width:18px}@media screen and (min-width:64em){.top-section{grid-template-columns:auto 1fr}}@media screen and (max-width:64em){.top-section{grid-template-columns:1fr;text-align:center}.hex-element{justify-content:center}.text-content{align-items:center;margin-left:0}.header-container>.button-group{flex-direction:column;gap:.75rem;width:100%}.header-container>.button-group>.purple-button{margin-top:0;min-width:0;min-width:auto;width:100%}}@media screen and (max-width:30em){.header-container>.button-group>.purple-button{flex:1 1 100%}}@media print{.header-container{gap:1rem}.hex-element svg{max-width:100px}.button-group{display:none}}.tcs-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.tcs-modal-svg-container{height:80vh;max-height:700px;max-width:800px;position:relative;width:90%}.tcs-modal-svg-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.tcs-modal-svg-background svg{height:100%;width:100%}.tcs-modal-content-wrapper{box-sizing:border-box;display:flex;flex-direction:column;height:100%;left:10%;padding:20px 40px;position:absolute;top:0;width:80%;z-index:2}.tcs-modal-header{align-items:center;display:flex;justify-content:center;margin-bottom:-2%}.tcs-modal-title{color:#fff}.tcs-modal-close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:24px}.tcs-modal-content{flex:1 1;margin-top:3%;overflow-y:auto}.tcs-modal-text{color:#fff;font-size:14px;line-height:1.5}.tcs-modal-text pre{font-family:inherit;white-space:pre-wrap}.tcs-modal-footer{display:flex;justify-content:flex-end;margin-left:40%}.tcs-modal-button{border-radius:4px;cursor:pointer;font-weight:500;padding:10px 16px;transition:all .2s ease}.tcs-modal-accept{background-color:#9404c3;border:none;color:#fff}.tcs-modal-accept:hover{background-color:#7b03a0}.tcs-modal-decline{background-color:#ffffff1a;border:1px solid #ffffff4d;color:#fff}.tcs-modal-decline:hover{background-color:#fff3}body.modal-open .HomeScreen-tab-arrow{display:none}.tcs-modal-content::-webkit-scrollbar{height:8px;width:8px}.tcs-modal-content::-webkit-scrollbar-track{background-color:#282b32;border-radius:4px;box-shadow:inset -1px 1px 2px 0 #10111433,inset 1px -1px 2px 0 #10111433,inset -1px -1px 2px 0 #404550e6,inset 1px 1px 3px 0 #101114e6;filter:drop-shadow(-1px -1px 2px rgba(16,17,20,.5)) drop-shadow(1px 1px 2px rgba(64,69,80,.3))}.tcs-modal-content::-webkit-scrollbar-thumb{background:#9404c3;border-radius:4px}.HomeScreen-container{height:100vh;overflow:hidden;position:relative;width:100vw}.HomeScreen-background{height:100%;left:0;position:absolute;top:0;transition:filter .3s ease;width:100%;z-index:-1}.HomeScreen-background img{height:100%;object-fit:cover;width:100%}.HomeScreen-blur{filter:blur(16.5px)}.HomeScreen-main-wrapper{height:100%;transition:transform .3s ease}.HomeScreen-content-container,.HomeScreen-main-wrapper{align-items:center;display:flex;justify-content:center;width:100%}.HomeScreen-content-container{flex-direction:column;max-width:80%;padding:2rem;transition:filter .3s ease}@media (min-width:768px){.HomeScreen-content-container{max-width:60%}}@media (min-width:1200px){.HomeScreen-content-container{max-width:50%}}.HomeScreen-icon-container{display:flex;justify-content:center;margin-bottom:2rem;width:100%}.HomeScreen-icon-container img{height:auto;max-width:100%;width:150px}.HomeScreen-logo-container{display:flex;justify-content:center;width:100%}.HomeScreen-logo-container img{height:auto;max-width:100%;width:200px}@media (min-width:768px){.HomeScreen-icon-container img{width:300px}.HomeScreen-logo-container img{width:240px}}@media (min-width:1200px){.HomeScreen-icon-container img,.HomeScreen-logo-container img{width:300px}}@media (min-width:2500px){.HomeScreen-icon-container img,.HomeScreen-logo-container img{width:450px}}@media (min-width:3000px){.HomeScreen-icon-container img,.HomeScreen-logo-container img{width:850px}}.HomeScreen-shifted{transform:translateX(-25%)}.HomeScreen-slider-wrapper{overflow:hidden;pointer-events:none;right:0}.HomeScreen-slider,.HomeScreen-slider-wrapper{height:100%;position:absolute;top:0;width:50vw}.HomeScreen-slider{pointer-events:auto;right:calc(-48vw + 60px);transition:right .3s ease}.HomeScreen-slider-expanded{right:0}.HomeScreen-slider-svg,.HomeScreen-slider-svg-container{height:100%;position:absolute;right:0;top:0;width:100%}.HomeScreen-tab-arrow{align-items:center;cursor:pointer;display:flex;justify-content:center;pointer-events:auto;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:right .3s ease;z-index:5}.HomeScreen-slider-expanded+.HomeScreen-tab-arrow{right:calc(47.5vw - 40px)}.HomeScreen-arrow-icon{height:32px;transition:transform .3s ease;width:32px}.HomeScreen-arrow-rotated{transform:rotate(180deg)}.HomeScreen-slider-content{align-items:center;display:flex;height:100%;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:5}.HomeScreen-slider-expanded .HomeScreen-slider-content{opacity:1;pointer-events:auto}.HomeScreen-card-container{--card-width:600px;--card-height:858px;--card-scale:0.7;align-items:center;display:flex;height:calc(var(--card-height)*var(--card-scale));justify-content:center;margin-left:10%;max-height:90%;max-width:90%;position:relative;width:calc(var(--card-width)*var(--card-scale))}.HomeScreen-card-svg{display:block;height:100%;width:100%}.HomeScreen-card-content{height:85%;position:relative;width:85%}.form-container{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;width:100%}.form-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem;width:100%}.form-label{color:#ccc;display:block;font-size:1rem;margin-bottom:.5rem}.form-input{background-color:#ffffff14;border:1px solid #ffffff26;border-radius:.5rem;color:#fff;font-size:1rem;padding:.75rem 1rem;width:100%}.form-input:focus{border-color:#9404c3cc;box-shadow:0 0 0 2px #9404c34d;outline:none}.form-button{background:linear-gradient(135deg,#9404c3,#5c0177);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:1rem;padding:.75rem;transition:all .2s ease;width:100%}.form-button:hover{box-shadow:0 4px 8px #9404c366;transform:translateY(-2px)}.form-link{font-size:.9rem;margin-top:1.5rem;text-align:center}.form-link a{color:#9404c3;cursor:pointer;text-decoration:none}.form-link a:hover{text-decoration:underline}.forgot-password{font-size:.9rem;margin-top:.5rem;text-align:right}.forgot-password a{color:#ccc;text-decoration:none}.forgot-password a:hover{color:#fff;text-decoration:underline}@media (max-width:768px){.HomeScreen-slider-wrapper{width:70vw}.HomeScreen-slider{right:calc(-70vw + 40px);width:70vw}.HomeScreen-tab-arrow{right:10px}.HomeScreen-slider-expanded+.HomeScreen-tab-arrow{right:calc(70vw - 40px)}.HomeScreen-arrow-icon{height:28px;width:28px}.HomeScreen-card-container{--card-scale:0.6}.form-title{font-size:1.5rem;margin-bottom:1.5rem}}@media (max-width:480px){.HomeScreen-slider-wrapper{width:80vw}.HomeScreen-slider{right:calc(-80vw + 30px);width:80vw}.HomeScreen-tab-arrow{right:8px}.HomeScreen-slider-expanded+.HomeScreen-tab-arrow{right:calc(80vw - 35px)}.HomeScreen-arrow-icon{height:24px;width:24px}.HomeScreen-shifted{transform:translateX(-35%)}.HomeScreen-card-container{--card-scale:0.5}.form-title{font-size:1.25rem}.form-group,.form-title{margin-bottom:1rem}.form-input{padding:.5rem .75rem}}@media (min-width:1440px){.HomeScreen-card-container{--card-scale:0.8}}@media (min-width:2560px){.HomeScreen-card-container{--card-scale:1.5}}@media (min-width:3000px){.HomeScreen-card-container{--card-scale:1.5}}.form-fade-enter{opacity:0;transform:translateY(20px)}.form-fade-enter-active{transition:opacity .3s,transform .3s}.form-fade-enter-active,.form-fade-exit{opacity:1;transform:translateY(0)}.form-fade-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s,transform .3s}.slider-content-visible{opacity:1!important;transition:opacity .3s ease-in-out .3s!important}.HomeScreen-card-content{align-items:center;display:flex;justify-content:center;overflow:hidden;z-index:2}.HomeScreen-card-content,.HomeScreen-card-shell{height:100%;left:0;position:absolute;top:0;width:100%}.HomeScreen-card-shell{pointer-events:none;z-index:1}.login-form-container{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;overflow-y:auto;padding:10%;width:100%}.login-form-title{color:#fff;margin-top:1%;max-width:90%;text-align:center}.login-form{align-items:center;display:flex;flex-direction:column;width:100%}.login-form-group{width:90%}.login-form-label{font-size:11px;margin-bottom:-10%;margin-top:30%}.login-form-button{margin-bottom:-4%}@keyframes login-ripple{0%{opacity:.5;transform:scale(0)}20%{opacity:.3;transform:scale(25)}to{opacity:0;transform:scale(40)}}@media (max-width:768px){.login-form-title{font-size:1.5rem;margin-bottom:1.2rem}.login-form-button{padding:.6rem}}@media (max-width:480px){.login-form-title{font-size:1.25rem;margin-bottom:1rem}.login-form-input{padding:.5rem .75rem}.login-form-button{font-size:.9rem;padding:.5rem}}.integration-setup-container{background:#eee;display:flex;flex-direction:column;min-height:100vh;padding:30px}.integration-setup-header-blocks{display:flex;gap:16px;margin-bottom:20px;margin-left:auto;margin-right:20px;max-width:2800px;width:100%}.integration-setup-header-left{align-items:center;background:#eee;border:2px solid #e5e7eb;border-radius:12px;box-shadow:6px 6px 12px #d5d5d599,-6px -6px 12px #ffffffe6;display:flex;flex-shrink:0;height:auto;justify-content:center;min-height:100px;width:100px}.integration-setup-header-icon-box{align-items:center;display:flex;height:85px;justify-content:center;position:relative;width:85px}.integration-setup-icon-background{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.integration-setup-icon-overlay{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}.integration-setup-header-right{background:#eee;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px 20px;position:relative}.integration-setup-header-title{border-bottom:3px solid #e5e7eb;color:#111827;font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0;padding-bottom:8px}.integration-setup-header-subtitle{color:#6b7280;font-size:13px;font-weight:500;line-height:1.4;margin:0;padding-top:2px}.integration-setup-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.integration-setup-spin{animation:integration-setup-spin-animation 1s linear infinite;color:#9404c3}@keyframes integration-setup-spin-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.integration-setup-non-admin-message{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh;padding:40px;text-align:center}.integration-setup-non-admin-message h1{color:#1a1a1a;font-size:28px;font-weight:700;margin:0}.integration-setup-non-admin-message p{color:#64748b;font-size:16px;margin:0;max-width:500px}.integration-setup-error-banner{align-items:center;background:#fee2e2;border:1px solid #ef4444;border-radius:12px;color:#dc2626;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:30px;padding:16px 20px}.integration-setup-content{display:flex;flex:1 1;gap:30px;margin-bottom:30px}.integration-setup-right-column{display:flex;flex:1 1;flex-direction:column;gap:20px}.integration-setup-cards-grid{display:flex;flex:1 1;flex-direction:column;gap:28px;transition:all .4s ease}.integration-setup-cards-grid-with-form{flex-shrink:0;flex:initial;gap:12px;width:350px}.integration-setup-cards-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);transition:all .4s ease}.integration-setup-cards-grid-with-form .integration-setup-cards-row{display:flex;flex-direction:column;gap:15px}.integration-setup-optional-section{display:flex;flex-direction:column;gap:18px}.integration-setup-cards-grid-with-form .integration-setup-optional-section{gap:8px}.integration-setup-optional-label{color:#9404c3;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:600;letter-spacing:.8px;padding-left:4px;text-transform:uppercase}.integration-setup-cards-grid-with-form .integration-setup-optional-label{font-size:12px;letter-spacing:.3px;padding-left:2px}.integration-setup-card{background:#eee;border:2px solid #0000;border-radius:16px;box-shadow:5px 5px 15px #d5d5d5cc,-5px -5px 15px #ffffffe6;cursor:pointer;height:-webkit-fit-content;height:fit-content;min-height:100px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.integration-setup-card-horizontal{align-items:center;display:flex;gap:16px}.integration-setup-cards-grid-with-form .integration-setup-card{min-height:80px;padding:12px}.integration-setup-cards-grid-with-form .integration-setup-card-horizontal{gap:12px}.integration-setup-cards-grid-with-form .integration-setup-card-content{gap:6px}.integration-setup-cards-grid-with-form .integration-setup-icon-wrapper,.integration-setup-cards-grid-with-form .integration-setup-icon-wrapper svg{height:60px;width:60px}.integration-setup-cards-grid-with-form .integration-setup-title{font-size:13px;line-height:1.2}.integration-setup-cards-grid-with-form .integration-setup-mandatory-badge{font-size:14px}.integration-setup-cards-grid-with-form .integration-setup-description{font-size:11px;line-height:1.3}.integration-setup-cards-grid-with-form .integration-setup-divider{margin:4px 0}.integration-setup-cards-grid-with-form .integration-setup-configured-badge,.integration-setup-cards-grid-with-form .integration-setup-mandatory-badge-pill{font-size:10px;gap:4px;padding:4px 10px;right:12px;top:8px}.integration-setup-cards-grid-with-form .integration-setup-configured-badge svg,.integration-setup-cards-grid-with-form .integration-setup-mandatory-badge-pill svg{height:12px;width:12px}.integration-setup-cards-grid-with-form .integration-setup-icon img,.integration-setup-cards-grid-with-form .integration-setup-icon svg{transform:scale(.6)}.integration-setup-icon img,.integration-setup-icon svg{transform:scale(1)}.integration-setup-icon img[alt*=Atlassian],.integration-setup-icon svg[data-testid*=atlassian]{transform:scale(1.5)!important}.integration-setup-cards-grid-with-form .integration-setup-icon img[alt*=Atlassian],.integration-setup-cards-grid-with-form .integration-setup-icon svg[data-testid*=atlassian]{transform:scale(.6)!important}.integration-setup-card-configured{border:2px solid #10b981!important;cursor:default}.integration-setup-card-selected{transform:scale(1.02)}.integration-setup-card:not(.integration-setup-card-configured):not(.integration-setup-card-selected):hover{box-shadow:8px 12px 25px #9404c333,-8px -8px 20px #ffffffe6;transform:translateY(-8px) scale(1.02)}.integration-setup-card-content{gap:16px}.integration-setup-card-header{align-items:center;display:flex;gap:16px}.integration-setup-icon-wrapper{align-items:center;display:flex;flex-shrink:0;height:85px;justify-content:center;margin-top:12px;position:relative;width:85px}.integration-setup-icon-bg{height:100%;left:0;position:absolute;top:0;width:100%}.integration-setup-icon{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.integration-setup-card-content{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.integration-setup-card-text{display:flex;flex-direction:column;gap:8px}.integration-setup-title{font-size:16px;font-weight:700;line-height:1.3;margin:0}.integration-setup-mandatory-badge{font-size:18px}.integration-setup-divider{border-radius:1px;height:1.5px;margin:4px 0;width:100%}.integration-setup-description{font-size:13px;line-height:1.4}.integration-setup-mandatory-badge{font-size:16px;margin-left:4px}.integration-setup-card-body{margin:0}.integration-setup-description{font-size:14px;line-height:1.5;margin:0}.integration-setup-configured-badge{background:#10b981}.integration-setup-configured-badge,.integration-setup-mandatory-badge-pill{align-items:center;border-radius:20px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;position:absolute;right:16px;top:16px}.integration-setup-mandatory-badge-pill{background:#ff4c4c}.integration-setup-footer-divider{background:linear-gradient(90deg,#0000,#9404c34d,#0000);border-radius:2px;height:2.5px;width:100%}.integration-setup-footer{align-items:center;background:#eee;border-radius:20px;box-shadow:5px 5px 15px #d5d5d5cc,-5px -5px 15px #ffffffe6;display:flex;gap:20px;justify-content:space-between;padding:20px 24px}.integration-setup-container>.integration-setup-footer{margin-bottom:20%}.integration-setup-footer-info p{color:#64748b;font-size:14px;font-weight:500;margin:0}.integration-setup-proceed-button{align-items:center;border:none;border-radius:14px;box-shadow:0 4px 15px #9404c34d;cursor:pointer;display:flex;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;gap:10px;padding:18px 36px;transition:all .3s ease;white-space:nowrap}.integration-setup-proceed-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.integration-setup-proceed-button:not(:disabled):hover{box-shadow:0 8px 20px #9404c366;transform:translateY(-3px)}.integration-setup-proceed-button:not(:disabled):active{box-shadow:0 4px 12px #9404c359;transform:translateY(-1px)}@media (max-width:1200px){.integration-setup-content{flex-direction:column}.integration-setup-cards-grid-with-form{width:100%}.integration-setup-cards-row{flex-direction:row;flex-wrap:wrap}.integration-setup-header-blocks{flex-direction:column;gap:12px}.integration-setup-header-left{height:70px;width:100%}}@media (max-width:768px){.integration-setup-container{padding:20px}.integration-setup-cards-row{flex-direction:column}.integration-setup-footer{flex-direction:column;text-align:center}.integration-setup-proceed-button{justify-content:center;width:100%}.integration-setup-header-left{height:60px}.integration-setup-header-icon-box{height:48px;width:48px}.integration-setup-icon-overlay{height:24px;width:24px}.integration-setup-header-title{font-size:14px}.integration-setup-header-subtitle{font-size:12px}}.config-form-container{background:#eee;border-radius:20px;box-shadow:10px 10px 25px #d5d5d5e6,-10px -10px 20px #ffffffe6,10px -10px 20px #d5d5d533,-10px 10px 20px #d5d5d533,inset -1px -1px 2px #d5d5d580,inset 1px 1px 2px #ffffff4d;display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 360px);max-height:calc(100vh - 360px);overflow:hidden;padding:20px}.config-form-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.config-form-header-left{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.config-form-header-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.config-form-title{color:#1a1a1a;font-size:20px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-form-status-indicators{align-items:flex-end;display:flex;gap:20px}.config-form-help-button{align-items:center;background:#0000;border:2px solid #eee;border-radius:50%;color:#9404c3;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.config-form-help-button:hover{color:#fff;transform:scale(1.05)}.config-form-status-badge{align-items:center;animation:config-form-badge-appear .3s ease;background:#fff;border-radius:20px;box-shadow:0 2px 8px #00000014;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}@keyframes config-form-badge-appear{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.config-form-tonic-header-button{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 8px #9404c34d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.config-form-tonic-header-button:hover:not(:disabled){box-shadow:0 4px 12px #9404c366;transform:translateY(-1px)}.config-form-tonic-header-button:disabled{cursor:not-allowed;opacity:.6}.config-form-close-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:6px;transition:all .2s ease}.config-form-close-button:hover{background:#f1f5f9;color:#64748b}.config-form-help-overlay{align-items:center;animation:config-form-fade-in .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}@keyframes config-form-fade-in{0%{opacity:0}to{opacity:1}}.config-form-help-modal{animation:config-form-slide-up .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:100%}@keyframes config-form-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.config-form-help-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.config-form-help-header h3{color:#1a1a1a;font-size:20px;font-weight:700;margin:0}.config-form-help-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.config-form-help-close:hover{background:#f1f5f9;color:#64748b}.config-form-help-content{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding:24px}.config-form-help-content::-webkit-scrollbar{width:8px}.config-form-help-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.config-form-help-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.config-form-help-step{align-items:flex-start;display:flex;gap:16px}.config-form-help-step-number{align-items:center;background:linear-gradient(135deg,#9404c3,#550173);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.config-form-help-step-content{flex:1 1}.config-form-help-step-content h4{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 6px}.config-form-help-step-content p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.config-form-unsaved-warning{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#d97706;display:flex;font-size:12px;font-weight:500;gap:6px;margin-bottom:12px;padding:8px 12px}.config-form-body{display:flex;flex:1 1;flex-direction:column;gap:16px;margin-bottom:16px;overflow-x:hidden;overflow-y:auto;padding-right:4px}.config-form-body::-webkit-scrollbar{width:6px}.config-form-body::-webkit-scrollbar-track{background:#0000;border-radius:3px}.config-form-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.config-form-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.config-form-fields-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr}.config-form-fields-grid-multi{gap:12px 16px;grid-template-columns:repeat(2,1fr)}.config-form-group-full{grid-column:1/-1}.config-form-group{gap:6px}.config-form-label{align-items:center;color:#1a1a1a;display:flex;gap:4px}.config-form-required{color:#ef4444;margin-left:2px}.config-form-hint-wrapper{align-items:center;display:inline-flex;margin-left:3px;position:relative}.config-form-hint-icon{color:#94a3b8;cursor:help;transition:color .2s ease}.config-form-hint-icon:hover{color:#64748b}.config-form-hint-tooltip{background:#1a1a1a;border-radius:6px;bottom:calc(100% + 6px);box-shadow:0 4px 12px #00000026;color:#fff;font-size:11px;font-weight:500;left:50%;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:1000}.config-form-hint-tooltip:after{border:5px solid #0000;border-top-color:#1a1a1a;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.config-form-hint-wrapper:hover .config-form-hint-tooltip{opacity:1}.config-form-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.config-form-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:13px;padding:10px 12px;transition:all .2s ease;width:100%}.config-form-input-wrapper:has(.config-form-toggle-secret) .config-form-input{padding-right:40px}.config-form-input:focus{background:#fff;border-color:#9404c3;outline:none}.config-form-input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.config-form-toggle-secret{align-items:center;background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .2s ease;z-index:10}.config-form-toggle-secret:hover{background:#9404c30d;color:#9404c3}.config-form-searchable-dropdown{position:relative;width:100%}.config-form-dropdown-trigger{align-items:center;background:#eee;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-family:inherit;font-size:13px;justify-content:space-between;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.config-form-dropdown-trigger:hover:not(:disabled){background:#fff;border-color:#cbd5e1}.config-form-dropdown-trigger:focus{outline:none}.config-form-dropdown-trigger-open,.config-form-dropdown-trigger:focus{background:#fff;border-color:#9404c3}.config-form-dropdown-trigger:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.config-form-dropdown-placeholder{color:#94a3b8}.config-form-dropdown-selected-value{color:#1a1a1a}.config-form-dropdown-chevron{color:#64748b;flex-shrink:0;transition:transform .2s ease}.config-form-dropdown-chevron-rotated{transform:rotate(180deg)}.config-form-dropdown-menu-portal{animation:config-form-dropdown-slide-in .2s ease;background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0000001a;overflow:hidden}@keyframes config-form-dropdown-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.config-form-dropdown-search{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:6px;padding:10px}.config-form-dropdown-search svg{color:#94a3b8;flex-shrink:0}.config-form-dropdown-search input{background:#0000;border:none;color:#1a1a1a;flex:1 1;font-family:inherit;font-size:13px;outline:none}.config-form-dropdown-search input::placeholder{color:#94a3b8}.config-form-dropdown-options{max-height:200px;overflow-y:auto;padding:4px}.config-form-dropdown-options::-webkit-scrollbar{width:6px}.config-form-dropdown-options::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.config-form-dropdown-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.config-form-dropdown-option{background:#0000;border:none;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:2px;padding:8px 10px;text-align:left;transition:all .15s ease;width:100%}.config-form-dropdown-option:hover{background:#f8fafc}.config-form-dropdown-option-selected{background:#ede9fe;color:#9404c3}.config-form-dropdown-option-label{color:#1a1a1a;font-size:13px;font-weight:500}.config-form-dropdown-option-selected .config-form-dropdown-option-label{color:#9404c3;font-weight:600}.config-form-dropdown-option-value{color:#64748b;font-size:11px}.config-form-dropdown-option-selected .config-form-dropdown-option-value{color:#7c3aed}.config-form-dropdown-no-options{color:#94a3b8;font-size:13px;padding:16px;text-align:center}.config-form-field-error{align-items:center;color:#ef4444;display:flex;font-size:11px;font-weight:500;gap:3px;margin-top:2px}.config-form-error-message{background:#fee2e2;border:1px solid #ef4444;border-radius:6px;color:#dc2626}.config-form-error-message,.config-form-success-message{align-items:center;display:flex;font-size:12px;font-weight:500;gap:6px;padding:10px 12px}.config-form-success-message{background:#d1fae5;border:1px solid #10b981;border-radius:6px;color:#059669}.config-form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;padding-top:16px}.config-form-save-button,.config-form-verify-button{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:14px;font-weight:700;gap:6px;justify-content:center;padding:12px;transition:all .3s ease}.config-form-save-button:disabled,.config-form-verify-button:disabled{cursor:not-allowed;opacity:.6}.config-form-save-button:not(:disabled):hover,.config-form-verify-button:not(:disabled):hover{box-shadow:0 6px 16px #9404c359;transform:translateY(-2px)}.config-form-spin{animation:config-form-spin-animation 1s linear infinite}@keyframes config-form-spin-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1400px){.config-form-fields-grid-multi{grid-template-columns:1fr}}@media (max-width:1200px){.config-form-actions{flex-direction:column}}.help-modal-overlay{animation:help-modal-fade-in .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;padding:20px}@keyframes help-modal-fade-in{0%{opacity:0}to{opacity:1}}.help-modal-content{animation:help-modal-slide-up .3s ease;border-radius:20px;box-shadow:0 25px 70px #0006;max-height:90vh;max-width:800px;width:100%}@keyframes help-modal-slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.help-modal-header{background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:2px solid #e2e8f0;flex-shrink:0;gap:16px;padding:24px 28px}.help-modal-header h2{color:#1a1a1a;flex:1 1;font-size:24px;font-weight:700;margin:0}.help-back-button{align-items:center;background:#0000;border:2px solid;border-radius:10px;color:#9404c3;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.help-back-button:hover{background:#9404c31a;transform:translateX(-2px)}.back-arrow{font-size:18px;transition:transform .2s ease}.help-back-button:hover .back-arrow{transform:translateX(-3px)}.help-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:28px}.help-content::-webkit-scrollbar{width:10px}.help-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.help-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}.help-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.help-title{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 12px}.help-intro{color:#64748b;font-size:16px;line-height:1.6;margin:0 0 28px}.help-section{border:2px solid #e2e8f0;border-radius:12px;margin-bottom:16px;overflow:hidden;transition:all .2s ease}.help-section:hover{border-color:#cbd5e1}.help-section-header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-family:inherit;font-size:16px;font-weight:600;gap:12px;padding:16px 20px;text-align:left;transition:all .2s ease;width:100%}.help-section-header:hover{background:#9404c30d!important}.help-section-icon{color:#9404c3;display:inline-block;font-size:12px;text-align:center;transition:transform .2s ease;width:16px}.help-section-title{align-items:center;display:flex;flex:1 1;gap:8px}.help-section-content{animation:help-section-expand .3s ease;padding:0 20px 20px}@keyframes help-section-expand{0%{max-height:0;opacity:0}to{max-height:2000px;opacity:1}}.help-section-content h4{color:#1a1a1a;font-size:16px;font-weight:600;margin:20px 0 12px}.help-section-content p{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 12px}.help-section-content ul{margin:8px 0;padding-left:24px}.help-section-content li{color:#64748b;font-size:14px;line-height:1.5;margin:6px 0}.help-section-content ol{margin:8px 0;padding-left:24px}.help-section-content ol li{margin:8px 0}.help-steps{display:flex;flex-direction:column;gap:14px;margin:16px 0}.help-step{align-items:flex-start;display:flex;gap:14px}.step-number{align-items:center;background:linear-gradient(135deg,#9404c3,#550173);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.help-step>div,.help-step>span:not(.step-number){color:#64748b;flex:1 1;font-size:14px;line-height:1.6;padding-top:5px}.help-step strong{color:#1a1a1a;display:block;margin-bottom:4px}.help-step a{color:#9404c3;font-size:13px;text-decoration:none;word-break:break-all}.help-step a:hover{text-decoration:underline}.help-examples{gap:10px;margin:16px 0}.help-example,.help-examples{display:flex;flex-direction:column}.help-example{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;gap:6px;padding:12px 16px}.help-example code{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#9404c3;display:inline-block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;padding:6px 10px;word-break:break-all}.example-label{color:#64748b;font-size:12px;font-weight:500}.help-note{background:#3b82f61a;border-left:4px solid #3b82f6;border-radius:8px;margin:16px 0;padding:14px 16px}.help-note strong{color:#1a1a1a;display:block;font-size:14px;margin-bottom:8px}.help-note p{margin:8px 0}.help-note ul{margin:8px 0 0}.help-warning{background:#ef44441a;border-left:4px solid #ef4444;border-radius:8px;margin:16px 0;padding:14px 16px}.help-warning strong{color:#dc2626;display:block;font-size:14px;margin-bottom:8px}.help-warning ul{margin:8px 0 0}.help-warning li{color:#991b1b}.help-resources{border-top:2px solid #e2e8f0;margin-top:32px;padding-top:24px}.help-resources h4{color:#1a1a1a;font-size:18px;font-weight:700;margin:0 0 16px}.help-resources ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.help-resources li{margin:0}.help-resources a{align-items:center;background:#9404c30d;border-radius:8px;color:#9404c3;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;text-decoration:none;transition:all .2s ease}.help-resources a:before{content:"→";font-weight:700}.help-resources a:hover{background:#9404c326;transform:translateX(3px)}.help-troubleshooting{border-top:2px solid #e2e8f0;margin-top:32px;padding-top:24px}.help-troubleshooting h4{color:#1a1a1a;font-size:18px;font-weight:700;margin:0 0 16px}.help-troubleshooting details{border:2px solid #e2e8f0;border-radius:10px;margin-bottom:12px;overflow:hidden;transition:all .2s ease}.help-troubleshooting details:hover{border-color:#cbd5e1}.help-troubleshooting summary{background:#f8fafc;cursor:pointer;font-size:14px;font-weight:600;list-style:none;padding:14px 18px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.help-troubleshooting summary::-webkit-details-marker{display:none}.help-troubleshooting summary:before{color:#9404c3;content:"▶";display:inline-block;font-size:12px;margin-right:8px;transition:transform .2s ease}.help-troubleshooting details[open] summary:before{transform:rotate(90deg)}.help-troubleshooting summary:hover{background:#f1f5f9}.help-troubleshooting details p{color:#64748b;font-size:14px;line-height:1.6;margin:0;padding:14px 18px}.help-troubleshooting details ul{margin:0;padding:0 18px 14px 42px}.help-troubleshooting details li{margin:6px 0}.help-troubleshooting details code{background:#f1f5f9;border-radius:4px;color:#9404c3;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;padding:2px 6px}.help-security{background:#ffc1071a;border-left:4px solid #ffc107;border-radius:10px;margin-top:24px;padding:18px 20px}.help-security h4{color:#1a1a1a;font-size:16px;font-weight:700;margin:0 0 12px}.help-security ul{margin:0;padding-left:24px}.help-security li{color:#64748b;font-size:14px;line-height:1.5;margin:8px 0}code{background:#f1f5f9;color:#9404c3;font-family:Monaco,Menlo,Ubuntu Mono,monospace}pre{background:#1a1a1a;border-radius:10px;color:#fff;margin:16px 0;overflow-x:auto;padding:16px}pre code{background:#0000;color:inherit;padding:0}@media (max-width:768px){.help-modal-overlay{padding:10px}.help-modal-content{border-radius:16px;max-height:95vh}.help-modal-header{padding:18px 20px}.help-modal-header h2{font-size:20px}.help-content{padding:20px}.help-title{font-size:24px}.help-section-header{font-size:14px;padding:12px 16px}.help-section-content{padding:0 16px 16px}.help-step{flex-direction:column;gap:10px}.step-number{font-size:12px;height:28px;width:28px}.help-example code{font-size:11px;word-break:break-all}}@media (prefers-color-scheme:dark){.help-modal-content{background:#1a1a1a}.help-modal-header{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-bottom-color:#333}.help-modal-header h2,.help-note strong,.help-resources h4,.help-section-content h4,.help-security h4,.help-title,.help-troubleshooting h4{color:#f1f5f9}.help-intro,.help-section-content li,.help-section-content p,.help-security li,.help-step>div,.help-step>span:not(.step-number),.help-troubleshooting details li,.help-troubleshooting details p{color:#cbd5e1}.help-section{border-color:#333}.help-section:hover{border-color:#444}.help-section-header:hover{background:#9404c326!important}.help-example{background:#2d2d2d;border-color:#333}.help-example code{background:#1a1a1a;border-color:#333}code{background:#2d2d2d}.help-content::-webkit-scrollbar-track{background:#2d2d2d}.help-content::-webkit-scrollbar-thumb{background:#444}.help-content::-webkit-scrollbar-thumb:hover{background:#555}.help-troubleshooting summary{background:#2d2d2d}.help-troubleshooting summary:hover{background:#333}.help-troubleshooting details{border-color:#333}.help-troubleshooting details:hover{border-color:#444}.help-troubleshooting details code{background:#2d2d2d}.help-resources ul{background:#0000}.help-resources a{background:#9404c326}.help-resources a:hover{background:#9404c340}}.dashboard-header{align-items:stretch;display:flex;gap:1.5rem;margin-bottom:1.5rem}.dashboard-header-left{background:#0000;border-radius:0;box-shadow:none;display:flex;flex:0 1 70%;flex-direction:column;min-height:200px;overflow:visible;padding:2rem;position:relative}.background-svg{height:calc(100% + 65px);left:-25px;pointer-events:none;position:absolute;top:-30px;width:calc(100% + 40px);z-index:0}.dashboard-title-section{position:relative;z-index:1}.dashboard-title-section h1.dashboard-title{-webkit-text-fill-color:#0000;word-wrap:break-word;background:var(--text-primary);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;margin:0 0 1rem;max-width:100%;overflow-wrap:break-word;padding-bottom:.75rem;position:relative;white-space:normal}.dashboard-title-section h1.dashboard-title:after{background:#0000001a;border:1px solid var(--filter-border-color);bottom:0;box-shadow:0 1px 0 #ffffff1a;content:"";height:1px;left:0;position:absolute;width:80%}.dashboard-stats-inline{align-items:flex-end;display:flex;justify-content:space-between;margin-top:auto;padding-top:1rem;position:relative;width:100%;z-index:1}.dashboard-stats-inline .dashboard-header-stat-label{align-self:flex-end;color:var(--text-primary);font-size:1.2rem;margin:0}.dashboard-stats-inline .dashboard-header-stat-value{align-self:flex-end;color:var(--primary-color);font-size:1.5rem;font-weight:700;margin:0}.dashboard-title .dashboard-username{-webkit-text-fill-color:#0000;background:var(--primary-color);-webkit-background-clip:text;background-clip:text;color:var(--primary-color);font-weight:600}.dashboard-subtitle{color:var(--text-secondary);font-size:1.125rem;margin:0}.dashboard-demo-badge{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:9999px;color:#d97706;display:inline-flex;font-size:.75rem;font-weight:500;margin-left:1rem;padding:.25rem .5rem}.dashboard-demo-project{color:var(--primary-color);font-weight:500}.dashboard-demo-separator{color:var(--text-muted)}.dashboard-demo-description{color:var(--text-muted);font-style:italic}.dashboard-filters-container{margin-top:1.5rem;overflow:visible;position:relative;z-index:10}.dashboard-filters{align-items:center;background:var(--background-color);border:2px solid var(--filter-border-color);border-radius:1rem;box-shadow:-1px -1px 2px #bebebe80,1px 1px 2px #ffffff4d,inset 1px 1px 2px #ffffffe6,inset -1px -1px 2px #bebebee6,inset 1px -1px 1px #bebebe33,inset -1px 1px 1px #bebebe33;display:flex;flex-wrap:wrap;gap:1rem;overflow:visible;padding:1rem;position:relative;transition:all .2s ease}.dark-mode .dashboard-filters{box-shadow:-1px -1px 2px #5050504d,1px 1px 2px #0006,inset 1px 1px 2px #50555fe6,inset -1px -1px 2px #282b32e6,inset 1px -1px 1px #282b3233,inset -1px 1px 1px #282b3233}.dashboard-filters:hover{border-color:var(--filter-border-hover);overflow:visible}.dashboard-filter-group{align-items:center;display:flex;gap:.5rem;overflow:visible}.dashboard-filter-icon{color:var(--text-secondary);height:1.25rem;width:1.25rem}.dashboard-filter-label{color:var(--text-primary);font-size:.875rem;font-weight:500;overflow:visible}.dashboard-filter-item{align-items:center;display:flex;gap:.5rem;overflow:visible;position:relative}.dashboard-filter-item-label{color:var(--text-secondary);font-size:.875rem;overflow:visible}.dashboard-filter-select{background:var(--card-background);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-primary);cursor:pointer;font-size:.875rem;overflow:visible;padding:.375rem .75rem;transition:all .2s ease}.dashboard-filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color),.1);outline:none;overflow:visible}.dashboard-filter-select-disabled{cursor:not-allowed;opacity:.6}.dashboard-filter-demo-overlay{pointer-events:none;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.dashboard-filter-demo-icon{color:var(--text-muted);height:1rem;width:1rem}.dashboard-pdf-button{align-items:center;background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='74' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Cpath d='M23.147 58.523 12.415 40.305A3 3 0 0 1 12 38.782V15a3 3 0 0 1 3-3h146.285a3 3 0 0 1 2.585 1.477l10.732 18.218c.272.462.416.987.416 1.523V57a3 3 0 0 1-3 3H25.732a3 3 0 0 1-2.585-1.477Z' fill='var(--primary-color, %239404C3)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='0' width='189.018' height='74' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='4' dy='4'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeColorMatrix values='0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.9 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-4' dy='-4'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix values='0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0.9 0'/%3E%3CfeBlend in2='effect1_dropShadow' result='effect2_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='4' dy='-4'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix values='0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect2_dropShadow' result='effect3_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-4' dy='4'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix values='0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect3_dropShadow' result='effect4_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect4_dropShadow' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.5 0'/%3E%3CfeBlend in2='shape' result='effect5_innerShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect5_innerShadow' result='effect6_innerShadow'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:105% 120%;border:none;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;height:50px;justify-content:center;margin-left:auto;padding:.5rem 1rem;position:relative;transition:all .2s ease;width:140px}.dark-mode .dashboard-pdf-button{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='74' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Cpath d='M23.147 58.523 12.415 40.305A3 3 0 0 1 12 38.782V15a3 3 0 0 1 3-3h146.285a3 3 0 0 1 2.585 1.477l10.732 18.218c.272.462.416.987.416 1.523V57a3 3 0 0 1-3 3H25.732a3 3 0 0 1-2.585-1.477Z' fill='var(--primary-color, %239404C3)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='0' width='189.018' height='74' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='4' dy='4'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeColorMatrix values='0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.9 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-4' dy='-4'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix values='0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0.9 0'/%3E%3CfeBlend in2='effect1_dropShadow' result='effect2_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='4' dy='-4'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix values='0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect2_dropShadow' result='effect3_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-4' dy='4'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix values='0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect3_dropShadow' result='effect4_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect4_dropShadow' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.5 0'/%3E%3CfeBlend in2='shape' result='effect5_innerShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect5_innerShadow' result='effect6_innerShadow'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")}.dashboard-pdf-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.dashboard-pdf-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.dashboard-pdf-button-disabled{align-items:center;background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='74' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Cpath d='M23.147 58.523 12.415 40.305A3 3 0 0 1 12 38.782V15a3 3 0 0 1 3-3h146.285a3 3 0 0 1 2.585 1.477l10.732 18.218c.272.462.416.987.416 1.523V57a3 3 0 0 1-3 3H25.732a3 3 0 0 1-2.585-1.477Z' fill='%23666'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='0' width='189.018' height='74' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='4' dy='4'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeColorMatrix values='0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.9 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_897_2039'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-4' dy='-4'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0'/%3E%3CfeBlend in2='effect1_dropShadow_897_2039' result='effect2_dropShadow_897_2039'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='4' dy='-4'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix values='0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect2_dropShadow_897_2039' result='effect3_dropShadow_897_2039'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-4' dy='4'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix values='0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect3_dropShadow_897_2039' result='effect4_dropShadow_897_2039'/%3E%3CfeBlend in='SourceGraphic' in2='effect4_dropShadow_897_2039' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.5 0'/%3E%3CfeBlend in2='shape' result='effect5_innerShadow_897_2039'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect5_innerShadow_897_2039' result='effect6_innerShadow_897_2039'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:none;color:#fff;cursor:not-allowed;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;height:48px;justify-content:center;margin-left:auto;position:relative;width:140px}.dashboard-pdf-button-disabled:hover{opacity:.8;transform:none}.dashboard-pdf-icon{height:1rem;width:1rem}.dashboard-pdf-spinner{animation:dashboard-spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:1rem;width:1rem}.dashboard-pdf-demo-icon{height:1rem;margin-left:.25rem;width:1rem}@keyframes dashboard-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard-header-right{display:flex;flex:1 1;flex-direction:column}.dashboard-stats-card{align-items:center;background:#0000;border-radius:0;box-shadow:none;display:flex;flex:1 1;flex-direction:column;gap:.5rem;justify-content:space-between;overflow:visible;padding:1.5rem;position:relative;text-align:center}.stats-background-svg{height:calc(100% + 20px);left:-20px;pointer-events:none;position:absolute;top:-10px;width:calc(100% + 30px);z-index:0}.dashboard-header-stat-value{color:var(--primary-color);font-size:2.5rem;font-weight:700;margin:0}.dashboard-header-stat-label{color:var(--text-primary);font-weight:700;margin:0}.dashboard-stats-inline:before{background:#0000001a;border:1px solid var(--filter-border-color);content:"";height:1px;left:50%;position:absolute;top:-1rem;transform:translateX(-50%);width:100%;z-index:1}.dashboard-header-icon{color:var(--primary-color);height:4rem;margin-top:.5rem;position:relative;top:30%;width:8rem;z-index:2}.dashboard-header-icon-wrapper:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Ccircle cx='75' cy='75' r='72' fill='%23EEE'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='0' width='150' height='150' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.5 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect1_dropShadow' result='effect2_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect2_dropShadow' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='3' dy='3'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.9 0'/%3E%3CfeBlend in2='shape' result='effect3_innerShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-3' dy='-3'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0.9 0'/%3E%3CfeBlend in2='effect3_innerShadow' result='effect4_innerShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='3' dy='-3'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect4_innerShadow' result='effect5_innerShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-3' dy='3'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect5_innerShadow' result='effect6_innerShadow'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:130px;left:50%;position:absolute;top:70%;transform:translate(-50%,-50%);width:130px;z-index:1}.dark-mode .dashboard-header-icon-wrapper:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Ccircle cx='75' cy='75' r='72' fill='%23282B32'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='0' width='150' height='150' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.5 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect1_dropShadow' result='effect2_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect2_dropShadow' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='3' dy='3'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.9 0'/%3E%3CfeBlend in2='shape' result='effect3_innerShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-3' dy='-3'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0.9 0'/%3E%3CfeBlend in2='effect3_innerShadow' result='effect4_innerShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='3' dy='-3'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect4_innerShadow' result='effect5_innerShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-3' dy='3'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect5_innerShadow' result='effect6_innerShadow'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")}.dashboard-header-icon-wrapper{display:inline-block;margin-bottom:1rem;padding-bottom:1rem;position:relative}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:1rem}.dashboard-header-left{padding:1.5rem}.dashboard-header-right{width:100%}.dashboard-stats-card{align-items:center;flex-direction:row;justify-content:space-between;text-align:left}.dashboard-title-section h1.dashboard-title{font-size:2rem}.dashboard-demo-badge{margin-left:.5rem;margin-top:.5rem}.dashboard-filters{align-items:stretch;flex-direction:column;margin-top:1rem}.dashboard-filter-item{justify-content:space-between;width:100%}.dashboard-filter-input-wrapper .neumorphic-input,.dashboard-filter-input-wrapper input,.dashboard-filter-input-wrapper select{flex:1 1;min-width:0;min-width:auto;width:100%}.dashboard-pdf-button{align-self:flex-end;margin-left:0;margin-top:1rem}}@media (max-width:480px){.dashboard-header-left{padding:1rem}.dashboard-title-section h1.dashboard-title{font-size:1.75rem}.dashboard-demo-badge{font-size:.675rem;padding:.125rem .375rem}.dashboard-filters{gap:.75rem;margin-top:1rem;padding:.75rem}.dashboard-filter-select{font-size:.8rem;padding:.25rem .5rem}.dashboard-filter-input-wrapper .neumorphic-input,.dashboard-filter-input-wrapper input,.dashboard-filter-input-wrapper select{font-size:.8rem}.dashboard-pdf-button{font-size:.8rem;padding:.375rem .75rem}.dashboard-stats-card{padding:1rem}.dashboard-header-stat-value{font-size:2rem}}.dashboard-container{background:var(--background-color);color:var(--text-primary);min-height:100vh;padding:1.5rem;transition:all .3s ease}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.dashboard-loading-spinner{animation:dashboard-spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:3rem;width:3rem}.dashboard-error{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px;text-align:center}.dashboard-error-icon{color:#ef4444;height:3rem;width:3rem}.dashboard-retry-button{align-items:center;background:var(--primary-color);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.dashboard-retry-button:hover{background:var(--accent-color);transform:translateY(-1px)}.dashboard-retry-icon{height:1rem;width:1rem}.dashboard-refresh-button{align-items:center;background:var(--primary-color);border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-left:auto;padding:.5rem 1rem;transition:all .2s ease}.dashboard-refresh-button:hover{background:var(--accent-color);transform:translateY(-1px)}.dashboard-refresh-icon{height:1rem;width:1rem}.dashboard-metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.dashboard-metric-card{background:var(--background-color);border-radius:.75rem;box-shadow:var(--neumorphic-shadow);padding:.8rem;transition:all .3s ease}.dashboard-metric-card:hover{box-shadow:var(--neumorphic-shadow),0 10px 25px #0000001a;transform:translateY(-2px)}.dashboard-metric-content{align-items:center;display:flex;justify-content:space-between;padding-left:1rem;z-index:1}.dashboard-metric-text{flex:1 1}.dashboard-metric-card-left{background:var(--background-color);border-radius:0;box-shadow:none;overflow:visible;padding:.8rem;position:relative;transition:all .3s ease}.dashboard-metric-card-left:hover{transform:translateY(-2px)}.metrics-left-background-svg{height:calc(100% + 60px);left:-25px;pointer-events:none;position:absolute;top:-29px;width:calc(100% + 52px);z-index:0}.dashboard-metric-content-with-bg{position:relative;z-index:1}.dashboard-metric-card-right{background:#0000;border-radius:0;box-shadow:none;overflow:visible;padding:.8rem;position:relative;transition:all .3s ease}.dashboard-metric-card-right:hover{transform:translateY(-2px)}.metrics-right-background-svg{height:calc(100% + 60px);left:-25px;pointer-events:none;position:absolute;top:-29px;width:calc(100% + 50px);z-index:0}.dashboard-metric-label{color:var(--text-primary);font-size:.9rem;font-weight:600;letter-spacing:.05em;margin:0 0 .25rem;text-transform:uppercase}.dashboard-metric-value{font-size:2rem;font-weight:700;margin:.25rem 0}.dashboard-metric-value.dashboard-metric-success{color:#22c55e}.dashboard-metric-value.dashboard-metric-duration{color:#3b82f6}.dashboard-metric-value.dashboard-metric-failed{color:#ef4444}.dashboard-metric-value.dashboard-metric-errors{color:#f59e0b}.dashboard-metric-unit{color:#3b82f6;font-size:1.125rem}.dashboard-metric-detail{color:var(--text-muted);font-size:.75rem;margin:.25rem 0 0}.dashboard-metric-icon{align-items:center;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCIgZmlsbD0ibm9uZSI+PGcgZmlsdGVyPSJ1cmwoI2EpIj48Y2lyY2xlIGN4PSIzNSIgY3k9IjM1IiByPSIzMiIgZmlsbD0iI0VFRSIvPjwvZz48ZGVmcz48ZmlsdGVyIGlkPSJhIiB4PSIwIiB5PSIwIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQgZHg9Ii0xIiBkeT0iLTEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAuODEyIDAgMCAwIDAgMC44MTIgMCAwIDAgMCAwLjgxMiAwIDAgMCAwLjUgMCIvPjxmZUJsZW5kIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvdyIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQgZHg9IjEiIGR5PSIxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAxLjAgMCAwIDAgMCAxLjAgMCAwIDAgMCAxLjAgMCAwIDAgMC4zIDAiLz48ZmVCbGVuZCBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvdyIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3ciLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QyX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+PGZlT2Zmc2V0IGR4PSIzIiBkeT0iMyIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjQiLz48ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAuODEyIDAgMCAwIDAgMC44MTIgMCAwIDAgMCAwLjgxMiAwIDAgMCAwLjkgMCIvPjxmZUJsZW5kIGluMj0ic2hhcGUiIHJlc3VsdD0iZWZmZWN0M19pbm5lclNoYWRvdyIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQgZHg9Ii0zIiBkeT0iLTMiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzIi8+PGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAxLjAgMCAwIDAgMCAxLjAgMCAwIDAgMCAxLjAgMCAwIDAgMC45IDAiLz48ZmVCbGVuZCBpbjI9ImVmZmVjdDNfaW5uZXJTaGFkb3ciIHJlc3VsdD0iZWZmZWN0NF9pbm5lclNoYWRvdyIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQgZHg9IjMiIGR5PSItMyIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAuODEyIDAgMCAwIDAgMC44MTIgMCAwIDAgMCAwLjgxMiAwIDAgMCAwLjIgMCIvPjxmZUJsZW5kIGluMj0iZWZmZWN0NF9pbm5lclNoYWRvdyIgcmVzdWx0PSJlZmZlY3Q1X2lubmVyU2hhZG93Ii8+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPjxmZU9mZnNldCBkeD0iLTMiIGR5PSIzIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMyIvPjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC44MTIgMCAwIDAgMCAwLjgxMiAwIDAgMCAwIDAuODEyIDAgMCAwIDAuMiAwIi8+PGZlQmxlbmQgaW4yPSJlZmZlY3Q1X2lubmVyU2hhZG93IiByZXN1bHQ9ImVmZmVjdDZfaW5uZXJTaGFkb3ciLz48L2ZpbHRlcj48L2RlZnM+PC9zdmc+);background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;flex-shrink:0;height:55px;justify-content:center;margin-top:4.5rem;width:55px}.dark-mode .dashboard-metric-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCIgZmlsbD0ibm9uZSI+PGcgZmlsdGVyPSJ1cmwoI2EpIj48Y2lyY2xlIGN4PSIzNSIgY3k9IjM1IiByPSIzMiIgZmlsbD0iIzI4MkIzMiIvPjwvZz48ZGVmcz48ZmlsdGVyIGlkPSJhIiB4PSIwIiB5PSIwIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQgZHg9Ii0xIiBkeT0iLTEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAuMTU3IDAgMCAwIDAgMC4xNTcgMCAwIDAgMCAwLjE1NyAwIDAgMCAwLjUgMCIvPjxmZUJsZW5kIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvdyIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQgZHg9IjEiIGR5PSIxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjMxNCAwIDAgMCAwIDAuMzE0IDAgMCAwIDAgMC4zMTQgMCAwIDAgMC4zIDAiLz48ZmVCbGVuZCBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvdyIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3ciLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QyX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+PGZlT2Zmc2V0IGR4PSIzIiBkeT0iMyIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjQiLz48ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAuMTU3IDAgMCAwIDAgMC4xNTcgMCAwIDAgMCAwLjE1NyAwIDAgMCAwLjkgMCIvPjxmZUJsZW5kIGluMj0ic2hhcGUiIHJlc3VsdD0iZWZmZWN0M19pbm5lclNoYWRvdyIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQgZHg9Ii0zIiBkeT0iLTMiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzIi8+PGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjMxNCAwIDAgMCAwIDAuMzE0IDAgMCAwIDAgMC4zMTQgMCAwIDAgMC45IDAiLz48ZmVCbGVuZCBpbjI9ImVmZmVjdDNfaW5uZXJTaGFkb3ciIHJlc3VsdD0iZWZmZWN0NF9pbm5lclNoYWRvdyIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQgZHg9IjMiIGR5PSItMyIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAuMTU3IDAgMCAwIDAgMC4xNTcgMCAwIDAgMCAwLjE1NyAwIDAgMCAwLjIgMCIvPjxmZUJsZW5kIGluMj0iZWZmZWN0NF9pbm5lclNoYWRvdyIgcmVzdWx0PSJlZmZlY3Q1X2lubmVyU2hhZG93Ii8+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPjxmZU9mZnNldCBkeD0iLTMiIGR5PSIzIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMyIvPjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC4xNTcgMCAwIDAgMCAwLjE1NyAwIDAgMCAwIDAuMTU3IDAgMCAwIDAuMiAwIi8+PGZlQmxlbmQgaW4yPSJlZmZlY3Q1X2lubmVyU2hhZG93IiByZXN1bHQ9ImVmZmVjdDZfaW5uZXJTaGFkb3ciLz48L2ZpbHRlcj48L2RlZnM+PC9zdmc+)}.dashboard-metric-icon svg{height:38px;width:40px}.dashboard-metric-icon-success{color:#22c55e}.dashboard-metric-icon-duration{color:#3b82f6}.dashboard-metric-icon-failed{color:#ef4444}.dashboard-metric-icon-errors{color:#f59e0b}.dashboard-charts-grid{margin-bottom:2rem}.dashboard-charts-grid,.dashboard-charts-grid-large{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.dashboard-charts-grid-large{margin-bottom:1%;margin-top:-1rem}.dashboard-chart-card{background:var(--background-color);border-radius:.75rem;box-shadow:var(--neumorphic-shadow);margin-bottom:2%;padding:1.5rem}.dashboard-chart-full-width{grid-column:1/-1}.dashboard-chart-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:700;margin:0 0 1.5rem}.dashboard-chart-title-icon{height:1rem;margin-right:.5rem;width:1rem}.dashboard-chart-title-icon-success{color:#28c80b}.dashboard-chart-title-icon-target{color:#8b5cf6}.dashboard-chart-title-icon-performance{color:#f59e0b}.dashboard-chart-title-icon-trend{color:#8b5cf6}.dashboard-chart-title-icon-alert{color:#ef4444}.dashboard-chart-title-icon-error{color:#ff3f3f}.dashboard-chart-container{margin-bottom:1rem;margin-top:-1rem}.dashboard-chart-legend{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem}.dashboard-chart-legend-item{align-items:center;display:flex;gap:.5rem}.dashboard-chart-legend-color{border-radius:50%;height:.75rem;width:.75rem}.dashboard-chart-legend-text{color:var(--text-secondary);font-size:.875rem}.dashboard-chart-description{color:var(--text-muted);font-size:.875rem;margin:.5rem 0 0;text-align:center}.dashboard-chart-no-data{height:100%}.dashboard-chart-no-data,.dashboard-chart-no-data-small{align-items:center;color:var(--text-muted);display:flex;font-size:1.2rem;justify-content:center;line-height:1.4;text-align:center;width:100%}.dashboard-chart-no-data-small{height:80%}.dashboard-chart-container-coming-soon{align-items:center;display:flex;height:250px;justify-content:center;margin-bottom:1rem;margin-top:-1rem}.dashboard-chart-container-coming-soon-text{color:var(--text-muted);font-size:1.5rem;font-weight:600;margin:0;text-align:center}.dashboard-chart-container-large{align-items:center;display:flex;height:250px;justify-content:flex-start;margin-bottom:1rem;margin-top:-1rem;position:relative;z-index:10}.dashboard-chart-container-large-chart{height:125%;position:relative;width:60%;z-index:10}.dashboard-chart-container-large-text{align-items:center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='164' height='164' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Ccircle cx='81' cy='81' r='72' fill='url(%23b)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='9' y1='9' x2='153' y2='153' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='1' stop-color='%23FAFAFA'/%3E%3Cstop stop-color='%23E2E2E2'/%3E%3C/linearGradient%3E%3Cfilter id='a' x='0' y='0' width='164' height='164' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='3' dy='3'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix values='0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.9 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-3' dy='-3'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeColorMatrix values='0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0.9 0'/%3E%3CfeBlend in2='effect1_dropShadow' result='effect2_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='3' dy='-3'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect2_dropShadow' result='effect3_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-3' dy='3'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect3_dropShadow' result='effect4_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect4_dropShadow' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.5 0'/%3E%3CfeBlend in2='shape' result='effect5_innerShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect5_innerShadow' result='effect6_innerShadow'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:120px 120px;color:#333;color:var(--text-primary,#333);display:flex;font-size:1.8rem;font-weight:700;height:120px;justify-content:center;left:50%;margin-bottom:0;padding:20px;pointer-events:none;position:absolute;text-shadow:0 2px 4px #0003;text-shadow:0 2px 4px var(--shadow-base,#0003);top:51%;transform:translate(-50%,-50%);width:120px}.dark-mode .dashboard-chart-container-large-text{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='164' height='164' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Ccircle cx='81' cy='81' r='72' fill='url(%23b)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='9' y1='9' x2='153' y2='153' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='1' stop-color='%23303339'/%3E%3Cstop stop-color='%23282B32'/%3E%3C/linearGradient%3E%3Cfilter id='a' x='0' y='0' width='164' height='164' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='3' dy='3'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix values='0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.9 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-3' dy='-3'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0.9 0'/%3E%3CfeBlend in2='effect1_dropShadow' result='effect2_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='3' dy='-3'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect2_dropShadow' result='effect3_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-3' dy='3'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect3_dropShadow' result='effect4_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect4_dropShadow' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.5 0'/%3E%3CfeBlend in2='shape' result='effect5_innerShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect5_innerShadow' result='effect6_innerShadow'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");color:#fff;color:var(--text-primary,#fff);text-shadow:0 2px 4px #0009;text-shadow:0 2px 4px var(--shadow-base,#0009)}.dashboard-chart-legend-right{display:flex;flex-direction:column;gap:1rem;justify-content:center;padding-left:2rem;width:40%}.dashboard-chart-legend-right .dashboard-chart-legend-item{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.dashboard-chart-legend-right .dashboard-chart-legend-color{flex-shrink:0;height:35px;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='71' height='38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Crect x='3' y='3' width='65' height='32' rx='16' fill='%23FF8E00'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='-2' y='-2' width='75' height='42' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.596078 0 0 0 0 0.333333 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_889_1925'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.615686 0 0 0 0 0 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect1_dropShadow_889_1925' result='effect2_dropShadow_889_1925'/%3E%3CfeBlend in='SourceGraphic' in2='effect2_dropShadow_889_1925' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='5' dy='5'/%3E%3CfeGaussianBlur stdDeviation='6.5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.596078 0 0 0 0 0.333333 0 0 0 0 0 0 0 0 0.9 0'/%3E%3CfeBlend in2='shape' result='effect3_innerShadow_889_1925'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-5' dy='-5'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.615686 0 0 0 0 0 0 0 0 0.9 0'/%3E%3CfeBlend in2='effect3_innerShadow_889_1925' result='effect4_innerShadow_889_1925'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='5' dy='-5'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.596078 0 0 0 0 0.333333 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect4_innerShadow_889_1925' result='effect5_innerShadow_889_1925'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-5' dy='5'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.596078 0 0 0 0 0.333333 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect5_innerShadow_889_1925' result='effect6_innerShadow_889_1925'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat center;mask-size:contain;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='71' height='38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Crect x='3' y='3' width='65' height='32' rx='16' fill='%23FF8E00'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='-2' y='-2' width='75' height='42' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.596078 0 0 0 0 0.333333 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_889_1925'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.615686 0 0 0 0 0 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect1_dropShadow_889_1925' result='effect2_dropShadow_889_1925'/%3E%3CfeBlend in='SourceGraphic' in2='effect2_dropShadow_889_1925' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='5' dy='5'/%3E%3CfeGaussianBlur stdDeviation='6.5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.596078 0 0 0 0 0.333333 0 0 0 0 0 0 0 0 0.9 0'/%3E%3CfeBlend in2='shape' result='effect3_innerShadow_889_1925'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-5' dy='-5'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.615686 0 0 0 0 0 0 0 0 0.9 0'/%3E%3CfeBlend in2='effect3_innerShadow_889_1925' result='effect4_innerShadow_889_1925'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='5' dy='-5'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.596078 0 0 0 0 0.333333 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect4_innerShadow_889_1925' result='effect5_innerShadow_889_1925'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-5' dy='5'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.596078 0 0 0 0 0.333333 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect5_innerShadow_889_1925' result='effect6_innerShadow_889_1925'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;width:55px}.dashboard-chart-legend-right .dashboard-chart-legend-text{color:var(--text-secondary);font-size:.9rem;font-weight:500}.dashboard-error-analysis-section,.dashboard-management-insights{margin-bottom:2rem}.dashboard-insights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-insight-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem}.dashboard-insight-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.dashboard-insight-stats{display:flex;flex-direction:column;gap:.75rem}.dashboard-insight-stat{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.5rem 0}.dashboard-insight-stat:last-child{border-bottom:none}.dashboard-insight-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.dashboard-insight-value{color:var(--text-primary);font-size:1rem;font-weight:700}.dashboard-insight-value-error{color:#ef4444}.dashboard-insight-value-critical{color:#dc2626}.dashboard-recommendations{display:flex;flex-direction:column;gap:.75rem}.dashboard-recommendation{align-items:flex-start;border-radius:.5rem;display:flex;font-size:.875rem;gap:.75rem;line-height:1.4;padding:.75rem}.dashboard-recommendation-high{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.dashboard-recommendation-medium{background:#f59e0b1a;border:1px solid #f59e0b33;color:#d97706}.dashboard-recommendation-low{background:#3b82f61a;border:1px solid #3b82f633;color:#2563eb}.dashboard-recommendation-success{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.dashboard-recommendation-icon{flex-shrink:0;height:1rem;margin-top:.125rem;width:1rem}.dashboard-gauge-container{align-items:center;display:flex;height:200px;justify-content:center}.dashboard-gauge{position:relative}.dashboard-gauge-outer{border:8px solid var(--border-color);border-radius:50%;height:14rem;margin-top:2rem;width:14rem}.dashboard-gauge-inner,.dashboard-gauge-outer{align-items:center;display:flex;justify-content:center}.dashboard-gauge-inner{border-radius:50%;height:9rem;width:9rem}.dashboard-gauge-text{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='164' height='164' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Ccircle cx='81' cy='81' r='72' fill='url(%23b)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='9' y1='9' x2='153' y2='153' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='1' stop-color='%23FAFAFA'/%3E%3Cstop stop-color='%23E2E2E2'/%3E%3C/linearGradient%3E%3Cfilter id='a' x='0' y='0' width='164' height='164' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='3' dy='3'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix values='0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.9 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-3' dy='-3'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeColorMatrix values='0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0.9 0'/%3E%3CfeBlend in2='effect1_dropShadow' result='effect2_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='3' dy='-3'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect2_dropShadow' result='effect3_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-3' dy='3'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect3_dropShadow' result='effect4_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect4_dropShadow' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.5 0'/%3E%3CfeBlend in2='shape' result='effect5_innerShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect5_innerShadow' result='effect6_innerShadow'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;color:#fff;color:var(--text-primary,#fff);font-size:1.6rem;font-weight:700;height:90px;margin-bottom:0;padding:60px 10px 10px 30px;text-shadow:0 2px 4px #0003;text-shadow:0 2px 4px var(--shadow-base,#0003);width:90px}.dark-mode .dashboard-gauge-text{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='164' height='164' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Ccircle cx='81' cy='81' r='72' fill='url(%23b)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='9' y1='9' x2='153' y2='153' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='1' stop-color='%23303339'/%3E%3Cstop stop-color='%23282B32'/%3E%3C/linearGradient%3E%3Cfilter id='a' x='0' y='0' width='164' height='164' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='3' dy='3'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix values='0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.9 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-3' dy='-3'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0.9 0'/%3E%3CfeBlend in2='effect1_dropShadow' result='effect2_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='3' dy='-3'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect2_dropShadow' result='effect3_dropShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-3' dy='3'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect3_dropShadow' result='effect4_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect4_dropShadow' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.5 0'/%3E%3CfeBlend in2='shape' result='effect5_innerShadow'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect5_innerShadow' result='effect6_innerShadow'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");color:#fff;color:var(--text-primary,#fff);text-shadow:0 2px 4px #000c;text-shadow:0 2px 4px var(--shadow-base,#000c)}.dashboard-gauge-detail{margin-top:3.7rem;text-align:center}.dashboard-gauge-detail p{color:var(--text-secondary);font-size:.875rem;margin:0}.dashboard-performance-grid{grid-gap:.1rem;display:grid;gap:.1rem;margin-left:-8px}.dashboard-performance-item{align-items:center;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NjYiIGhlaWdodD0iOTMiIGZpbGw9Im5vbmUiPjxnIGZpbHRlcj0idXJsKCNhKSI+PHBhdGggZD0iTTIwLjEzNiA3OS45ODggOS4zOTYgNjEuMTkyQTMgMyAwIDAgMSA5IDU5LjcwM1YxMmEzIDMgMCAwIDEgMy0zaDQyOS4yNTlhMyAzIDAgMCAxIDIuNjA1IDEuNTEybDEwLjc0MSAxOC43OTZhMyAzIDAgMCAxIC4zOTUgMS40ODlWNzguNWEzIDMgMCAwIDEtMyAzSDIyLjc0MWEzIDMgMCAwIDEtMi42MDUtMS41MTJaIiBmaWxsPSIjRUVFIi8+PC9nPjxkZWZzPjxmaWx0ZXIgaWQ9ImEiIHg9IjAiIHk9IjAiIHdpZHRoPSI0NjYiIGhlaWdodD0iOTIuNSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPjxmZU9mZnNldCBkeD0iMyIgZHk9IjMiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI0Ii8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAuODEyIDAgMCAwIDAgMC44MTIgMCAwIDAgMCAwLjgxMiAwIDAgMCAwLjUgMCIvPjxmZUJsZW5kIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvdyIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQgZHg9Ii0zIiBkeT0iLTMiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDEuMCAwIDAgMCAwIDEuMCAwIDAgMCAwIDEuMCAwIDAgMCAwLjUgMCIvPjxmZUJsZW5kIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9ImVmZmVjdDJfZHJvcFNoYWRvdyIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQgZHg9IjMiIGR5PSItMyIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC44MTIgMCAwIDAgMCAwLjgxMiAwIDAgMCAwIDAuODEyIDAgMCAwIDAuMSAwIi8+PGZlQmxlbmQgaW4yPSJlZmZlY3QyX2Ryb3BTaGFkb3ciIHJlc3VsdD0iZWZmZWN0M19kcm9wU2hhZG93Ii8+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPjxmZU9mZnNldCBkeD0iLTMiIGR5PSIzIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMyIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjgxMiAwIDAgMCAwIDAuODEyIDAgMCAwIDAgMC44MTIgMCAwIDAgMC4xIDAiLz48ZmVCbGVuZCBpbjI9ImVmZmVjdDNfZHJvcFNoYWRvdyIgcmVzdWx0PSJlZmZlY3Q0X2Ryb3BTaGFkb3ciLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3Q0X2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+PGZlT2Zmc2V0IGR4PSItMSIgZHk9Ii0xIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIvPjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC44MTIgMCAwIDAgMCAwLjgxMiAwIDAgMCAwIDAuODEyIDAgMCAwIDAuMyAwIi8+PGZlQmxlbmQgaW4yPSJzaGFwZSIgcmVzdWx0PSJlZmZlY3Q1X2lubmVyU2hhZG93Ii8+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPjxmZU9mZnNldCBkeD0iMSIgZHk9IjEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxIi8+PGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAxLjAgMCAwIDAgMCAxLjAgMCAwIDAgMCAxLjAgMCAwIDAgMC4xNSAwIi8+PGZlQmxlbmQgaW4yPSJlZmZlY3Q1X2lubmVyU2hhZG93IiByZXN1bHQ9ImVmZmVjdDZfaW5uZXJTaGFkb3ciLz48L2ZpbHRlcj48L2RlZnM+PC9zdmc+) 50%/cover no-repeat;display:flex;height:35px;justify-content:space-between;margin-bottom:.42rem;margin-right:1rem;max-width:1200px;min-width:260px;padding:1rem 1.5rem;position:relative;width:91%}.dark-mode .dashboard-performance-item{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NjYiIGhlaWdodD0iOTMiIGZpbGw9Im5vbmUiPjxnIGZpbHRlcj0idXJsKCNhKSI+PHBhdGggZD0iTTIwLjEzNiA3OS45ODggOS4zOTYgNjEuMTkyQTMgMyAwIDAgMSA5IDU5LjcwM1YxMmEzIDMgMCAwIDEgMy0zaDQyOS4yNTlhMyAzIDAgMCAxIDIuNjA1IDEuNTEybDEwLjc0MSAxOC43OTZhMyAzIDAgMCAxIC4zOTUgMS40ODlWNzguNWEzIDMgMCAwIDEtMyAzSDIyLjc0MWMtMjEuMDc3IDAtMi4wNy0uNTc3LTIuNjA1LTEuNTEyWiIgZmlsbD0iIzI4MkIzMiIvPjwvZz48ZGVmcz48ZmlsdGVyIGlkPSJhIiB4PSIwIiB5PSIwIiB3aWR0aD0iNDY2IiBoZWlnaHQ9IjkyLjUiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQgZHg9IjMiIGR5PSIzIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNCIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjE1NyAwIDAgMCAwIDAuMTU3IDAgMCAwIDAgMC4xNTcgMCAwIDAgMC41IDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+PGZlT2Zmc2V0IGR4PSItMyIgZHk9Ii0zIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMyIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjMxNCAwIDAgMCAwIDAuMzE0IDAgMCAwIDAgMC4zMTQgMCAwIDAgMC41IDAiLz48ZmVCbGVuZCBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvdyIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3ciLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+PGZlT2Zmc2V0IGR4PSIzIiBkeT0iLTMiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAuMTU3IDAgMCAwIDAgMC4xNTcgMCAwIDAgMCAwLjE1NyAwIDAgMCAwLjEgMCIvPjxmZUJsZW5kIGluMj0iZWZmZWN0Ml9kcm9wU2hhZG93IiByZXN1bHQ9ImVmZmVjdDNfZHJvcFNoYWRvdyIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQgZHg9Ii0zIiBkeT0iMyIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC4xNTcgMCAwIDAgMCAwLjE1NyAwIDAgMCAwIDAuMTU3IDAgMCAwIDAuMSAwIi8+PGZlQmxlbmQgaW4yPSJlZmZlY3QzX2Ryb3BTaGFkb3ciIHJlc3VsdD0iZWZmZWN0NF9kcm9wU2hhZG93Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0NF9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPjxmZU9mZnNldCBkeD0iLTEiIGR5PSItMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEiLz48ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAuMTU3IDAgMCAwIDAgMC4xNTcgMCAwIDAgMCAwLjE1NyAwIDAgMCAwLjMgMCIvPjxmZUJsZW5kIGluMj0ic2hhcGUiIHJlc3VsdD0iZWZmZWN0NV9pbm5lclNoYWRvdyIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQgZHg9IjEiIGR5PSIxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIvPjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC4zMTQgMCAwIDAgMCAwLjMxNCAwIDAgMCAwIDAuMzE0IDAgMCAwIDAuMTUgMCIvPjxmZUJsZW5kIGluMj0iZWZmZWN0NV9pbm5lclNoYWRvdyIgcmVzdWx0PSJlZmZlY3Q2X2lubmVyU2hhZG93Ii8+PC9maWx0ZXI+PC9kZWZzPjwvc3ZnPg==) 50%/cover no-repeat}.dashboard-performance-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.dashboard-performance-value{color:var(--primary-color);font-size:1.125rem;font-weight:700}.dashboard-performance-value-duration{color:#3b82f6}.dashboard-performance-value-failed{color:#ef4444}.dashboard-performance-value-errors{color:#f59e0b}.dashboard-table-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--neumorphic-shadow);color:var(--text-primary);margin-bottom:2%;overflow:hidden;transition:all .3s ease}.dashboard-table-header{background-color:var(--background-color);color:var(--text-primary);padding:1.5rem;position:relative}.dashboard-table-header:after{background:var(--filter-border-color);border-radius:1rem;bottom:0;box-shadow:var(--intense-box-shadow);content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .2s ease;width:98%}.dashboard-table{border-collapse:initial}.dashboard-table-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.dashboard-table-subtitle{color:var(--text-secondary);font-size:.875rem;margin:.25rem 0 0}.dashboard-table-container{background-color:var(--background-color);display:block;justify-content:center;max-width:100%;overflow-x:auto;overflow-y:visible;padding-left:1%;scrollbar-color:var(--primary-color) var(--border-color);scrollbar-width:thin;width:100%}.dashboard-table{border-collapse:seperate;border-spacing:0 1rem;width:98%}.dashboard-table,.dashboard-table-head,.dashboard-table-th{background-color:var(--background-color)}.dashboard-table-th{font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.dashboard-table-body{background:var(--card-background)}.dashboard-table-row{background-color:var(--background-color);border-bottom:1px solid var(--border-color);border:2px solid var(--filter-border-color);border-radius:.5rem;cursor:pointer;margin-bottom:3rem;position:relative;transition:all .2s ease}.dashboard-table-row,.dashboard-table-row:hover{box-shadow:-1px -1px 2px #bebebe80,1px 1px 2px #ffffff4d,inset 1px 1px 2px #ffffffe6,inset -1px -1px 2px #bebebee6,inset 1px -1px 1px #bebebe33,inset -1px 1px 1px #bebebe33}.dashboard-table-td{padding:1rem 1.5rem;white-space:nowrap}.dashboard-table-test-info{display:flex;flex-direction:column}.dashboard-table-test-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.dashboard-table-test-id{color:var(--text-muted);font-size:.875rem}.dashboard-table-status{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1496 129" fill="none" preserveAspectRatio="none"><g filter="url(%23filter0_light_status)"><path d="M1483.38 120.962L1491.18 107.306C1492.05 105.795 1492.5 104.085 1492.5 102.345L1492.5 13.0003C1492.5 7.47743 1488.02 3.00023 1482.5 3.00023L13.0004 3C7.47754 3 3.00037 7.47715 3.00037 13V46.5L3.00024 116C3.00024 121.523 7.47742 126 13.0002 126L1474.7 126C1478.29 126 1481.6 124.077 1483.38 120.962Z" fill="%23F5F5F5"/></g><defs><filter id="filter0_light_status" x="-2" y="-2" width="1499.5" height="133" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.5 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0.3 0"/><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="5" dy="5"/><feGaussianBlur stdDeviation="6.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.9 0"/><feBlend mode="normal" in2="shape" result="effect3_innerShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-5" dy="-5"/><feGaussianBlur stdDeviation="5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0.9 0"/><feBlend mode="normal" in2="effect3_innerShadow" result="effect4_innerShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="5" dy="-5"/><feGaussianBlur stdDeviation="5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect4_innerShadow" result="effect5_innerShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-5" dy="5"/><feGaussianBlur stdDeviation="5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect5_innerShadow" result="effect6_innerShadow"/></filter></defs></svg>');background-repeat:no-repeat;background-size:100% 100%;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;padding:.375rem .8rem;position:relative}.dark-mode .dashboard-table-status{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1496 129" fill="none" preserveAspectRatio="none"><g filter="url(%23filter0_dark_status)"><path d="M1483.38 120.962L1491.18 107.306C1492.05 105.795 1492.5 104.085 1492.5 102.345L1492.5 13.0003C1492.5 7.47743 1488.02 3.00023 1482.5 3.00023L13.0004 3C7.47754 3 3.00037 7.47715 3.00037 13V46.5L3.00024 116C3.00024 121.523 7.47742 126 13.0002 126L1474.7 126C1478.29 126 1481.6 124.077 1483.38 120.962Z" fill="%23282B32"/></g><defs><filter id="filter0_dark_status" x="-2" y="-2" width="1499.5" height="133" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.5 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0.3 0"/><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="5" dy="5"/><feGaussianBlur stdDeviation="6.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.9 0"/><feBlend mode="normal" in2="shape" result="effect3_innerShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-5" dy="-5"/><feGaussianBlur stdDeviation="5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0.9 0"/><feBlend mode="normal" in2="effect3_innerShadow" result="effect4_innerShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="5" dy="-5"/><feGaussianBlur stdDeviation="5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect4_innerShadow" result="effect5_innerShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-5" dy="5"/><feGaussianBlur stdDeviation="5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect5_innerShadow" result="effect6_innerShadow"/></filter></defs></svg>')}.dashboard-table-status-failed{color:#ef4444}.dashboard-table-status-passed{color:#22c55e}.dashboard-table-status-skipped{color:#f59e0b}.dashboard-table-results{display:flex;gap:.75rem}.dashboard-table-result-item{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;height:32px;justify-content:center;padding:.25rem .5rem;width:32px}.dashboard-table-result-passed{background-image:url('data:image/svg+xml;utf8,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url%28%23filter0_ii_896_1647%29"><rect width="40" height="40" rx="20" fill="url%28%23paint0_linear_896_1647%29"/></g><defs><filter id="filter0_ii_896_1647" x="-1" y="-1" width="42" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.713726 0 0 0 0 0.0392157 0 0 0 0.5 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_896_1647"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.172549 0 0 0 0 0.870588 0 0 0 0 0.0470588 0 0 0 0.3 0"/><feBlend mode="normal" in2="effect1_innerShadow_896_1647" result="effect2_innerShadow_896_1647"/></filter><linearGradient id="paint0_linear_896_1647" x1="0" y1="0" x2="40" y2="40" gradientUnits="userSpaceOnUse"><stop offset="1" stop-color="%2326C00A"/><stop stop-color="%232AD40C"/></linearGradient></defs></svg>');height:28px;margin-top:2px;width:28px}.dashboard-table-result-failed{background-image:url('data:image/svg+xml;utf8,<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url%28%23filter0_ddiiii_896_1646%29"><rect x="3" y="3" width="40" height="40" rx="20" fill="%23FF2C2B"/></g><defs><filter id="filter0_ddiiii_896_1646" x="0" y="0" width="46" height="46" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.662745 0 0 0 0 0.113725 0 0 0 0 0.109804 0 0 0 0.5 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_896_1646"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.184314 0 0 0 0 0.180392 0 0 0 0.3 0"/><feBlend mode="normal" in2="effect1_dropShadow_896_1646" result="effect2_dropShadow_896_1646"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_896_1646" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="3" dy="3"/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.662745 0 0 0 0 0.113725 0 0 0 0 0.109804 0 0 0 0.9 0"/><feBlend mode="normal" in2="shape" result="effect3_innerShadow_896_1646"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-3" dy="-3"/><feGaussianBlur stdDeviation="3"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.184314 0 0 0 0 0.180392 0 0 0 0.9 0"/><feBlend mode="normal" in2="effect3_innerShadow_896_1646" result="effect4_innerShadow_896_1646"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="3" dy="-3"/><feGaussianBlur stdDeviation="3"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.662745 0 0 0 0 0.113725 0 0 0 0 0.109804 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect4_innerShadow_896_1646" result="effect5_innerShadow_896_1646"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-3" dy="3"/><feGaussianBlur stdDeviation="3"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.662745 0 0 0 0 0.113725 0 0 0 0 0.109804 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect5_innerShadow_896_1646" result="effect6_innerShadow_896_1646"/></filter></defs></svg>')}.dashboard-table-result-skipped{background:#f59e0b;color:#fff;position:relative}.dashboard-table-result-skipped:before{color:#fff;content:"⊝";font-size:20px;left:50%;position:absolute;top:-6px;transform:translateX(-50%)}.dashboard-table-duration{font-weight:500}.dashboard-table-duration,.dashboard-table-success-rate{color:var(--text-primary);font-size:.875rem;font-weight:700}.dashboard-table-timestamp{color:var(--text-muted);font-size:.875rem}.dashboard-table-expand{text-align:right}.dashboard-table-expand-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;height:.8rem;width:.8rem}.dashboard-table-expand-icon-collapsed{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="11" viewBox="0 0 12 11" fill="none"><path d="M7.22726 9.75C6.6499 10.75 5.20653 10.75 4.62918 9.75L0.299052 2.25C-0.278298 1.25 0.44339 -1.08518e-06 1.59809 -9.84237e-07L10.2583 -2.27133e-07C11.413 -1.26186e-07 12.1347 1.25 11.5574 2.25L7.22726 9.75Z" fill="%239404C3"/></svg>')}.dashboard-table-expand-icon-expanded{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="11" viewBox="0 0 12 11" fill="none"><path d="M4.62919 1.25C5.20654 0.249999 6.64992 0.25 7.22727 1.25L11.5574 8.75C12.1347 9.75 11.4131 11 10.2584 11L1.5981 11C0.443399 11 -0.278288 9.75 0.299063 8.75L4.62919 1.25Z" fill="%239404C3"/></svg>')}.dashboard-table-expanded-row{background-color:var(--background-color);margin-bottom:1rem}.dashboard-table-expanded-cell{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1496 129" fill="none" preserveAspectRatio="none"><g filter="url(%23filter0_light_expanded_cell)"><path d="M1483.38 120.962L1491.18 107.306C1492.05 105.795 1492.5 104.085 1492.5 102.345L1492.5 13.0003C1492.5 7.47743 1488.02 3.00023 1482.5 3.00023L13.0004 3C7.47754 3 3.00037 7.47715 3.00037 13V46.5L3.00024 116C3.00024 121.523 7.47742 126 13.0002 126L1474.7 126C1478.29 126 1481.6 124.077 1483.38 120.962Z" fill="%23F5F5F5"/></g><defs><filter id="filter0_light_expanded_cell" x="-2" y="-2" width="1499.5" height="133" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.5 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0.3 0"/><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="5" dy="5"/><feGaussianBlur stdDeviation="6.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.9 0"/><feBlend mode="normal" in2="shape" result="effect3_innerShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-5" dy="-5"/><feGaussianBlur stdDeviation="5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0 1.0 0 0 0 0.9 0"/><feBlend mode="normal" in2="effect3_innerShadow" result="effect4_innerShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="5" dy="-5"/><feGaussianBlur stdDeviation="5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect4_innerShadow" result="effect5_innerShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-5" dy="5"/><feGaussianBlur stdDeviation="5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0 0.812 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect5_innerShadow" result="effect6_innerShadow"/></filter></defs></svg>');background-repeat:no-repeat;background-size:100% 100%;border-radius:1rem;padding:1.5rem;position:relative}.dark-mode .dashboard-table-expanded-cell{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1496 129" fill="none" preserveAspectRatio="none"><g filter="url(%23filter0_dark_expanded_cell)"><path d="M1483.38 120.962L1491.18 107.306C1492.05 105.795 1492.5 104.085 1492.5 102.345L1492.5 13.0003C1492.5 7.47743 1488.02 3.00023 1482.5 3.00023L13.0004 3C7.47754 3 3.00037 7.47715 3.00037 13V46.5L3.00024 116C3.00024 121.523 7.47742 126 13.0002 126L1474.7 126C1478.29 126 1481.6 124.077 1483.38 120.962Z" fill="%23282B32"/></g><defs><filter id="filter0_dark_expanded_cell" x="-2" y="-2" width="1499.5" height="133" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.5 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0.3 0"/><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="5" dy="5"/><feGaussianBlur stdDeviation="6.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.9 0"/><feBlend mode="normal" in2="shape" result="effect3_innerShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-5" dy="-5"/><feGaussianBlur stdDeviation="5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0 0.314 0 0 0 0.9 0"/><feBlend mode="normal" in2="effect3_innerShadow" result="effect4_innerShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="5" dy="-5"/><feGaussianBlur stdDeviation="5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect4_innerShadow" result="effect5_innerShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-5" dy="5"/><feGaussianBlur stdDeviation="5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0 0.157 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect5_innerShadow" result="effect6_innerShadow"/></filter></defs></svg>')}.dashboard-table-expanded-content{display:flex;flex-direction:column;gap:1rem;padding:1rem}.dashboard-error-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;position:relative}.dashboard-error-details:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDMxIiBoZWlnaHQ9IjExIiBmaWxsPSJub25lIj48ZyBmaWx0ZXI9InVybCgjYSkiPjxwYXRoIGQ9Ik01IDVoMTQyMCIgc3Ryb2tlPSIjRUVFIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvZz48ZGVmcz48ZmlsdGVyIGlkPSJhIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxNDMwIiBoZWlnaHQ9IjEwIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+PGZlT2Zmc2V0IGR4PSIxIiBkeT0iMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEuNSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjgxOTYwOCAwIDAgMCAwIDAuODE5NjA4IDAgMCAwIDAgMC44MTk2MDggMCAwIDAgMC45IDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfODg5XzE3NDAiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+PGZlT2Zmc2V0IGR4PSItMSIgZHk9Ii0xIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMC45IDAiLz48ZmVCbGVuZCBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd184ODlfMTc0MCIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3dfODg5XzE3NDAiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+PGZlT2Zmc2V0IGR4PSIxIiBkeT0iLTEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAuODE5NjA4IDAgMCAwIDAgMC44MTk2MDggMCAwIDAgMCAwLjgxOTYwOCAwIDAgMCAwLjIgMCIvPjxmZUJsZW5kIGluMj0iZWZmZWN0Ml9kcm9wU2hhZG93Xzg4OV8xNzQwIiByZXN1bHQ9ImVmZmVjdDNfZHJvcFNoYWRvd184ODlfMTc0MCIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQgZHg9Ii0xIiBkeT0iMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC44MTk2MDggMCAwIDAgMCAwLjgxOTYwOCAwIDAgMCAwIDAuODE5NjA4IDAgMCAwIDAuMiAwIi8+PGZlQmxlbmQgaW4yPSJlZmZlY3QzX2Ryb3BTaGFkb3dfODg5XzE3NDAiIHJlc3VsdD0iZWZmZWN0NF9kcm9wU2hhZG93Xzg4OV8xNzQwIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0NF9kcm9wU2hhZG93Xzg4OV8xNzQwIiByZXN1bHQ9InNoYXBlIi8+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPjxmZU9mZnNldCBkeD0iLTEiIGR5PSItMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEiLz48ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAuODE5NjA4IDAgMCAwIDAgMC44MTk2MDggMCAwIDAgMCAwLjgxOTYwOCAwIDAgMCAwLjUgMCIvPjxmZUJsZW5kIGluMj0ic2hhcGUiIHJlc3VsdD0iZWZmZWN0NV9pbm5lclNoYWRvd184ODlfMTc0MCIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQgZHg9IjEiIGR5PSIxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIvPjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMCAxIDAgMCAwIDAuMyAwIi8+PGZlQmxlbmQgaW4yPSJlZmZlY3Q1X2lubmVyU2hhZG93Xzg4OV8xNzQwIiByZXN1bHQ9ImVmZmVjdDZfaW5uZXJTaGFkb3dfODg5XzE3NDAiLz48L2ZpbHRlcj48L2RlZnM+PC9zdmc+);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;bottom:0;content:"";height:11px;left:0;position:absolute;right:0}.dashboard-error-title{color:var(--text-primary);flex-shrink:0;font-size:.875rem;font-weight:600;margin:0}.dashboard-error-text{font-size:.875rem}.dashboard-error-code,.dashboard-error-text{background:var(--card-background);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-primary);margin:0;padding:.75rem}.dashboard-error-code{font-family:Courier New,monospace;font-size:.75rem;overflow-x:auto;white-space:pre-wrap}.dashboard-expanded-stat{align-items:center;display:flex;justify-content:space-between;padding-bottom:1rem;position:relative}.dashboard-expanded-stat:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDMxIiBoZWlnaHQ9IjExIiBmaWxsPSJub25lIj48ZyBmaWx0ZXI9InVybCgjYSkiPjxwYXRoIGQ9Ik01IDVoMTQyMCIgc3Ryb2tlPSIjRUVFIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvZz48ZGVmcz48ZmlsdGVyIGlkPSJhIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxNDMwIiBoZWlnaHQ9IjEwIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+PGZlT2Zmc2V0IGR4PSIxIiBkeT0iMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEuNSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjgxOTYwOCAwIDAgMCAwIDAuODE5NjA4IDAgMCAwIDAgMC44MTk2MDggMCAwIDAgMC45IDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfODg5XzE3NDAiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+PGZlT2Zmc2V0IGR4PSItMSIgZHk9Ii0xIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMC45IDAiLz48ZmVCbGVuZCBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd184ODlfMTc0MCIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3dfODg5XzE3NDAiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+PGZlT2Zmc2V0IGR4PSIxIiBkeT0iLTEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAuODE5NjA4IDAgMCAwIDAgMC44MTk2MDggMCAwIDAgMCAwLjgxOTYwOCAwIDAgMCAwLjIgMCIvPjxmZUJsZW5kIGluMj0iZWZmZWN0Ml9kcm9wU2hhZG93Xzg4OV8xNzQwIiByZXN1bHQ9ImVmZmVjdDNfZHJvcFNoYWRvd184ODlfMTc0MCIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQgZHg9Ii0xIiBkeT0iMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC44MTk2MDggMCAwIDAgMCAwLjgxOTYwOCAwIDAgMCAwIDAuODE5NjA4IDAgMCAwIDAuMiAwIi8+PGZlQmxlbmQgaW4yPSJlZmZlY3QzX2Ryb3BTaGFkb3dfODg5XzE3NDAiIHJlc3VsdD0iZWZmZWN0NF9kcm9wU2hhZG93Xzg4OV8xNzQwIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0NF9kcm9wU2hhZG93Xzg4OV8xNzQwIiByZXN1bHQ9InNoYXBlIi8+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPjxmZU9mZnNldCBkeD0iLTEiIGR5PSItMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEiLz48ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAuODE5NjA4IDAgMCAwIDAgMC44MTk2MDggMCAwIDAgMCAwLjgxOTYwOCAwIDAgMCAwLjUgMCIvPjxmZUJsZW5kIGluMj0ic2hhcGUiIHJlc3VsdD0iZWZmZWN0NV9pbm5lclNoYWRvd184ODlfMTc0MCIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQgZHg9IjEiIGR5PSIxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIvPjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMCAxIDAgMCAwIDAuMyAwIi8+PGZlQmxlbmQgaW4yPSJlZmZlY3Q1X2lubmVyU2hhZG93Xzg4OV8xNzQwIiByZXN1bHQ9ImVmZmVjdDZfaW5uZXJTaGFkb3dfODg5XzE3NDAiLz48L2ZpbHRlcj48L2RlZnM+PC9zdmc+);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;bottom:0;content:"";height:11px;left:0;position:absolute;right:0}.dashboard-expanded-stat:last-child:after{display:none}.dashboard-expanded-stats{display:flex;flex-direction:column;gap:.5rem;margin-top:auto;padding-top:0}.dashboard-expanded-stats:before{display:none}.dashboard-expanded-stat-label{color:var(--text-color);flex-shrink:0;font-size:.875rem;font-weight:600}.dashboard-expanded-stat-value{word-wrap:break-word;color:var(--text-primary);font-size:.875rem;margin-left:.5rem;overflow-wrap:break-word}@media (max-width:768px){.dashboard-container{padding:1rem}.dashboard-charts-grid,.dashboard-insights-grid,.dashboard-metrics-grid{grid-template-columns:1fr}.dashboard-insight-card{padding:1rem}.dashboard-insight-stat{align-items:flex-start;flex-direction:column;gap:.25rem}.dashboard-recommendation{padding:.5rem}.dashboard-error-analysis-section .dashboard-charts-grid{grid-template-columns:1fr}.dashboard-table-container{font-size:.875rem}.dashboard-table-td,.dashboard-table-th{padding:.75rem 1rem}.dashboard-table-results{flex-direction:column;gap:.25rem}.dashboard-expanded-stats{grid-template-columns:1fr}}@media (max-width:480px){.dashboard-container{padding:.75rem}.dashboard-metric-card{padding:1rem}.dashboard-metric-value{font-size:1.5rem}.dashboard-chart-card{padding:1rem}.dashboard-insight-stats,.dashboard-recommendations{gap:.5rem}.dashboard-recommendation{font-size:.8rem}.dashboard-table-td,.dashboard-table-th{padding:.5rem .75rem}}.dashboard-chart-legend-bottom{display:none;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.dashboard-chart-legend-bottom .dashboard-chart-legend-item{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.dashboard-chart-legend-bottom .dashboard-chart-legend-color{border-radius:50%;flex-shrink:0;height:.75rem;mask:none;-webkit-mask:none;width:.75rem}.dashboard-chart-legend-bottom .dashboard-chart-legend-text{color:var(--text-secondary);font-size:.875rem;font-weight:500}@media (max-width:768px){.dashboard-chart-container-large{flex-direction:column;height:auto;min-height:300px}.dashboard-chart-container-large-chart{height:250px;margin-bottom:1rem;width:100%}.dashboard-chart-legend-right{display:none}.dashboard-chart-legend-bottom{display:flex}}@media (max-width:480px){.dashboard-chart-container-large-chart{height:200px}.dashboard-chart-legend-bottom{gap:.75rem}.dashboard-chart-legend-bottom .dashboard-chart-legend-text{font-size:.8rem}}.organization-setup-container{background-color:#f5f5f5;min-height:100vh;padding:2rem}.organization-setup-main{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;margin:0 auto;max-width:1200px}.organization-setup-sidebar{border-right:1px solid #e5e5e5;width:250px}.organization-setup-sidebar-header{border-bottom:1px solid #e5e5e5;padding:1rem}.organization-setup-sidebar-title{font-size:1.25rem;font-weight:600;margin:0}.organization-setup-tab-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:.5rem;padding:1rem;text-align:left;width:100%}.organization-setup-tab-button:hover{background-color:#f5f5f5}.organization-setup-tab-button-active{background-color:#f5f5f5;border-right:2px solid #3b82f6}.organization-setup-tab-icon{height:1.25rem;width:1.25rem}.organization-setup-content{flex:1 1;padding:1.5rem}.organization-setup-section{gap:1.5rem}.organization-setup-form-group{display:flex;flex-direction:column;gap:.5rem}.organization-setup-label{font-size:.875rem}.organization-setup-input{border:1px solid #e5e5e5;border-radius:4px;font-size:.875rem;padding:.5rem}.organization-setup-owner-inputs{display:flex;flex-direction:column;gap:1rem}.organization-setup-theme-selector{align-items:center;display:flex;gap:1rem}.organization-setup-theme-button{border:none;border-radius:50%;cursor:pointer;height:2rem;width:2rem}.organization-setup-theme-button-active{outline:2px solid #3b82f6;outline-offset:2px}.organization-setup-restore-button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:.875rem}.organization-setup-cards-container{grid-gap:1rem;display:grid;gap:1rem}.organization-setup-card{border:1px solid #e5e5e5;border-radius:8px;overflow:hidden}.organization-setup-card-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:1rem}.organization-setup-card-title{font-size:.875rem;font-weight:500;margin:0}.organization-setup-card-content{padding:1rem}.organization-setup-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.organization-setup-section-title{font-size:1.125rem;font-weight:500;margin:0}.organization-setup-add-button{align-items:center;background:none;border:none;color:#3b82f6;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.organization-setup-member-item{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.organization-setup-member-info{align-items:center;display:flex;gap:.5rem}.organization-setup-member-avatar{background-color:#e5e5e5;border-radius:50%;height:2rem;width:2rem}.organization-setup-member-details{display:flex;flex-direction:column}.organization-setup-member-name{font-size:.875rem;font-weight:500;margin:0}.organization-setup-member-role{color:#6b7280;font-size:.75rem;margin:0}.organization-setup-modal{max-width:28rem;padding:1.5rem}.organization-setup-modal-title{font-size:1.125rem;font-weight:500;margin:0 0 1rem}.organization-setup-modal-text{color:#6b7280;margin-bottom:1.5rem}.organization-setup-cancel-button,.organization-setup-delete-button{border:none;font-size:.875rem;padding:.5rem 1rem}.organization-setup-delete-button{background-color:#ef4444;border-radius:4px;color:#fff;cursor:pointer}.organization-setup-checkbox-group{display:flex;flex-direction:column;gap:.75rem}.organization-setup-checkbox-item{gap:.5rem}.organization-setup-checkbox{height:1rem;width:1rem}.organization-setup-permission-item{align-items:center;display:flex;gap:.5rem;padding:.25rem 0}.organization-setup-team-item{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:.5rem 0}.organization-setup-team-item:last-child{border-bottom:none}.organization-setup-team-button{background:none;border:none;color:#6b7280;cursor:pointer}.organization-setup-description{color:#6b7280;font-size:.875rem;margin:0 0 1rem}.organization-setup-teams-list{display:flex;flex-direction:column;gap:.5rem}.organization-setup-teams-list-label{font-size:.875rem;font-weight:500;margin-bottom:.5rem}.organization-setup-icon{height:1rem;width:.8rem}@media (max-width:768px){.organization-setup-main{flex-direction:column}.organization-setup-sidebar{border-bottom:1px solid #e5e5e5;border-right:none;width:100%}.organization-setup-owner-inputs{flex-direction:column}.organization-setup-modal{margin:1rem;width:calc(100% - 2rem)}}.organization-setup-permissions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-top:1rem}.organization-setup-permissions-column{display:flex;flex-direction:column;gap:.5rem}.organization-setup-permissions-column-title{color:#6b7280;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.organization-setup-permission-item{background-color:#f3f4f6;border-radius:.375rem;font-size:.875rem;padding:.5rem}.organization-setup-table-container{margin:0 auto;max-width:1200px}.organization-setup-table{table-layout:fixed}.organization-setup-table td:first-child,.organization-setup-table th:first-child{width:20px}.organization-setup-table td:nth-child(2),.organization-setup-table th:nth-child(2){width:80px}.organization-setup-table td:nth-child(3),.organization-setup-table th:nth-child(3){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:120px}.organization-setup-table td:nth-child(4),.organization-setup-table th:nth-child(4){width:80px}.organization-setup-table td:nth-child(5),.organization-setup-table th:nth-child(5){width:100px}.organization-setup-table td:nth-child(6),.organization-setup-table td:nth-child(7),.organization-setup-table th:nth-child(6),.organization-setup-table th:nth-child(7){width:60px}.organization-setup-table td:nth-child(8),.organization-setup-table td:nth-child(9),.organization-setup-table th:nth-child(8),.organization-setup-table th:nth-child(9){width:80px}.organization-setup-content{margin:0 auto;max-width:1200px;padding:20px}.organization-setup-filters{align-items:center;flex-wrap:wrap;gap:12px}.organization-setup-search-box{max-width:400px;min-width:250px}.organization-setup-select{max-width:180px;min-width:140px}@media (max-width:1400px){.organization-setup-content{max-width:100%;padding:16px}.organization-setup-table-container{max-width:100%}}@media (max-width:1024px){.organization-setup-table td:nth-child(3),.organization-setup-table th:nth-child(3){width:180px}.organization-setup-table td:nth-child(5),.organization-setup-table td:nth-child(6),.organization-setup-table th:nth-child(5),.organization-setup-table th:nth-child(6){width:80px}}.bulk-edit-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:50}.bulk-edit-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:768px;min-height:60vh;width:100%}.bulk-edit-modal-header{align-items:center;background:linear-gradient(90deg,#eff6ff,#eef2ff);border-bottom:1px solid #f3f4f6;display:flex;flex-shrink:0;justify-content:space-between;padding:24px}.bulk-edit-modal-header-content{align-items:center;display:flex;gap:16px}.bulk-edit-modal-icon-container{background-color:#dbeafe;border-radius:12px;padding:12px}.bulk-edit-modal-title{color:#111827;font-size:24px;font-weight:700;margin:0}.bulk-edit-modal-subtitle{color:#6b7280;font-size:14px;margin:4px 0 0}.bulk-edit-modal-close{background:#ffffff80;border:none;border-radius:12px;cursor:pointer;padding:8px;transition:background-color .2s}.bulk-edit-modal-close:hover{background:#fffc}.bulk-edit-modal-members-preview{background-color:#f9fafb;border-bottom:1px solid #f3f4f6;flex-shrink:0;padding:24px}.bulk-edit-modal-members-title{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.bulk-edit-modal-members-list{display:flex;flex-wrap:wrap;gap:12px;max-height:96px;overflow-y:auto}.bulk-edit-modal-member-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;display:flex;gap:12px;padding:8px 16px}.bulk-edit-modal-member-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.bulk-edit-modal-member-name{color:#1f2937;font-size:14px;font-weight:500}.bulk-edit-modal-more-indicator{align-items:center;background-color:#f3f4f6;border:2px dashed #d1d5db;border-radius:12px;display:flex;height:40px;justify-content:center;width:64px}.bulk-edit-modal-more-text{color:#6b7280;font-size:14px;font-weight:500}.bulk-edit-modal-tabs{flex-shrink:0;padding:24px 24px 16px}.bulk-edit-modal-tabs-container{display:flex;gap:12px}.bulk-edit-modal-tab{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 16px;transition:all .2s}.bulk-edit-modal-tab-active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 6px -1px #0000001a;color:#fff}.bulk-edit-modal-tab-inactive{background:#fff;border:1px solid #e5e7eb;color:#374151}.bulk-edit-modal-tab-inactive:hover{background-color:#f9fafb;border-color:#d1d5db}.bulk-edit-modal-content{flex:1 1;min-height:0;overflow-y:auto;padding:0 24px 24px}.bulk-edit-modal-form{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0}.bulk-edit-modal-fields{display:flex;flex-direction:column;gap:24px}.bulk-edit-modal-field{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;padding:20px}.bulk-edit-modal-field-label{color:#1f2937;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.bulk-edit-modal-select{background:#fff;border:1px solid #d1d5db;border-radius:12px;color:#1f2937;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s;width:100%}.bulk-edit-modal-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.bulk-edit-modal-field-help{background-color:#f9fafb;border-radius:8px;color:#6b7280;font-size:12px;margin-top:8px;padding:8px}.bulk-edit-modal-warning{background:linear-gradient(90deg,#fefbf2,#fef3c7);border:1px solid #f59e0b;border-radius:12px;margin-top:24px;padding:20px}.bulk-edit-modal-warning-content{align-items:flex-start;display:flex;gap:16px}.bulk-edit-modal-warning-icon{background-color:#fbbf24;border-radius:8px;flex-shrink:0;padding:8px}.bulk-edit-modal-warning-title{color:#92400e;font-size:14px;font-weight:700;margin:0 0 8px}.bulk-edit-modal-warning-text{color:#92400e;font-size:14px;line-height:1.5;margin:0}.bulk-edit-modal-warning-text strong{font-weight:600}.bulk-edit-modal-footer{background-color:#f9fafb;border-top:1px solid #f3f4f6;display:flex;flex-shrink:0;gap:16px;justify-content:flex-end;padding:24px}.bulk-edit-modal-button{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.bulk-edit-modal-button-cancel{background:#fff;border:1px solid #d1d5db;color:#374151}.bulk-edit-modal-button-cancel:hover{background-color:#f9fafb;border-color:#9ca3af}.bulk-edit-modal-button-submit{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 4px 6px -1px #0000001a;color:#fff;padding:12px 32px}.bulk-edit-modal-button-submit:hover{background:linear-gradient(135deg,#1d4ed8,#1e3a8a);box-shadow:0 10px 15px -3px #0000001a}@media (max-width:768px){.bulk-edit-modal{margin:8px;max-width:100%}.bulk-edit-modal-content,.bulk-edit-modal-footer,.bulk-edit-modal-header,.bulk-edit-modal-members-preview,.bulk-edit-modal-tabs{padding:16px}.bulk-edit-modal-tabs-container{flex-direction:column;gap:8px}.bulk-edit-modal-footer{flex-direction:column}.bulk-edit-modal-button{width:100%}}.file-content-container{height:calc(100vh - 100px);position:relative;transition:all .3s ease;width:100%}.file-content-container.with-right-panel{grid-gap:16px;display:grid;gap:16px;grid-template-columns:65% 33%;overflow:hidden}.file-content-container.centered-file{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:-4%;overflow:visible}@media (max-width:992px){.file-content-container.with-right-panel{grid-template-columns:1fr;height:auto;overflow:visible}}.ai-response-code-card{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;height:100%;max-width:100%;width:100%}.centered-file .ai-response-code-card{height:82%;max-width:1200px;width:80%}.ai-header{background-color:var(--primary-color);color:#fff;min-height:30px}.ai-header-filename{font-size:16px;font-weight:600;margin:0}.message-text.code-container{flex:1 1;max-height:calc(90vh - 230px);overflow:auto;padding:0;transition:max-height .3s ease}.message-text.code-container.hidden{max-height:0}.file-content-run-test{height:40px;position:absolute;transition:all .3s ease;z-index:10}.with-right-panel .file-content-run-test{bottom:4%;left:56%}.centered-file .file-content-run-test{bottom:-4%;right:18%;transform:translateX(-50%)}.file-content-right{grid-gap:16px;display:grid;gap:16px;grid-template-rows:auto auto auto 1fr;height:100%;max-height:100%;opacity:1;transition:opacity .3s ease}.neumorphic-divider{background:#eee;border-radius:1.5px;box-shadow:inset -1px 1px 2px #b5b5b533,inset 1px -1px 2px #b5b5b533,inset -1px -1px 2px #ffffffe6,inset 1px 1px 3px #b5b5b5e6;filter:drop-shadow(-1px -1px 2px rgba(181,181,181,.5)) drop-shadow(1px 1px 2px rgba(255,255,255,.3));height:3px;margin:1px 0;position:relative;width:100%}.file-content-execution-time{background-color:#eee;border-radius:8px;box-shadow:inset 1px 1px 2px #ffffff4d,inset -1px -1px 2px #d6d6d680,10px 10px 25px #d6d6d64d,-10px -10px 20px #ffffff4d;padding:12px 16px}.file-content-execution-time h3{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.file-content-progress-bar{background-color:#d4d4d4;border-radius:6px;box-shadow:inset 1px 1px 2px #d4d4d480,inset -1px -1px 2px #ffffff4d;height:12px;margin-bottom:8px;overflow:hidden;position:relative}.file-content-progress{background-color:var(--primary-color);height:100%}.file-content-time-remaining{color:#666;font-size:14px;text-align:right}.file-content-button{margin-bottom:-7%}.file-content-test-stats{background-color:#eee;border-radius:8px;box-shadow:inset 1px 1px 2px #ffffff4d,inset -1px -1px 2px #d6d6d680,10px 10px 25px #d6d6d64d,-10px -10px 20px #ffffff4d;height:110%;padding:12px 16px}.file-content-test-stats h3{color:#333;font-size:16px;font-weight:600;margin:0;text-align:center}.file-content-test-results{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;height:75%;margin-top:10%}.file-content-tests-failed,.file-content-tests-passed{background-color:#eee;border-radius:8px;box-shadow:inset -6px -6px 12px #ffffffe6,inset 6px 6px 15px #d4d4d4e6,-1px -1px 2px #d4d4d480,1px 1px 2px #ffffff4d;padding:12px 16px;text-align:center}.file-content-tests-failed h4,.file-content-tests-passed h4{color:#333;font-size:14px;font-weight:600;margin:0 0 8px}.file-content-count{color:#333;font-size:24px;font-weight:700}.file-content-logs{background-color:#eee;border-radius:8px;box-shadow:inset -1px -1px 2px #d6d6d680,inset 1px 1px 2px #ffffff4d,10px 10px 25px #d6d6d64d,-10px -10px 20px #ffffff4d;max-height:80%;overflow:hidden}.file-content-logs-container{font-family:monospace;font-size:12px;height:100%;line-height:1.6;max-height:calc(100vh - 360px);overflow-y:auto;padding:12px 16px}.file-content-log-entry{display:flex;margin-bottom:6px;white-space:nowrap}.file-content-log-timestamp{color:#666;flex-shrink:0;margin-right:12px;width:80px}.file-content-log-message{white-space:nowrap}.monaco-editor-container{border-radius:4px;height:calc(100% - 16px);margin:8px 0;overflow:hidden;width:100%}.message-text.code-container.editing-mode{max-height:calc(90vh - 180px)}.code-block.body-text{cursor:text;position:relative;transition:all .2s ease}.message-text.code-container::-webkit-scrollbar{height:8px;width:8px}.message-text.code-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.message-text.code-container::-webkit-scrollbar-thumb{background:#b19cd9;border-radius:4px}.message-text.code-container::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.nav-button.small-caption[title^=Edit],.nav-button.small-caption[title^=Save]{position:relative}.nav-button.small-caption[title^=Save]{animation:pulse 1.5s infinite}@media (max-width:768px){.monaco-editor-container{height:60vh}.centered-file .ai-response-code-card{height:75%;width:95%}}.csv-display{max-width:100%;overflow:hidden}.file-stats{color:#fff;font-size:12px;margin-left:12px}.csv-table-wrapper{background-color:#fff;border:1px solid #eee;border-radius:4px;overflow-x:auto}.simple-csv-table{border-collapse:collapse;font-size:14px;text-align:left;width:100%}.simple-csv-table th{background-color:#f7f7f7;border-bottom:2px solid #ddd;color:#333;font-weight:600;padding:10px 16px;position:-webkit-sticky;position:sticky;top:0;white-space:nowrap}.simple-csv-table td{border-bottom:1px solid #eee;padding:8px 16px;white-space:nowrap}.simple-csv-table .even-row{background-color:#fafafa}.simple-csv-table .odd-row{background-color:#fff}.simple-csv-table tr:hover{background-color:#f0f0f0}.numeric-cell{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.empty-cell{color:#aaa;font-style:italic}.null-value{color:#aaa}.feature-code .token.background,.feature-code .token.examples,.feature-code .token.feature,.feature-code .token.rule,.feature-code .token.scenario,.feature-code .token.scenario-outline{color:#8045dd;font-weight:700}.feature-code .token.and,.feature-code .token.but,.feature-code .token.given,.feature-code .token.then,.feature-code .token.when{color:#1976d2;font-weight:700}.feature-code .token.tag{color:#ff9800}.feature-code .token.string{color:#28a745}.feature-code .token.comment{color:#6c757d;font-style:italic}.file-path-highlight{background-color:#f4433626;border-radius:2px;color:#d32f2f;display:inline-block;font-weight:500;padding:0 2px}.image-display-container{align-items:center;background-color:#f5f5f5;border-radius:4px;display:flex;justify-content:center;margin-top:16px;overflow:auto;padding:16px;width:100%}.image-display{max-height:100%;max-width:100%;object-fit:contain}.image-controls{align-items:center;display:flex;gap:8px;margin-right:16px}.zoom-level-display{background-color:#f0f0f0;border-radius:4px;color:#333;font-size:12px;font-weight:500;min-width:45px;padding:4px 8px;text-align:center}.pdf-viewer-container{border-radius:8px;margin-top:16px}.file-type-indicator{border-radius:3px;color:var(--primary-color);display:inline-block;font-size:10px;font-weight:500;margin-left:6px;padding:1px 4px}.image-indicator{background-color:#0277bd}.pdf-indicator{background-color:#c62828}.message-text.image-container,.message-text.pdf-container{display:flex;flex-direction:column;height:calc(100vh - 200px);overflow:hidden}@media (max-width:768px){.image-controls{margin-bottom:8px}.ai-header-right{align-items:flex-end;flex-direction:column;gap:8px}.message-text.image-container,.message-text.pdf-container{height:calc(100vh - 300px)}}.pdf-content-wrapper{display:flex;flex-direction:column;height:100vh;max-height:calc(88vh - 60px);overflow:hidden}.pdf-header{align-items:center;background-color:var(--primary-color);border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;display:flex;justify-content:space-between;min-height:35px;padding:10px 16px}.pdf-filename{font-size:16px;font-weight:500;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-toolbar{align-items:center;display:flex;gap:16px}.pdf-page-navigation{align-items:center;background-color:#ffffff1a;border-radius:4px;display:flex;gap:8px;padding:2px 8px}.pdf-page-indicator{font-size:14px;min-width:60px;text-align:center}.pdf-zoom-controls{align-items:center;background-color:#ffffff1a;border-radius:4px;display:flex;gap:8px;padding:2px 8px}.pdf-zoom-level{font-size:14px;min-width:50px;text-align:center}.pdf-nav-button{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s}.pdf-nav-button:hover{background-color:#fff3}.pdf-nav-button:disabled{cursor:not-allowed;opacity:.5}.pdf-content{border-bottom-left-radius:8px;border-bottom-right-radius:8px;flex:1 1}.pdf-content,.pdf-viewer-container{background-color:#f5f5f5;overflow:hidden}.pdf-viewer-container,.pdf-viewer-frame{height:100%;width:100%}.pdf-viewer-frame{background-color:#fff;border:none}@media (max-width:768px){.pdf-header{align-items:flex-start;flex-direction:column;gap:8px;padding:8px 12px}.pdf-filename{max-width:100%}.pdf-toolbar{flex-wrap:wrap;gap:8px;justify-content:space-between;width:100%}.pdf-page-navigation,.pdf-zoom-controls{padding:0 4px}}.report-content-container{width:100%}.report-content-title{font-size:24px;font-weight:700;margin-bottom:24px}.report-content-summary{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.report-content-summary-card{background-color:#eee;border-radius:8px;box-shadow:inset -6px 6px 12px 0 #d4d4d433,inset 6px -6px 12px 0 #d4d4d433,inset -6px -6px 12px 0 #ffffffe6,inset 6px 6px 15px 0 #d4d4d4e6;filter:drop-shadow(-1px -1px 2px rgba(212,212,212,.5)) drop-shadow(1px 1px 2px rgba(255,255,255,.3));flex:0 0 auto;min-width:200px;padding:16px;width:200px}@media (min-width:768px){.report-content-summary-card{width:220px}}.report-content-summary-label{font-size:14px;margin-bottom:4px}.report-content-summary-total .report-content-summary-label{color:#6b7280}.report-content-summary-passed .report-content-summary-label{color:#16a34a}.report-content-summary-failed .report-content-summary-label{color:#dc2626}.report-content-summary-value{font-size:24px;font-weight:700}.report-content-summary-passed .report-content-summary-value{color:#16a34a}.report-content-summary-failed .report-content-summary-value{color:#dc2626}.report-content-test-case{background-color:#eee;border:1px solid #e5e7eb;border:2px solid var(--primary-color);border-radius:8px;box-shadow:inset 1px 1px 2px 0 #ffffff4d,inset -1px -1px 2px 0 #d6d6d680;filter:drop-shadow(10px 10px 25px rgba(214,214,214,.9)) drop-shadow(-10px -10px 20px rgba(255,255,255,.9)) drop-shadow(10px -10px 20px rgba(214,214,214,.2)) drop-shadow(-10px 10px 20px rgba(214,214,214,.2));margin-bottom:20px;overflow:hidden}.report-content-test-case-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px}.report-content-test-case-title-container{align-items:center;display:flex;gap:12px}.report-content-test-case-icon{flex-shrink:0}.report-content-test-case-title{font-size:18px;font-weight:600;margin:0}.report-content-test-case-description{color:#4b5563;font-size:16px;margin:0}.report-content-test-case-right{align-items:center;display:flex;gap:8px}.report-content-test-case-duration{color:#6b7280;font-size:14px}.report-content-test-case-details{background-color:#eee;box-shadow:inset -6px 6px 12px 0 #d4d4d433,inset 6px -6px 12px 0 #d4d4d433,inset -6px -6px 12px 0 #ffffffe6,inset 6px 6px 15px 0 #d4d4d4e6;filter:drop-shadow(-1px -1px 2px rgba(212,212,212,.5)) drop-shadow(1px 1px 2px rgba(255,255,255,.3));padding:16px}.report-content-run-info{color:#4b5563;font-size:14px;margin-bottom:16px}.report-content-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.report-content-tag{background-color:#e5e7eb;border-radius:9999px;color:#374151;display:inline-block;font-size:12px;padding:4px 10px}.report-content-section{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow:hidden}.report-content-section-header{align-items:center;background-color:#eee;box-shadow:inset 1px 1px 2px 0 #ffffff4d,inset -1px -1px 2px 0 #d6d6d680;cursor:pointer;display:flex;filter:drop-shadow(10px 10px 25px rgba(214,214,214,.9)) drop-shadow(-10px -10px 20px rgba(255,255,255,.9)) drop-shadow(10px -10px 20px rgba(214,214,214,.2)) drop-shadow(-10px 10px 20px rgba(214,214,214,.2));justify-content:space-between;padding:12px 16px}.report-content-section-title{align-items:center;color:var(--primary-color);display:flex;font-weight:600;gap:8px}.report-content-section-content{background-color:#eee;box-shadow:inset -6px 6px 12px 0 #d4d4d433,inset 6px -6px 12px 0 #d4d4d433,inset -6px -6px 12px 0 #ffffffe6,inset 6px 6px 15px 0 #d4d4d4e6;filter:drop-shadow(-1px -1px 2px rgba(212,212,212,.5)) drop-shadow(1px 1px 2px rgba(255,255,255,.3));padding:16px}.report-content-assertion-table{border-collapse:collapse;width:100%}.report-content-assertion-table td,.report-content-assertion-table th{border:1px solid #e5e7eb;padding:10px;text-align:left}.report-content-assertion-table th{background-color:#f9fafb;color:#4b5563;font-weight:600}.report-content-assertion-table tr:nth-child(2n){background-color:#f9fafb}.report-content-status-pass{background-color:#d1fae5;color:#047857}.report-content-status-fail,.report-content-status-pass{border-radius:9999px;display:inline-block;font-size:12px;padding:2px 8px}.report-content-status-fail{background-color:#fee2e2;color:#b91c1c}.report-content-steps-list{list-style-type:none;margin:0;padding:0}.report-content-step-item{border-bottom:1px solid #e5e7eb;display:flex;padding:10px 0}.report-content-step-item:last-child{border-bottom:none}.report-content-step-status{flex-shrink:0;margin-right:10px}.report-content-step-details{flex-grow:1}.report-content-step-name{margin-bottom:4px}.report-content-step-duration{color:#6b7280;font-size:12px}.report-content-test-data{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.report-content-data-item{background-color:#f9fafb;border-radius:6px;padding:12px}.report-content-data-key{color:#6b7280;font-size:12px;margin-bottom:4px}.report-content-data-value{font-weight:500}.report-content-api-section{margin-bottom:12px}.report-content-api-label{font-weight:500;margin-bottom:4px}.report-content-api-content{background-color:#f9fafb;border-radius:6px;overflow-x:auto;padding:12px}.report-content-api-content pre{font-family:monospace;font-size:13px;margin:0;white-space:pre-wrap}.report-content-loading{padding:32px;text-align:center}.report-content-spinner{animation:report-content-spin 2s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:30px;margin:0 auto 8px;width:30px}@keyframes report-content-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.report-content-error{background-color:#fef2f2;border-radius:8px;color:#b91c1c;padding:16px}.report-content-error-title{font-weight:700;margin-bottom:8px}.report-content-no-data{background-color:#fffbeb;border-radius:8px;color:#92400e;padding:16px}.report-content-icon{display:inline-flex}.report-content-icon-passed{color:#16a34a}.report-content-icon-failed{color:#dc2626}.report-content-icon-skipped{color:#d97706}.rename-modal-overlay *,.rename-modal-overlay :after,.rename-modal-overlay :before{box-sizing:border-box;margin:0;padding:0}.rename-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;width:100vw;z-index:99999}.rename-modal-container{animation:rename-modal-fadeIn .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 8px 32px #00000080;isolation:isolate;margin:20px;max-width:500px;overflow:hidden;position:relative;width:100%;z-index:100000}@keyframes rename-modal-fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.rename-modal-header{align-items:center;background-color:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 24px}.rename-modal-header h2{color:#333;font-size:18px;font-weight:600;line-height:1.4;margin:0}.rename-modal-close-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;transition:color .2s;width:24px}.rename-modal-close-button:hover{color:#333}.rename-modal-body{background-color:#fff;padding:24px}.rename-modal-form-group{margin-bottom:20px}.rename-modal-label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.rename-modal-form-control{border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;line-height:1.5;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.rename-modal-form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #9404c31a;outline:none}.rename-modal-form-control:disabled{background-color:#f7f7f7;cursor:not-allowed;opacity:.7}.rename-modal-path-preview{background-color:#f7f7f7;border-radius:4px;color:#666;font-size:13px;margin-top:12px;padding:8px 12px;word-break:break-all}.rename-modal-error-message{background-color:#ff4d4f0d;border-left:3px solid #ff4d4f;border-radius:4px;color:#ff4d4f;font-size:13px;margin-top:8px;padding:8px 12px}.rename-modal-footer{background-color:#fafafa;border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.rename-modal-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;height:36px;justify-content:center;min-width:80px;padding:8px 16px;transition:all .2s}.rename-modal-button-secondary{background:#f7f7f7;border:1px solid #ddd;color:#333}.rename-modal-button-primary{background:linear-gradient(to right,var(--primary-color),#47025d);color:#fff}.rename-modal-button-secondary:hover{background:#eee}.rename-modal-button-primary:hover{opacity:.9}.rename-modal-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:576px){.rename-modal-container{margin:16px;max-width:calc(100% - 32px)}.rename-modal-header{padding:12px 16px}.rename-modal-body{padding:16px}}.base-file-container{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;height:100%;width:100%}.base-file-container.centered{margin:0 auto;max-width:1200px}.base-file-container.with-sidebar{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 350px;padding:20px}.base-file-header{align-items:center;background:var(--primary-color);border-bottom:1px solid var( --code-file);border-radius:8px 8px 0 0;display:flex;justify-content:space-between;min-height:60px;padding-left:20px;padding-right:20px}.base-file-title{align-items:center;display:flex;flex:1 1;gap:12px}.base-file-name{color:#fff;font-size:16px;font-weight:600;margin:0}.base-file-status{align-items:center;color:#6c757d;display:flex;font-size:12px;gap:8px}.base-file-saving{color:#007bff}.base-file-saved{color:#28a745}.base-file-actions{align-items:center;display:flex;gap:8px}.base-file-button{align-items:center;background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:8px 12px;transition:background-color .2s}.base-file-button:hover{background:#7c0ea6}.base-file-button:disabled{background:#6c757d;cursor:not-allowed}.base-file-button.secondary{background:#f8f9fa;color:#383b3d}.base-file-button.secondary:hover{background:#5a6268}.base-file-content{flex:1 1;min-height:400px;overflow:auto}.base-file-content.editing{padding:0}.base-file-code{background:var( --code-file);border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;overflow-x:auto;padding:16px;white-space:pre-wrap;word-break:break-word}.base-file-code code{background:none;border:none;color:inherit;padding:0}.base-file-editor{border:1px solid var( --code-file);border-radius:4px;height:600px;overflow:hidden}.base-file-empty,.base-file-error,.base-file-loading{align-items:center;align-self:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;margin-top:12%;padding:60px 20px;text-align:center}.base-file-loading-spinner{animation:base-file-spin 1s linear infinite;border:3px solid #e9ecef;border-radius:50%;border-top:3px solid var(--primary-color);height:40px;margin-bottom:16px;width:40px}@keyframes base-file-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.base-file-error-title{color:#dc3545;font-size:18px;font-weight:600;margin-bottom:8px}.base-file-error-message{color:#6c757d;margin-bottom:16px}.base-file-binary{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;padding:40px;text-align:center}.base-file-csv-stats{background:#e9ecef;border-bottom:1px solid #dee2e6;color:#6c757d;font-size:12px;padding:12px 20px}.base-file-csv-table{border-collapse:collapse;font-size:14px;width:100%}.base-file-csv-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;border-right:1px solid #dee2e6;font-weight:600;padding:12px 8px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.base-file-csv-table td{border-bottom:1px solid #e9ecef;border-right:1px solid #e9ecef;padding:8px;vertical-align:top}.base-file-csv-table tr:nth-child(2n){background:#f8f9fa}.base-file-csv-table tr:hover{background:#e9ecef}.base-file-csv-numeric{font-family:Monaco,Menlo,monospace;text-align:right}.base-file-csv-empty{color:#adb5bd;font-style:italic}.base-file-image-container{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;justify-content:center;min-height:400px;overflow:hidden}.base-file-image{max-height:100%;max-width:100%;object-fit:contain;transition:transform .2s ease}.base-file-image-controls{align-items:center;background:#fff;border-radius:4px;box-shadow:0 2px 8px #0000001a;display:flex;gap:8px;padding:8px}.base-file-zoom-display{background:#f8f9fa;border-radius:4px;font-size:12px;font-weight:600;min-width:50px;padding:4px 8px;text-align:center}.base-file-pdf-container{display:flex;flex-direction:column;height:100%}.base-file-pdf-viewer{border:none;flex:1 1;min-height:600px}.base-file-content::-webkit-scrollbar{padding-top:15px;width:10px}.base-file-content::-webkit-scrollbar-track{background:#eee;border-radius:30px;box-shadow:1px 1px 2px 0 #ffffff4d,-1px -1px 2px 0 #bababa80,inset -4px 4px 8px 0 #bababa33,inset 4px -4px 8px 0 #bababa33,inset -4px -4px 8px 0 #ffffffe6,inset 4px 4px 10px 0 #bababae6}.base-file-content::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:20px}.base-file-content::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.base-file-runner-grid{display:flex;flex-direction:column;gap:20px;height:100%;max-width:100vw;overflow:hidden;padding:20px;width:100%}.base-file-runner-grid.single-panel{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.base-file-runner-grid.single-panel .base-file-runner-main{margin:0 auto;max-width:1200px;width:100%}.base-file-runner-grid.with-sidebar{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;grid-template-rows:1fr auto;max-width:100vw;width:100%}.base-file-runner-main{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.base-file-runner-main .base-file-container{display:flex;flex-direction:column;height:100%;min-width:0}.base-file-runner-main .base-file-content{flex:1 1;max-width:100%;min-width:0;overflow:auto}.base-file-runner-main .base-file-content.collapsed{display:none}.base-file-runner-main .base-file-code{background:var( --code-file);border-radius:4px;box-sizing:border-box;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;max-width:100%;overflow-x:auto;padding:16px;white-space:pre;word-break:break-all}.base-file-runner-main .base-file-editor{border:1px solid var( --code-file);border-radius:4px;height:600px;max-width:100%;min-width:0;overflow:hidden}.base-file-runner-sidebar{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;max-height:100vh;max-width:400px;min-width:280px;overflow:hidden;width:100%}.base-file-runner-sidebar-header{align-items:center;background:var(--primary-color);border-bottom:1px solid #e9ecef;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.base-file-runner-sidebar-header h3{color:#fff;font-size:14px;font-weight:600;margin:0}.base-file-runner-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.base-file-runner-stats{background:#fff;border-bottom:1px solid #e9ecef;padding:16px}.base-file-runner-stats h4{color:#343a40;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.base-file-runner-detail-grid{grid-gap:8px;display:grid;gap:8px}.base-file-runner-detail-item{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:6px 0}.base-file-runner-detail-item:last-child{border-bottom:none}.base-file-runner-detail-item .label{color:#6c757d;font-size:12px;font-weight:500}.base-file-runner-detail-item .value{color:#343a40;font-family:Monaco,Menlo,monospace;font-size:12px;font-weight:500}.base-file-runner-detail-item .value.status{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.base-file-runner-error{background:#f8f9fa;border:1px solid #e9ecef;border-left:4px solid #dc3545;border-radius:4px;color:#721c24;font-family:Monaco,Menlo,monospace;font-size:12px;padding:12px;white-space:pre-wrap;word-break:break-word}.base-file-runner-files{display:flex;flex-direction:column;gap:4px;max-height:120px;overflow-y:auto}.base-file-runner-file-item{background:#f8f9fa;border-left:2px solid var(--primary-color);border-radius:3px;color:#495057;font-family:Monaco,Menlo,monospace;font-size:11px;padding:6px 10px}.base-file-runner-empty-state{color:#6c757d;padding:30px 16px;text-align:center}.base-file-runner-empty-state h4{color:#343a40;font-size:14px;font-weight:600;margin:0 0 8px}.base-file-runner-empty-state p{font-size:13px;line-height:1.5;margin:0}.base-file-runner-test-results{grid-gap:12px;background:#fff;border-bottom:1px solid #e9ecef;display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:16px}.base-file-runner-test-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px;text-align:center}.base-file-runner-test-card.passed{background:#f8fff9;border-left:3px solid #28a745}.base-file-runner-test-card.failed{background:#fef8f8;border-left:3px solid #dc3545}.base-file-runner-test-card h5{color:#6c757d;font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.base-file-runner-count{color:#343a40;font-family:Monaco,Menlo,monospace;font-size:24px;font-weight:700}.base-file-runner-test-card.passed .base-file-runner-count{color:#28a745}.base-file-runner-test-card.failed .base-file-runner-count{color:#dc3545}.base-file-runner-logs{background:#fff;display:flex;flex:1 1;flex-direction:column;max-height:300px;min-height:0}.base-file-runner-logs-header{align-items:center;background:var(--primary-color);border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:12px 20px}.base-file-runner-logs-header h5{color:#fff;font-size:14px;font-weight:600;margin:0}.base-file-runner-logs-container{background:#fafafa;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.5;overflow-y:auto;padding:16px 20px}.base-file-runner-log-entry{display:flex;gap:12px;margin-bottom:8px;padding:4px 0}.base-file-runner-log-entry.error{background:#dc35451a;border-left:4px solid #dc3545;border-radius:4px;color:#dc3545;margin:4px 0;padding:8px 12px}.base-file-runner-log-timestamp{color:#6c757d;flex-shrink:0;font-size:11px;width:80px}.base-file-runner-log-message{color:#343a40;flex:1 1;word-break:break-word}.base-file-runner-actions{background:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #e9ecef;display:flex;flex-shrink:0;justify-content:center;padding:16px}.base-file-runner-run-button{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;min-width:120px;padding:10px 24px;transition:all .2s ease}.base-file-runner-run-button.ready{background:var(--gradient2)}.base-file-runner-run-button.ready:hover{background:var(--gradient2);box-shadow:var(--shadow-base);transform:translateY(-1px)}.base-file-runner-run-button.running{background:linear-gradient(135deg,#dc3545,#e74c3c)}.base-file-runner-run-button.running:hover{background:linear-gradient(135deg,#c82333,#dc3545);box-shadow:var(--shadow-base);transform:translateY(-1px)}.base-file-runner-run-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:1200px){.base-file-runner-grid.with-sidebar{grid-template-columns:1fr;grid-template-rows:1fr auto}.base-file-runner-sidebar{max-height:60vh;overflow-y:auto}}@media (max-width:768px){.base-file-runner-grid{gap:16px;padding:16px}.base-file-runner-test-results{gap:12px;grid-template-columns:1fr;padding:16px}.base-file-runner-run-button{font-size:14px;min-width:120px;padding:10px 24px}.base-file-runner-sidebar{max-height:80vh}.base-file-runner-stats{padding:16px}.base-file-runner-detail-item{align-items:flex-start;flex-direction:column;gap:4px}}.results-tab-container{background:#eee;display:flex;gap:20px;height:100%}.results-tab-sidebar{background:#eee;border-radius:10px;box-shadow:inset 1px 1px 2px 0 #ffffffb3,inset -1px -1px 2px 0 #d6d6d6cc;-webkit-clip-path:polygon(0 0,100% 0,100% 20px,100% 100%,100% 100%,20px 100%,0 calc(100% - 25px),0 20px);clip-path:polygon(0 0,100% 0,100% 20px,100% 100%,100% 100%,20px 100%,0 calc(100% - 25px),0 20px);display:flex;filter:drop-shadow(10px 10px 25px rgba(214,214,214,.9)) drop-shadow(-10px -10px 20px rgba(255,255,255,.9)) drop-shadow(10px -10px 20px rgba(214,214,214,.2)) drop-shadow(-10px 10px 20px rgba(214,214,214,.2));flex-direction:column;flex-shrink:0;overflow:visible;position:relative;width:280px}.results-tab-sidebar-header{align-items:center;display:flex;justify-content:space-between;padding:14px 16px}.results-tab-sidebar-header h3{color:#1f2937;font-size:14px;font-weight:600;margin:0}.results-tab-refresh-button{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#6b7280;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.results-tab-refresh-button:hover{color:var(--primary-color)}.api-status-loading{align-items:center;background:#ffffff4d;color:#6b7280;display:flex;font-size:11px;gap:6px;padding:8px 16px}.results-tab-runs-list{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:12px}.results-tab-runs-list::-webkit-scrollbar{width:4px}.results-tab-runs-list::-webkit-scrollbar-track{background:#0000}.results-tab-runs-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.results-tab-run-item{background:#eee;border-radius:8px;box-shadow:-1px -1px 2px #bebebe80,1px 1px 2px #ffffff4d,inset 1px 1px 3px #bebebee6,inset -1px -1px 2px #ffffffe6;cursor:pointer;padding:10px 12px;transition:all .2s ease}.results-tab-run-item:hover{box-shadow:-2px -2px 3px #bebebe99,2px 2px 3px #fff6,inset 1px 1px 3px #bebebed9,inset -1px -1px 2px #ffffffd9}.results-tab-run-item.selected{border:2.5px solid var(--primary-color);box-shadow:none}.results-tab-run-item.current-run{background:#f59e0b0d;border:2px solid #f59e0b}.results-tab-run-item.optimistic-run{border-left:3px solid var(--primary-color)}.results-tab-run-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.results-tab-run-name{color:#1f2937;flex:1 1;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-status-badge{border-radius:4px;font-size:9px;font-weight:600;padding:2px 6px;text-transform:uppercase}.run-status-badge.success{background:#10b98126;color:#059669}.run-status-badge.failure{background:#ef44441a;color:#dc2626}.run-status-badge.running{background:#3b82f626;color:#2563eb}.results-tab-run-meta{display:flex;flex-direction:column;gap:4px}.results-tab-run-date{align-items:center;display:flex;gap:4px}.polling-status,.results-tab-run-date{color:#6b7280;font-size:10px}.results-tab-no-runs{padding:20px;text-align:center}.results-tab-no-runs p{color:#6b7280;font-size:12px;margin:0 0 4px}.results-tab-help-text{color:#9ca3af;font-size:11px}.api-status-error{align-items:center;background:#ef44440d;color:#dc2626;display:flex;font-size:10px;gap:6px;padding:8px 16px}.results-tab-main{background:#eee;border-radius:20px;box-shadow:inset 3px 3px 8px #d5d5d580,inset -3px -3px 8px #ffffff80;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.results-tab-compiling,.results-tab-error,.results-tab-loading,.results-tab-no-selection,.results-tab-running{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.compiling-status,.running-status{max-width:400px}.compiling-status h3,.running-status h3{color:#1f2937;font-size:16px;font-weight:600;margin:16px 0 8px}.compiling-status p,.running-status p{color:#6b7280;font-size:12px;margin:0}.results-tab-error h3,.results-tab-no-selection h3{color:#1f2937;font-size:16px;font-weight:600;margin:16px 0 8px}.results-tab-error p,.results-tab-no-selection p{color:#6b7280;font-size:12px;margin:0}.results-tab-loading p{color:#6b7280;font-size:12px;margin:12px 0 0}.loading-spinner,.results-tab-loading-spinner{animation:results-spin 1s linear infinite;color:var(--primary-color);height:32px;width:32px}@keyframes results-spin{to{transform:rotate(1turn)}}.spinning{animation:results-spin 1s linear infinite}.results-tab-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.results-tab-content-header{border-bottom:1px solid #d5d5d54d;display:flex;flex-shrink:0;justify-content:flex-end;padding:12px 16px}.results-tab-content-actions{display:flex;gap:8px}.results-tab-btn{align-items:center;background:#eee;border:none;border-radius:8px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#374151;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s ease}.results-tab-btn:hover:not(:disabled){box-shadow:1px 1px 2px #d5d5d599,-1px -1px 2px #fff9}.results-tab-btn:disabled{cursor:not-allowed;opacity:.5}.results-tab-btn-icon{height:14px;width:14px}.results-tab-btn-xray{background:#0052cc;box-shadow:2px 2px 4px #0052cc4d,-1px -1px 3px #ffffff4d;color:#fff}.results-tab-btn-xray:hover:not(:disabled){background:#0747a6}.results-tab-btn-download{color:var(--primary-color)}.results-tab-error-icon{color:#ef4444;height:48px;width:48px}.results-tab-execution-viewer{flex:1 1;overflow-y:auto;padding:16px}.results-tab-execution-viewer::-webkit-scrollbar{width:6px}.results-tab-execution-viewer::-webkit-scrollbar-track{background:#0000}.results-tab-execution-viewer::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.results-tab-exec-header{align-items:flex-start;background:#eee;border-radius:10px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;display:flex;justify-content:space-between;margin-bottom:16px;padding:14px 16px}.results-tab-exec-title-section{flex:1 1}.results-tab-exec-title{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.results-tab-exec-meta{display:flex;flex-wrap:wrap;gap:12px}.results-tab-exec-meta-item{align-items:center;color:#6b7280;display:flex;font-size:11px;gap:4px}.results-tab-exec-status-badge{align-items:center;border-radius:8px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px}.results-tab-exec-status-badge.success{background:#10b98126;color:#059669}.results-tab-exec-status-badge.failure{background:#ef44441a;color:#dc2626}.results-tab-exec-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-bottom:16px}.results-tab-exec-metric{background:#eee;border-radius:8px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;padding:12px;text-align:center}.results-tab-exec-metric-label{color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.results-tab-exec-metric-value{color:#1f2937;font-size:20px;font-weight:700}.results-tab-exec-metric.success .results-tab-exec-metric-value{color:#059669}.results-tab-exec-metric.failure .results-tab-exec-metric-value{color:#dc2626}.results-tab-exec-permutations{display:flex;flex-direction:column;gap:12px}.results-tab-exec-perm{background:#eee;border-radius:10px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;overflow:hidden}.results-tab-exec-perm-header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:12px 14px;text-align:left;width:100%}.results-tab-exec-perm-header:hover{background:#ffffff4d}.results-tab-exec-perm-info{align-items:center;display:flex;gap:10px}.results-tab-exec-perm-icon{align-items:center;display:flex;justify-content:center}.results-tab-exec-perm-icon.success{color:#059669}.results-tab-exec-perm-icon.failure{color:#dc2626}.results-tab-exec-perm-details{display:flex;flex-direction:column;gap:2px}.results-tab-exec-perm-name{color:#1f2937;font-size:13px;font-weight:600}.results-tab-exec-perm-meta{color:#6b7280;display:flex;font-size:11px;gap:12px}.results-tab-exec-perm-meta span{align-items:center;display:flex;gap:4px}.results-tab-exec-perm-content{background:#fff3;border-top:1px solid #d5d5d54d;padding:12px 14px}.results-tab-exec-timeline{align-items:center;background:#eee;border-radius:6px;box-shadow:inset 1px 1px 2px #d5d5d566,inset -1px -1px 2px #fff6;color:#6b7280;display:flex;font-size:11px;gap:10px;margin-bottom:12px;padding:8px 12px}.results-tab-exec-timeline-bar{background:linear-gradient(90deg,var(--primary-color) 0,#a78bfa 100%);border-radius:1px;flex:1 1;height:2px}.results-tab-exec-steps{display:flex;flex-direction:column;gap:8px}.results-tab-exec-step{background:#eee;border-radius:8px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;overflow:hidden}.results-tab-exec-step-header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;text-align:left;width:100%}.results-tab-exec-step-header:hover{background:#ffffff4d}.results-tab-exec-step-info{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.results-tab-exec-step-status-icon{flex-shrink:0}.results-tab-exec-step-status-icon .success{color:#059669}.results-tab-exec-step-status-icon .failure{color:#dc2626}.results-tab-exec-step-alias{color:#6b7280;flex-shrink:0;font-size:10px;font-weight:600}.results-tab-exec-step-name{color:#1f2937;flex:1 1;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-tab-exec-step-tags{align-items:center;display:flex;flex-shrink:0;gap:6px}.results-tab-exec-step-type{align-items:center;background:#10b98126;border-radius:4px;color:#059669;display:flex;font-size:9px;font-weight:600;gap:3px;padding:2px 6px}.results-tab-exec-step-status{border-radius:4px;font-size:10px;font-weight:600;padding:2px 6px}.results-tab-exec-step-status.success{background:#10b98126;color:#059669}.results-tab-exec-step-status.warning{background:#f59e0b26;color:#d97706}.results-tab-exec-step-status.failure{background:#ef44441a;color:#dc2626}.results-tab-exec-step-method{background:#3b82f626;border-radius:4px;color:#2563eb;font-size:9px;font-weight:600;padding:2px 6px}.results-tab-exec-step-duration{color:#6b7280;font-size:10px}.results-tab-exec-step-content{background:#ffffff26;border-top:1px solid #d5d5d54d;padding:12px}.results-tab-exec-detail-section{margin-bottom:12px}.results-tab-exec-detail-section:last-child{margin-bottom:0}.results-tab-exec-detail-label{align-items:center;color:#6b7280;display:flex;font-size:10px;font-weight:600;gap:6px;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.results-tab-exec-detail-label.error{color:#dc2626}.results-tab-exec-detail-value{color:#1f2937;font-size:12px}.results-tab-exec-detail-value.url{word-break:break-all}.results-tab-exec-detail-value.code,.results-tab-exec-detail-value.url{background:#eee;border-radius:6px;box-shadow:inset 1px 1px 2px #d5d5d566,inset -1px -1px 2px #fff6;font-family:Monaco,Menlo,monospace;font-size:11px;padding:8px 10px}.results-tab-exec-detail-value.code .key{color:var(--primary-color);font-weight:600}.results-tab-exec-detail-value.response{background:#eee;border-radius:6px;box-shadow:inset 1px 1px 2px #d5d5d566,inset -1px -1px 2px #fff6;font-family:Monaco,Menlo,monospace;font-size:10px;margin:0;max-height:200px;overflow-y:auto;padding:10px;white-space:pre-wrap;word-break:break-word}.results-tab-exec-detail-value.error{background:#ef44440d;border-left:3px solid #dc2626;border-radius:6px;color:#dc2626;padding:8px 10px}.results-tab-exec-screenshot{border:1px solid #d5d5d580;border-radius:8px;margin-top:8px;max-width:100%}.results-tab-exec-assertions{background:#eee;border-radius:6px;box-shadow:inset 1px 1px 2px #d5d5d566,inset -1px -1px 2px #fff6;padding:10px}.results-tab-exec-assertions.success{border-left:3px solid #059669}.results-tab-exec-assertions.failure{border-left:3px solid #dc2626}.results-tab-exec-assertion-item{align-items:flex-start;color:#374151;display:flex;font-size:11px;gap:6px;margin-bottom:4px}.results-tab-exec-assertion-item:last-child{margin-bottom:0}.results-tab-exec-assertions.success .results-tab-exec-assertion-item svg{color:#059669;flex-shrink:0}.results-tab-exec-assertions.failure .results-tab-exec-assertion-item svg{color:#dc2626;flex-shrink:0}.results-tab-exec-errors{background:#eee;border-left:3px solid #dc2626;border-radius:10px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;margin-top:16px;overflow:hidden}.results-tab-exec-errors-header{align-items:center;background:#ef44440d;color:#dc2626;display:flex;font-size:12px;font-weight:600;gap:8px;padding:10px 14px}.results-tab-exec-errors-list{padding:12px 14px}.results-tab-exec-error-item{border-bottom:1px solid #d5d5d54d;display:flex;font-size:11px;gap:8px;padding:8px 0}.results-tab-exec-error-item:last-child{border-bottom:none}.results-tab-exec-error-number{color:#dc2626;flex-shrink:0;font-weight:600}.results-tab-exec-error-text{color:#374151;word-break:break-word}.results-error,.results-loading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.results-loading p{color:#6b7280;font-size:12px;margin:12px 0 0}.results-error h3{color:#1f2937;font-size:16px;font-weight:600;margin:16px 0 8px}.results-error p{color:#6b7280;font-size:12px;margin:0 0 16px}.error-icon{color:#ef4444;height:48px;width:48px}.refresh-button{align-items:center;background:#eee;border:none;border-radius:8px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:var(--primary-color);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px}.refresh-button:hover{box-shadow:1px 1px 2px #d5d5d599,-1px -1px 2px #fff9}.results-tab-exec-table-wrapper{background:#eee;border-radius:6px;box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80;max-height:400px;overflow-x:auto;overflow-y:auto;padding:4px}.results-tab-exec-table-wrapper::-webkit-scrollbar{height:6px;width:6px}.results-tab-exec-table-wrapper::-webkit-scrollbar-track{background:#0000}.results-tab-exec-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.results-tab-exec-db-table{background:#eee;border-collapse:collapse;font-size:11px;width:100%}.results-tab-exec-db-table thead{background:#eee;box-shadow:0 2px 4px #d5d5d54d;position:-webkit-sticky;position:sticky;top:0;z-index:1}.results-tab-exec-db-table th{border-bottom:2px solid #d5d5d580;color:#1f2937;font-size:10px;font-weight:600;letter-spacing:.3px;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.results-tab-exec-db-table tbody tr{transition:background .15s ease}.results-tab-exec-db-table tbody tr:hover{background:#fff6}.results-tab-exec-db-table tbody tr:not(:last-child){border-bottom:1px solid #d5d5d54d}.results-tab-exec-db-table td{color:#374151;max-width:300px;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;vertical-align:top}.results-tab-exec-null-value{color:#9ca3af;font-size:10px;font-style:italic}.results-tab-exec-no-data{color:#6b7280;font-size:12px;font-style:italic;padding:20px;text-align:center}@media (max-width:1024px){.results-tab-sidebar{width:240px}.results-tab-exec-metrics{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.results-tab-container{flex-direction:column;padding:12px 14px}.results-tab-sidebar{-webkit-clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,20px 100%,0 calc(100% - 25px),0 15px);clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,20px 100%,0 calc(100% - 25px),0 15px);max-height:200px;width:100%}.results-tab-exec-metrics{grid-template-columns:repeat(2,1fr)}.results-tab-exec-header{flex-direction:column;gap:12px}}.environment-tab-content{display:flex;flex-direction:column;gap:20px}.environment-config-section{background:#eee;border-radius:12px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;padding:16px}.environment-section-header{margin-bottom:14px}.environment-section-header h3{color:#1f2937;font-size:14px;font-weight:600;margin:0}.environment-base-url-status,.environment-status{align-items:center;border-radius:8px;display:flex;font-size:12px;gap:8px;margin-bottom:14px;padding:10px 12px}.environment-loading{background:#3b82f61a;color:#2563eb}.environment-status-active{background:#10b9811a;color:#059669;justify-content:space-between}.environment-status-inactive{background:#f59e0b1a;color:#d97706}.environment-status-empty{background:#6b72801a;color:#6b7280}.environment-status-icon{flex-shrink:0}.environment-status-text{flex:1 1;line-height:1.4}.environment-status-text strong{font-weight:600}.environment-deactivate-btn{background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#6b7280;cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:all .2s ease}.environment-deactivate-btn:hover{color:#dc2626}.environment-container{display:flex;flex-direction:column;gap:10px}.environment-list{gap:8px}.environment-item{align-items:center;background:#eee;box-shadow:-1px -1px 2px #bebebe80,1px 1px 2px #ffffff4d,inset 1px 1px 3px #bebebee6,inset -1px -1px 2px #ffffffe6;padding:12px 14px;transition:all .2s ease}.environment-item:hover{box-shadow:-2px -2px 3px #bebebe99,2px 2px 3px #fff6,inset 1px 1px 3px #bebebed9,inset -1px -1px 2px #ffffffd9}.environment-item.environment-active{border:2.5px solid #10b981;box-shadow:none}.environment-item.environment-editing{border:2px solid var(--primary-color);cursor:default}.environment-info{flex:1 1;min-width:0}.environment-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.environment-name{color:#1f2937;font-size:13px;font-weight:600}.environment-status-badge-container{display:flex}.environment-status-badge{border-radius:4px;font-size:9px;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.environment-badge-active{background:#10b98126;color:#059669}.environment-badge-inactive{background:#6b728026;color:#6b7280}.environment-url{color:#6b7280;display:block;font-family:Monaco,Menlo,monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.environment-actions{display:flex;flex-shrink:0;gap:4px;opacity:0;transition:opacity .2s ease}.environment-item:hover .environment-actions{opacity:1}.environment-delete-btn,.environment-edit-btn{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#6b7280;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.environment-edit-btn:hover{color:var(--primary-color)}.environment-delete-btn:hover{color:#ef4444}.environment-edit-form{display:flex;flex-direction:column;gap:8px;width:100%}.environment-edit-form input{background:#eee;border:1px solid #d5d5d580;border-radius:6px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;color:#1f2937;font-size:12px;padding:8px 10px;width:100%}.environment-edit-form input:focus{border-color:var(--primary-color);outline:none}.environment-edit-form input::placeholder{color:#9ca3af}.environment-edit-actions{display:flex;gap:8px;margin-top:4px}.environment-cancel-btn,.environment-save-btn{border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:600;padding:6px 12px;transition:all .2s ease}.environment-save-btn{background:var(--primary-color);box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff}.environment-save-btn:hover{background:#7c3aed}.environment-cancel-btn{background:#eee;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#6b7280}.environment-cancel-btn:hover{color:#374151}.environment-add-btn{align-items:center;background:#eee;border:none;border-radius:8px;box-shadow:3px 3px 6px #d5d5d5b3,-3px -3px 6px #ffffffb3;color:var(--primary-color);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:10px 14px;transition:all .2s ease}.environment-add-btn:hover{box-shadow:2px 2px 4px #d5d5d5b3,-2px -2px 4px #ffffffb3}.environment-add-btn:active{box-shadow:inset 2px 2px 4px #d5d5d5b3,inset -2px -2px 4px #ffffff80}.environment-add-btn.environment-primary{background:var(--primary-color);box-shadow:3px 3px 6px #8b5cf64d,-2px -2px 4px #ffffff80;color:#fff}.environment-add-btn.environment-primary:hover{background:#7c3aed}.environment-add-form{background:#eee;border-radius:8px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;display:flex;flex-wrap:wrap;gap:8px;padding:12px}.environment-add-form input{background:#eee;border:1px solid #d5d5d580;border-radius:6px;box-shadow:inset 1px 1px 2px #d5d5d566,inset -1px -1px 2px #fff6;color:#1f2937;flex:1 1;font-size:12px;min-width:150px;padding:8px 10px}.environment-add-form input:focus{border-color:var(--primary-color);outline:none}.environment-add-form input::placeholder{color:#9ca3af}.environment-add-form button{border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:600;padding:8px 14px;transition:all .2s ease}.environment-add-form button:first-of-type{background:var(--primary-color);box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff}.environment-add-form button:first-of-type:hover{background:#7c3aed}.environment-add-form button:last-of-type{background:#eee;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#6b7280}.environment-add-form button:last-of-type:hover{color:#374151}.environment-no-environments{padding:20px;text-align:center}.environment-loading-placeholder{align-items:center;display:flex;flex-direction:column;gap:12px}.environment-loading-spinner{animation:env-spin .8s linear infinite;border:3px solid #d5d5d54d;border-radius:50%;border-top:3px solid var(--primary-color);height:28px;width:28px}@keyframes env-spin{to{transform:rotate(1turn)}}.environment-loading-placeholder p{color:#6b7280;font-size:12px;margin:0}.environment-empty-state{align-items:center;display:flex;flex-direction:column;gap:12px}.environment-empty-state p{color:#6b7280;font-size:12px;margin:0}.environment-empty-state .environment-add-form{max-width:400px;width:100%}@media (max-width:640px){.environment-config-section{padding:12px}.environment-add-form{flex-direction:column}.environment-add-form input{min-width:100%}.environment-add-form button{width:100%}.environment-base-url-status,.environment-status{align-items:flex-start;flex-direction:column}.environment-status-active{align-items:stretch}.environment-deactivate-btn{align-self:flex-end;margin-top:8px}}.test-suite{background:#fafafa;color:#2d2d2d;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh}.global-config{background:#fff;box-shadow:0 1px 3px #0000000f;padding:.75rem 1rem;top:0;z-index:100}.global-config,.tabs{border-bottom:1px solid #e0e0e0;font-weight:500;position:-webkit-sticky;position:sticky}.tabs{background:#f9f9f9;display:flex;font-size:.95rem;gap:1rem;padding:.5rem 1rem;top:48px;z-index:90}.tab{border-radius:6px;cursor:pointer;padding:.4rem .8rem;transition:background .2s ease}.tab:hover{background:#e9e9e9}.tab.active{background:#007aff;color:#fff}.content{flex:1 1;overflow-y:auto;padding:1rem}.section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:1rem;padding:1rem}.section h3{color:#333;font-size:1rem;font-weight:600;margin:0 0 .5rem}button.secondary{background:#f0f0f0;color:#333}button.secondary:hover{background:#e0e0e0}.save-indicator{align-items:center;border-radius:6px;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.save-indicator.saving{background:#fef3c7;color:#92400e}.save-indicator.saved{background:#d1fae5;color:#065f46}.save-indicator.error{background:#fee2e2;color:#991b1b}.save-indicator .spinning{animation:spin 1s linear infinite}.Projectload-overlay{align-items:center;display:flex;justify-content:center;min-height:600px;padding:40px}.Projectload-container,.Projectload-overlay{background:#fff;box-sizing:border-box;width:100%}.Projectload-container{border-radius:20px;box-shadow:0 25px 50px -12px #0000001f,0 0 0 1px #0000000d;max-height:100%;max-width:100%;overflow-y:auto;padding:32px;position:relative}.Projectload-header{border-bottom:2px solid #f1f5f9;margin-bottom:36px;padding-bottom:28px;text-align:center}.Projectload-pulse-dots{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.Projectload-dot{animation:Projectload-pulse-animation 1.6s ease-in-out infinite;background:linear-gradient(135deg,#9404c3,#47025d);border-radius:50%;height:14px;width:14px}.Projectload-dot:nth-child(2){animation-delay:.3s}.Projectload-dot:nth-child(3){animation-delay:.6s}@keyframes Projectload-pulse-animation{0%,80%,to{opacity:.4;transform:scale(.7)}40%{opacity:1;transform:scale(1.1)}}.Projectload-title{color:#0f172a;font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 24px}.Projectload-project-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;margin:20px 0;padding:20px}.Projectload-info-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.Projectload-info-row:last-child{margin-bottom:0}.Projectload-label{color:#475569;font-size:15px;font-weight:600}.Projectload-value{background:#f3e8ff;border:1px solid #c084fc;border-radius:6px;color:#0f172a;font-family:SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:15px;font-weight:700;padding:6px 12px}.Projectload-progress-section{margin-top:24px}.Projectload-progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.Projectload-progress-text{color:#64748b;font-size:15px;font-weight:500}.Projectload-progress-percent{background:#faf5ff;border:1px solid #c084fc;border-radius:20px;color:#9404c3;font-size:16px;font-weight:700;padding:4px 10px}.Projectload-progress-bar{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;height:8px;overflow:hidden}.Projectload-progress-fill{background:linear-gradient(90deg,#9404c3 47.12%,#47025d);border-radius:4px;height:100%;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1)}.Projectload-progress-fill:after{animation:Projectload-progress-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes Projectload-progress-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.Projectload-items-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:28px}.Projectload-item{background:#fafbfc;border:2px solid #e1e5e9;border-radius:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.Projectload-item:before{background:#e1e5e9;content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:background .3s ease}.Projectload-item.loading{background:#faf5ff;border-color:#9404c3;box-shadow:0 8px 25px -8px #9404c34d;transform:translateY(-2px)}.Projectload-item.loading:before{background:linear-gradient(90deg,#9404c3 47.12%,#47025d)}.Projectload-item.complete{background:#f0fdf4;border-color:#10b981;box-shadow:0 8px 25px -8px #10b98133}.Projectload-item.complete:before{background:linear-gradient(90deg,#10b981,#059669)}.Projectload-item.error{background:#fef2f2;border-color:#ef4444;box-shadow:0 8px 25px -8px #ef444433}.Projectload-item.error:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.Projectload-item.pending{background:#f9fafb;border-color:#d1d5db}.Projectload-item.pending:before{background:#d1d5db}.Projectload-item-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.Projectload-status-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.Projectload-item.loading .Projectload-status-icon{background:#9404c326;border:2px solid #9404c34d}.Projectload-item.complete .Projectload-status-icon{background:#10b98126;border:2px solid #10b9814d}.Projectload-item.error .Projectload-status-icon{background:#ef444426;border:2px solid #ef44444d}.Projectload-item.pending .Projectload-status-icon{background:#9ca3af26;border:2px solid #9ca3af4d}.Projectload-item-details{flex:1 1;min-width:0}.Projectload-item-title{color:#1f2937;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 6px}.Projectload-item-file{background:#0000000f;border:1px solid #0000001a;border-radius:6px;color:#6b7280;display:inline-block;font-family:SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;margin:0;padding:4px 8px}.Projectload-item-footer{align-items:center;display:flex;justify-content:space-between}.Projectload-status-text{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.Projectload-status-text.loading{color:#9404c3}.Projectload-status-text.complete{color:#059669}.Projectload-status-text.error{color:#dc2626}.Projectload-status-text.pending{color:#9ca3af}.Projectload-spinner{animation:Projectload-spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#9404c3;height:18px;width:18px}@keyframes Projectload-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Projectload-footer{border-top:2px solid #f1f5f9;padding-top:24px;text-align:center}.Projectload-message{color:#64748b;font-size:16px;font-style:italic;font-weight:500;margin:0}.signup-form-container{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;overflow-y:auto;padding:8% 10%;width:100%}.signup-form-title{color:#fff;font-size:calc(1rem + 2vmin);font-weight:700;margin-bottom:1.25rem;max-width:90%;text-align:center}.signup-form{align-items:center;display:flex;flex-direction:column;width:95%}.signup-form-group{margin-bottom:.3rem;width:90%}.signup-form-label{color:#ccc;display:block;font-size:.9rem;margin-bottom:.25rem}.signup-form-input{width:90%}.signup-form-buttons{display:flex;justify-content:space-between;width:90%}.signup-form-link{font-size:12px;margin-top:8px;text-align:center;width:90%}.signup-form-link a{color:#9404c3;cursor:pointer;text-decoration:none}.signup-form-link a:hover{text-decoration:underline}.tcs-checkbox-container{align-items:center;display:flex;justify-content:center}.tcs-checkbox{border:2px solid #9404c3;border-radius:20px;height:15px;margin-right:8px;position:relative;transition:all .2s ease;width:15px}.tcs-checkbox.checked{background:#9404c3;height:18px;width:18px}.tcs-checkbox.checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}@keyframes error-fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.signup-form-title{font-size:1.4rem;margin-bottom:1rem}.signup-form-group{margin-bottom:.7rem}}@media (max-width:480px){.signup-form-container{padding:5% 10%}.signup-form-title{font-size:1.2rem;margin-bottom:.8rem}.signup-form-group{margin-bottom:.6rem}.signup-form-input{font-size:.85rem;padding:.5rem .7rem}.signup-form-label{font-size:.8rem;margin-bottom:.2rem}.signup-form-link{font-size:.8rem;margin-top:1rem}}.input-wrapper{position:relative;width:100%}.input-icon{animation:fadeIn .3s ease-in-out forwards;opacity:0;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:10}.success-icon{color:#38a169}.error-icon{color:#e53e3e}.error-tooltip{animation:tooltipSlideIn .3s ease-out forwards;background:linear-gradient(135deg,#e53e3e,#c53030);border-radius:8px;color:#fff;font-size:12px;font-weight:500;left:0;line-height:1.4;max-width:280px;opacity:0;padding:8px 12px;position:absolute;transform:translateY(-10px);white-space:nowrap;white-space:normal;z-index:1000}.error-tooltip:before{border-bottom:6px solid #e53e3e;border-left:6px solid #0000;border-right:6px solid #0000;content:"";height:0;left:16px;position:absolute;top:-6px;width:0}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.signup-form-link{margin-bottom:24px;position:relative}.tcs-checkbox-container{cursor:pointer;position:relative;transition:transform .2s ease-in-out}.tcs-checkbox-container:hover{transform:translateX(2px)}.tcs-checkbox{border:2px solid #d1d5db;transition:all .3s ease-in-out}.tcs-checkbox.checked{background:linear-gradient(135deg,#9404c3,#7c3aed);border-color:#9404c3;transform:scale(1.1)}.tcs-checkbox:hover{border-color:#9404c3;transform:scale(1.05)}.signup-form-buttons{margin-top:32px}.signup-form-input:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.error-tooltip{font-size:11px;max-width:200px;padding:6px 10px}.error-tooltip:before{left:12px}}.input-wrapper.success-state{animation:successPulse .6s ease-in-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.input-wrapper.error-state{animation:errorShake .6s ease-in-out}@keyframes errorShake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.error-tooltip strong{font-weight:600}.error-tooltip em{font-style:italic;opacity:.9}@media (prefers-color-scheme:dark){.error-tooltip{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc262666}.error-tooltip:before{border-bottom-color:#dc2626}.terms-error:before{border-top-color:#dc2626}}.input-wrapper:has(.signup-input-error){animation:errorShake .6s ease-in-out}.input-wrapper:has(.signup-input-success){animation:successPulse .6s ease-in-out}.account-created-container{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;margin:0 auto;width:80%}.account-created-title{color:#fff}.account-created-message{color:#ccc;font-size:18px;text-align:center}.success-icon-wrapper{align-items:center;display:flex;justify-content:center;width:100%}.account-created-checkmark-container{align-items:center;animation:icon-container-pulse 2s ease-in-out infinite;animation-delay:2.5s;display:flex;height:180px;justify-content:center;margin:2rem 0;position:relative;width:180px}.background-hexagon,.check-svg,.glowing-hexagon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.background-hexagon{animation:background-fade-in .8s ease-in-out forwards;height:240px;opacity:0;width:240px}.glowing-hexagon{animation:glow-fade-in .6s ease-in-out forwards;animation-delay:.3s;height:240px;opacity:0;width:240px}.check-svg{animation:check-fade-in .4s ease-in-out forwards;animation-delay:2.3s;height:120px;opacity:0;width:120px;z-index:2}.hexagon-border-path{stroke-dasharray:900;stroke-dashoffset:900;animation:draw-border 1s ease-in forwards;animation-delay:.5s}.checkmark-path{stroke-dasharray:300;stroke-dashoffset:300;animation:draw-checkmark .8s ease-in-out forwards;animation-delay:2.3s}@keyframes background-fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes glow-fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes check-fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes draw-border{0%{stroke-dashoffset:900}to{stroke-dashoffset:0}}@keyframes draw-checkmark{0%{stroke-dashoffset:300}to{stroke-dashoffset:0}}@keyframes icon-container-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media (max-width:768px){.account-created-checkmark-container{height:220px;width:220px}.background-hexagon{height:190px;width:190px}.glowing-hexagon{height:200px;width:200px}.check-svg{height:95px;width:95px}.account-created-title{font-size:1.7rem}.account-created-message{font-size:1rem}}@media (max-width:480px){.account-created-checkmark-container{height:180px;width:180px}.background-hexagon{height:160px;width:160px}.glowing-hexagon{height:170px;width:170px}.check-svg{height:80px;width:80px}.account-created-title{font-size:1.5rem}.account-created-message{font-size:.95rem;margin-bottom:2rem}.success-icon-wrapper{margin:2rem 0;padding:1rem}}.otp-form-container{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;overflow-y:auto;padding:10%;width:100%}.otp-form-description{color:#ccc;font-size:.9rem;line-height:1.5;margin-bottom:15%;max-width:90%;text-align:center}.form-email{color:#9404c3;font-weight:700}.otp-form-inputs{display:flex;gap:10px;justify-content:center;margin-bottom:15%;width:100%}.otp-form-input{font-size:1.5rem;font-weight:700;height:55px;text-align:center;transition:all .2s ease;width:45px}.otp-form-timer{color:#ccc;font-size:.9rem;margin-top:2%;text-align:center;width:90%}.otp-timer{color:#9404c3;font-weight:700}.otp-form-resend-text{color:#ccc;font-size:.9rem;margin:0}.otp-form-resend-button{background:#0000;border:none;color:#9404c3;cursor:pointer;display:inline;font-size:.9rem;font-weight:600;margin:0;padding:0;text-decoration:underline;transition:all .2s ease}.otp-form-resend-button:hover{color:#b43bd6}.otp-form-buttons{display:flex;gap:10px;justify-content:space-between;width:90%}.otp-form-input{animation:scaleIn .4s ease forwards;opacity:0}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.otp-form-input:first-child{animation-delay:.1s}.otp-form-input:nth-child(2){animation-delay:.2s}.otp-form-input:nth-child(3){animation-delay:.3s}.otp-form-input:nth-child(4){animation-delay:.4s}.otp-form-input:nth-child(5){animation-delay:.5s}.otp-form-input:nth-child(6){animation-delay:.6s}@media (max-width:768px){.otp-form-input{font-size:1.1rem;height:50px;width:40px}}@media (max-width:480px){.otp-form-input{font-size:1rem;height:45px;width:35px}.otp-form-inputs{gap:6px}.otp-form-title{font-size:1.3rem}.otp-form-description{font-size:.8rem;margin-bottom:1.5rem}}.organization-setup-container{background-color:initial;min-height:70vh;padding:40px 5%}.org-setup-warning-banner{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;border-radius:16px;box-shadow:0 4px 12px #ef444433;color:#dc2626;padding:20px 24px}.org-setup-non-admin-warning,.org-setup-warning-banner{align-items:flex-start;animation:org-setup-warning-appear .3s ease;display:flex;gap:16px;margin-bottom:24px}.org-setup-non-admin-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:16px;box-shadow:0 4px 12px #f59e0b33;color:#92400e;padding:24px 28px}.org-setup-non-admin-warning svg{color:#d97706;flex-shrink:0;margin-top:2px}.org-setup-non-admin-warning strong{color:#78350f;display:block;font-size:18px;margin-bottom:8px}.org-setup-non-admin-warning p{color:#92400e;font-size:15px;line-height:1.6;margin:8px 0}.org-setup-invalid-list{list-style:disc;margin:12px 0;padding-left:24px}.org-setup-invalid-list li{color:#92400e;font-size:14px;line-height:1.5;margin:8px 0}.org-setup-invalid-list li strong{color:#78350f;display:inline;font-size:14px;margin-bottom:0}@keyframes org-setup-warning-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.org-setup-warning-banner svg{flex-shrink:0;margin-top:2px}.org-setup-warning-banner strong{color:#991b1b;display:block;font-size:16px;margin-bottom:4px}.org-setup-top-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:24px}.org-setup-card{background:#0000;display:flex;flex-direction:column;gap:16px}.org-setup-card-title{color:#1a1a1a;font-size:20px;font-weight:700;margin:0;padding-left:4px}.org-setup-card-content{display:flex;flex-direction:column;gap:25px}.org-setup-field-row{align-items:center;display:flex;gap:16px}.org-setup-field-label{color:#64748b;flex-shrink:0;font-size:14px;font-weight:600;min-width:120px}.org-setup-theme-card-wrapper{align-items:center;background:#eee;border-radius:16px;box-shadow:5px 5px 15px #d5d5d5cc,-5px -5px 15px #ffffffe6;display:flex;justify-content:center;padding:32px 24px}.org-setup-current-theme{align-items:center;display:flex;flex-direction:column;gap:16px}.org-setup-theme-display{pointer-events:none;transform:scale(1.3)}.org-setup-change-theme-link{background:none;border:none;border-radius:6px;color:#9404c3;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:4px 8px;text-decoration:none;transition:all .2s ease}.org-setup-change-theme-link:hover{background:#9404c30d;text-decoration:underline}.org-setup-theme-modal-overlay{align-items:center;animation:org-setup-modal-fade-in .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes org-setup-modal-fade-in{0%{opacity:0}to{opacity:1}}.org-setup-theme-modal{animation:org-setup-modal-slide-up .3s ease;background:#fff;border-radius:20px;box-shadow:0 25px 70px #0006;max-width:500px;overflow:hidden;width:90%}@keyframes org-setup-modal-slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.org-setup-theme-modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px 28px}.org-setup-theme-modal-header h3{color:#1a1a1a;font-size:22px;font-weight:700;margin:0}.org-setup-theme-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.org-setup-theme-modal-close:hover{background:#f1f5f9;color:#1a1a1a}.org-setup-theme-modal-content{padding:32px 28px}.org-setup-theme-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.org-setup-theme-option{align-items:center;background:#f8fafc;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .2s ease}.org-setup-theme-option:hover{background:#f1f5f9;transform:translateY(-2px)}.org-setup-theme-option.selected{background:#9404c30d;border-color:#9404c3}.org-setup-theme-option-button{pointer-events:none}.org-setup-theme-option-name{color:#1a1a1a;font-size:14px;font-weight:600}.organization-setup-theme-colors{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.organization-setup-theme-color{cursor:pointer;transition:all .2s ease}.organization-setup-integrations-section{display:flex;flex-direction:column;gap:16px;padding-bottom:30px;padding-top:10px}.org-setup-integrations-description{color:#64748b;font-size:14px;line-height:1.5;margin:0;padding-left:4px}.org-setup-integrations-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px;margin-top:8px}.org-setup-integration-card{background:#eee;border:2px solid #e2e8f0;border-radius:16px;box-shadow:5px 5px 15px #d5d5d5cc,-5px -5px 15px #ffffffe6;cursor:pointer;padding:20px;position:relative;transition:all .3s ease}.org-setup-integration-horizontal{align-items:center;display:flex;gap:16px;width:100%}.org-setup-integration-icon-wrapper{align-items:center;display:flex;flex-shrink:0;height:70px;justify-content:center;position:relative;width:70px}.org-setup-integration-icon-bg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.org-setup-integration-icon{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:color .3s ease;z-index:1}.org-setup-integration-card:hover:not(.selected){border-color:#cbd5e1;box-shadow:8px 12px 20px #9404c326,-8px -8px 15px #ffffffe6;transform:translateY(-4px)}.org-setup-integration-card.selected{background:#9404c30d;border-color:#9404c3;cursor:default}.org-setup-integration-card.configured{background:#10b9810d;border-color:#10b981}.org-setup-integration-card.invalid{animation:org-setup-invalid-pulse 2s ease-in-out infinite;background:#ef44440d;border-color:#ef4444}.org-setup-integration-card.disabled{cursor:not-allowed!important;opacity:.7}.org-setup-integration-card.disabled:hover{border-color:#e2e8f0!important;box-shadow:5px 5px 15px #d5d5d5cc,-5px -5px 15px #ffffffe6!important;transform:none!important}@keyframes org-setup-invalid-pulse{0%,to{box-shadow:5px 5px 15px #ef44444d,-5px -5px 15px #ffffffe6}50%{box-shadow:5px 5px 20px #ef444480,-5px -5px 15px #ffffffe6}}.org-setup-integration-content{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.org-setup-integration-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.org-setup-integration-content h4{color:#1a1a1a;font-size:16px;font-weight:700;margin:0}.org-setup-integration-badge{border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.org-setup-integration-badge.mandatory{background:#ef444426;border:1px solid #ef44444d;color:#dc2626}.org-setup-integration-badge.optional{background:#64748b26;border:1px solid #64748b4d;color:#64748b}.org-setup-integration-status,.org-setup-integration-unconfigured,.org-setup-integration-warning{align-items:center;display:flex;font-size:13px;font-weight:600;gap:6px}.org-setup-integration-status{color:#10b981}.org-setup-integration-warning{color:#ef4444}.org-setup-integration-unconfigured{color:#94a3b8}.org-setup-integration-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;top:12px;transition:all .2s ease;z-index:10}.org-setup-integration-close:hover{background:#0000000d;color:#1a1a1a}.org-setup-integration-form-container{animation:org-setup-form-slide-in .3s ease;margin-top:10px}@keyframes org-setup-form-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.organization-setup-integrations-section:has(.org-setup-integration-form-container) .org-setup-integrations-grid{gap:12px;grid-template-columns:repeat(4,1fr)}.organization-setup-integrations-section:has(.org-setup-integration-form-container) .org-setup-integrations-grid .org-setup-integration-card{flex-direction:column;min-height:140px;padding:16px}.organization-setup-integrations-section:has(.org-setup-integration-form-container) .org-setup-integrations-grid .org-setup-integration-horizontal{flex-direction:column;text-align:center}.organization-setup-integrations-section:has(.org-setup-integration-form-container) .org-setup-integrations-grid .org-setup-integration-icon-wrapper{height:50px;width:50px}.organization-setup-integrations-section:has(.org-setup-integration-form-container) .org-setup-integrations-grid .org-setup-integration-icon-bg{height:50px;width:50px}.organization-setup-integrations-section:has(.org-setup-integration-form-container) .org-setup-integrations-grid .org-setup-integration-icon{transform:translate(-50%,-50%) scale(.7)}.organization-setup-integrations-section:has(.org-setup-integration-form-container) .org-setup-integrations-grid .org-setup-integration-content{align-items:center;text-align:center}.organization-setup-integrations-section:has(.org-setup-integration-form-container) .org-setup-integrations-grid .org-setup-integration-content h4{font-size:14px}.organization-setup-integrations-section:has(.org-setup-integration-form-container) .org-setup-integrations-grid .org-setup-integration-badge{font-size:9px;padding:2px 6px}.organization-setup-integrations-section:has(.org-setup-integration-form-container) .org-setup-integrations-grid .org-setup-integration-status,.organization-setup-integrations-section:has(.org-setup-integration-form-container) .org-setup-integrations-grid .org-setup-integration-unconfigured,.organization-setup-integrations-section:has(.org-setup-integration-form-container) .org-setup-integrations-grid .org-setup-integration-warning{font-size:11px}.organization-setup-main-grid{grid-gap:250px;display:grid;gap:250px;grid-template-columns:1fr 1fr;margin-bottom:20px}.organization-setup-section{display:flex;flex-direction:column;gap:20px}.section-title{color:#1a1a1a;font-size:20px;font-weight:700;margin:0}.organization-setup-input{box-sizing:border-box;font-family:inherit;font-size:16px;padding:16px;width:100%}.organization-setup-input::placeholder{color:#999}@media (max-width:1400px){.organization-setup-integrations-section:has(.org-setup-integration-form-container) .org-setup-integrations-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1200px){.org-setup-top-section{gap:20px;grid-template-columns:1fr}}@media (max-width:768px){.organization-setup-container{padding:20px}.org-setup-top-section{gap:20px;grid-template-columns:1fr}.organization-setup-theme-colors{gap:12px}.org-setup-integrations-grid{grid-template-columns:1fr}.organization-setup-integrations-section:has(.org-setup-integration-form-container) .org-setup-integrations-grid{grid-template-columns:1fr}.organization-setup-integrations-section:has(.org-setup-integration-form-container) .org-setup-integrations-grid .org-setup-integration-card{flex-direction:row;min-height:auto}.organization-setup-integrations-section:has(.org-setup-integration-form-container) .org-setup-integrations-grid .org-setup-integration-horizontal{flex-direction:row;text-align:left}.organization-setup-integrations-section:has(.org-setup-integration-form-container) .org-setup-integrations-grid .org-setup-integration-content{align-items:flex-start;text-align:left}.org-setup-theme-options{gap:16px;grid-template-columns:repeat(2,1fr)}.org-setup-theme-modal{margin:20px;width:95%}}@media (max-width:480px){.organization-setup-container{padding:16px}.organization-setup-theme-colors{gap:10px;justify-content:flex-start}.org-setup-warning-banner{font-size:14px;padding:16px}.org-setup-integration-card{padding:16px}.org-setup-card-title{font-size:18px}.org-setup-theme-options{gap:12px;grid-template-columns:1fr}.org-setup-theme-modal-content{padding:24px 20px}.org-setup-field-label{font-size:13px;min-width:90px}}@media (max-width:320px){.organization-setup-theme-colors{gap:8px}}.organization-roles-permissions-title{color:#000;font-size:18px;font-weight:600;margin:20px 0 24px;position:relative;z-index:1}.organization-roles-permissions-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr);position:relative;z-index:1}.organization-roles-permission-column{display:flex;flex-direction:column;gap:12px}.organization-roles-column-title{color:#000;font-size:16px;font-weight:600;margin:0}.organization-roles-permission-list{display:flex;flex-direction:column;gap:8px}@media (max-width:1024px){.organization-roles-permissions-grid{gap:24px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.organization-roles-permissions-grid{gap:20px;grid-template-columns:1fr}}.organization-invite-edit-button-container{display:flex;justify-content:flex-end;margin-top:25px;padding-right:0;width:55vh}.organization-container{background-color:initial;min-height:80vh}.organization-header{align-items:center;display:flex;height:auto;justify-content:space-between;min-height:60px}.organization-title{color:#000;font-size:25px;font-weight:600;margin:0}.organization-header-right{align-items:center;display:flex;gap:10px}.organization-button{max-width:200px;width:200px}.organization-empty-state{padding-top:30px}.organization-subtitle{color:#666;font-size:16px;margin:0}.organization-main-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:220px 1fr;height:calc(80vh - 120px);padding-top:2vh}.organization-sidebar{background-color:initial;height:-webkit-fit-content;height:fit-content;max-height:100%;overflow:hidden;padding:0}.organization-list{display:flex;flex-direction:column;gap:1px;max-height:calc(80vh - 150px);overflow-y:auto}.organization-item{background:none;border:none;border-radius:0;color:#666;cursor:pointer;font-size:16px;padding:16px 24px;text-align:left;transition:all .2s ease}.organization-item:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.organization-item:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.organization-list::-webkit-scrollbar{width:5px}.organization-list::-webkit-scrollbar-track{background:#eee;border-radius:30px;box-shadow:1px 1px 2px 0 #ffffff4d,-1px -1px 2px 0 #bababa80,inset -4px 4px 8px 0 #bababa33,inset 4px -4px 8px 0 #bababa33,inset -4px -4px 8px 0 #ffffffe6,inset 4px 4px 10px 0 #bababae6}.organization-list::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:20px}.organization-list::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.organization-card,.organization-content{display:flex;flex-direction:column}.organization-card{background-color:var(--background-color);border-radius:12px;box-shadow:var(--neumorphic-shadow);height:100%;padding-bottom:24px;padding-left:24px;padding-right:24px;position:relative}.organization-card:before{border-radius:12px;bottom:0;box-shadow:var(--box-shadow);content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.organization-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-top:2vh;position:relative;z-index:1}.organization-card-title{color:#000;font-size:20px;font-weight:600}.organization-card-description,.organization-card-subtitle{color:#666;font-size:14px}.organization-card-actions{display:flex;margin-top:-2%}.organization-tabs{background-color:initial;display:flex;gap:4px;margin-top:1vh;width:65%}.organization-tab-content{display:flex;flex:1 1;flex-direction:column;position:relative;z-index:1}.organization-empty-message{color:#666;font-size:14px;margin:0;padding:40px 20px;text-align:center}.organization-pending-section,.organization-users-section{flex:1 1}.organization-users-list{display:flex;flex-direction:column;gap:5px}.organization-user-item{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:50px 1.5fr 2fr 1fr 50px;padding:5px 10px;position:relative}.organization-user-avatar{align-items:center;background-color:var(--surface-color);border:3px solid var(--primary-color);border-radius:50%;color:var(--text-primary);display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:30px;justify-content:center;width:30px}.organization-user-email,.organization-user-name,.organization-user-role{color:#666;font-size:14px}.organization-user-menu-container{justify-self:center;position:relative}.organization-user-menu{background:none;border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:16px;padding:4px;transition:background-color .2s ease}.organization-user-menu:hover{color:var(--primary-color)}.organization-user-dropdown{background:var(--surface-color);border-radius:8px;box-shadow:var(--box-shadow);min-width:180px;position:absolute;right:0;top:100%;z-index:10}.organization-dropdown-item{background:none;border:none;color:var(--text-primary);cursor:pointer;display:block;font-size:14px;padding:8px 12px;text-align:left;transition:background-color .2s ease;width:100%}.organization-dropdown-item:hover{color:var(--primary-color)}.organization-invite-section{flex:1 1}.organization-invite-form{display:flex;flex-direction:column;gap:20px}.organization-invite-row{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 1fr}.organization-invite-column{display:flex;flex-direction:column;gap:20px}.organization-invite-field{display:flex;flex-direction:column;gap:8px}.organization-invite-label{color:#000;font-size:14px;font-weight:500}.organization-invite-input::placeholder{color:#999}.organization-invite-btn{align-self:flex-start;padding:12px 20px;width:25vh}.organization-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.organization-confirm-modal{animation:organization-popup-appear .3s ease-out;max-height:90vh;max-width:550px;overflow:visible;position:relative;width:90%}.organization-popup-shape-bg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@keyframes organization-popup-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.organization-popup-content{display:flex;flex-direction:column;gap:10px;padding:25px 25px 15px;position:relative;z-index:1}.organization-popup-title{color:#333;font-size:20px;font-weight:600;margin:0;text-align:left}.organization-popup-description{color:#666;font-size:14px;line-height:1.5;margin-top:1vh}.organization-popup-selected-section{align-items:center;display:flex;gap:10px;margin:10px 0}.organization-popup-selected-label{color:#333;font-size:14px;font-weight:500}.organization-popup-selected-item{align-items:center;display:flex;gap:8px}.organization-popup-delete-icon{pointer-events:none}.organization-popup-division-name{color:#333;font-size:14px;font-weight:500}.organization-popup-actions{display:flex;gap:10px;justify-content:flex-start;margin-left:auto;padding-top:10vh;width:80%}.organization-invite-button-container{display:flex;justify-content:flex-end;margin-top:14px;padding-right:0}.organization-external-invite-btn{max-width:200px;width:200px}@media (max-width:1024px){.organization-button{max-width:180px;width:180px}.organization-main-grid{gap:20px;grid-template-columns:200px 1fr}}@media (max-width:768px){.organization-container{padding:0 16px}.organization-header{align-items:stretch;flex-direction:column;gap:16px;margin-bottom:24px;min-height:auto}.organization-button{align-self:stretch;max-width:none;width:100%}.organization-main-grid{gap:20px;grid-template-columns:1fr;height:auto}.organization-sidebar{height:auto;max-height:none;order:1;overflow:visible}.organization-content{order:2}.organization-list{display:flex;flex-direction:column;gap:8px;max-height:none;overflow-y:visible;width:100%}.organization-item{background-color:initial;border-radius:8px;padding:12px 16px;text-align:center;width:100%}.organization-card{box-shadow:8px 8px 20px #d5d5d5cc,-8px -8px 16px #fffc,8px -8px 16px #d5d5d526,-8px 8px 16px #d5d5d526;flex:none;padding:20px}.organization-title{font-size:24px}.organization-tabs{flex-direction:column;gap:8px;width:100%}.organization-tabs>*{max-width:none!important;width:100%!important}.organization-card-actions{flex-wrap:wrap;gap:8px}.organization-invite-row{gap:12px;grid-template-columns:1fr}.organization-user-item{gap:12px;grid-template-columns:40px 1fr 40px;padding:12px}.organization-user-name{grid-column:2;grid-row:1}.organization-user-email{font-size:12px;grid-column:2;grid-row:2}.organization-user-role{display:none}.organization-user-menu-container{align-self:center;grid-column:3;grid-row:1/span 2}.organization-user-avatar{font-size:12px;height:36px;width:36px}.organization-user-dropdown{left:0;right:auto}.organization-invite-button-container{justify-content:center;margin-top:20px}.organization-external-invite-btn{max-width:none;width:100%}.organization-confirm-modal{margin:20px;width:calc(100% - 40px)}.organization-popup-content{gap:15px;padding:25px 20px}.organization-popup-title{font-size:18px}.organization-popup-actions{flex-direction:column-reverse;gap:12px;margin-left:0;width:100%}.organization-popup-actions>*{max-width:none!important;width:100%!important}.organization-popup-selected-section{flex-direction:column;gap:10px;justify-content:center;text-align:center}}@media (max-width:480px){.organization-header{gap:12px;margin-bottom:20px;padding:8px 0}.organization-button{max-width:none;width:100%}.organization-card-header{align-items:stretch;flex-direction:column;gap:16px}.organization-card-actions{align-self:flex-end;flex-direction:column;gap:8px}.organization-action-btn{max-width:120px;width:100%}.organization-tabs{flex-direction:column;gap:8px;width:100%}.organization-tabs>*{max-width:none!important;width:100%!important}.organization-invite-form{max-width:none}.organization-item{font-size:14px;max-width:none;padding:16px;width:100%}.organization-title{font-size:22px}.organization-main-grid{gap:16px}.organization-card{box-shadow:6px 6px 15px #d5d5d5b3,-6px -6px 12px #ffffffb3,6px -6px 12px #d5d5d51a,-6px 6px 12px #d5d5d51a}.organization-confirm-modal{margin:20px;width:95%}.organization-popup-actions{flex-direction:column;gap:8px;margin-left:0;width:100%}.organization-popup-actions>*{max-width:none!important;width:100%!important}.organization-invite-button-container{margin-top:16px}.organization-external-invite-btn{max-width:none;width:100%}.organization-list{flex-direction:column;gap:8px}}@media (max-width:320px){.organization-button,.organization-external-invite-btn,.organization-item{max-width:none;width:100%}.organization-action-btn{max-width:100px;width:100%}.organization-popup-actions>*{max-width:none!important;width:100%!important}}.organization-user-list-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:10px 0;transition:all .2s ease}.organization-user-list-item:hover{background-color:#e0e0e0}.organization-user-info{flex:1 1;min-width:0}.organization-user-display-name{color:#6b6b6b;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-overview-search{margin-bottom:16px}.users-overview-search-input{background-color:#eee;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 1.5A6.5 6.5 0 0 1 14 8a6.11 6.11 0 0 1-1.925 4.45l3.986 3.986L15 17.496l-4.05-4.05c-1.054.68-2.304 1.054-3.45 1.054a6.5 6.5 0 1 1 0-13Zm0 1a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11Z' fill='%237D7C7C'/%3E%3C/svg%3E");background-position:16px;background-repeat:no-repeat;background-size:18px 18px;border:none;border-radius:16px;box-shadow:-1px -1px 2px #ababab80,1px 1px 2px #ffffff4d,inset 6px 6px 15px #abababe6,inset -6px -6px 12px #ffffffe6,inset 6px -6px 12px #ababab33,inset -6px 6px 12px #ababab33;color:#7d7c7c;font-size:14px;height:30px;outline:none;padding:0 16px 0 45px;transition:all .2s ease;width:70%}.users-overview-search-input::placeholder{color:#7d7c7c;font-size:14px}.users-overview-search-input:focus{box-shadow:-1px -1px 2px #ababab80,1px 1px 2px #ffffff4d,inset 6px 6px 15px #abababf2,inset -6px -6px 12px #fffffff2,inset 6px -6px 12px #ababab40,inset -6px 6px 12px #ababab40}.create-role-main-grid{grid-gap:40px;display:grid;flex:1 1;gap:40px;grid-template-columns:.5fr 1fr;padding:20px 0}.create-role-form-section{gap:20px}.create-role-form-section,.create-role-permissions-section{display:flex;flex-direction:column}.create-role-permission-tabs{flex-shrink:0;padding:8px 16px}.create-role-permission-list{display:flex;flex:1 1;flex-direction:column;gap:3px;overflow-y:auto;padding-left:8px}.create-role-permission-item{flex-shrink:0;gap:12px;padding:6px 0}.create-role-checkbox{accent-color:var(--accent-color);flex-shrink:0;height:18px;width:18px}.create-role-permission-label{-webkit-user-select:none;user-select:none}@media (max-width:1024px){.create-role-main-grid{gap:30px}.create-role-permissions-card{padding:16px}}@media (max-width:768px){.create-role-main-grid{gap:20px;grid-template-columns:1fr}.create-role-permission-tabs{flex-wrap:wrap}.create-role-tab{flex:none;min-width:0;padding:8px 12px}}@media (max-width:480px){.create-role-permissions-card{padding:16px}.create-role-permission-tabs{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr}}.create-role-permission-item{align-items:center;cursor:pointer;display:flex;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.create-role-checkbox{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.create-role-permission-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;min-height:26px;padding-left:50px;position:relative}.create-role-permission-label:before{background:var(--background-color);border-radius:8px;box-shadow:var(--intense-box-shadow);content:"";height:30px;left:0;width:30px}.create-role-permission-label:after,.create-role-permission-label:before{position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease}.create-role-permission-label:after{align-items:center;color:var(--primary-color);content:"✓";display:flex;font-size:14px;font-weight:700;height:18px;justify-content:center;left:6px;opacity:0;width:18px}.create-role-checkbox:checked+.create-role-permission-label:after{opacity:1}.create-role-checkbox:checked+.create-role-permission-label{color:var(--primary-color)}.create-role-permission-item:hover .create-role-permission-label:before{box-shadow:var(--box-shadow)}.create-role-permission-item:active .create-role-permission-label:before{transform:translateY(-50%) scale(.95)}.create-role-checkbox:disabled+.create-role-permission-label{cursor:not-allowed;opacity:.6}.create-role-checkbox:disabled+.create-role-permission-label:before{background:var(--background-color);box-shadow:none}.create-role-permission-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.create-role-tab{flex:none!important;font-size:13px;height:auto!important;max-width:200px;min-width:auto!important;padding:8px 16px}.create-role-tab-active{background-color:var(--primary-color);color:#fff}.create-role-permission-label-square:after{background:var(--primary-color);border-radius:2px;content:"";height:12px;left:9px;width:12px}.create-role-permission-label-fancy:after{border:solid var(--primary-color);border-width:0 2px 2px 0;content:"";height:12px;left:10px;top:45%;transform:translateY(-50%) rotate(45deg);width:6px}@media (max-width:768px){.create-role-permission-tabs{flex-direction:column}.create-role-tab{width:100%}.create-role-permission-label{font-size:13px;padding-left:45px}.create-role-permission-label:before{height:26px;width:26px}.create-role-permission-label:after{font-size:12px;height:16px;left:5px;width:16px}}.create-team-main-grid{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:.5fr 1fr;overflow:hidden;padding:20px 0}.create-team-form-section{gap:20px}.create-team-form-section,.create-team-overview-card,.create-team-overview-section{display:flex;flex-direction:column}.create-team-overview-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;gap:24px;height:-webkit-fit-content;height:fit-content;padding:24px}.create-team-overview-title{color:#000;font-size:20px;font-weight:600;margin:0}.create-team-field-group{display:flex;flex-direction:column;gap:12px}.create-team-field-label{color:#000;font-size:16px;font-weight:500;margin-top:1vh}.create-team-location-options{display:flex;gap:12px;margin-bottom:12px}.create-team-location-btn{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease}.create-team-location-btn:hover{border-color:#d1d5db}.create-team-location-active{background-color:#f3f4f6;border-color:#8b5cf6;color:#8b5cf6}@media (max-width:768px){.create-team-main-grid{gap:20px;grid-template-columns:1fr}.create-team-location-options{flex-direction:column;gap:8px}}.create-team-radio-option{align-items:center;cursor:pointer;display:flex;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.create-team-radio-input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.create-team-radio-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;min-height:26px;padding-left:50px;position:relative}.create-team-radio-label:before{background:#eee;box-shadow:inset 1px 1px 3px #c7c7c7e6,inset -1px -1px 3px #ffffffe6,inset 1px -1px 2px #c7c7c733,inset -1px 1px 2px #c7c7c733;height:30px;left:0;width:30px}.create-team-radio-label:after,.create-team-radio-label:before{border-radius:50%;content:"";position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease}.create-team-radio-label:after{background:var(--primary-color);height:18px;left:6px;opacity:0;width:18px}.create-team-radio-input:checked+.create-team-radio-label:after{opacity:1}.create-team-radio-input:checked+.create-team-radio-label{color:var(--primary-color)}.create-team-radio-option:hover .create-team-radio-label:before{box-shadow:-2px -2px 4px #c7c7c799,2px 2px 4px #fff6}.create-team-radio-option:active .create-team-radio-label:before{transform:translateY(-50%) scale(.95)}.invalid-credentials-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.invalid-credentials-modal{align-items:center;background:#eee;border-radius:24px;display:flex;flex-direction:column;max-height:85vh;max-width:650px;overflow-y:auto;padding:48px 40px;position:relative;width:90%}.invalid-credentials-close{align-items:center;background:#eee;border:none;border-radius:12px;box-shadow:5px 5px 12px #d5d5d5cc,-5px -5px 12px #ffffffe6;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:10px;position:absolute;right:20px;top:20px;transition:all .2s ease;z-index:1}.invalid-credentials-close:hover{box-shadow:7px 7px 15px #d5d5d5e6,-7px -7px 15px #fffffff2;color:#ef4444;transform:scale(1.05)}.invalid-credentials-close:active{box-shadow:inset 3px 3px 8px #d5d5d5cc,inset -3px -3px 8px #ffffffe6}.invalid-credentials-icon{animation:pulse 2s ease-in-out infinite;background:#eee;border-radius:50%;box-shadow:8px 8px 20px #d5d5d5cc,-8px -8px 20px #ffffffe6;margin-bottom:24px;padding:20px}.invalid-credentials-title{color:#1a1a1a;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:28px;font-weight:700;margin:0 0 24px;text-align:center}.invalid-credentials-content{text-align:left;width:100%}.invalid-credentials-message{color:#475569;font-size:16px;line-height:1.6;margin:0 0 20px;text-align:center}.invalid-credentials-list{background:#eee;border-radius:16px;box-shadow:inset 4px 4px 10px #d5d5d5e6,inset -4px -4px 10px #ffffffb3;list-style:none;margin:0 0 24px;overflow:hidden;padding:0}.invalid-credentials-item{border-bottom:1px solid #9404c31a;padding:18px 22px;position:relative}.invalid-credentials-item:last-child{border-bottom:none}.invalid-credentials-item:before{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:0 4px 4px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.invalid-credentials-item-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.invalid-credentials-item-header strong{color:#ef4444;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:700}.invalid-credentials-item-reason{color:#64748b;font-size:14px;line-height:1.5;margin-left:0;padding-left:0}.invalid-credentials-instruction{background:#eee;border-left:4px solid #f59e0b;border-radius:12px;box-shadow:inset 2px 2px 6px #d5d5d5b3,inset -2px -2px 6px #ffffff80;color:#1e293b;font-size:15px;line-height:1.6;margin:0 0 16px;padding:18px 20px;text-align:center}.invalid-credentials-instruction strong{color:#92400e;display:block;margin-bottom:4px}.invalid-credentials-note{background:#eee;border-radius:10px;box-shadow:inset 2px 2px 5px #d5d5d599,inset -2px -2px 5px #fff6;color:#64748b;font-size:14px;font-style:italic;line-height:1.6;margin:0;padding:12px;text-align:center}.invalid-credentials-button{background:linear-gradient(135deg,#9404c3,#550173);border:none;border-radius:14px;box-shadow:0 6px 20px #9404c366;color:#fff;cursor:pointer;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:700;margin-top:32px;min-width:200px;padding:16px 40px;transition:all .3s ease}.invalid-credentials-button:hover{box-shadow:0 10px 30px #9404c380;transform:translateY(-3px)}.invalid-credentials-button:active{box-shadow:0 4px 15px #9404c373;transform:translateY(-1px)}@media (prefers-color-scheme:dark){.invalid-credentials-modal{background:#1e293b;box-shadow:15px 15px 35px #00000080,-15px -15px 35px #3341554d,inset -2px -2px 5px #0000004d,inset 2px 2px 5px #33415533}.invalid-credentials-title{color:#f8fafc}.invalid-credentials-item-reason,.invalid-credentials-message{color:#cbd5e1}.invalid-credentials-list{background:#1e293b;box-shadow:inset 4px 4px 10px #00000080,inset -4px -4px 10px #3341554d}.invalid-credentials-item{border-bottom-color:#9404c333}.invalid-credentials-item-header strong{color:#fca5a5}.invalid-credentials-instruction{background:#1e293b;box-shadow:inset 2px 2px 6px #0006,inset -2px -2px 6px #33415533;color:#fef3c7}.invalid-credentials-instruction strong{color:#fef3c7}.invalid-credentials-note{background:#1e293b;box-shadow:inset 2px 2px 5px #0006,inset -2px -2px 5px #33415533;color:#94a3b8}.invalid-credentials-close{background:#1e293b;box-shadow:5px 5px 12px #0006,-5px -5px 12px #33415533}.invalid-credentials-close:hover{box-shadow:7px 7px 15px #00000080,-7px -7px 15px #3341554d}.invalid-credentials-close:active{box-shadow:inset 3px 3px 8px #00000080,inset -3px -3px 8px #33415533}.invalid-credentials-icon{background:#1e293b;box-shadow:8px 8px 20px #0006,-8px -8px 20px #33415533}}@media (max-width:768px){.invalid-credentials-modal{max-height:90vh;padding:40px 28px;width:95%}.invalid-credentials-title{font-size:24px}.invalid-credentials-message{font-size:15px}.invalid-credentials-item{padding:16px 20px}.invalid-credentials-item-header strong{font-size:15px}.invalid-credentials-item-reason{font-size:13px}.invalid-credentials-instruction{font-size:14px;padding:16px 18px}.invalid-credentials-button{padding:14px 32px;width:100%}}.invalid-credentials-modal::-webkit-scrollbar{width:8px}.invalid-credentials-modal::-webkit-scrollbar-track{background:#eee;border-radius:4px}.invalid-credentials-modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#9404c3,#550173);border-radius:4px}.invalid-credentials-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#450159)}.theme-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.theme-popup-modal{animation:theme-popup-appear .3s ease-out;max-height:90vh;max-width:550px;overflow:visible;position:relative;width:90%}.popup-shape-bg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@keyframes theme-popup-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.theme-popup-content{display:flex;flex-direction:column;gap:10px;padding:25px 25px 15px;position:relative;z-index:1}.theme-popup-title{color:#333;font-size:20px;font-weight:600;margin:0;text-align:left}.theme-popup-description{color:#666;font-size:14px;line-height:1.5;margin:0}.theme-popup-selected-section{align-items:center;display:flex;gap:10px;margin:10px 0}.theme-popup-selected-label{color:#333;font-size:14px;font-weight:500}.theme-popup-selected-color{align-items:center;display:flex}.theme-popup-color-button{pointer-events:none}.theme-popup-actions{display:flex;gap:10px;justify-content:flex-start;margin-left:auto;width:80%}.theme-popup-cancel-btn,.theme-popup-confirm-btn{border:none;border-radius:12px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.theme-popup-cancel-btn{background:#e5e5e5;box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #fffc,inset 1px 1px 2px #0000000d,inset -1px -1px 2px #ffffffe6;color:#666}.theme-popup-cancel-btn:hover{box-shadow:2px 2px 4px #00000026,-2px -2px 4px #ffffffe6,inset 2px 2px 4px #0000001a,inset -2px -2px 4px #ffffffe6}.theme-popup-cancel-btn:active{box-shadow:inset 3px 3px 6px #00000026,inset -3px -3px 6px #ffffffe6}.theme-popup-confirm-btn{background:#8b5cf6;box-shadow:4px 4px 8px #8b5cf64d,-4px -4px 8px #fffc,inset 1px 1px 2px #fff3,inset -1px -1px 2px #8b5cf64d;color:#fff}.theme-popup-confirm-btn:hover{background:#7c3aed;box-shadow:2px 2px 4px #8b5cf666,-2px -2px 4px #ffffffe6,inset 2px 2px 4px #7c3aed33,inset -2px -2px 4px #fff3}.theme-popup-confirm-btn:active{background:#6d28d9;box-shadow:inset 3px 3px 6px #6d28d94d,inset -3px -3px 6px #fff3}@media (max-width:480px){.theme-popup-modal{margin:20px;width:calc(100% - 40px)}.theme-popup-content{gap:15px;padding:25px 20px}.theme-popup-title{font-size:18px}.theme-popup-actions{flex-direction:column-reverse;gap:12px}.theme-popup-cancel-btn,.theme-popup-confirm-btn{justify-content:center;width:100%}.theme-popup-selected-section{flex-direction:column;gap:10px;justify-content:center;text-align:center}}.organization-crud-container{background-color:initial;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:80vh;overflow:hidden}.organization-crud-header{align-items:center;display:flex;flex-shrink:0;height:8vh;justify-content:space-between;padding-bottom:15px}.organization-crud-title{color:#000;font-size:28px;font-weight:600;margin:0}.organization-crud-add-btn{padding:10px 20px;width:28vh}.organization-crud-content{display:flex;flex:1 1;justify-content:flex-start;overflow:hidden;padding:30px 0}.organization-crud-form{display:flex;flex-direction:column;gap:24px;max-width:400px;width:100%}.organization-crud-form-group{display:flex;flex-direction:column;gap:8px}.organization-crud-label{color:#000;font-size:16px;font-weight:500}.organization-crud-textarea{height:120px;resize:none}.organization-crud-textarea::placeholder{color:#999}.organization-crud-footer{display:flex;flex-shrink:0;gap:12px;height:7.5vh;justify-content:flex-end}@media (max-width:768px){.organization-crud-header{align-items:flex-start;flex-direction:column;gap:16px}.organization-crud-form{max-width:none}.organization-crud-footer{flex-direction:column-reverse}.organization-crud-cancel-btn,.organization-crud-create-btn{justify-content:center;width:100%}}.profile-popup-overlay{align-items:center!important;background-color:#0006;bottom:0!important;display:flex;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:9999}.profile-purple-button{background:var(--gradient-buttons-color);border:.125rem solid var(--color-white);border-radius:2.5rem;box-shadow:0 .25rem .375rem #0000001a;color:var(--color-white);cursor:pointer;display:block;font-size:max(.875rem,min(1.5vw,1rem));height:2.5em;margin:1rem 2rem 0 auto;overflow:hidden;padding:max(.5rem,min(2vw,.7rem)) max(1rem,min(3vw,2rem));position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:120px}.profile-popup{animation:popup-fade-in .3s ease-out;background:var(--gradient-light-gray-popup);border-radius:20px;box-shadow:0 4px 24px #0009;height:550px!important;padding:24px;width:470px!important;z-index:10000}.profile-header{color:var(--color-primary-text);gap:13px;margin-bottom:-12px}.profile-avatar,.profile-header{align-items:center;display:flex;justify-content:center}.profile-avatar{border-radius:8px;font-size:20px;height:96px;width:110px}.profile-info{color:var(--color-primary-text);display:flex;flex-direction:column}.profile-name,.profile-title{color:var(--color-primary-text);font-size:18px;font-weight:600}.profile-email,.profile-name{align-items:center;justify-content:center}.profile-email{color:var(--color-email-popup);font-size:15px;font-weight:500}.purple-divider{background:var(--line-color);height:2px;margin:20px 0;width:100%}.profile-popup .menu-grid{grid-gap:26px;display:grid;gap:26px;grid-template-columns:1fr 1fr;margin:40px auto;width:85%}.profile-popup .menu-item{align-items:center;background:var(--color-primary-text-reverse);border:none;border-radius:8px;box-shadow:4px 3px 3px #0000004d;color:var(--color-primary-text);cursor:pointer;font-size:15px;font-weight:400;justify-content:center;padding:12px;text-align:left;transition:all .2s ease}.profile-popup .menu-item:hover{background:var(--color-card-hover-schedule);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.bank-options-grid{grid-gap:50px;border-radius:8px;display:grid;gap:50px;grid-template-columns:repeat(2,1fr);margin:10px;padding:10px}.bank-option{cursor:pointer;display:flex;flex-direction:column;height:140px;position:relative;transition:transform .2s ease,filter .2s ease;width:180px}.bank-option:hover{transform:translateY(-1px)}.bank-option:hover .bank-option-header{box-shadow:0 4px 8px #00000026}.bank-option:hover .bank-option-color{box-shadow:0 8px 12px #0003;filter:brightness(1.3)}.bank-option-header{background:var(--color-primary-text-reverse);border-radius:8px;box-shadow:0 2px 4px #0000001a;color:var(--color-primary-text);font-weight:500;left:0;padding:12px;position:absolute;right:0;text-align:center;top:0;transition:box-shadow .2s ease;width:11em;z-index:1}.bank-option-color{border-radius:10px;bottom:0;box-shadow:0 4px 6px #0000001a;cursor:pointer;left:20px;position:absolute;right:0;top:30px;transition:all .2s ease}.bank-option.active .bank-option-color{box-shadow:0 6px 12px #00000080;filter:brightness(1.3)}.bank-option.active .bank-option-header{background:var(--color-card);box-shadow:0 4px 8px #0003}.card-content{grid-gap:1rem;align-items:center;display:grid;gap:1rem;position:relative;z-index:1}@media (max-width:767px){.card-content{grid-template-columns:1fr}.badge-container{justify-self:start}}@media (min-width:768px) and (max-width:1023px){.card-content{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.card-content{grid-template-columns:2fr 1fr 1fr 1fr}}.info-container{display:flex;flex-direction:column;gap:.25rem}.repository-name-container{align-items:center;display:flex;gap:.5rem}.repository-icon{color:#374151}.repository-info{color:var(--color-primary-text);font-weight:500}.repository-path{color:var(--colour-schedule-path);font-size:.875rem}.badge-container{align-items:center;display:flex}.visibility-badge{background-color:var(--main-common-color);border:.14rem solid var(--line-color);border-radius:9999px;color:var(--color-white);font-size:.875rem;padding:.3rem 2rem;width:-webkit-fit-content;width:fit-content}.date-container{color:var(--color-primary-text)}.action-link{color:var(--link-color);cursor:pointer;justify-self:start}.action-link:hover{color:var(--link-hover-color)}.decorative-line{height:auto;margin-left:3%;margin-top:-.45%;pointer-events:none;position:absolute;width:78%}.test-suite-header{grid-gap:16px;align-items:center;border-bottom:3px solid var(--line-color);display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 1fr 60px;padding-bottom:16px}.test-suite-info{align-items:flex-start;color:var(--link-color);cursor:pointer;display:flex;flex-direction:column;min-width:0}.test-suite-info h3{font-size:16px;font-weight:600;margin:0}.test-suite-info h3,.test-suite-path{color:var(--link-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.test-suite-path{font-size:14px}.test-suite-actions,.test-suite-branch,.test-suite-update{align-items:center;color:var(--color-primary-text);display:flex;justify-content:flex-start}.test-suite-action{color:var(--link-color);font-size:20px}.test-suite-schedule-label{color:var(--color-primary-text)}.test-suite-schedules-container{grid-gap:16px;align-items:flex-start;display:grid;gap:16px;grid-template-columns:120px 1fr;margin-top:16px}.test-suite-schedules-label{color:var(--color-primary-text);font-weight:500;padding-top:8px}.test-suite-schedule-list{display:flex;flex-wrap:wrap;gap:16px}.test-suite-schedule-item{align-items:center;background:var(--color-schedule-item);border-radius:6px;display:flex;gap:8px;max-width:calc(50% - 8px);min-width:250px;padding:8px 16px}.test-suite-delete{background:none;border:none;color:var(--icon-color);cursor:pointer;margin-left:auto;opacity:.7}.test-suite-delete:hover{opacity:1}@container table-container (inline-size < 41rem){.test-suite-header,.test-suite-schedules-container{display:flex;flex-direction:column;gap:16px}.test-suite-schedule-item{max-width:none;width:100%}.test-suite-info{align-items:flex-start;flex-direction:column}.test-suite-info h3,.test-suite-path,.test-suite-schedules-label{text-align:left}}.run-decorative-line{height:auto;margin-left:3%;margin-top:-1%;pointer-events:none;position:absolute;width:min(78%,calc(100% - 2rem))}.run-card-content{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,20em),1fr));padding:0 1.5rem;position:relative}.run-main-info{flex-wrap:wrap;gap:2rem;justify-content:space-between}.run-main-info,.run-name-container{align-items:center;display:flex;min-width:0}.run-name-container{gap:1rem}.run-name{color:var(--color-primary-text);font-size:.95rem;font-weight:500;margin:0;max-width:30em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-branch{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-branch,.run-schedule{align-items:center;gap:.5rem}.run-branch,.run-schedule,.run-timestamps{color:var(--color-primary-text);display:flex;font-size:.875rem}.run-timestamps{flex-wrap:wrap;gap:1rem}.run-actions,.run-more-actions{display:flex;justify-content:center}.run-more-actions{align-items:center;background:none;border:none;color:var(--color-primary-text);cursor:pointer;padding:.25rem}.run-more-actions:hover{background:#f3f4f6;border-radius:.25rem}.run-status-wrapper{display:flex;flex-wrap:wrap;gap:2rem;justify-content:flex-end;margin-right:15%;margin-top:4%;padding:0 1.5rem}.branch-icon,.run-created,.run-event,.run-last-run{color:var(--color-primary-text)}.run-status-item{align-items:center;display:flex;gap:.5rem}@container table-container (inline-size < 41rem){.run-card-content{display:flex;flex-direction:column;gap:16px}.run-branch,.run-main-info,.run-name-container,.run-schedule,.run-timestamps{align-items:flex-start;flex-direction:column;gap:8px}.run-status-wrapper{flex-direction:column;gap:8px;justify-content:flex-start}}.test-suite-dropdown-container{display:inline-block;margin-left:auto;position:relative;width:-webkit-fit-content;width:fit-content}.test-suite-action{padding:.5rem}.test-suite-run-dropdown-menu{width:250px}.test-suite-dropdown-menu,.test-suite-run-dropdown-menu{background:var(--gradient-light-gray-actions);border-radius:10px;box-shadow:0 4px 20px #0000011a;overflow:visible;padding:8px;position:absolute;right:0;top:63%;z-index:1000}.test-suite-dropdown-menu{width:480px}.dropdown-grid{display:flex;flex-direction:column}.dropdown-grid.grid-layout{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);position:relative}.dropdown-grid.grid-layout:after{background-color:var(--icon-color);bottom:.5rem;content:"";left:50%;position:absolute;top:.5rem;width:2px}@container table-container (inline-size < 41rem){.test-suite-dropdown-container{position:static}.test-suite-dropdown-menu{max-width:calc(100vw - 32px);position:absolute;right:60px;transform-origin:top right;width:250px}.dropdown-grid.grid-layout{gap:.5rem;grid-template-columns:1fr}.dropdown-grid.grid-layout:after{display:none}.test-suite-dropdown-item{white-space:normal}}.test-suite-dropdown-item{align-items:center;background:var(--color-test-suite-actions);border:none;border-radius:4px;box-shadow:0 1px 4px #0003;color:var(--color-primary-text);cursor:pointer;display:flex;font-size:13px;gap:10px;margin:4px 0;padding:9px 14px;text-align:left;transition:background-color .2s;white-space:nowrap;width:100%}.test-suite-dropdown-item:hover{background-color:#9b9b9b}.test-suite-dropdown-item img{height:18px;margin-right:10px;width:18px}.nested-dropdown-menu{background:var(--gradient-light-gray-actions);border-radius:10px;box-shadow:0 4px 20px #0000011a;padding:8px;position:absolute;right:102%;top:0;width:220px;z-index:1001}.schedule-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.schedule-modal{animation:popup-fade-in .3s ease-out;background:var(--gradient-light-gray-popup);border-radius:12px;box-shadow:0 4px 24px #00000026;max-width:500px;padding:24px;width:90%}@keyframes popup-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.schedule-modal-header{margin-bottom:20px;text-align:left}.schedule-modal-header h2{color:var(--color-primary-text);font-size:18px;font-weight:600;margin:0}.schedule-modal-location{border-bottom:2.5px solid var(--line-color);color:var(--color-schedule-location);font-size:14px;margin-top:4px;padding-bottom:12px}.schedule-modal-tabs{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin:20px 0}.schedule-tab{background:#afafaf;border:0 solid var(--color-white);border-radius:8px;color:#4b5563;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s ease}.schedule-tab:hover{background:#f9fafb;border-color:#d1d5db}.schedule-tab.active{background:var(--color-primary-text-reverse);border-color:#e5e7eb;box-shadow:0 2px 10px #0006;color:var(--color-primary-text)}.schedule-content,.schedule-grid{margin-bottom:24px}.schedule-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.schedule-field{display:flex;flex-direction:column;gap:8px;text-align:left}.schedule-field label{font-weight:500;margin-left:4px}.schedule-field label,.schedule-field select{color:var(--color-primary-text);font-size:14px}.schedule-field select{-webkit-appearance:none;appearance:none;background-color:#0000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%239333ea' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--colour-schedule-item-border);border-radius:6px;padding:12px 32px 12px 12px;transition:border-color .2s ease;width:100%}.schedule-field select:hover{border-color:#d1d5db}.schedule-field select:focus{border-color:var(--icon-color);box-shadow:0 0 0 2px #9333ea1a;outline:none}.schedule-days{color:var(--color-primary-text);margin-top:8px}.schedule-days label{color:var(--color-primary-text);display:block;font-size:14px;font-weight:500;margin-bottom:12px;margin-left:-400px}.days-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.day-button{align-items:center;background:#0000;border:1px solid #a5a5a5;border-radius:100%;color:var(--color-primary-text);cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.day-button:hover{background:#9333ea0d;border-color:var(--icon-color);color:var(--icon-color)}.day-button.selected,.day-button.selected:hover{background:var(--icon-color);border-color:var(--icon-color);color:var(--color-white)}.cron-field{color:var(--color-primary-text);margin-bottom:16px;text-align:left}.cron-field input{background-color:#fff3;border:1px solid var(--color-medium-gray);border-radius:6px;color:#374151;font-size:14px;margin-bottom:2%;margin-top:2%;padding:8px 15px;transition:all .2s ease;width:90%}.cron-field input:hover{border-color:#d1d5db}.cron-field input:focus{border-color:var(--icon-color);box-shadow:0 0 0 2px #9333ea1a;outline:none}.cron-examples,.cron-format{color:var(--color-primary-text);font-size:14px;margin-top:12px;text-align:left}.cron-examples{grid-gap:15px;display:grid;gap:15px}.schedule-current{border-bottom:2.5px solid var(--line-color);margin-top:20px;padding-bottom:16px;text-align:left}.schedule-current label{color:var(--color-primary-text);display:block;font-size:14px;margin-bottom:4px}.schedule-description{color:#939393;font-size:14px}.schedule-modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.schedule-buttons{align-self:right;display:flex;gap:10%;width:50%}.btn-discard{background:var(--color-primary-text-reverse);border:none;border-radius:30px;color:var(--color-primary-text)}.btn-discard,.btn-save{transition:all .2s ease}.btn-save{color:var(--color-white)}.btn-save:focus{box-shadow:0 0 0 2px #9333ea4d;outline:none}:root{--font-small:clamp(0.875rem,1vw + 0.5rem,0.875rem);--font-base:clamp(1rem,1.5vw + 0.5rem,1.02rem);--font-large:clamp(1.125rem,2vw + 0.75rem,1.125rem);--font-xl:clamp(1.875rem,3vw + 1rem,1.875rem)}.history-container{background:var(--gradient-light-gray-base-table);border-radius:.5rem;box-shadow:0 2px 4px #0000004d;min-height:20em;padding:clamp(.75rem,2vw,1rem);position:relative}.history-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,25em),1fr));margin-bottom:1rem}.history-details-card,.history-summary-card,.history-timeline-card{background-color:var(--color-card-schedule);border-radius:.5rem;box-shadow:0 1px 2px #0006;padding:1rem}.history-card-title{border-bottom:2px solid var(--line-color);color:var(--color-primary-text);font-size:clamp(1.125rem,2vw + .75rem,1.125rem);font-size:var(--font-large);font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.history-details-list{display:flex;flex-direction:column;gap:.75rem}.history-details-item{align-items:center;display:flex;gap:.5rem}.history-icon{color:var(--icon-color);height:1.25em;width:1.25em}.history-label{flex:1 1}.history-label,.history-value{color:var(--color-primary-text);font-size:clamp(1rem,1.5vw + .5rem,1.02rem);font-size:var(--font-base)}.history-value{font-weight:500}.history-summary-title{color:var(--color-primary-text);font-size:clamp(1.125rem,2vw + .75rem,1.125rem);font-size:var(--font-large);font-weight:600;padding-bottom:.5rem}.history-summary-cards{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.history-summary-card{border-radius:.375rem;flex:1 1;max-width:100%;min-width:min(100%,15em);min-width:6em;padding:1rem}.history-summary-card-title{color:var(--color-primary-text);font-size:clamp(.875rem,1vw + .5rem,.875rem);font-size:var(--font-small);font-weight:500;margin-bottom:.5rem}.history-summary-value{color:var(--color-primary-text);font-size:clamp(1.875rem,3vw + 1rem,1.875rem);font-size:var(--font-xl);font-weight:700}.history-timeline-list{display:flex;flex-direction:column;gap:1rem}.history-timeline-item{align-items:center;display:flex;gap:1rem}.history-timeline-dot{border-radius:50%;height:.5em;width:.5em}.history-timeline-dot-started{background-color:#10b981}.history-timeline-dot-updated{background-color:#3b82f6}.history-timeline-event{color:var(--color-primary-text);flex:1 1;font-size:clamp(1rem,1.5vw + .5rem,1.02rem);font-size:var(--font-base)}.history-timeline-timestamp{color:var(--color-primary-text);font-size:clamp(.875rem,1vw + .5rem,.875rem);font-size:var(--font-small)}.attempt-card__content{display:flex;flex-direction:column;gap:24px}.attempt-card__grid{align-items:start;display:grid;grid-template-columns:.5fr 1.5fr 1.5fr 1.5fr .5fr .5fr;padding:0 2rem}.attempt-card__artifacts{color:#333;cursor:pointer;font-size:14px;justify-self:start;padding-top:4px}.attempt-card__logs{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;justify-content:flex-end}.attempt-card__datetime{display:flex;flex-direction:column;gap:4px;justify-self:start}.attempt-card__number{color:#333;font-size:14px;font-weight:500}.attempt-card__date,.attempt-card__time{color:var(--color-primary-text);font-size:14px}.attempt-card__line-wrapper{height:64px;overflow:visible;position:relative;width:100%}.attempt-card__decorative-line{left:0;position:absolute;top:0;width:95%}.attempt-card__status-wrapper{display:flex;gap:32px;margin-top:-5%}.attempt-card__status-item{align-items:center;display:flex;gap:8px}.attempt-card__status-label{color:#333;font-size:14px;font-weight:500}@container table-container (inline-size < 40rem){.attempt-card__grid{display:flex;flex-direction:column;gap:12px;padding:0 .5rem;text-align:center}.attempt-card__grid>*{display:flex;flex-direction:column;gap:4px;justify-content:center}.attempt-card__grid>:before{content:attr(data-label);font-weight:500;min-width:100px}.attempt-card__datetime{align-items:center;flex-direction:column}.attempt-card__date,.attempt-card__time{display:inline}.attempt-card__logs{justify-content:flex-start}.attempt-card__status-wrapper{flex-direction:column;gap:12px;margin-top:0}.attempt-card__line-wrapper{height:32px}.attempt-card__decorative-line{width:100%}}@container table-container (inline-size < 20rem){.attempt-card__grid{padding:0 .5rem;text-align:center}.attempt-card__grid>*{flex-direction:column;gap:4px;justify-content:center}.attempt-card__grid>:before{margin-bottom:4px;min-width:auto}.attempt-card__datetime{align-items:center;flex-direction:column}.attempt-card__artifacts,.attempt-card__logs{justify-content:center}.attempt-card__status-wrapper{align-items:center}.attempt-card__status-item{justify-content:center}.attempt-card__line-wrapper{height:24px}}.log-container{border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;width:100%}.log-header{background:var(--main-common-color);border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px;color:var(--color-white);display:flex;font-weight:600;margin-bottom:2%;padding:12px 20px;width:96.6%}.log-header-files{flex:0 0 250px}.log-header-content{flex:1 1}.log-body{display:flex;height:100%;overflow:hidden;padding-top:0}.log-files-list{background:var(--color-card);flex:0 0 250px;overflow-y:auto}.log-file-item{border-bottom:2px solid var(--line-color);color:var(--color-primary-text);cursor:pointer;font-size:14px;padding:1rem 16px 12px;transition:background-color .2s}.log-file-item:hover{background-color:var(--color-card-hover-schedule)}.log-file-item.selected{color:var(--link-color)}.log-content{background:var(--color-card);border-radius:.5rem;flex:1 1;min-height:47rem;overflow-y:auto;padding:20px}.log-content pre{word-wrap:break-word;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap}.log-content pre,.log-loading{color:var(--color-primary-text)}.log-loading{align-items:center;display:flex;height:100%;justify-content:center}.log-error{color:#dc2626;padding:16px;text-align:center}.job-logs-container{border:1px solid #e9ecef}.job-logs-title{color:var(--color-primary-text);font-size:16px;font-weight:600;margin-bottom:12px}.job-logs-content{-ms-overflow-style:none;border-radius:6px;color:var(--color-primary-text);max-height:500px;overflow-y:auto;padding:16px;scrollbar-width:none}.job-logs-content::-webkit-scrollbar{display:none}.job-logs-pre{word-wrap:break-word;color:#e9ecef;font-family:monospace;font-size:13px;line-height:1.5;margin:0;max-width:100%;overflow-wrap:break-word;white-space:pre-wrap;width:100%}.scheduling-card{border-radius:8px;margin-bottom:16px;padding:16px}.jobs-view-content{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;padding:12px 24px;position:relative}.jobs-view-name{color:var(--color-primary-text);font-size:14px;font-weight:500}.jobs-view-status{align-items:center;display:flex}.jobs-view-datetime{display:flex;flex-direction:column}.jobs-view-date{color:var(--color-primary-text);font-size:14px}.jobs-view-time{color:var(--color-primary-text);font-size:12px}.jobs-view-duration{align-items:center;display:flex;gap:4px}.jobs-view-duration img{height:16px;width:16px}.jobs-view-duration span{color:var(--color-primary-text);font-size:14px}.jobs-view-line{bottom:-9px;color:var(--line-color);height:18px;left:0;position:absolute;width:100%}.test-suite-action{background:none;border:none;cursor:pointer;padding:4px}.progress-steps-container{border-radius:0 0 8px 8px;margin:-10px 0 20px;padding:20px}.progress-steps-title{color:var(--color-primary-text);font-weight:600;margin-bottom:16px}.progress-steps-list{grid-gap:12px;display:grid;gap:12px}.progress-step-item{align-items:center;display:flex;gap:12px}.progress-step-details{align-items:center;display:flex;justify-content:space-between;width:100%}.progress-step-name{color:var(--color-primary-text);font-size:14px}.progress-step-duration{color:var(--color-primary-text);font-size:12px}@container table-container (inline-size < 41rem){.jobs-view-content{gap:16px;grid-template-columns:1fr}.scheduling-card{margin-bottom:12px;padding:12px}.jobs-view-datetime{gap:4px}}.project-setup-card{background:#fff;background:var(--card-background,#fff);border-radius:16px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1rem;position:relative}.project-setup-card-content{align-items:center;display:flex;gap:2rem;padding:.5rem 1rem}.project-setup-main-info{max-width:300px;min-width:200px}.project-setup-name-container{display:flex;gap:.75rem}.project-setup-name{color:var(--color-primary-text);font-size:.95rem;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-setup-priority-section,.project-setup-status-section,.project-setup-timestamp-section,.project-setup-version-section{align-items:center;display:flex;gap:.5rem;min-width:120px}.project-setup-label{color:#6b7280;color:var(--color-secondary-text,#6b7280);font-size:.875rem}.project-setup-priority,.project-setup-timestamp,.project-setup-version{color:var(--color-primary-text);font-size:.875rem}.project-setup-actions{align-items:center;display:flex;gap:1rem;margin-left:auto}.project-setup-access-btn{background-color:var(--main-common-color);border:.14rem solid var( --color-card-hover-schedule);border-radius:9999px;color:var(--color-white);font-size:.875rem;padding:.3rem 2rem;width:-webkit-fit-content;width:fit-content}.project-setup-name-container{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:minmax(300px,2fr) minmax(200px,1.5fr) minmax(200px,1.5fr) minmax(120px,1fr) minmax(80px,.5fr);width:100%}.project-setup-section-1{align-items:flex-start;display:flex;gap:.75rem;min-width:0}.project-setup-section-2,.project-setup-section-3{align-items:center;display:flex;gap:.5rem}.project-setup-section-4,.project-setup-section-5{justify-self:end}.project-setup-priority-grid{align-items:center;display:grid;grid-template-columns:auto 1fr 1.2fr;width:100%}.project-setup-priority-label{margin-right:.5rem;white-space:nowrap}.project-setup-priority-value{margin-right:.1rem;white-space:nowrap}@media (max-width:1024px){.project-setup-card-content{flex-wrap:wrap;gap:1rem}.project-setup-main-info{max-width:none;width:100%}.project-setup-actions{justify-content:flex-end;width:100%}}.project-not-found{flex-direction:column;height:65%;text-align:center;width:100%}.create-project-overlay,.project-not-found{align-items:center;display:flex;justify-content:center}.create-project-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.create-project-modal{background-color:var( --color-card);border-radius:12px;max-height:90vh;max-width:800px;overflow-y:auto;padding:24px;width:100%}.create-project-header{align-items:center;border-bottom:3px solid var(--line-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:1rem}.create-project-title{color:#1a1a1a;font-size:24px;font-weight:600;margin:0}.create-project-close{background:none;border:none;color:#666;cursor:pointer;padding:4px;transition:color .2s}.create-project-close:hover{color:#1a1a1a}.create-project-section{margin-bottom:32px}.create-project-section-title{color:#1a1a1a;font-size:18px;font-weight:500;margin:0 0 16px}.create-project-form-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.create-project-form-group,.create-project-form-group-full{display:flex;flex-direction:column;gap:8px}.create-project-form-group-full{margin-bottom:24px}.create-project-label{color:#4a4a4a;font-size:14px;font-weight:500}.create-project-input,.create-project-textarea{background-color:initial;border:1px solid var(--colour-schedule-item-border);border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s}.create-project-textarea{font-family:inherit;min-height:100px;resize:vertical;resize:none}.create-project-input:focus,.create-project-textarea:focus{outline:none}.create-project-radio-label input[type=radio]{accent-color:var(--line-color);height:18px;width:18px}.create-project-radio-group{display:flex;gap:32px;padding:8px 0}.create-project-radio-label{align-items:center;cursor:pointer;display:flex;gap:8px}.create-project-radio-text{color:#4a4a4a;font-size:14px}.create-project-actions{border-top:3px solid var(--line-color);display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:.5rem}.archive-content-wrapper{gap:1rem;height:90%;margin-top:-2%;min-height:85vh}.archive-content-wrapper,.archive-header-section{display:flex;flex-direction:column}.archive-filters-section{margin-top:-25%;padding-bottom:1rem;padding-top:0}.archive-table-section{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:200px}.archive-table-section>div{flex:1 1;height:90%;overflow-y:auto}.archive-header-section .execution-container{padding-bottom:0}.archive-header-section .execution-main{margin-bottom:0}.archive-filters-section .execution-filters{padding-bottom:.5rem}.archive-header-section>:last-child{margin-bottom:0;padding-bottom:0}.archive-setup-name-container{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:2fr 1fr 60px;position:relative}.archive-setup-section-1,.archive-setup-section-2{align-items:center;display:flex}.archive-setup-section-2{position:relative}.archive-setup-section-3{align-items:center;display:flex;justify-content:flex-end}.archive-connecting-line{background-color:var(--primary-color);height:2px;margin:0 8px;width:424px}.archive-not-found{align-items:center;display:flex;flex-direction:column;height:65%;justify-content:center;margin-top:-10%;text-align:center;width:100%}.requirement-tab-container{border-radius:.5rem;margin:0 auto;max-width:64rem;width:100%}.requirement-tab-section{display:flex;flex-direction:column;margin-bottom:2rem}.requirement-tab-form-grid{display:flex;flex-direction:column;gap:1.5rem}.requirement-tab-top-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.requirement-tab-bottom-row{grid-gap:1.5rem;align-items:flex-end;display:grid;gap:1.5rem;grid-template-columns:1fr auto}.requirement-tab-form-field{display:flex;flex-direction:column;gap:.5rem}.requirement-tab-label{color:#374151;font-size:.875rem;font-weight:500}.requirement-tab-input,.requirement-tab-select{border:1px solid #d1d5db;border-radius:.25rem;padding:.5rem;width:100%}.requirement-tab-textarea{border:1px solid #d1d5db;border-radius:.25rem;height:8rem;padding:.5rem;resize:none;width:98%}.requirement-tab-add-toggle{width:-webkit-fit-content;width:fit-content}.requirement-tab-add-form{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:1rem;padding:1.5rem}.requirement-tab-list{display:flex;flex-direction:column;gap:.5rem}.requirement-tab-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.25rem;padding:1rem}.requirement-tab-card-header{align-items:flex-start;display:flex;justify-content:space-between}.requirement-tab-card-info{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.requirement-tab-description{color:#4b5563;margin-top:.5rem}.requirement-tab-card-id{font-weight:700}.requirement-tab-badge{border-radius:.25rem;font-size:.75rem;padding:.25rem .5rem}.requirement-tab-badge-priority-high{background-color:#fee2e2;color:#991b1b}.requirement-tab-badge-priority-medium{background-color:#fef3c7;color:#92400e}.requirement-tab-badge-priority-low{background-color:#d1fae5;color:#065f46}.requirement-tab-badge-category{background-color:#dbeafe;color:#1e40af}.requirement-tab-btn{align-items:center;border:none;border-radius:.25rem;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.5rem 1rem}.requirement-tab-btn-primary{background-color:#2563eb;color:#fff}.requirement-tab-btn-primary:hover{background-color:#1d4ed8}.requirement-tab-btn-danger{background:none;color:#dc2626}.requirement-tab-btn-danger:hover{color:#b91c1c}.requirement-tab-btn-secondary{background-color:#4b5563;color:#fff}.requirement-tab-btn-secondary:hover{background-color:#374151}.requirement-tab-rtm{border:1px solid #e5e7eb;border-collapse:collapse;width:100%}.requirement-tab-rtm td,.requirement-tab-rtm th{border:1px solid #e5e7eb;padding:.75rem 1rem;text-align:left}.requirement-tab-rtm th{background-color:#f3f4f6;font-weight:500}.requirement-tab-empty-state{color:#6b7280;padding:2rem;text-align:center}.requirement-tab-list p{margin-bottom:-.5rem;margin-top:-.5rem}.test-case-tabs-container{display:flex;height:100vh;max-height:520px;overflow:hidden;width:100%}.test-case-tabs-empty{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;overflow-y:auto;width:100%}.test-case-tabs-empty h2{color:#333;font-size:24px;margin-bottom:40px}.test-case-tabs-create-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);max-height:90vh;max-width:700px;overflow-x:hidden;overflow-y:hidden;padding:10px;width:100%}.test-case-tabs-create-option{align-items:center;border:none;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;height:220px;justify-content:center;margin:0 auto;max-width:220px}.test-case-tabs-create-option:hover{box-shadow:0 6px 12px #00000026}.test-case-tabs-create-option{align-content:center;background-color:var(--color-card-schedule);border-radius:8px;box-shadow:0 .25em .375em #0000004d;gap:1rem;height:25rem;text-align:center;transition:all .3s ease;width:15rem}.test-case-tabs-create-option:hover{transform:translateY(-4px)}.test-case-tabs-create-option[disabled],.test-case-tabs-dropdown-item[disabled]{cursor:not-allowed;opacity:.6}.test-case-tabs-create-option:hover:not([disabled]),.test-case-tabs-dropdown-item:hover:not([disabled]){background-color:#f0f2f5;transition:background-color .2s ease}.option-label{color:#333;font-size:18px;font-weight:700;margin-bottom:8px;text-align:center}.option-description{color:#666;font-size:14px;margin-top:4px;text-align:center}.test-case-tabs-content-container{display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden;position:relative}.test-case-tabs-page-title{align-items:center;display:flex;margin-bottom:8px;padding:16px}.test-case-tabs-page-title .test-case-tabs-checkbox{height:20px;margin-right:16px;width:20px}.test-case-tabs-page-title h2{color:#333;font-size:20px;font-weight:600;margin:0}.test-case-tabs-page-title .status-badge{margin-left:16px}.test-case-tabs-file-header{align-items:center;background:var(--gradient-buttons-color);border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:500;justify-content:flex-end;margin:0 16px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.test-case-tabs-content{background:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex:0 0 auto;flex-direction:column;height:20rem;margin:0 16px 16px;overflow:hidden;position:relative}.test-case-tabs-content-body{background-color:#fff;flex:1 1;overflow-y:auto}.test-case-tabs-content-body.clickable{cursor:pointer}.test-case-tabs-actions{background-color:var(--color-card-schedule);display:flex;gap:15px;justify-content:flex-end;padding:8px}@media (max-width:768px){.test-case-tabs-create-options{grid-template-columns:1fr}.test-case-tabs-create-option{height:200px;width:200px}}.test-case-tabs-sidebar{border-right:3.2px solid var(--main-common-color);display:flex;flex-direction:column;height:100%;overflow:hidden;padding-right:15px;width:300px}.test-case-tabs-header{flex-shrink:0;padding:8px}.test-case-tabs-new-button{background-color:initial;border:none;border-radius:10px;box-shadow:0 .25em .375em #0000004d;color:#fff;cursor:pointer;font-size:16px;font-weight:400;padding:12px;transition:background-color .2s;width:60%}.test-case-tabs-new-button.active,.test-case-tabs-new-button:active,.test-case-tabs-new-button:hover{background:var(--main-common-color)}.test-case-tabs-action-button{background-color:var(--color-card-schedule);border:none;border-radius:10px;box-shadow:0 .25em .375em #0000004d;color:#fff;cursor:pointer;font-size:16px;font-weight:400;min-width:100px;padding:12px;transition:background-color .2s}.test-case-tabs-action-button:hover{background:var(--main-common-color)}.test-case-tabs-action-button.delete{color:#fff}.test-case-tabs-action-button.delete:hover{background:var(--main-common-color)}.test-case-tabs-action-button.save{color:#fff}.test-case-tabs-action-button.save:hover{background:var(--main-common-color)}.test-case-tabs-action-button.submit{color:#fff}.test-case-tabs-action-button.submit:hover{background:var(--main-common-color)}.test-case-tabs-action-button.cancel{color:#fff}.test-case-tabs-action-button.cancel:hover{background:var(--main-common-color)}.test-case-tabs-list{flex:1 1;height:calc(100% - 60px);overflow-y:auto;padding:12px}.test-case-tabs-item-meta{align-items:center;display:flex;font-size:12px;justify-content:space-between}.status-badge.draft{background:#e9ecef;color:#495057}.status-badge.pending_approval{background:#fff3cd;color:#856404}.status-badge.approved{background:#d4edda;color:#155724}.status-badge.imported{background:#e6f7ff;color:#0070f3}.last-modified{color:#6c757d}.test-case-tabs-name-input{font-size:20px;font-weight:600;max-width:500px;padding:8px}.test-case-tabs-editor,.test-case-tabs-name-input{border:1px solid #ced4da;border-radius:4px;width:100%}.test-case-tabs-editor{height:100%;min-height:300px;overflow-y:auto;padding:16px;resize:none}.test-case-tabs-editor,.test-case-tabs-viewer{font-family:monospace;font-size:14px;line-height:1.5}.test-case-tabs-viewer{padding:14px;white-space:pre-wrap}.test-case-tabs-viewer p{margin:0}.test-case-tabs-empty-selection{align-items:center;color:#6c757d;display:flex;font-size:16px;height:100%;justify-content:center;width:100%}.test-case-monaco-editor-container::-webkit-scrollbar,.test-case-tabs-content-body::-webkit-scrollbar,.test-case-tabs-editor::-webkit-scrollbar,.test-case-tabs-empty::-webkit-scrollbar,.test-case-tabs-list::-webkit-scrollbar,.test-case-tabs-viewer::-webkit-scrollbar{width:8px}.test-case-monaco-editor-container::-webkit-scrollbar-track,.test-case-tabs-content-body::-webkit-scrollbar-track,.test-case-tabs-editor::-webkit-scrollbar-track,.test-case-tabs-empty::-webkit-scrollbar-track,.test-case-tabs-list::-webkit-scrollbar-track,.test-case-tabs-viewer::-webkit-scrollbar-track{background:#f1f1f1}.test-case-monaco-editor-container::-webkit-scrollbar-thumb,.test-case-tabs-content-body::-webkit-scrollbar-thumb,.test-case-tabs-editor::-webkit-scrollbar-thumb,.test-case-tabs-empty::-webkit-scrollbar-thumb,.test-case-tabs-list::-webkit-scrollbar-thumb,.test-case-tabs-viewer::-webkit-scrollbar-thumb{background-color:var(--main-common-color);border-radius:4px}.test-case-monaco-editor-container::-webkit-scrollbar-thumb:hover,.test-case-tabs-content-body::-webkit-scrollbar-thumb:hover,.test-case-tabs-editor::-webkit-scrollbar-thumb:hover,.test-case-tabs-empty::-webkit-scrollbar-thumb:hover,.test-case-tabs-list::-webkit-scrollbar-thumb:hover,.test-case-tabs-viewer::-webkit-scrollbar-thumb:hover{background-color:var(--main-common-color-to-lighter)}.test-case-card,.test-case-tabs-item{align-items:center;border-bottom:none;border-radius:8px;box-shadow:0 .25em .375em #0000004d;cursor:pointer;display:flex;margin:8px 0;padding:16px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.test-case-card:hover,.test-case-tabs-item:hover{background-color:#f8f9fa;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.test-case-tabs-item.active{background-color:var(--main-common-color)}.test-case-card.active{background-color:#ede9fe;border-left:3px solid #9333ea}.test-case-content,.test-case-tabs-item-content{cursor:pointer;flex:1 1}.test-case-icon{align-items:center;display:flex;margin-right:12px}.test-case-name{color:#18181b;font-size:16px;font-weight:600;margin-bottom:4px}.test-case-creation-method{color:#6b7280;font-size:14px}.test-case-tabs-item.active .test-case-creation-method,.test-case-tabs-item.active .test-case-name{color:#fff}.test-case-tabs-item.active svg path{fill:#fff!important}.test-case-tabs-item.active[data-light-theme=true] .test-case-creation-method,.test-case-tabs-item.active[data-light-theme=true] .test-case-name{color:#18181b}.test-case-tabs-item.active[data-light-theme=true] svg path{fill:var(--primary-color)!important}.test-case-tabs-delete-button{background:none;border:none;cursor:pointer;opacity:.6;padding:8px;transition:opacity .2s}.test-case-tabs-delete-button:hover{opacity:1}.test-case-tabs-dropdown{position:relative;width:100%}.test-case-tabs-dropdown-menu{background:#fff;border:1px solid #e0e4e8;border-radius:6px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;position:absolute;right:0;top:100%;z-index:1000}.test-case-tabs-dropdown-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.test-case-tabs-dropdown-item:hover{background-color:#f8f9fa}.test-case-tabs-dropdown-item .option-icon{font-size:18px;margin-right:12px}.test-case-tabs-dropdown-item:not(:last-child){border-bottom:1px solid #e0e4e8}.test-case-tabs-dialog-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.test-case-tabs-dialog{background:#fff;border-radius:8px;box-shadow:0 4px 16px #0003;max-width:400px;padding:24px;width:100%}.test-case-tabs-dialog h3{color:#333;margin-bottom:16px;margin-top:0}.test-case-tabs-dialog p{color:#555;margin-bottom:24px}.test-case-tabs-dialog-actions{display:flex;gap:12px;justify-content:flex-end}.test-case-tabs-unsaved-indicator-inline{background-color:#c8a1d6;font-size:12px;margin-left:12px;padding:4px 8px}.test-case-tabs-unsaved-indicator,.test-case-tabs-unsaved-indicator-inline{animation:pulse 2s infinite;border-radius:4px;color:var(--main-common-color)}.test-case-tabs-unsaved-indicator{background-color:var(--main-common-color);bottom:20px;box-shadow:0 2px 4px #0000001a;font-size:14px;padding:8px 16px;position:fixed;right:20px;z-index:1000}.test-case-tabs-back-button{background:none;border:none;color:#007bff;cursor:pointer;display:block;font-weight:500;margin:12px 16px;padding:8px 16px;text-align:left;transition:color .2s ease}.test-case-tabs-back-button:hover{color:#0056b3;text-decoration:underline}.test-case-upload-loading-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.test-case-upload-loading{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:24px;text-align:center}.test-case-upload-spinner{animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin:0 auto 16px;width:40px}.test-case-card[data-status=imported]{border-left:3px solid #3498db}.test-case-card[data-status=imported] .test-case-card-status{color:#3498db}.test-case-list-item-source{color:#666;font-size:12px;margin-top:4px}.test-case-status-tag{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;margin-left:8px;padding:2px 8px}.test-case-status-tag.imported{background-color:#e6f7ff;color:#0070f3}.test-case-status-tag.draft{background-color:#fff7e6;color:#fa8c16}.test-case-file-info-tooltip{cursor:help;display:inline-block;margin-left:8px;position:relative}.test-case-file-info-tooltip .tooltip-icon{color:#999;font-size:14px}.test-case-file-info-tooltip .tooltip-text{background-color:#555;border-radius:6px;bottom:125%;color:#fff;left:50%;margin-left:-120px;opacity:0;padding:8px;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:240px;z-index:1}.test-case-file-info-tooltip:hover .tooltip-text{opacity:1;visibility:visible}.unsaved-close-button{background:none;border:none;color:#666;cursor:pointer;font-size:18px;padding:4px 8px}.unsaved-close-button:hover{color:#333}.test-case-tabs-card-view{background-color:#f8f9fa;flex:1 1;overflow-y:auto;padding:24px}.test-case-tabs-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.test-case-tabs-card-header h2{color:#333;font-size:28px;margin:0}.test-case-tabs-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.test-case-tabs-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%;transition:all .3s ease}.test-case-tabs-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.test-case-tabs-card-header{border-bottom:1px solid #e0e4e8;margin-bottom:0;padding:16px}.test-case-tabs-card-title{font-size:18px;font-weight:600;margin:0}.test-case-tabs-card-status{margin-top:8px}.test-case-tabs-card-content{background-color:#f8f9fa;border-radius:4px;color:#495057;flex:1 1;font-family:monospace;font-size:14px;margin:0 16px;overflow:hidden;padding:16px}.test-case-tabs-card-content p{margin:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.test-case-tabs-card-more{color:#6c757d;font-style:italic}.test-case-tabs-card-footer{align-items:center;border-top:1px solid #e0e4e8;display:flex;justify-content:space-between;padding:16px}.test-case-tabs-card-date{color:#6c757d;font-size:12px}.test-case-tabs-card-actions{display:flex;gap:8px}.test-case-tabs-card-button{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.test-case-tabs-card-button.view{background:#007bff;color:#fff}.test-case-tabs-card-button.view:hover{background:#0056b3}.test-case-tabs-card-button.delete{background:#dc3545;color:#fff}.test-case-tabs-card-button.delete:hover{background:#c82333}.test-case-tabs-title-area{align-items:center;display:flex;gap:12px}.test-case-tabs-title-area .status-badge{font-size:12px}@media (max-width:768px){.test-case-tabs-cards{grid-template-columns:1fr}.test-case-tabs-card{max-width:100%}}.test-case-monaco-editor-container{background-color:var(--colour-schedule-path);font-family:Menlo,Monaco,Courier New,monospace;height:100%;width:100%}.gherkin-code-block{font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;line-height:1.5;margin:0;overflow-x:auto;padding:8px;white-space:pre-wrap}.language-gherkin .keyword{color:#7952b3;font-weight:700}.language-gherkin .string{color:#28a745}.language-gherkin .comment{color:#6c757d;font-style:italic}.language-gherkin .punctuation{color:#212529}.test-case-monaco-editor-container .monaco-editor .scrollbar{background-color:var(--colour-schedule-path)!important}.test-case-monaco-editor-container .monaco-scrollable-element>.scrollbar.vertical{background-color:var(--colour-schedule-path)!important;width:8px!important}.test-case-monaco-editor-container .monaco-scrollable-element>.scrollbar.horizontal{background-color:var(--colour-schedule-path)!important;height:8px!important}.test-case-monaco-editor-container .monaco-editor .scrollbar .slider{background-color:var(--main-common-color)!important;border-radius:4px!important;width:8px!important}.test-case-monaco-editor-container .monaco-editor .scrollbar.horizontal .slider{height:8px!important}.test-case-monaco-editor-container .monaco-editor .scrollbar .slider:hover{background-color:var(--main-common-color-to-lighter)!important}.test-case-monaco-editor-container .monaco-scrollable-element{padding:0!important}.test-suite-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0003;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.test-suite-loading-container{align-items:center;background:#eee;border-radius:16px;display:flex;flex-direction:column;margin:20px;max-width:380px;padding:28px 24px;width:100%}.test-suite-loading-spinner{background:#eee;border-radius:50%;box-shadow:4px 4px 8px #d5d5d5b3,-4px -4px 8px #ffffffb3,inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #d5d5d54d;height:56px;margin-bottom:24px;position:relative;width:56px}.test-suite-loading-spinner:after{animation:loading-spin .8s linear infinite;border:3px solid #0000;border-radius:50%;border-top:3px solid var(--primary-color);bottom:6px;content:"";left:6px;position:absolute;right:6px;top:6px}@keyframes loading-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.test-suite-loading-content{text-align:center;width:100%}.test-suite-loading-content h2{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.test-suite-project-info{background:#eee;border-radius:10px;box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80;display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:12px 14px}.test-suite-info-item{align-items:center;display:flex;gap:12px;justify-content:space-between}.test-suite-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.test-suite-value{color:#1f2937;font-size:12px;font-weight:500;max-width:200px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.test-suite-progress-section{margin-bottom:16px}.test-suite-progress-bar{background:#eee;border-radius:3px;box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 4px #fff9;height:6px;margin-bottom:8px;overflow:hidden}.test-suite-progress-fill{background:linear-gradient(90deg,var(--primary-color) 0,#a78bfa 100%);border-radius:3px;box-shadow:0 0 8px #8b5cf666;height:100%;transition:width .3s ease}.test-suite-progress-info{display:flex;justify-content:center}.test-suite-progress-text{color:var(--primary-color);font-size:11px;font-weight:600}.test-suite-loading-status{align-items:center;background:#eee;border-radius:8px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;display:flex;gap:8px;justify-content:center;padding:10px 14px}.test-suite-status-indicator{animation:status-pulse 1.5s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.test-suite-status-text{color:#374151;font-size:12px;font-weight:500}.test-suite-sample-loading-info{margin-top:12px}.test-suite-sample-loading-info small{color:#6b7280;font-size:11px;font-style:italic}@media (max-width:480px){.test-suite-loading-container{padding:0 16px}.test-suite-loading-spinner{height:48px;margin-bottom:20px;width:48px}.test-suite-loading-content h2{font-size:16px}.test-suite-project-info{padding:10px 12px}.test-suite-value{max-width:150px}}.test-suite-layout-container{background-color:initial;display:flex;flex-direction:column;height:83vh}.test-suite-layout-top-row{align-items:stretch;display:flex;gap:1%;min-height:80px}.test-suite-layout-logo-block{border-radius:12px;box-shadow:10px 10px 25px #d6d6d6e6,-10px -10px 20px #ffffffe6,10px -10px 20px #d6d6d633,-10px 10px 20px #d6d6d633,inset -1px -1px 2px #d6d6d680,inset 1px 1px 2px #ffffff4d;flex-shrink:0;padding:20px}.test-suite-layout-logo,.test-suite-layout-logo-block{align-items:center;display:flex;justify-content:center}.test-suite-layout-logo{height:70px;position:relative;width:70px}.test-suite-layout-logo-background{height:80px;width:80px}.test-suite-layout-logo-content{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.test-suite-layout-logo-icon{stroke-width:2.5px;color:var(--primary-color);height:40px;width:40px}.test-suite-layout-header{border-radius:12px;box-shadow:10px 10px 25px #d6d6d6e6,-10px -10px 20px #ffffffe6,10px -10px 20px #d6d6d633,-10px 10px 20px #d6d6d633,inset -1px -1px 2px #d6d6d680,inset 1px 1px 2px #ffffff4d;flex:1 1;padding:20px;z-index:10}.test-suite-layout-header-content{align-items:center;display:flex;gap:16px;height:100%}.test-suite-layout-endpoint-info{flex:1 1;min-width:0}.test-suite-layout-endpoint-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9404c3,#550173);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:1.3rem;font-weight:700;margin:0 0 4px}.test-suite-layout-endpoint-description{color:#1c1c1d;font-size:.95rem;font-weight:500;line-height:1.4;margin:0;padding-top:12px;position:relative}.test-suite-layout-endpoint-description:before{background:#eee;border-radius:1.5px;box-shadow:inset -1px 1px 2px 0 #b5b5b533,inset 1px -1px 2px 0 #b5b5b533,inset -1px -1px 2px 0 #fff3,inset 1px 1px 3px 0 #b5b5b5e6;content:"";height:3px;left:0;position:absolute;right:0;top:0}.test-suite-layout-header-buttons{display:flex;flex-shrink:0;gap:12px}.test-suite-layout-header-btn{align-items:center;background:none;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .15s ease}.test-suite-layout-back-btn{background-color:var(--card-background);border-color:var(--border-color);box-shadow:inset 1px 1px 2px #0000001a,inset -1px -1px 2px #ffffff1a;color:var(--text-secondary)}.test-suite-layout-back-btn:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a,inset 1px 1px 2px #0000000d;color:var(--text-primary);transform:translateY(-1px)}.test-suite-layout-run-button{background:var(--gradient1);border:none;box-shadow:0 2px 8px #0000001a;color:#fff}.test-suite-layout-run-button:hover:not(:disabled){box-shadow:0 4px 12px var(--shadowLight);transform:translateY(-1px)}.test-suite-layout-run-button:disabled{cursor:not-allowed;opacity:.6}.test-suite-layout-run-button.test-suite-layout-running{animation:pulse 1.5s ease-in-out infinite;background:var(--secondary-color)}.test-suite-layout-run-icon{height:16px;width:16px}.test-suite-layout-tab-navigation{background-color:initial;margin-top:1%}.test-suite-layout-tab-list{display:flex;gap:1%}.test-suite-layout-tab-button{align-items:center;background:#eee;border:none;box-shadow:-1px -1px 2px #b3b3b380,1px 1px 2px #ffffff4d,inset 5px 5px 13px #b3b3b3e6,inset -5px -5px 10px #ffffffe6,inset 5px -5px 10px #b3b3b333,inset -5px 5px 10px #b3b3b333;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-bottom:-1px;padding:12px 20px;position:relative;transition:all .15s ease}.test-suite-layout-tab-button:first-child{border-radius:0 10px 0 0;-webkit-clip-path:polygon(0 30%,5% 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 30%,5% 0,100% 0,100% 100%,0 100%)}.test-suite-layout-tab-button:last-child{border-radius:10px 0 0 0;-webkit-clip-path:polygon(0 0,95% 0,100% 30%,100% 100%,0 100%);clip-path:polygon(0 0,95% 0,100% 30%,100% 100%,0 100%)}.test-suite-layout-tab-button:not(:first-child):not(:last-child){border-radius:10px 10px 0 0}.test-suite-layout-tab-button:hover:not(.test-suite-layout-active){background-color:#f0f0f0;color:var(--text-primary)}.test-suite-layout-tab-button.test-suite-layout-active{background-color:#eee;box-shadow:5px 5px 13px #bebebee6,-5px -5px 10px #ffffffe6,5px -5px 10px #bebebe33,-5px 5px 10px #bebebe33,inset -1px -1px 2px #bebebe80,inset 1px 1px 2px #ffffff4d;color:var(--primary-color);z-index:5}.test-suite-layout-tab-button.test-suite-layout-active:first-child{border-radius:0 10px 0 0;-webkit-clip-path:polygon(0 30%,5% 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 30%,5% 0,100% 0,100% 100%,0 100%)}.test-suite-layout-tab-button.test-suite-layout-active:last-child{border-radius:10px 0 0 0;-webkit-clip-path:polygon(0 0,95% 0,100% 30%,100% 100%,0 100%);clip-path:polygon(0 0,95% 0,100% 30%,100% 100%,0 100%)}.test-suite-layout-tab-button.test-suite-layout-active:not(:first-child):not(:last-child){border-radius:10px 10px 0 0}.test-suite-layout-tab-icon{height:18px;width:18px}.test-suite-layout-tab-name{white-space:nowrap}.test-suite-layout-tab-badge{border-radius:50%;height:8px;margin-left:4px;width:8px}.test-suite-layout-tab-badge.test-suite-layout-running{animation:pulse 1s ease-in-out infinite;background-color:var(--primary-color)}.test-suite-layout-tab-container{box-shadow:inset 0 2px 4px #0000000d;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.test-suite-layout-content-scrollable{background-color:var(--background-color);flex:1 1;overflow-y:auto}.test-suite-layout-user-error{align-items:center;background-color:var(--card-background);box-shadow:inset 0 0 20px #0000001a;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:24px;text-align:center}.test-suite-layout-user-error h3{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 8px}.test-suite-layout-user-error p{color:var(--text-secondary);font-size:16px;margin:0}@media (max-width:768px){.test-suite-layout-top-row{flex-direction:column;min-height:auto}.test-suite-layout-logo-block{border-bottom:1px solid var(--border-color);border-right:none;height:60px;width:100%}.test-suite-layout-header-content{align-items:flex-start;flex-direction:column;gap:16px}.test-suite-layout-header-buttons{justify-content:flex-end;width:100%}.test-suite-layout-tab-list{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}.test-suite-layout-tab-list::-webkit-scrollbar{display:none}.test-suite-layout-content-scrollable{padding:16px}}@media (max-width:480px){.test-suite-layout-endpoint-title{font-size:16px}.test-suite-layout-tab-button{font-size:13px;padding:10px 16px}.test-suite-layout-header-btn{font-size:13px;padding:8px 12px}}.config-section{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 1px 3px #0000000d;margin-bottom:1.25rem;padding:1rem 1.25rem}.section-header{margin-bottom:1rem}.section-header h3{color:#212529;font-size:1rem}.table-actions{gap:.6rem}.action-btn{background:#f8f9fa;border:1px solid #dcdcdc;display:inline-flex;font-size:.85rem;gap:.3rem;padding:.35rem .7rem;transition:background .2s ease}.action-btn:hover{background:#e9ecef}.base-url-status,.environment-status{align-items:center;border-radius:6px;display:flex;font-size:.9rem;gap:.5rem;margin:.5rem 0 1rem;padding:.6rem .8rem}.base-url-status.inactive,.environment-status.loading{background:#fff3cd;border:1px solid #ffeeba;color:#856404}.base-url-status.empty,.environment-status.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.environment-status.warning{background:#fff3cd;border:1px solid #ffeeba;color:#856404}.environment-status.info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.base-url-status.active{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-icon{font-size:1rem}.deactivate-btn{background:#f8f9fa;border:1px solid #dcdcdc;border-radius:4px;color:#495057;cursor:pointer;font-size:.8rem;margin-left:auto;padding:.25rem .6rem}.deactivate-btn:hover{background:#e9ecef}.environment-container{margin-top:1rem}.environment-list{display:flex;flex-direction:column;gap:.6rem}.environment-item{align-items:flex-start;background:#fdfdfd;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:border .2s ease,background .2s ease}.environment-item.active{background:#f0f7ff;border-color:#007aff}.environment-item.inactive:hover{background:#f8f9fa}.env-info{flex:1 1}.env-header{align-items:center;display:flex;justify-content:space-between}.env-name{font-size:.95rem;font-weight:600}.env-url{color:#495057;font-size:.85rem;word-break:break-all}.status-badge{border-radius:6px;font-size:.75rem;padding:.15rem .5rem}.status-badge.active{background:#007aff;color:#fff}.status-badge.inactive{background:#e9ecef;color:#495057}.env-actions{display:flex;gap:.4rem;padding-left:10px}.delete-env-btn,.env-edit-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.8rem;padding:.3rem .6rem}.env-edit-btn{background:#f8f9fa;border-color:#dcdcdc}.env-edit-btn:hover{background:#e9ecef}.delete-env-btn{background:#fff5f5;border-color:#f1c0c0;color:#c92a2a}.delete-env-btn:hover{background:#ffe3e3}.add-env-form,.env-edit-form{display:flex;flex-direction:column;gap:.6rem;width:100%}.add-env-form input,.env-edit-form input{border:1px solid #ccc;border-radius:6px;font-size:.9rem;padding:.4rem .6rem}.env-edit-actions{display:flex;gap:.6rem}.add-env-form button,.env-cancel-btn,.env-save-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;padding:.4rem .8rem}.env-save-btn{background:#007aff;color:#fff}.env-save-btn:hover{background:#005bb5}.add-env-form button:last-child,.env-cancel-btn{background:#f8f9fa;border:1px solid #dcdcdc}.add-env-form button:last-child:hover,.env-cancel-btn:hover{background:#e9ecef}.add-env-btn{background:#f8f9fa;border:1px solid #dcdcdc;border-radius:6px;color:#495057;cursor:pointer;font-size:.85rem;margin-top:.75rem;padding:.5rem .9rem}.add-env-btn.primary{background:#007aff;border-color:#007aff;color:#fff}.add-env-btn:hover{background:#e9ecef}.add-env-btn.primary:hover{background:#005bb5}.no-environments{color:#666;font-size:.9rem;margin-top:1rem;padding:1rem;text-align:center}.empty-state p{margin-bottom:.75rem}.loading-placeholder{align-items:center;display:flex;flex-direction:column;gap:.6rem}.loading-spinner{border-top-color:#007aff;height:28px;width:28px}.config-section{background:#0000;border:none;border-radius:0;box-shadow:none;margin-bottom:0;padding:24px}.config-section h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px}.section-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.section-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.table-actions{display:flex;gap:12px}.action-btn.regenerate{cursor:no-drop}.action-btn.regenerate,.action-btn.regenerate:hover{border-color:grey;color:grey}.table-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.main-controls-row{align-items:center;display:flex;justify-content:space-between;width:100%}.left-controls,.right-controls,.select-controls{align-items:center;display:flex;gap:12px}.select-controls label{align-items:center;color:#4b5563;display:flex;font-size:14px;gap:6px}.delete-selected-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.delete-selected-btn:hover{background:#dc2626;transform:translateY(-1px)}.edit-columns-btn{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.edit-columns-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.edit-columns-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.edit-actions-inline{align-items:center;display:flex;gap:8px;margin-right:12px}.column-edit-controls{border-top:1px solid var(--border-color);margin-top:12px;padding-top:12px}.edit-mode-hint{background:var(--surface-color);border-left:4px solid var(--primary-color);border-radius:6px;margin-bottom:12px;padding:8px 12px}.edit-mode-hint span{color:var(--text-secondary);font-size:13px;font-style:italic}.add-column-inline-btn{align-items:center;background:var(--surface-color);border:1px solid var(--primary-color);border-radius:6px;color:var(--primary-color);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.add-column-inline-btn:hover{background:var(--primary-color);color:#fff}.add-column-inline-form{align-items:center;display:flex;gap:8px}.column-inline-input{background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;min-width:150px;padding:8px 12px}.column-inline-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--shadowLight);outline:none}.cancel-inline-btn,.confirm-inline-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;transition:all .2s ease}.confirm-inline-btn{background:var(--primary-color);color:#fff}.confirm-inline-btn:hover{background:var(--accent-color)}.cancel-inline-btn{background:var(--text-muted);color:#fff}.cancel-inline-btn:hover{background:var(--text-secondary)}.filter-controls-inline{align-items:center;display:flex;gap:12px}.filter-input-inline{background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;padding:8px 12px;transition:all .3s ease;width:160px}.filter-input-inline:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--shadowLight);outline:none}.filter-input-inline::placeholder{color:var(--text-muted);font-size:12px}.clear-filters-btn-inline{align-items:center;background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .3s ease;width:32px}.clear-filters-btn-inline:hover{background:var(--secondary-color);box-shadow:var(--box-shadow);transform:translateY(-1px)}.clear-filters-btn-inline .action-btn-icon{height:16px;width:16px}.column-toggles{background:var(--surface-color);border:2px dashed var(--border-color);border-radius:12px;margin-bottom:20px;padding:20px}.toggle-header{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.toggle-label{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:8px}.toggle-hint{color:var(--text-muted);font-size:13px;font-style:italic}.toggle-buttons{display:flex;flex-wrap:wrap;gap:12px}.column-toggle{align-items:center;background:var(--card-background);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 16px;text-transform:capitalize;transition:all .3s ease}.column-toggle.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadowLight);color:#fff}.column-toggle.inactive{background:var(--card-background);border-color:var(--border-color);color:var(--text-muted)}.column-toggle:hover{border-color:var(--primary-color);box-shadow:var(--box-shadow);transform:translateY(-1px)}.column-toggle.active:hover{background:var(--accent-color)}.toggle-icon{font-weight:700}.config-table-container{border:1px solid #e5e7eb;border-radius:8px;max-width:100%;overflow-x:auto;width:100%}.config-table{background:#fff;border-collapse:collapse;font-size:14px;min-width:600px;table-layout:fixed;width:100%}.config-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e5e7eb;color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.config-table td,.config-table th{overflow:hidden;padding:12px 8px;text-overflow:ellipsis}.config-table td{border-bottom:1px solid #f3f4f6;color:#4b5563;vertical-align:top}.config-table tr:hover{background-color:#f9fafb}.config-table tr:last-child td{border-bottom:none}.editing-mode-available{cursor:pointer;transition:all .2s ease}.editing-mode-available:hover{background-color:#f0f4ff!important;border-left:4px solid var(--primary-color)}.editing-active{background-color:#e0f2fe!important;border-left:4px solid var(--accent-color)}.editing-mode{opacity:.7}.editing-mode,.editing-mode:hover{background-color:var(--surface-color)!important}.editing-mode:hover{cursor:default}.config-table td:first-child,.config-table th[width="40px"]{max-width:40px;min-width:40px;width:40px}.config-table td:nth-child(2),.config-table th[width="80px"]{max-width:80px;min-width:80px;width:80px}.header-content{align-items:center;display:flex;gap:8px;justify-content:space-between;width:100%}.delete-column-header-btn{align-items:center;background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:20px;justify-content:center;opacity:.8;transition:all .2s ease;width:20px}.delete-column-header-btn:hover{background:#dc2626;opacity:1;transform:scale(1.1)}.cell-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-input{border:1px solid #d1d5db;border-radius:4px;font-size:13px;padding:4px 8px;width:100%}.edit-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.edit-actions{align-items:center;padding:8px 0}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;min-width:32px;padding:6px 12px;transition:all .2s ease}.save-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b9814d;color:#fff}.save-btn:hover{box-shadow:0 4px 8px #10b98166;transform:translateY(-1px)}.cancel-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef44444d;color:#fff}.cancel-btn:hover{box-shadow:0 4px 8px #ef444466;transform:translateY(-1px)}.priority-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.priority-badge.high{background-color:#fee2e2;color:#dc2626}.priority-badge.medium{background-color:#fef3c7;color:#d97706}.priority-badge.low{background-color:#d1fae5;color:#059669}.status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.status-badge.active{background-color:#d1fae5;color:#059669}.status-badge.pending{background-color:#fef3c7;color:#d97706}.status-badge.inactive{background-color:#fee2e2;color:#dc2626}.add-row-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;box-shadow:0 2px 4px #10b9814d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .2s ease;width:100%}.add-row-btn:hover{box-shadow:0 4px 8px #10b98166;transform:translateY(-1px)}.pagination-container{align-items:center;background:var(--surface-color);border-radius:0 0 16px 16px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:0;padding:16px 24px}.pagination-info{color:var(--text-secondary);font-size:14px;font-weight:500}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-btn{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:8px 12px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){border-color:var(--primary-color);box-shadow:var(--box-shadow);color:var(--primary-color);transform:translateY(-1px)}.pagination-btn.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadowLight);color:#fff}.pagination-btn:disabled{background:var(--surface-color);color:var(--text-muted);cursor:not-allowed;opacity:.5}.pagination-dots{align-items:center;color:var(--text-muted);display:flex;font-size:16px;font-weight:700;height:36px;justify-content:center;min-width:36px}@media (max-width:768px){.config-section{padding:16px}.section-header{align-items:flex-start;flex-direction:column;gap:12px}.main-controls-row{align-items:stretch;flex-direction:column;gap:12px}.left-controls{flex-wrap:wrap;justify-content:flex-start}.right-controls{align-items:stretch;flex-direction:column;gap:8px}.filter-controls-inline{justify-content:stretch}.filter-input-inline{font-size:16px;width:100%}.edit-actions-inline{justify-content:center;margin-bottom:8px;margin-right:0}.config-table{font-size:12px}.config-table td,.config-table th{padding:8px 6px}.table-actions{flex-direction:column;gap:4px}.action-btn{font-size:11px;padding:4px 8px}.toggle-buttons{justify-content:center}.pagination-container{flex-direction:column;gap:12px;padding:12px 16px}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-btn{font-size:13px;height:32px;min-width:32px}.pagination-info{font-size:13px;text-align:center}}@media (max-width:480px){.left-controls{align-items:stretch;flex-direction:column;gap:8px}.right-controls{gap:6px}.filter-controls-inline{flex-direction:column;gap:8px}.filter-input-inline{font-size:16px}.edit-actions-inline{flex-direction:row;justify-content:center}.pagination-controls{gap:4px}.pagination-btn{font-size:12px;height:28px;min-width:28px;padding:6px 8px}.pagination-dots{font-size:14px;height:28px;min-width:28px}}.modal-overlay{background:#00000080}.modal-content{background:#fff;background:var(--card-background,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.modal-header{align-items:center;background:#f8fafc;background:var(--surface-color,#f8fafc);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:var(--text-primary,#1f2937);font-size:18px}.modal-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;color:var(--text-muted,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.modal-close-btn:hover{background:#e5e7eb;background:var(--border-color,#e5e7eb);color:#1f2937;color:var(--text-primary,#1f2937)}.modal-close-icon{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:20px;width:20px}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.sample-request-container{display:flex;flex-direction:column;gap:12px}.sample-request-label{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:600}.sample-request-label span{align-items:center;display:flex;gap:8px}.sample-request-json{word-wrap:break-word;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#1f2937;color:var(--text-primary,#1f2937);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;max-height:400px;overflow-x:auto;overflow-y:auto;padding:16px;white-space:pre-wrap}.modal-footer,.sample-request-json{background:#f8fafc;background:var(--surface-color,#f8fafc)}.modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);gap:12px;padding:20px 24px}.modal-btn{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px}.modal-btn.secondary{background:#fff;background:var(--card-background,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280)}.modal-btn.secondary:hover{background:#f8fafc;background:var(--surface-color,#f8fafc);border-color:#9ca3af;border-color:var(--text-muted,#9ca3af);color:#1f2937;color:var(--text-primary,#1f2937)}.modal-btn.primary{background:#3b82f6;background:var(--primary-color,#3b82f6);border:1px solid #3b82f6;border:1px solid var(--primary-color,#3b82f6);box-shadow:0 2px 4px #3b82f64d;color:#fff}.modal-btn.primary:hover{background:#2563eb;background:var(--accent-color,#2563eb);border-color:#2563eb;border-color:var(--accent-color,#2563eb);box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.headers-and-sample-container{align-items:flex-start;display:flex;gap:24px}.headers-section,.sample-request-section{flex:1 1;min-width:0}.sample-request-content{background:#f8fafc;background:var(--surface-color,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:16px}.sample-request-display{word-wrap:break-word;background:#fff;background:var(--card-background,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:#1f2937;color:var(--text-primary,#1f2937);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;max-height:300px;overflow-x:auto;overflow-y:auto;padding:12px;white-space:pre-wrap}.view-sample-btn{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;min-width:-webkit-max-content;min-width:max-content;padding:6px 12px;transition:all .2s ease}.view-sample-btn:hover{background:#2563eb;background:var(--accent-color,#2563eb);box-shadow:0 2px 4px #3b82f64d;transform:translateY(-1px)}.view-sample-icon{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:14px;width:14px}@media (max-width:768px){.modal-content{max-height:90vh;width:95%}.modal-header{padding:16px 20px}.modal-body{padding:20px}.modal-footer{flex-direction:column-reverse;padding:16px 20px}.modal-btn{justify-content:center;width:100%}.headers-and-sample-container{flex-direction:column;gap:16px}.sample-request-display,.sample-request-json{font-size:12px}}.clean-results-tab{background:#fafbfc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%}.clean-results-layout{display:flex;height:calc(100vh - 200px);min-height:600px}.clean-sidebar{background:#fff;border-right:1px solid #e1e8ed;display:flex;flex-direction:column;min-width:140px;width:140px}.sidebar-header{align-items:center;background:#fff;border-bottom:1px solid #f0f4f8;display:flex;justify-content:space-between;padding:16px 12px 8px}.sidebar-header h3{color:#1a202c;font-size:14px;font-weight:600;margin:0}.refresh-btn{align-items:center;background:#f7fafc;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.refresh-btn:hover{background:#e2e8f0;color:#475569}.runs-list{flex:1 1;overflow-y:auto;padding:4px}.basic-run-item{background:#0000;border-radius:4px;color:#1a202c;cursor:pointer;font-size:12px;font-weight:500;margin-bottom:2px;padding:8px 10px;text-align:center;transition:all .2s ease}.basic-run-item:hover{background:#f8fafc}.basic-run-item.active{background:#f0f9ff;color:#0ea5e9}.clean-main-content{background:#fff;display:flex;flex:1 1;flex-direction:column}.clean-tab-nav{align-items:center;background:#fff;border-bottom:1px solid #f0f4f8;display:flex;justify-content:space-between;padding:20px 24px}.tab-nav-left h2{color:#1a202c;font-size:20px;font-weight:600;margin:0}.tab-nav-center{background:#f8fafc;border-radius:8px;display:flex;gap:4px;padding:4px}.clean-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.clean-tab:hover{background:#e2e8f0;color:#475569}.clean-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1a202c}.tab-nav-right{display:flex;gap:8px}.action-btn{background:var(--card-background);border:1px solid var(--border-color);color:var(--text-primary);font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.action-btn:hover{border-color:var(--primary-color);box-shadow:var(--box-shadow);color:var(--primary-color);transform:translateY(-1px)}.action-btn.import{border-color:var(--secondary-color);color:var(--secondary-color)}.action-btn.import:hover{background:var(--secondary-color);color:#fff}.action-btn.export{border-color:var(--primary-color);color:var(--primary-color)}.action-btn.export:hover{background:var(--primary-color);color:#fff}.action-btn-icon{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:16px;width:16px}.clean-tab-content{flex:1 1;overflow-y:auto;padding:24px}.feature-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:24px}.feature-title h3{color:#1a202c;font-size:20px;font-weight:600;margin:0 0 8px}.feature-description{color:#64748b;line-height:1.5;margin:0 0 16px}.feature-tags{display:flex;flex-wrap:wrap;gap:8px}.feature-tag{background:#e0f2fe;border-radius:4px;color:#0369a1;font-family:Monaco,Menlo,monospace;font-size:11px;padding:4px 8px}.detailed-results-content{display:flex;flex-direction:column;gap:24px}.detailed-overview{margin-bottom:8px}.overview-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.overview-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:20px;transition:all .2s ease}.overview-card:hover{box-shadow:0 2px 4px #0000000d}.card-icon{align-items:center;border-radius:6px;display:flex;justify-content:center;padding:8px}.overview-card.total .card-icon{background:#f1f5f9;color:#475569}.overview-card.passed .card-icon{background:#ecfdf5;color:#059669}.overview-card.failed .card-icon{background:#fef2f2;color:#dc2626}.overview-card.duration .card-icon{background:#fef3c7;color:#d97706}.card-content{flex:1 1}.card-number{font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.overview-card.total .card-number{color:#374151}.overview-card.passed .card-number{color:#059669}.overview-card.failed .card-number{color:#dc2626}.overview-card.duration .card-number{color:#d97706}.card-label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.results-filters{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:16px;padding:16px}.filter-group{align-items:center;display:flex;gap:8px}.filter-group label{color:#374151;font-size:13px;font-weight:500}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:6px 10px}.filter-select:focus{border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e91a;outline:none}.scenarios-list{display:flex;flex-direction:column;gap:12px}.scenario-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:all .2s ease}.scenario-item:hover{box-shadow:0 2px 4px #0000000d}.scenario-item.failed{border-left:4px solid #ef4444}.scenario-item.passed{border-left:4px solid #10b981}.scenario-header{align-items:flex-start;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.scenario-header:hover{background:#fafbfc}.scenario-main-info{display:flex;flex:1 1;gap:12px}.scenario-status{padding-top:2px}.scenario-item.passed .scenario-status{color:#10b981}.scenario-item.failed .scenario-status{color:#ef4444}.scenario-details{flex:1 1}.scenario-title{color:#1a202c;font-weight:500;line-height:1.4;margin-bottom:8px}.scenario-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px}.scenario-id{background:#f1f5f9;border-radius:4px;color:#475569;font-weight:600;padding:2px 6px}.scenario-duration,.scenario-id{font-family:Monaco,Menlo,monospace;font-size:12px}.scenario-duration{color:#64748b}.scenario-time{color:#64748b;font-size:12px}.scenario-error-preview{align-items:center;background:#fef2f2;border-radius:6px;color:#dc2626;display:flex;font-size:13px;gap:6px;margin-top:8px;padding:8px 12px}.scenario-expand{color:#64748b;padding:4px}.scenario-expanded{background:#fafbfc;border-top:1px solid #f0f4f8}.test-data-overview{grid-gap:20px;background:#fafbfc;border-top:1px solid #e2e8f0;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px;padding:20px}.data-section h4{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 12px}.data-display{background:#fff;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.data-json{background:#f8fafc;color:#374151;font-family:Monaco,Menlo,monospace;font-size:12px;line-height:1.4;margin:0;overflow-x:auto;padding:12px;white-space:pre}.data-json.error{background:#fef2f2;border-left:4px solid #ef4444}.scenario-steps{padding:20px}.scenario-steps h4{color:#1a202c;font-size:16px;font-weight:600;margin:0 0 16px}.step-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:12px}.step-item.failed{background:#fefefe;border-color:#fecaca}.step-header{align-items:center;background:#fafbfc;border-bottom:1px solid #f0f4f8;display:flex;gap:12px;padding:12px 16px}.step-status{flex-shrink:0}.step-item.passed .step-status{color:#10b981}.step-item.failed .step-status{color:#ef4444}.step-keyword{color:#7c3aed;font-size:12px;font-weight:700;min-width:50px;text-transform:uppercase}.step-name{color:#374151;flex:1 1;font-size:14px}.step-duration,.step-name{font-family:Monaco,Menlo,monospace}.step-duration{color:#64748b;font-size:11px}.step-details{background:#fafbfc;border-top:1px solid #e2e8f0;padding:16px}.step-data-section h5{color:#374151;font-size:13px;font-weight:600;margin:0 0 8px}.step-data{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#374151;font-family:Monaco,Menlo,monospace;font-size:11px;line-height:1.4;margin:0;overflow-x:auto;padding:12px}.step-api-details{background:#f8fafc;border-top:1px solid #e2e8f0;padding:16px}.api-overview{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:16px;padding:12px}.api-method-url{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.http-method{border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.http-method.get{background:#dcfce7;color:#166534}.http-method.post{background:#dbeafe;color:#1e40af}.http-method.put{background:#fef3c7;color:#92400e}.http-method.delete{background:#fee2e2;color:#991b1b}.api-url{color:#374151;font-size:13px}.api-url,.response-time{font-family:Monaco,Menlo,monospace}.response-time{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.response-time.success{background:#dcfce7;color:#166534}.response-time.error{background:#fee2e2;color:#991b1b}.api-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.api-request,.api-response{margin-bottom:16px}.api-request h5,.api-response h5{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.api-section{margin-bottom:12px}.api-section h6{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.api-code{background:#1e293b;border-radius:6px;color:#e2e8f0;font-family:Monaco,Menlo,monospace;font-size:12px;line-height:1.5;margin:0;overflow-x:auto;padding:12px}.response-status{margin-bottom:12px}.status-code{border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:12px;font-weight:700;padding:4px 8px}.status-code.success{background:#dcfce7;color:#166534}.status-code.error{background:#fee2e2;color:#991b1b}.step-validations{background:#fafbfc;border-top:1px solid #e2e8f0;padding:16px}.step-validations h5{color:#374151;font-size:14px;font-weight:600;margin:0 0 16px}.validations-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.validation-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.validation-item.pass{border-left:4px solid #10b981}.validation-item.fail{background:#fefefe;border-left:4px solid #ef4444}.validation-header{background:#fafbfc;border-bottom:1px solid #f0f4f8;padding:12px 16px}.validation-field{align-items:center;display:flex;justify-content:space-between}.field-name{color:#374151;font-size:13px;font-weight:600}.validation-status{align-items:center;display:flex;font-size:11px;font-weight:600;gap:4px;text-transform:uppercase}.validation-status.pass{color:#059669}.validation-status.fail{color:#dc2626}.validation-comparison{padding:12px 16px}.validation-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:8px}.validation-row:last-child{margin-bottom:0}.validation-label{color:#64748b;flex-shrink:0;font-size:11px;font-weight:600;min-width:60px;text-transform:uppercase}.validation-value{color:#374151;flex:1 1;font-family:Monaco,Menlo,monospace;font-size:12px;word-break:break-all}.validation-value.expected{color:#059669}.validation-value.actual.error{color:#dc2626;font-weight:600}.validation-error{align-items:center;background:#fef2f2;border-top:1px solid #fecaca;color:#991b1b;display:flex;font-size:12px;gap:6px;padding:8px 16px}.error-icon{font-size:14px}.clean-summary-content{display:flex;flex-direction:column;gap:32px}.clean-summary-header{align-items:flex-start;display:flex;justify-content:space-between}.summary-title h3{color:#1a202c;font-size:24px;font-weight:600;margin:0 0 4px}.summary-subtitle{color:#64748b;font-size:14px}.summary-status{border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.summary-status.success{background:#d1fae5;color:#065f46}.summary-status.failure{background:#fee2e2;color:#991b1b}.clean-metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.metric-card{background:#fff;border:1px solid #f0f4f8;border-radius:12px;padding:20px;text-align:center}.metric-value{color:#1a202c;font-size:20px;font-weight:700;margin-bottom:4px}.metric-label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.environment-info h4{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 16px}.env-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.env-detail{display:flex;flex-direction:column;gap:4px}.env-label{color:#64748b;font-size:12px;font-weight:500}.env-value{color:#1a202c;font-size:14px;font-weight:500}.clean-logs-content{display:flex;flex-direction:column;gap:16px;height:100%}.logs-controls{display:flex;justify-content:flex-start}.log-type-pills{background:#f8fafc;border-radius:8px;display:flex;gap:4px;padding:4px}.log-pill{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.log-pill:hover{background:#e2e8f0;color:#475569}.log-pill.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1a202c}.clean-logs-viewer{background:#0f172a;border:1px solid #e2e8f0;border-radius:8px;flex:1 1;overflow:hidden}.logs-text{background:#0000;border:none;color:#e2e8f0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;height:100%;line-height:1.5;margin:0;min-height:400px;outline:none;overflow-x:auto;overflow-y:auto;padding:20px;white-space:pre;width:100%}.logs-text::-webkit-scrollbar{height:8px;width:8px}.logs-text::-webkit-scrollbar-track{background:#1e293b}.logs-text::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.logs-text::-webkit-scrollbar-thumb:hover{background:#64748b}@media (max-width:1200px){.clean-results-layout{flex-direction:column;height:auto}.clean-sidebar{border-bottom:1px solid #e1e8ed;border-right:none;max-height:100px;min-width:auto;width:100%}.runs-list{display:flex;gap:8px;overflow-x:auto;padding:8px 8px 16px}.basic-run-item{flex-shrink:0;margin-bottom:0;min-width:70px}.clean-metrics-grid,.overview-cards{grid-template-columns:repeat(2,1fr)}.env-details-grid,.test-data-overview{grid-template-columns:1fr}.test-data-overview{gap:16px}.api-details-grid,.validations-grid{grid-template-columns:1fr}}@media (max-width:768px){.clean-tab-content{padding:16px}.clean-tab-nav{align-items:flex-start;flex-direction:column;gap:16px;padding:16px}.tab-nav-center{order:2}.tab-nav-center,.tab-nav-right{justify-content:center;width:100%}.tab-nav-right{order:3}.clean-metrics-grid,.overview-cards{grid-template-columns:1fr}.scenario-meta{flex-direction:column;gap:8px}.api-method-url,.step-header{align-items:flex-start;flex-direction:column;gap:8px}.validation-row{flex-direction:column;gap:4px}.validation-label{min-width:auto}.validation-value{font-size:11px}.results-filters{flex-direction:column;gap:12px}.feature-header{padding:16px}.test-data-overview{gap:12px;padding:16px}.data-json,.step-data{font-size:10px;padding:8px}.basic-run-item{font-size:11px;min-width:60px;padding:6px}.logs-text{font-size:11px;min-height:300px;padding:16px}}@media (max-width:480px){.clean-tab-nav{padding:12px}.tab-nav-left h2{font-size:18px}.clean-tab{font-size:13px;padding:6px 12px}.clean-tab-content{padding:12px}.scenario-item{margin-bottom:8px}.scenario-header{padding:12px 16px}.scenario-expanded{padding:0}.scenario-steps{padding:16px}.step-header{padding:10px 12px}.step-api-details,.step-validations{padding:12px}.api-code{font-size:10px;padding:8px}.feature-tags{gap:4px}.feature-tag{font-size:10px;padding:2px 6px}.test-data-overview{padding:12px}.data-section h4{font-size:13px}.step-validations{padding:12px}.validation-comparison,.validation-header{padding:8px 12px}.validation-error{font-size:11px;padding:6px 12px}.logs-text{font-size:10px;padding:12px}}.action-btn:focus,.clean-tab:focus,.filter-select:focus,.log-pill:focus,.refresh-btn:focus{outline:2px solid #0ea5e9;outline-offset:2px}.scenario-item.loading{opacity:.6;pointer-events:none}.metric-card:hover,.overview-card:hover{box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.clean-results-tab{--border-color:#e2e8f0;--card-background:#fff;--text-primary:#1a202c;--text-secondary:#64748b;--primary-color:#0ea5e9;--secondary-color:#10b981;--box-shadow:0 1px 3px #0000001a}.auth-tab-container{background:#fafbfc;display:flex;flex-direction:column;height:100%}.auth-tab-header{align-items:flex-start;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.auth-tab-title h2{color:#1a202c;font-size:24px;font-weight:600;margin:0 0 4px}.auth-tab-title p{color:#64748b;font-size:14px;margin:0}.auth-tab-actions{display:flex;gap:8px}.auth-add-service-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.auth-add-service-btn:hover{background:#2563eb}.auth-tab-nav{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;padding:0 24px}.auth-nav-tab{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;margin-right:32px;padding:16px 0;transition:all .2s}.auth-nav-tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.auth-nav-tab:hover{color:#374151}.auth-tab-content{flex:1 1;overflow:auto;padding:24px}.auth-services-content{height:100%}.auth-services-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:320px 1fr;height:100%}.auth-services-list{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.auth-services-header{align-items:center;background:#fafbfc;border-bottom:1px solid #f0f4f8;display:flex;justify-content:space-between;padding:16px 20px}.auth-services-header h3{color:#1a202c;font-size:16px;font-weight:600;margin:0}.auth-services-count{background:#f1f5f9;border-radius:12px;color:#64748b;font-size:12px;padding:4px 8px}.auth-services-items{max-height:calc(100vh - 200px);overflow-y:auto}.auth-service-item{align-items:flex-start;border-bottom:1px solid #f0f4f8;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s}.auth-service-item:hover{background:#f8fafc}.auth-service-item.selected{background:#eff6ff;border-left:3px solid #3b82f6}.auth-service-info{flex:1 1}.auth-service-name-row{align-items:center;display:flex;gap:8px;margin-bottom:4px}.auth-service-method{border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.auth-service-method.get{background:#dcfce7;color:#166534}.auth-service-method.post{background:#dbeafe;color:#1e40af}.auth-service-method.put{background:#fef3c7;color:#92400e}.auth-service-method.patch{background:#f3e8ff;color:#7c3aed}.auth-service-method.delete{background:#fee2e2;color:#991b1b}.auth-service-url{color:#64748b;font-family:Monaco,Menlo,monospace;font-size:12px;word-break:break-all}.auth-service-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.auth-service-item:hover .auth-service-actions{opacity:1}.auth-service-action-btn{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;padding:4px;transition:all .2s}.auth-service-action-btn:hover{background:#f1f5f9;color:#374151}.auth-service-action-btn.delete:hover{background:#fee2e2;color:#dc2626}.auth-empty-services{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.auth-empty-icon{font-size:48px;margin-bottom:16px}.auth-empty-services p{color:#64748b;font-size:14px;margin:0 0 20px}.auth-empty-action-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s}.auth-empty-action-btn:hover{background:#2563eb}.auth-service-details{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content}.auth-service-details-header{align-items:center;border-bottom:1px solid #f0f4f8;display:flex;justify-content:space-between;padding:20px}.auth-service-title{align-items:center;display:flex;flex:1 1;gap:12px}.auth-method-badge{border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.auth-method-badge.get{background:#dcfce7;color:#166534}.auth-method-badge.post{background:#dbeafe;color:#1e40af}.auth-method-badge.put{background:#fef3c7;color:#92400e}.auth-method-badge.patch{background:#f3e8ff;color:#7c3aed}.auth-method-badge.delete{background:#fee2e2;color:#991b1b}.auth-service-title h3{color:#1a202c;font-family:Monaco,Menlo,monospace;font-size:16px;font-weight:500;margin:0;word-break:break-all}.auth-send-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:background .2s}.auth-send-btn:hover:not(:disabled){background:#059669}.auth-send-btn:disabled{background:#9ca3af;cursor:not-allowed}.auth-request-config{border-bottom:1px solid #f0f4f8;padding:20px}.auth-config-section{margin-bottom:24px}.auth-config-section:last-child{margin-bottom:0}.auth-config-section h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.auth-body-input,.auth-url-input{border:1px solid #d1d5db;border-radius:8px;font-family:Monaco,Menlo,monospace;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.auth-body-input:focus,.auth-url-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.auth-headers-list{display:flex;flex-direction:column;gap:8px}.auth-header-row{align-items:center;display:flex;gap:8px}.auth-header-key,.auth-header-value{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:13px;padding:8px 12px}.auth-header-remove{background:#fee2e2;border:none;border-radius:4px;color:#dc2626;cursor:pointer;padding:6px;transition:background .2s}.auth-header-remove:hover{background:#fecaca}.auth-add-header-btn{align-items:center;background:none;border:1px dashed #d1d5db;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 12px;transition:all .2s}.auth-add-header-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.auth-response-display{padding:20px}.auth-response-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.auth-response-header h4{color:#1a202c;font-size:16px;font-weight:600;margin:0}.auth-response-meta{align-items:center;display:flex;gap:12px}.auth-status-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.auth-status-badge.success{background:#dcfce7;color:#166534}.auth-status-badge.error{background:#fee2e2;color:#991b1b}.auth-response-time{color:#64748b;font-family:Monaco,Menlo,monospace;font-size:12px}.auth-response-sections{display:flex;flex-direction:column;gap:16px}.auth-response-section{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.auth-section-toggle{align-items:center;background:#f8fafc;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.auth-section-toggle:hover{background:#f1f5f9}.auth-section-content{background:#fff;padding:16px}.auth-header-item{border-bottom:1px solid #f0f4f8;display:flex;gap:8px;padding:6px 0}.auth-header-item:last-child{border-bottom:none}.auth-header-key{color:#374151;font-family:Monaco,Menlo,monospace;font-size:13px;font-weight:600;min-width:120px}.auth-header-value,.auth-response-value{color:#64748b;font-family:Monaco,Menlo,monospace;font-size:13px}.auth-clickable{border-radius:4px;cursor:pointer;padding:2px 4px;transition:background .2s}.auth-clickable:hover{background:#fef3c7;color:#92400e}.auth-response-body{font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.5}.auth-response-object{margin-left:16px}.auth-response-property{display:flex;gap:8px;padding:2px 0}.auth-response-key{color:#7c3aed;font-weight:600}.auth-variables-content{max-width:1200px}.auth-variables-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.auth-variables-header h3{color:#1a202c;font-size:20px;font-weight:600;margin:0}.auth-add-variable-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:10px 16px;transition:background .2s}.auth-add-variable-btn:hover{background:#2563eb}.auth-variables-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.auth-table-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.auth-table-header,.auth-variable-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:200px 1fr 120px;padding:16px 20px}.auth-variable-row{align-items:center;border-bottom:1px solid #f0f4f8}.auth-variable-row:last-child{border-bottom:none}.auth-col-key code,.auth-variable-value{background:#f1f5f9;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:13px;padding:4px 6px}.auth-value-container{align-items:center;display:flex;gap:8px}.auth-hidden-value{color:#9ca3af;font-family:Monaco,Menlo,monospace;font-size:13px}.auth-visibility-btn{background:#f3f4f6;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s}.auth-visibility-btn:hover{background:#e5e7eb;color:#374151}.auth-col-actions{display:flex;gap:4px}.auth-action-btn{background:#f3f4f6;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s}.auth-action-btn:hover{background:#e5e7eb;color:#374151}.auth-action-btn.copy:hover{background:#dbeafe;color:#1e40af}.auth-action-btn.delete:hover{background:#fee2e2;color:#dc2626}.auth-empty-variables{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.auth-empty-variables .auth-empty-icon{font-size:64px;margin-bottom:16px}.auth-empty-variables p{color:#64748b;font-size:16px;margin:0 0 8px}.auth-empty-hint{color:#9ca3af!important;font-size:14px!important}.auth-content-tab{max-width:800px}.auth-config h3{color:#1a202c;font-size:20px;font-weight:600;margin:0 0 24px}.auth-type-tabs{border-bottom:1px solid #e2e8f0;display:flex;margin-bottom:24px}.auth-type-tab{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s}.auth-type-tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.auth-type-tab:hover{color:#374151}.auth-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.auth-form h4{color:#1a202c;font-size:16px;font-weight:600;margin:0 0 20px}.auth-form-group{margin-bottom:20px}.auth-form-group:last-child{margin-bottom:0}.auth-form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.auth-input,.auth-select{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.auth-input:focus,.auth-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.auth-form-row{grid-gap:16px;display:grid;grid-template-columns:1fr 1fr}.auth-checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex!important;font-size:14px;gap:8px}.auth-checkbox-label input[type=checkbox]{width:auto}.auth-variable-selector{position:relative}.auth-variable-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 6px -1px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.auth-variable-option{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:background .2s}.auth-variable-option:hover{background:#f8fafc}.auth-variable-option code{background:#f1f5f9;border-radius:4px;color:#374151;font-family:Monaco,Menlo,monospace;font-size:12px;padding:2px 4px}.auth-variable-preview{color:#9ca3af;font-family:Monaco,Menlo,monospace;font-size:12px}.auth-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.auth-modal-content{animation:slideIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.auth-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.auth-modal-header h3{color:#1a202c;font-size:18px;font-weight:600;margin:0}.auth-modal-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s}.auth-modal-close:hover{background:#f3f4f6;color:#374151}.auth-modal-body{overflow-y:auto;padding:24px}.auth-form-input,.auth-form-select,.auth-form-textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.auth-form-input:focus,.auth-form-select:focus,.auth-form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.auth-form-textarea{font-family:inherit;resize:vertical}.auth-form-row{display:flex;gap:16px}.auth-flex-grow{flex:1 1}.auth-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.auth-btn-primary,.auth-btn-secondary{border:1px solid;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.auth-btn-secondary{background:#fff;border-color:#d1d5db;color:#374151}.auth-btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.auth-btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.auth-btn-primary:hover{background:#2563eb;border-color:#2563eb}.auth-btn-primary:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}@media (max-width:1024px){.auth-services-layout{gap:16px;grid-template-columns:1fr}.auth-services-list{max-height:300px}.auth-table-header,.auth-variable-row{grid-template-columns:1fr 2fr auto}.auth-form-row{display:block}.auth-form-row .auth-form-group{margin-bottom:16px}.auth-type-tabs{overflow-x:auto;padding-bottom:8px}.auth-type-tab{min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}}@media (max-width:768px){.auth-tab-header{align-items:stretch;flex-direction:column;gap:16px}.auth-tab-actions{flex-wrap:wrap;justify-content:center}.auth-tab-nav{overflow-x:auto;padding:0 16px}.auth-nav-tab{margin-right:24px;white-space:nowrap}.auth-tab-content{padding:16px}.auth-table-header{display:none}.auth-variable-row{border:1px solid #e2e8f0;border-radius:8px;gap:8px;grid-template-columns:1fr;margin-bottom:8px;padding:16px}.auth-variable-row:last-child{margin-bottom:0}.auth-modal-content{margin:20px;width:95%}.auth-form-row{flex-direction:column}.auth-type-tabs{flex-wrap:wrap;gap:4px}.auth-type-tab{font-size:13px;padding:8px 12px}}.unified-variable-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.unified-variable-modal{background:#eee;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.unified-variable-modal-header{align-items:flex-start;border-bottom:1px solid #d5d5d54d;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.unified-variable-modal-title-section{align-items:flex-start;display:flex;flex:1 1;gap:10px}.unified-variable-modal-scope-icon-global{color:#059669;flex-shrink:0;margin-top:2px}.unified-variable-modal-scope-icon-test{color:#2563eb;flex-shrink:0;margin-top:2px}.unified-variable-modal-scope-icon-step{color:var(--primary-color);flex-shrink:0;margin-top:2px}.unified-variable-modal-title{color:#1f2937;font-size:15px;font-weight:600;margin:0 0 2px}.unified-variable-modal-description{color:#6b7280;font-size:11px;line-height:1.4;margin:0}.unified-variable-modal-close-btn{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.unified-variable-modal-close-btn:hover{color:#374151}.unified-variable-modal-content{flex:1 1;overflow-y:auto;padding:14px 16px}.unified-variable-modal-content::-webkit-scrollbar{width:6px}.unified-variable-modal-content::-webkit-scrollbar-track{background:#0000}.unified-variable-modal-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.unified-variable-modal-form-group{margin-bottom:12px}.unified-variable-modal-form-group:last-child{margin-bottom:0}.unified-variable-modal-form-label{color:#374151;display:block;font-size:11px;font-weight:600;margin-bottom:5px}.unified-variable-modal-required{color:#dc2626}.unified-variable-modal-form-input,.unified-variable-modal-form-select{background:#eee;border:1px solid #d5d5d580;border-radius:6px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;color:#1f2937;font-size:11px;padding:8px 10px;transition:border-color .2s ease;width:95%}.unified-variable-modal-form-input:focus,.unified-variable-modal-form-select:focus{border-color:var(--primary-color);outline:none}.unified-variable-modal-form-input::placeholder{color:#9ca3af}.unified-variable-modal-form-select{cursor:pointer}.unified-variable-modal-error{border-color:#dc2626}.unified-variable-modal-field-error{align-items:center;color:#dc2626;display:flex;font-size:10px;gap:4px;margin-top:4px}.unified-variable-modal-value-input-wrapper{position:relative}.unified-variable-modal-value-type-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.unified-variable-modal-info-button{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;height:20px;justify-content:center;transition:color .2s ease;width:20px}.unified-variable-modal-info-button:hover{color:var(--primary-color)}.unified-variable-modal-value-type-info{background:#6366f10d;border-left:3px solid var(--primary-color);border-radius:6px;font-size:10px;line-height:1.5;margin-bottom:8px;padding:10px}.unified-variable-modal-value-type-info div{margin-bottom:4px}.unified-variable-modal-value-type-info div:last-child{margin-bottom:0}.unified-variable-modal-value-type-info strong{color:#374151;font-weight:600}.unified-variable-modal-footer{border-top:1px solid #d5d5d54d;display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}.unified-variable-modal-btn-primary,.unified-variable-modal-btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.unified-variable-modal-btn-secondary{background:#eee;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280}.unified-variable-modal-btn-secondary:hover{color:#374151}.unified-variable-modal-btn-primary{background:var(--primary-color);box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff}.unified-variable-modal-btn-primary:hover:not(:disabled){background:#7c3aed}.unified-variable-modal-btn-primary:disabled{cursor:not-allowed;opacity:.5}.unified-variable-modal-btn-primary.unified-variable-modal-global{background:#059669;box-shadow:2px 2px 4px #10b9814d,-1px -1px 3px #ffffff4d}.unified-variable-modal-btn-primary.unified-variable-modal-global:hover:not(:disabled){background:#047857}.unified-variable-modal-btn-primary.unified-variable-modal-test{background:#2563eb;box-shadow:2px 2px 4px #3b82f64d,-1px -1px 3px #ffffff4d}.unified-variable-modal-btn-primary.unified-variable-modal-test:hover:not(:disabled){background:#1d4ed8}.unified-variable-modal-btn-primary.unified-variable-modal-step{background:var(--primary-color);box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d}.unified-variable-modal-btn-primary.unified-variable-modal-step:hover:not(:disabled){background:#7c3aed}@media (max-width:768px){.unified-variable-modal-overlay{padding:16px}.unified-variable-modal{max-width:100%}.unified-variable-modal-content,.unified-variable-modal-header{padding:12px 14px}.unified-variable-modal-footer{flex-direction:column-reverse;padding:10px 14px}.unified-variable-modal-btn-primary,.unified-variable-modal-btn-secondary{justify-content:center;width:100%}}.unified-variable-table{margin-top:10px}.table-loading{align-items:center;background:#ffffff4d;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.loading-spinner{animation:var-table-spin .8s linear infinite;border:3px solid #8b5cf64d;border-top:3px solid var(--primary-color);height:32px;width:32px}@keyframes var-table-spin{to{transform:rotate(1turn)}}.table-loading p{color:#6b7280;font-size:12px;margin:12px 0 0}.table-empty-state{align-items:center;background:#ffffff4d;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{font-size:36px;margin-bottom:10px;opacity:.6}.table-empty-state h3{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 6px}.table-empty-state p{color:#6b7280;font-size:11px;margin:0 0 14px}.import-btn{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:var(--primary-color);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;padding:7px 12px;transition:all .2s ease}.import-btn:hover{box-shadow:1px 1px 2px #d5d5d599,-1px -1px 2px #fff9}.table-container{background:#ffffff4d;border-radius:8px;overflow:hidden}.variables-table{border-collapse:collapse;font-size:11px;width:100%}.variables-table thead{background:#ffffff80}.variables-table th{border-bottom:1px solid #d5d5d54d;color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.3px;padding:8px 10px;text-align:left;text-transform:uppercase}.variables-table tbody tr{border-bottom:1px solid #d5d5d533;transition:background .15s ease}.variables-table tbody tr:hover{background:#8b5cf608}.variables-table tbody tr:last-child{border-bottom:none}.variables-table td{padding:10px;vertical-align:middle}.col-name{width:25%}.col-description,.col-value{width:30%}.col-actions{text-align:right;width:15%}.name-cell{padding:8px 10px}.variable-name{align-items:center;display:flex;gap:8px}.name-text{color:#1f2937;font-family:Monaco,Menlo,monospace;font-size:11px;font-weight:600}.variable-badges{display:flex;gap:4px}.permanent-badge,.sensitive-badge{border-radius:3px;font-size:9px;font-weight:600;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.sensitive-badge{background:#f59e0b26;color:#d97706}.permanent-badge{background:#ef44441a;color:#dc2626}.description-cell{padding:8px 10px}.description-text{color:#6b7280;font-size:11px;line-height:1.4}.value-cell{padding:8px 10px}.variable-value-cell{align-items:center;display:flex;gap:8px}.variable-value-text{color:#1f2937;flex:1 1;font-family:Monaco,Menlo,monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-variable-display{font-size:11px}.visibility-btn{align-items:center;background:#eee;border:none;border-radius:4px;box-shadow:1px 1px 2px #d5d5d580,-1px -1px 2px #ffffff80;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.visibility-btn:hover{color:var(--primary-color)}.permanent-lock{flex-shrink:0;font-size:14px}.actions-cell{padding:8px 10px;text-align:center}.variable-actions{align-items:center;display:flex;gap:6px;justify-content:center}.action-btn{border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;height:32px;width:32px}.action-btn:hover{box-shadow:1px 1px 2px #d5d5d580,-1px -1px 2px #ffffff80}.copy-btn{color:#6b7280}.copy-btn:hover{color:#4f46e5}.edit-btn{color:#6b7280}.edit-btn:hover{color:var(--primary-color)}.delete-btn{color:#9ca3af}.delete-btn:hover{color:#ef4444}@media (max-width:1024px){.col-description{display:none}.col-name{width:35%}.col-value{width:45%}.col-actions{width:20%}}@media (max-width:768px){.variables-table{font-size:10px}.variables-table td,.variables-table th{padding:6px 8px}.variable-actions{gap:4px}.action-btn{height:30px;width:30px}.action-btn svg{height:15px;width:15px}.col-name,.col-value{width:40%}.col-actions{width:20%}}.import-variable-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.import-variable-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:100%}.import-variable-modal-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.import-variable-modal-title-section{display:flex;flex:1 1;gap:16px}.import-variable-modal-icon{color:#7c3aed;margin-top:2px}.import-variable-modal-title{color:#111827;font-size:18px;font-weight:600;margin:0 0 4px}.import-variable-modal-description{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.import-variable-modal-close-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s}.import-variable-modal-close-btn:hover{background-color:#f3f4f6;color:#374151}.import-variable-modal-content{flex:1 1;overflow-y:auto;padding:0}.import-variable-modal-empty,.import-variable-modal-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.import-variable-loading-spinner{animation:import-variable-spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#7c3aed;height:32px;margin-bottom:16px;width:32px}@keyframes import-variable-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.import-variable-empty-icon{color:#9ca3af;margin-bottom:16px}.import-variable-step-selection{border-bottom:1px solid #e5e7eb;padding:24px}.import-variable-section-title{color:#111827;font-size:16px;font-weight:600;margin:0 0 16px}.import-variable-step-list{display:flex;flex-direction:column;gap:8px}.import-variable-step-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:12px;text-align:left;transition:all .2s;width:100%}.import-variable-step-item:hover{background-color:#faf5ff;border-color:#7c3aed}.import-variable-step-selected{background-color:#f3e8ff!important;border-color:#7c3aed!important;box-shadow:0 0 0 1px #7c3aed1a}.import-variable-step-info{align-items:center;display:flex;gap:12px}.import-variable-step-name{color:#111827;font-weight:500;margin-bottom:2px}.import-variable-step-alias{color:#6b7280;font-size:12px}.import-variable-step-count{color:#7c3aed;font-size:12px;font-weight:500}.import-variable-selection{padding:24px}.import-variable-category{margin-bottom:20px}.import-variable-category-header{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:8px;margin-bottom:8px;padding:12px;text-align:left;transition:all .2s;width:100%}.import-variable-category-header:hover{background-color:#f3f4f6}.import-variable-category-content{display:flex;flex-direction:column;gap:8px;margin-left:16px}.import-variable-item{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.import-variable-item:hover{background-color:#faf5ff;border-color:#7c3aed}.import-variable-item-selected{background-color:#f3e8ff!important;border-color:#7c3aed!important;box-shadow:0 0 0 1px #7c3aed1a}.import-variable-item-checkbox{align-items:center;border:1px solid #d1d5db;border-radius:3px;display:flex;flex-shrink:0;height:16px;justify-content:center;margin-top:2px;width:16px}.import-variable-item-selected .import-variable-item-checkbox{background-color:#7c3aed;border-color:#7c3aed;color:#fff}.import-variable-item-info{flex:1 1}.import-variable-item-name{color:#111827;font-weight:500;margin-bottom:4px}.import-variable-item-description{color:#6b7280;font-size:13px;line-height:1.4;margin-bottom:6px}.import-variable-item-reference{color:#7c3aed;font-size:12px}.import-variable-item-reference code{background-color:#7c3aed1a;border-radius:3px;font-family:SF Mono,Consolas,monospace;padding:2px 4px}.import-variable-no-items{color:#6b7280;padding:40px 20px;text-align:center}.import-variable-modal-footer{align-items:center;background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.import-variable-selected-count{color:#7c3aed;font-size:14px;font-weight:500}.import-variable-modal-footer-actions{display:flex;gap:12px}.import-variable-btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;padding:8px 16px;transition:all .2s}.import-variable-btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.import-variable-btn-primary{background-color:#7c3aed;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.import-variable-btn-primary:hover:not(:disabled){background-color:#6d28d9}.import-variable-btn-primary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.import-variable-modal{border-radius:0;margin:0;max-height:100vh;max-width:100%}.import-variable-modal-overlay{padding:0}.import-variable-modal-footer{align-items:stretch;flex-direction:column;gap:12px}.import-variable-modal-footer-actions{width:100%}.import-variable-btn-primary,.import-variable-btn-secondary{flex:1 1}}.step-variables-import-section{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.import-from-previous-btn{align-items:center;background-color:#f3e8ff;border:1px solid #d8b4fe;border-radius:6px;color:#7c3aed;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:15px;padding:8px 16px;transition:all .2s}.import-from-previous-btn:hover:not(:disabled){background-color:#e9d5ff;border-color:#c084fc}.import-from-previous-btn:disabled{cursor:not-allowed;opacity:.5}.ds-container{flex-direction:column;height:100%;overflow:hidden}.ds-container,.ds-layout{background:#eee;display:flex}.ds-layout{flex:1 1;min-height:0}.ds-sidebar{background:#eee;border-radius:10px;box-shadow:inset 1px 1px 2px 0 #ffffffb3,inset -1px -1px 2px 0 #d6d6d6cc;-webkit-clip-path:polygon(0 0,100% 0,100% 20px,100% 100%,100% 100%,20px 100%,0 calc(100% - 25px),0 20px);clip-path:polygon(0 0,100% 0,100% 20px,100% 100%,100% 100%,20px 100%,0 calc(100% - 25px),0 20px);filter:drop-shadow(10px 10px 25px rgba(214,214,214,.9)) drop-shadow(-10px -10px 20px rgba(255,255,255,.9)) drop-shadow(10px -10px 20px rgba(214,214,214,.2)) drop-shadow(-10px 10px 20px rgba(214,214,214,.2));overflow:visible;position:relative;width:280px}.ds-sidebar,.ds-sidebar-inner{display:flex;flex-direction:column}.ds-sidebar-inner{height:100%;overflow:hidden}.ds-sidebar-header{border-bottom:none;justify-content:space-between;margin-left:20px;padding:10px;position:relative;z-index:2}.ds-add-btn,.ds-sidebar-header{align-items:center;display:flex}.ds-add-btn{background:#eee;border:none;border-radius:50%;box-shadow:3px 3px 6px #d5d5d5cc,-3px -3px 6px #fffc;color:var(--primary-color);cursor:pointer;font-size:20px;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.ds-add-btn:hover{box-shadow:2px 2px 4px #d5d5d5cc,-2px -2px 4px #fffc}.ds-add-btn:active{box-shadow:inset 2px 2px 4px #d5d5d5cc,inset -2px -2px 4px #ffffff80}.ds-list{flex:1 1;overflow-y:auto;padding:12px;position:relative;z-index:2}.ds-list::-webkit-scrollbar{width:6px}.ds-list::-webkit-scrollbar-track{background:#0000}.ds-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.ds-item{background:#eee;border-radius:8px;box-shadow:-1px -1px 2px #bebebe80,1px 1px 2px #ffffff4d,inset 1px 1px 3px #bebebee6,inset -1px -1px 2px #ffffffe6,inset 1px -1px 2px #bebebe33,inset -1px 1px 2px #bebebe33;cursor:pointer;margin-bottom:12px;position:relative;transition:all .2s ease}.ds-item:hover{border-color:#d0d0d0;box-shadow:-2px -2px 3px #bebebe99,2px 2px 3px #fff6,inset 1px 1px 3px #bebebed9,inset -1px -1px 2px #ffffffd9,inset 1px -1px 2px #bebebe40,inset -1px 1px 2px #bebebe40}.ds-item.active{border:2.5px solid var(--primary-color);box-shadow:none}.ds-item-header{align-items:center;display:flex;justify-content:space-between;min-height:70px;padding:0 15px}.ds-item-info{flex:1 1;min-width:0}.ds-item-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.ds-item-name-row span{color:#1f2937;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-sidebar-header h3{color:#1f2937;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;margin:0}.ds-primary-badge{align-items:center;color:#6b6b6b;display:inline-flex;font-weight:600;text-transform:uppercase}.ds-primary-badge span{font-size:12px;font-weight:600}.ds-primary-badge.warning{background:#fee2e2;box-shadow:inset 1px 1px 2px #991b1b1a,inset -1px -1px 1px #ffffff80;color:#991b1b}.ds-primary-badge .warning-icon{color:#ef4444}.ds-response-badge{text-transform:uppercase}.ds-response-badge span{color:#6b6b6b;font-size:11px;font-weight:600;letter-spacing:.5px}.ds-header-divider{background:#eee;border-radius:1.5px;box-shadow:inset -1px 1px 2px 0 #b5b5b533,inset 1px -1px 2px 0 #b5b5b533,inset -1px -1px 2px 0 #fff3,inset 1px 1px 3px 0 #b5b5b5e6;flex-shrink:0;height:3px;margin:0 12px;width:calc(100% - 24px)}.ds-linking-warning{align-items:flex-start;background:#fef3c7;border-left:3px solid #f59e0b;border-radius:6px;box-shadow:2px 2px 4px #f59e0b33,-1px -1px 2px #ffffff80;display:flex;gap:10px;margin:12px;padding:12px}.ds-linking-warning-icon{color:#f59e0b;flex-shrink:0;margin-top:2px}.ds-linking-warning-content{flex:1 1;min-width:0}.ds-linking-warning-title{color:#92400e;font-size:12px;font-weight:700;line-height:1.3;margin-bottom:4px}.ds-linking-warning-text{color:#78350f;font-size:11px;line-height:1.4}.ds-item-actions{margin-left:8px}.ds-dropdown-container{position:relative}.ds-action-btn{align-items:center;background:#eee;border:none;border-radius:50%;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:var(--primary-color);cursor:pointer;display:flex;height:28px;justify-content:center;padding:6px;transition:all .2s ease;width:28px}.ds-action-btn:hover{box-shadow:1px 1px 2px #d5d5d599,-1px -1px 2px #fff9;color:#8b5cf6}.ds-action-btn:active{box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 3px #ffffff80}.ds-action-btn:disabled{cursor:not-allowed;opacity:.5}.ds-dropdown-portal{background:#eee;border:2px solid #e5e5e5;border-radius:12px;box-shadow:4px 4px 12px #d5d5d5cc,-4px -4px 12px #fffc,inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #d5d5d54d;overflow:hidden}.ds-dropdown-portal .ds-dropdown{width:100%}.ds-dropdown{background:#eee;border:2px solid #e5e5e5;border-radius:12px;box-shadow:4px 4px 12px #d5d5d5cc,-4px -4px 12px #fffc,inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #d5d5d54d;overflow:hidden}.ds-dropdown-section{border-bottom:1px solid #d5d5d54d;padding:8px 0}.ds-dropdown-section:last-child{border-bottom:none}.ds-dropdown-header{color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.4px;padding:8px 14px;text-transform:uppercase;white-space:nowrap}.ds-dropdown-item{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;font-size:13px;gap:3px;padding:10px 14px;text-align:left;transition:all .15s ease;width:100%}.ds-dropdown-item:hover:not(:disabled){background:#8b5cf60d}.ds-dropdown-item:disabled{cursor:not-allowed;opacity:.5}.ds-primary-option{padding:12px 14px}.ds-primary-option:hover{background:#8b5cf614}.ds-primary-option.current-selection{background:#8b5cf61f}.ds-option-main{word-wrap:break-word;color:#1f2937;font-size:13px;font-weight:600;line-height:1.4;white-space:normal}.ds-option-sub{line-height:1.3}.ds-current-link,.ds-option-sub{word-wrap:break-word;color:#6b7280;font-size:11px;white-space:normal}.ds-current-link{background:#ffffff4d;border-radius:8px;box-shadow:inset 1px 1px 2px #d5d5d566,inset -1px -1px 1px #fff6;margin:0 8px 8px;padding:8px 14px}.ds-dropdown-disabled{display:flex;flex-direction:column;gap:4px;padding:10px 14px}.ds-dropdown-disabled span:first-child{word-wrap:break-word;color:#9ca3af;font-size:13px;font-weight:500;white-space:normal}.ds-disabled-reason{word-wrap:break-word;color:#6b7280;font-size:11px;font-style:italic;line-height:1.3;white-space:normal}.ds-dropdown-divider{background:#d5d5d54d;height:1px;margin:4px 0}.ds-delete-option{color:#ef4444;white-space:nowrap}.ds-delete-option:hover{background:#ef444414}.ds-empty-list{padding:40px 20px;text-align:center}.ds-empty-list p{color:#6b7280;font-size:13px;margin:0 0 16px}.ds-empty-add-btn{border-radius:10px;box-shadow:3px 3px 8px #d5d5d5cc,-3px -3px 8px #fffc;color:#8b5cf6;font-size:13px;padding:10px 20px;transition:all .2s ease}.ds-empty-add-btn:hover{box-shadow:2px 2px 6px #d5d5d5cc,-2px -2px 6px #fffc}.ds-empty-add-btn:active{box-shadow:inset 2px 2px 6px #d5d5d5cc,inset -2px -2px 4px #ffffff80}.ds-details-header{padding:20px 24px}.ds-name-display h3{border-radius:8px;font-size:16px;padding:6px 12px}.ds-name-edit{gap:10px}.ds-name-input{border:2px solid #8b5cf6;font-size:18px;min-width:250px;padding:8px 12px}.ds-name-input:disabled{background:#fff3;border-color:#d1d5db;cursor:not-allowed}.ds-name-actions{gap:8px}.ds-name-cancel-btn,.ds-name-save-btn{border-radius:8px;font-size:13px;padding:8px 16px}.ds-name-save-btn{box-shadow:2px 2px 6px #10b9814d,-1px -1px 4px #ffffff4d}.ds-name-save-btn:hover:not(:disabled){box-shadow:1px 1px 4px #10b98166,-1px -1px 3px #fff6}.ds-name-cancel-btn{box-shadow:2px 2px 6px #d5d5d599,-2px -2px 6px #fff9}.ds-name-cancel-btn:hover:not(:disabled){box-shadow:1px 1px 4px #d5d5d599,-1px -1px 4px #fff9}.ds-name-cancel-btn:active{box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 3px #ffffff80}.ds-empty-state{align-items:center;background:#0000;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:50px 30px;text-align:center}.ds-empty-icon{font-size:48px;margin-bottom:20px;opacity:.5}.ds-empty-state h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 10px}.ds-empty-state p{color:#6b7280;font-size:14px;margin:0 0 24px}.ds-empty-action-btn{background:#eee;border:none;border-radius:10px;box-shadow:4px 4px 10px #d5d5d5cc,-4px -4px 10px #fffc;color:#8b5cf6;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.ds-empty-action-btn:hover:not(:disabled){box-shadow:3px 3px 8px #d5d5d5cc,-3px -3px 8px #fffc}.ds-empty-action-btn:active{box-shadow:inset 3px 3px 8px #d5d5d5cc,inset -3px -3px 6px #ffffff80}.ds-empty-action-btn:disabled{cursor:not-allowed;opacity:.5}.ds-loading{color:#6b7280;font-size:14px;height:100%}.ds-loading,.ds-loading-overlay{align-items:center;display:flex;justify-content:center}.ds-loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#eeec;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.ds-loading-content{background:#eee;border-radius:16px;box-shadow:6px 6px 16px #d5d5d5cc,-6px -6px 16px #fffc,inset 1px 1px 2px #ffffff4d,inset -1px -1px 2px #d5d5d54d;padding:30px 45px;text-align:center}.loading-spinner{border:4px solid #d5d5d54d;border-top-color:#8b5cf6;height:40px;margin:0 auto 16px;width:40px}.ds-loading-content p{color:#6b7280;font-size:14px;font-weight:600;margin:0}@media (max-width:1024px){.ds-sidebar{width:240px}.ds-dropdown-portal{max-width:280px!important}}@media (max-width:768px){.ds-layout{flex-direction:column;padding:10px}.ds-sidebar{border-bottom:none;border-right:none;-webkit-clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,20px 100%,0 calc(100% - 25px),0 15px);clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,20px 100%,0 calc(100% - 25px),0 15px);margin-bottom:10px;max-height:250px;width:100%}.ds-details{margin-left:0;margin-top:10px}.ds-details-header{padding:16px 20px}.ds-name-input{font-size:16px;min-width:180px}.ds-dropdown-portal{left:10px!important;max-width:calc(100vw - 20px)!important;right:10px!important;width:auto!important}}@media (max-width:480px){.ds-layout{padding:8px}.ds-sidebar-header{padding:16px}.ds-list{padding:12px}.ds-item-header{min-height:80px;padding:12px 14px}.ds-name-edit{align-items:stretch;flex-direction:column}.ds-name-input{min-width:auto;width:100%}.ds-name-actions{width:100%}.ds-name-cancel-btn,.ds-name-save-btn{flex:1 1}}.ds-table-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.ds-table-header{align-items:center;background:#0000;border-bottom:1px solid #d5d5d54d;display:flex;justify-content:space-between;padding:12px 16px}.ds-table-info{align-items:center;display:flex;gap:12px}.ds-table-title{color:#1f2937;font-size:14px;font-weight:600;margin:0}.ds-table-title.clickable{border-radius:6px;cursor:pointer;padding:4px 8px;transition:all .2s ease}.ds-table-title.clickable:hover{background:#fff6}.ds-column-count,.ds-record-count{background:#ffffff4d;border-radius:10px;box-shadow:inset 1px 1px 2px #d5d5d54d,inset -1px -1px 1px #ffffff4d;color:#6b7280;font-size:11px;padding:3px 8px}.ds-table-actions{align-items:center;display:flex;gap:8px}.ds-edit-btn,.ds-expand-btn{align-items:center;background:#eee;border:none;border-radius:8px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.ds-edit-btn:hover,.ds-expand-btn:hover{box-shadow:1px 1px 3px #d5d5d599,-1px -1px 3px #fff9;color:var(--primary-color)}.ds-edit-btn:active,.ds-expand-btn:active{box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 3px #ffffff80}.ds-edit-actions{align-items:center;display:flex;gap:8px}.ds-cancel-btn,.ds-save-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:6px 12px;transition:all .2s ease}.ds-save-btn{background:#10b981;box-shadow:2px 2px 4px #10b9814d,-1px -1px 3px #ffffff4d;color:#fff}.ds-save-btn:hover:not(:disabled){background:#059669}.ds-save-btn:disabled{background:#9ca3af;cursor:not-allowed}.ds-unsaved-indicator{color:#f59e0b;font-size:11px;font-weight:500}.ds-edit-toolbar{background:#fff3;border-bottom:1px solid #d5d5d54d;display:flex;gap:20px;padding:10px 16px}.ds-toolbar-section{align-items:center;display:flex;gap:10px}.ds-toolbar-section h5{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.3px;margin:0;text-transform:uppercase}.ds-add-column-btn,.ds-add-row-btn{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:var(--primary-color);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:5px 10px;transition:all .2s ease}.ds-add-column-btn:hover,.ds-add-row-btn:hover{box-shadow:1px 1px 3px #d5d5d599,-1px -1px 3px #fff9}.ds-drag-hint{color:#9ca3af;font-size:10px;font-style:italic}.ds-column-controls{align-items:center;display:flex;gap:8px}.ds-add-column-form{align-items:center;display:flex;gap:4px}.ds-column-input{background:#eee;border:1px solid #d1d5db;border-radius:6px;box-shadow:inset 1px 1px 2px #d5d5d566,inset -1px -1px 1px #fff6;font-size:11px;padding:5px 8px;width:120px}.ds-column-input:focus{border-color:var(--primary-color);outline:none}.ds-cancel-column-btn,.ds-confirm-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.ds-confirm-btn{background:#10b981;color:#fff}.ds-confirm-btn:disabled{background:#9ca3af;cursor:not-allowed}.ds-cancel-column-btn{background:#eee;box-shadow:1px 1px 2px #d5d5d580,-1px -1px 2px #ffffff80;color:#6b7280}.ds-table-container{flex:1 1;overflow:auto;padding:12px 16px}.ds-empty-table{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.ds-empty-table p{font-size:13px;margin:0 0 12px}.ds-empty-add-btn{background:#eee;border:none;border-radius:8px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:var(--primary-color);cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px}.ds-data-table{background:#eee;border-collapse:initial;border-radius:10px;border-spacing:0;box-shadow:inset 1px 1px 3px #d5d5d580,inset -1px -1px 2px #ffffff80;overflow:hidden;width:100%}.ds-data-table thead{background:#ffffff4d}.ds-data-table th{border-bottom:1px solid #d5d5d566;color:#374151;font-size:11px;font-weight:600;letter-spacing:.3px;padding:10px 12px;text-align:left;white-space:nowrap}.ds-column-header{cursor:default;position:relative;transition:background .2s ease}.ds-column-header.clickable{cursor:pointer}.ds-column-header.clickable:hover{background:#fff6}.ds-column-header-content{align-items:center;display:flex;gap:6px}.ds-header-info{color:#9ca3af;font-size:10px;font-style:italic;font-weight:500;margin-left:6px}.ds-drag-handle{color:#9ca3af;cursor:grab;opacity:.6}.ds-drag-handle:hover{opacity:1}.ds-edit-column-btn,.ds-remove-column-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;height:20px;justify-content:center;opacity:0;transition:all .2s ease;width:20px}.ds-column-header:hover .ds-edit-column-btn,.ds-column-header:hover .ds-remove-column-btn{opacity:1}.ds-edit-column-btn{color:#6b7280}.ds-edit-column-btn:hover{background:#8b5cf61a;color:var(--primary-color)}.ds-remove-column-btn{color:#6b7280}.ds-remove-column-btn:hover{background:#ef44441a;color:#ef4444}.ds-column-edit-form{align-items:center;display:flex}.ds-column-name-input{background:#fff;border:1px solid var(--primary-color);border-radius:4px;font-size:11px;font-weight:600;min-width:80px;padding:4px 6px;width:100%}.ds-drag-column-header{text-align:center;width:40px}.ds-actions-header{text-align:center;width:70px}.ds-data-table tbody tr{transition:background .15s ease}.ds-data-table tbody tr:hover{background:#ffffff4d}.ds-data-table tbody tr:not(:last-child) td{border-bottom:1px solid #d5d5d54d}.ds-data-table td{color:#1f2937;font-size:12px;padding:8px 12px}.ds-table-cell{cursor:default}.ds-table-cell.clickable{cursor:pointer}.ds-table-cell.clickable:hover{background:#8b5cf60d}.ds-cell-value{display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-cell-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:12px;padding:6px 8px;transition:border-color .2s ease;width:100%}.ds-cell-input:focus{border-color:var(--primary-color);outline:none}.ds-cell-input:disabled{background:#ffffff4d;cursor:not-allowed}.ds-drag-cell{text-align:center;width:40px}.ds-row-drag-handle{color:#9ca3af;cursor:grab;opacity:.6;transition:opacity .2s ease}.ds-row-drag-handle:hover{opacity:1}.ds-actions-cell{text-align:center;width:70px}.ds-row-actions{display:flex;gap:6px}.ds-duplicate-row-btn,.ds-row-actions{align-items:center;justify-content:center}.ds-duplicate-row-btn{background:#eee;border:none;border-radius:6px;box-shadow:1px 1px 2px #d5d5d580,-1px -1px 2px #ffffff80;color:#6b7280;cursor:pointer;display:inline-flex;height:26px;transition:all .2s ease;width:26px}.ds-duplicate-row-btn:hover{box-shadow:1px 1px 3px #8b5cf64d,-1px -1px 2px #ffffff80;color:var(--primary-color)}.ds-remove-row-btn{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:1px 1px 2px #d5d5d580,-1px -1px 2px #ffffff80;color:#6b7280;cursor:pointer;display:inline-flex;height:26px;justify-content:center;transition:all .2s ease;width:26px}.ds-remove-row-btn:hover:not(:disabled){box-shadow:1px 1px 3px #ef444433,-1px -1px 2px #ffffff80;color:#ef4444}.ds-remove-row-btn:disabled{cursor:not-allowed;opacity:.3}.ds-drag-over{background:#8b5cf61a!important}.ds-dragging{opacity:.5}.ds-row-disabled{background:#9ca3af1a!important;cursor:help!important;opacity:.4;position:relative}.ds-row-disabled td{color:#9ca3af!important}.ds-row-disabled:hover{background:#9ca3af26!important;opacity:.5}.ds-run-cell{cursor:pointer!important;padding:8px 4px!important;text-align:left;width:50px}.ds-checkbox-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.ds-run-checkbox{accent-color:var(--primary-color);border-radius:3px;cursor:pointer;flex-shrink:0;height:16px;margin:0;width:16px}.ds-column-header:has(.ds-column-name:contains("Run")){text-align:center;width:50px}.ds-run-header-content{align-items:center;display:flex;gap:6px;justify-content:center;width:100%}.ds-run-header-checkbox{cursor:pointer;flex-shrink:0}.ds-run-header{cursor:default!important}.ds-run-header:hover{background:#0000!important}.ds-testcaseid-cell,.ds-testcaseid-header{max-width:80px!important;min-width:80px!important;text-align:center;width:80px!important}.ds-stepflow-cell{max-width:120px;text-align:left;width:120px}.ds-response-id-cell,.ds-response-id-header{max-width:80px!important;min-width:80px!important;text-align:center;width:80px!important}.ds-response-id-header{word-wrap:break-word;overflow-wrap:break-word;white-space:normal!important}.ds-column-header:has(.ds-column-name:contains("Response_Id")),.ds-column-header:has(.ds-column-name:contains("Run")),.ds-column-header:has(.ds-column-name:contains("Step_Flow")),.ds-column-header:has(.ds-column-name:contains("Test_Case_Id")){text-align:center}.ds-response-id-cell,.ds-testcaseid-cell{text-align:center}.ds-response-id-cell .ds-cell-value,.ds-testcaseid-cell .ds-cell-input,.ds-testcaseid-cell .ds-cell-value{text-align:center;width:100%}.ds-fullscreen-portal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.ds-fullscreen-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.ds-fullscreen-content{background:#eee;border-radius:16px;box-shadow:8px 8px 24px #0003,-8px -8px 24px #ffffff1a;height:90%;position:relative;width:95%}.ds-fullscreen-content,.ds-fullscreen-table{display:flex;flex-direction:column;overflow:hidden}.ds-fullscreen-table{height:100%}.ds-fullscreen-table .ds-table-container{flex:1 1;overflow:auto}.ds-fullscreen-table .ds-data-table{min-width:-webkit-max-content;min-width:max-content;table-layout:auto}.ds-fullscreen-table .ds-cell-value{word-wrap:break-word;max-width:none;overflow-wrap:break-word;white-space:normal}.ds-fullscreen-table .ds-data-table td{word-wrap:break-word;max-width:400px;min-width:150px;overflow-wrap:break-word;white-space:normal}.ds-fullscreen-table .ds-data-table th{min-width:150px;white-space:nowrap}.ds-fullscreen-table .ds-column-name{white-space:nowrap}.ds-fullscreen-table .ds-run-cell{max-width:50px;min-width:50px}.ds-fullscreen-table .ds-response-id-cell,.ds-fullscreen-table .ds-response-id-header,.ds-fullscreen-table .ds-testcaseid-cell,.ds-fullscreen-table .ds-testcaseid-header{max-width:80px!important;min-width:80px!important;width:80px!important}.ds-fullscreen-table .ds-stepflow-cell{max-width:120px;min-width:120px}.ds-fullscreen-table .ds-table-container::-webkit-scrollbar{height:10px;width:10px}.ds-fullscreen-table .ds-table-container::-webkit-scrollbar-track{background:#d5d5d533;border-radius:5px}.ds-fullscreen-table .ds-table-container::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:5px}.ds-fullscreen-table .ds-table-container::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.ds-fullscreen-table .ds-table-container::-webkit-scrollbar-corner{background:#d5d5d533}@media (max-width:768px){.ds-table-header{align-items:flex-start;flex-direction:column;gap:10px;padding:10px 12px}.ds-edit-toolbar{flex-direction:column;gap:10px;padding:8px 12px}.ds-toolbar-section{flex-wrap:wrap}.ds-table-container{padding:8px 12px}.ds-data-table td,.ds-data-table th{font-size:11px;padding:6px 8px}}.ds-details{background:#eee;border-radius:20px;box-shadow:inset 3px 3px 8px #d5d5d580,inset -3px -3px 8px #ffffff80;display:flex;flex:1 1;flex-direction:column;margin-left:20px;overflow:hidden}.ds-details-header{background:#0000;border-bottom:1px solid #d5d5d54d;padding:12px 16px}.ds-details-title{align-items:center;display:flex;justify-content:space-between}.ds-name-display{align-items:center;display:flex;gap:12px}.ds-name-display h3{border-radius:6px;color:#1f2937;cursor:pointer;font-size:14px;font-weight:600;margin:0;padding:4px 8px;transition:all .2s ease}.ds-name-display h3:hover,.ds-name-stats{background:#ffffff4d}.ds-name-stats{border-radius:10px;box-shadow:inset 1px 1px 2px #d5d5d54d,inset -1px -1px 1px #ffffff4d;color:#9ca3af;font-size:11px;font-weight:500;padding:4px 10px}.ds-name-edit{align-items:center;display:flex;gap:8px}.ds-name-input{background:#eee;border:2px solid var(--primary-color);border-radius:8px;box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 4px #fff9;color:#1f2937;font-size:14px;font-weight:600;min-width:200px;outline:none;padding:6px 10px}.ds-name-actions{display:flex;gap:6px}.ds-name-cancel-btn,.ds-name-save-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.ds-name-save-btn{background:#10b981;box-shadow:2px 2px 4px #10b9814d,-1px -1px 3px #ffffff4d;color:#fff}.ds-name-save-btn:hover:not(:disabled){background:#059669}.ds-name-save-btn:disabled{background:#9ca3af;cursor:not-allowed}.ds-name-cancel-btn{background:#eee;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280}.ds-name-cancel-btn:hover:not(:disabled){color:#374151}@media (max-width:768px){.ds-details{margin-left:0;margin-top:10px}.ds-details-header{padding:10px 12px}.ds-name-input{font-size:13px;min-width:150px}}.ds-response-id-cell{cursor:pointer!important;position:relative;transition:all .2s ease}.ds-response-id-cell:hover{background:#8b5cf61f!important}.ds-response-id-cell .ds-cell-value{color:var(--primary-color);font-weight:600;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-underline-offset:2px}.ds-stepflow-cell{cursor:pointer!important;position:relative}.ds-stepflow-cell:hover{background:#10b98114!important}.ds-stepflow-cell .ds-cell-value{background:#10b9810d;border:1px solid #10b98133;border-radius:6px;box-shadow:inset 1px 1px 2px #d5d5d54d,inset -1px -1px 1px #ffffff4d;color:#059669;display:inline-block;font-family:Monaco,Menlo,Courier New,monospace;font-size:11px;font-weight:500;padding:4px 8px}.ds-manual-stepflow-cell{background-color:#10b9810d;border-radius:6px;box-shadow:inset 1px 1px 2px #d5d5d54d,inset -1px -1px 2px #ffffff4d;color:#059669;cursor:not-allowed;font-family:Courier New,monospace;font-size:11px;font-weight:500;padding:6px 10px;text-align:center}.ds-search-container{align-items:center;background:#eee;border-radius:8px;box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 3px #ffffff80;display:flex;flex:1 1;gap:6px;max-width:300px;padding:6px 10px;position:relative}.ds-search-icon{color:#9ca3af;flex-shrink:0}.ds-search-input{background:#0000;border:none;color:#1f2937;font-size:12px;outline:none;padding:0;width:100%}.ds-search-input::placeholder{color:#9ca3af}.ds-search-clear{align-items:center;background:#d1d5db;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:all .2s ease;width:18px}.ds-search-clear:hover{background:#9ca3af}.ds-find-replace-btn{align-items:center;background:#eee;border:none;border-radius:8px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.ds-find-replace-btn:hover{box-shadow:1px 1px 3px #d5d5d599,-1px -1px 3px #fff9;color:var(--primary-color)}.ds-find-replace-btn.active{box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 3px #ffffff80;color:var(--primary-color)}.ds-find-replace-panel{background:#fff3;border-bottom:1px solid #d5d5d54d;padding:12px 16px}.ds-find-replace-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.ds-find-input-group,.ds-replace-input-group{align-items:center;display:flex;gap:8px}.ds-find-input-group label,.ds-replace-input-group label{color:#6b7280;font-size:11px;font-weight:600;min-width:45px}.ds-find-input,.ds-replace-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:12px;padding:6px 10px;transition:border-color .2s ease;width:180px}.ds-find-input:focus,.ds-replace-input:focus{border-color:var(--primary-color);outline:none}.ds-match-nav{background:#eee;border-radius:6px;box-shadow:inset 1px 1px 2px #d5d5d566,inset -1px -1px 1px #fff6;gap:6px;padding:4px 8px}.ds-match-nav,.ds-nav-btn{align-items:center;display:flex}.ds-nav-btn{background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;height:22px;justify-content:center;transition:all .2s ease;width:22px}.ds-nav-btn:hover:not(:disabled){background:#8b5cf61a;color:var(--primary-color)}.ds-nav-btn:disabled{cursor:not-allowed;opacity:.3}.ds-match-count{color:#6b7280;font-size:11px;font-weight:600;min-width:65px;text-align:center}.ds-replace-all-btn,.ds-replace-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease}.ds-replace-btn{background:#eee;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280}.ds-replace-btn:hover:not(:disabled){box-shadow:1px 1px 3px #d5d5d599,-1px -1px 3px #fff9;color:var(--primary-color)}.ds-replace-btn:disabled{cursor:not-allowed;opacity:.3}.ds-replace-all-btn{background:#10b981;box-shadow:2px 2px 4px #10b9814d,-1px -1px 3px #ffffff4d;color:#fff}.ds-replace-all-btn:hover:not(:disabled){background:#059669}.ds-replace-all-btn:disabled{background:#9ca3af;cursor:not-allowed}.ds-cell-highlighted{background:#fbbf2426!important;border:1px solid #fbbf244d}.ds-cell-current-match{background:#fbbf2459!important;border:2px solid #fbbf2499;box-shadow:0 0 8px #fbbf2466}.ds-input-highlighted{background:#fbbf241a!important;border-color:#fbbf2480!important}.ds-help-btn{align-items:center;background:#eee;border:none;border-radius:8px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.ds-help-btn:hover{box-shadow:1px 1px 3px #d5d5d599,-1px -1px 3px #fff9;color:var(--primary-color)}.ds-help-btn:active{box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 3px #ffffff80}.linked-row-popup-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.linked-row-popup{animation:slideUp .3s ease-out;background:#eee;border-radius:16px;box-shadow:8px 8px 24px #00000026,-4px -4px 12px #ffffff4d;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.linked-row-popup-header{align-items:center;background:#ffffff4d;border-bottom:1px solid #d5d5d566;display:flex;justify-content:space-between;padding:16px 20px}.linked-row-popup-title{align-items:center;color:#1f2937;display:flex;font-size:14px;font-weight:600;gap:8px}.linked-row-popup-title svg{color:var(--primary-color)}.linked-row-popup-close{align-items:center;background:#eee;border:none;border-radius:8px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.linked-row-popup-close:hover{box-shadow:1px 1px 3px #d5d5d599,-1px -1px 3px #fff9;color:#374151}.linked-row-popup-close:active{box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 3px #ffffff80}.linked-row-popup-content{max-height:calc(80vh - 60px);overflow-y:auto;padding:20px}.linked-row-popup-info{align-items:center;display:flex;font-size:13px;gap:8px;margin-bottom:12px}.linked-row-popup-label{color:#6b7280;font-weight:600}.linked-row-popup-badge,.linked-row-popup-value{color:var(--primary-color);font-weight:600}.linked-row-popup-badge{background:#8b5cf61a;border-radius:8px;box-shadow:inset 1px 1px 2px #d5d5d54d,inset -1px -1px 1px #ffffff4d;font-size:12px;padding:4px 10px}.linked-row-popup-divider{background:linear-gradient(90deg,#0000,#d5d5d580,#0000);height:1px;margin:16px 0}.linked-row-popup-section-title{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.linked-row-popup-data{background:#ffffff4d;border-radius:12px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 3px #fff6;padding:16px}.linked-row-popup-field{align-items:flex-start;border-bottom:1px solid #d5d5d533;display:flex;gap:8px;padding:8px 0}.linked-row-popup-field:last-child{border-bottom:none}.linked-row-popup-field-label{color:#6b7280;flex-shrink:0;font-size:12px;font-weight:600;min-width:120px}.linked-row-popup-field-value{color:#1f2937;flex:1 1;font-size:12px;word-break:break-word}.linked-row-popup-content::-webkit-scrollbar{width:8px}.linked-row-popup-content::-webkit-scrollbar-track{background:#d5d5d533;border-radius:4px}.linked-row-popup-content::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}.linked-row-popup-content::-webkit-scrollbar-thumb:hover{background:#8b5cf680}@media (max-width:768px){.linked-row-popup{max-height:85vh;width:95%}.linked-row-popup-header{padding:12px 16px}.linked-row-popup-content{padding:16px}.linked-row-popup-field-label{font-size:11px;min-width:100px}.linked-row-popup-field-value{font-size:11px}}.ds-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ds-modal{background:#eee;border-radius:16px;max-width:420px;overflow:hidden;width:100%}.ds-modal-header{align-items:center;border-bottom:1px solid #d5d5d566;display:flex;justify-content:space-between;padding:14px 18px}.ds-modal-header h3{color:#1f2937;font-size:15px;font-weight:600;margin:0}.ds-modal-close{align-items:center;background:#eee;border:none;border-radius:8px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.ds-modal-close:hover{box-shadow:1px 1px 3px #d5d5d599,-1px -1px 3px #fff9;color:#374151}.ds-modal-close:active{box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 3px #ffffff80}.ds-modal-content{padding:16px 18px 20px}.ds-modal-content>p{color:#6b7280;font-size:13px;margin:0 0 16px}.ds-creation-options{display:flex;flex-direction:column;gap:12px}.ds-creation-option{align-items:center;background:#eee;border:none;border-radius:12px;box-shadow:3px 3px 8px #d5d5d5b3,-3px -3px 8px #ffffffb3,inset 1px 1px 2px #ffffff4d,inset -1px -1px 2px #d5d5d533;cursor:pointer;display:flex;gap:14px;padding:14px 16px;text-align:left;transition:all .2s ease}.ds-creation-option:hover{box-shadow:2px 2px 6px #d5d5d5b3,-2px -2px 6px #ffffffb3,inset 1px 1px 2px #fff6,inset -1px -1px 2px #d5d5d54d}.ds-creation-option:active{box-shadow:inset 3px 3px 6px #d5d5d599,inset -3px -3px 5px #ffffff80}.ds-option-icon{align-items:center;background:#eee;border-radius:10px;box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80;color:var(--primary-color);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.ds-option-icon svg{height:24px;width:24px}.ds-option-content{flex:1 1;min-width:0}.ds-option-content h4{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 4px}.ds-option-content p{color:#6b7280;font-size:12px;line-height:1.4;margin:0}@media (max-width:480px){.ds-modal{margin:16px;max-width:calc(100% - 32px)}.ds-modal-header{padding:12px 14px}.ds-modal-header h3{font-size:14px}.ds-modal-content{padding:14px}.ds-creation-option{gap:12px;padding:12px 14px}.ds-option-icon{height:42px;width:42px}.ds-option-icon svg{height:20px;width:20px}.ds-option-content h4{font-size:13px}.ds-option-content p{font-size:11px}}.ds-import-area{background:#eee;border:2px dashed #8b5cf64d;border-radius:12px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;padding:24px 20px;text-align:center;transition:all .2s ease}.ds-import-area:hover{border-color:#8b5cf680}.ds-import-area-dragging{background:#8b5cf60d;border-color:var(--primary-color);box-shadow:inset 3px 3px 6px #8b5cf626,inset -3px -3px 6px #ffffff80;transform:scale(1.01)}.ds-import-icon{align-items:center;background:#eee;border-radius:12px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;color:#9ca3af;display:flex;height:64px;justify-content:center;margin:0 auto 12px;width:64px}.ds-import-icon svg{height:28px;width:28px}.ds-import-area-dragging .ds-import-icon{box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80;color:var(--primary-color)}.ds-import-area h4{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 6px}.ds-import-area>p{color:#6b7280;font-size:12px;margin:0}.ds-import-formats{color:#9ca3af!important;font-size:11px!important;margin-top:4px!important}.ds-file-input{display:none}.ds-file-label{align-items:center;background:var(--primary-color);border-radius:8px;box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-top:14px;padding:8px 16px;transition:all .2s ease}.ds-file-label:hover{background:#7c3aed;box-shadow:1px 1px 3px #8b5cf666,-1px -1px 2px #ffffff4d}.ds-file-label:active{transform:scale(.98)}.ds-file-label svg{height:16px;width:16px}.ds-loading-spinner{animation:ds-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes ds-spin{to{transform:rotate(1turn)}}.ds-error-message{align-items:center;background:#fef2f2cc;border-radius:6px;box-shadow:inset 1px 1px 2px #dc26261a,inset -1px -1px 2px #ffffff4d;color:#dc2626;display:flex;font-size:12px;gap:6px;margin-top:12px;padding:8px 12px}.ds-error-message svg{flex-shrink:0;height:14px;width:14px}.ds-import-info{background:#ffffff4d;border-radius:8px;box-shadow:inset 1px 1px 2px #d5d5d54d,inset -1px -1px 2px #ffffff4d;margin-top:14px;padding:12px 14px}.ds-import-info h5{color:#374151;font-size:12px;font-weight:600;margin:0 0 8px}.ds-import-info ul{color:#6b7280;margin:0;padding-left:16px}.ds-import-info li{font-size:11px;line-height:1.4;margin-bottom:4px}.ds-import-info li:last-child{margin-bottom:0}.ds-import-info li strong{color:#374151;font-weight:600}@media (max-width:480px){.ds-import-area{padding:20px 16px}.ds-import-icon{height:56px;width:56px}.ds-import-icon svg{height:24px;width:24px}.ds-import-area h4{font-size:13px}.ds-import-info{padding:10px 12px}}.ds-large-modal{display:flex;flex-direction:column;max-height:85vh;max-width:600px}.ds-large-modal .ds-modal-content{flex:1 1;overflow-y:auto;padding:16px 18px 20px}.ds-manual-form{gap:12px;margin-bottom:16px}.ds-form-group,.ds-manual-form{display:flex;flex-direction:column}.ds-form-group{gap:6px}.ds-form-group label{color:#374151;font-size:12px;font-weight:600}.ds-form-input,.ds-form-textarea{background:#eee;border:1px solid #d5d5d599;border-radius:8px;box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80;color:#1f2937;font-size:13px;padding:8px 12px;transition:all .2s ease}.ds-form-input:focus,.ds-form-textarea:focus{border-color:var(--primary-color);outline:none}.ds-form-input:disabled,.ds-form-textarea:disabled{background:#eee9;cursor:not-allowed}.ds-form-textarea{min-height:60px;resize:vertical}.ds-manual-columns{margin-bottom:16px}.ds-columns-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.ds-columns-header h4{color:#1f2937;font-size:13px;font-weight:600;margin:0}.ds-columns-header .ds-add-column-form{display:flex;gap:6px}.ds-columns-header .ds-column-input{background:#eee;border:1px solid #d5d5d599;border-radius:6px;box-shadow:inset 1px 1px 2px #d5d5d566,inset -1px -1px 2px #fff6;font-size:12px;padding:6px 10px;width:120px}.ds-columns-header .ds-column-input:focus{border-color:var(--primary-color);outline:none}.ds-columns-header .ds-add-column-btn{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:var(--primary-color);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:6px 10px;transition:all .2s ease}.ds-columns-header .ds-add-column-btn:hover:not(:disabled){box-shadow:1px 1px 3px #d5d5d599,-1px -1px 3px #fff9}.ds-columns-header .ds-add-column-btn:disabled{cursor:not-allowed;opacity:.5}.ds-columns-list{display:flex;flex-wrap:wrap;gap:8px}.ds-column-item{align-items:center;background:#eee;border-radius:6px;box-shadow:inset 1px 1px 2px #d5d5d566,inset -1px -1px 2px #fff6;color:#374151;display:flex;font-size:12px;gap:6px;justify-content:space-between;min-width:80px;padding:6px 10px}.ds-column-name{cursor:pointer;flex:1 1;font-weight:500}.ds-column-name:hover{color:var(--primary-color)}.ds-column-actions{align-items:center;display:flex;gap:2px}.ds-edit-column{align-items:center;background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;height:18px;justify-content:center;transition:all .2s ease;width:18px}.ds-edit-column:hover:not(:disabled){background:#8b5cf61a;color:var(--primary-color)}.ds-edit-column:disabled{cursor:not-allowed}.ds-remove-column{align-items:center;background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;height:18px;justify-content:center;transition:all .2s ease;width:18px}.ds-remove-column:hover:not(:disabled){background:#ef44441a;color:#ef4444}.ds-remove-column:disabled{cursor:not-allowed}.ds-column-edit-container{align-items:center;display:flex;flex:1 1;gap:4px}.ds-column-edit-input{background:#fff;border:1px solid var(--primary-color);border-radius:4px;color:#1f2937;flex:1 1;font-size:12px;min-width:60px;padding:4px 8px}.ds-column-edit-input:focus{outline:none}.ds-column-edit-input:disabled{background:#ffffff80;cursor:not-allowed}.ds-column-edit-save{align-items:center;background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.ds-column-edit-save:hover:not(:disabled){background:#7c3aed}.ds-column-edit-save:disabled{cursor:not-allowed;opacity:.5}.ds-manual-table{margin-bottom:16px}.ds-manual-table .ds-table-header{align-items:center;border:none;display:flex;justify-content:space-between;margin-bottom:10px;padding:0}.ds-manual-table .ds-table-header h4{color:#1f2937;font-size:13px;font-weight:600;margin:0}.ds-manual-table .ds-add-row-btn{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:var(--primary-color);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:6px 10px;transition:all .2s ease}.ds-manual-table .ds-add-row-btn:hover:not(:disabled){box-shadow:1px 1px 3px #d5d5d599,-1px -1px 3px #fff9}.ds-manual-table .ds-add-row-btn:disabled{cursor:not-allowed;opacity:.5}.ds-manual-table-container{border-radius:8px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;max-height:450px;overflow:auto}.ds-manual-data-table{background:#eee;border-collapse:collapse;table-layout:fixed;width:100%}.ds-manual-data-table th{background:#ffffff4d;border-bottom:1px solid #d5d5d566;color:#374151;font-size:11px;font-weight:600;letter-spacing:.3px;padding:8px 10px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.ds-manual-data-table th:first-child{text-align:center;width:50px}.ds-manual-data-table td{border-bottom:1px solid #d5d5d54d;font-size:12px;overflow:hidden;padding:4px 6px}.ds-manual-data-table td.ds-row-number-cell{color:#6b7280;font-weight:500;padding:4px 2px;position:relative;text-align:center}.ds-row-number{display:inline-block;transition:opacity .2s ease}.ds-table-row:hover .ds-row-number{opacity:0}.ds-manual-data-table tr.ds-table-row{transition:background-color .2s ease}.ds-manual-data-table tr.ds-table-row:hover{background:#8b5cf60d}.ds-manual-data-table tr:last-child td{border-bottom:none}.ds-manual-cell-input{background:#fff;border:1px solid #d5d5d566;border-radius:4px;box-sizing:border-box;font-size:11px;max-width:100%;padding:5px 6px;transition:border-color .2s ease;width:100%}.ds-manual-cell-input:focus{border-color:var(--primary-color);outline:none}.ds-manual-cell-input:disabled{background:#ffffff4d;cursor:not-allowed}.ds-manual-cell-input::placeholder{color:#9ca3af;font-size:10px}.ds-remove-row-btn-inline{align-items:center;background:#ef4444;border:none;border-radius:4px;box-shadow:1px 1px 3px #ef444466,-1px -1px 2px #ffffff4d;color:#fff;cursor:pointer;display:inline-flex;height:22px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:22px}.ds-table-row:hover .ds-remove-row-btn-inline{opacity:1}.ds-remove-row-btn-inline:hover:not(:disabled){background:#dc2626;box-shadow:1px 1px 2px #ef444480,-1px -1px 2px #ffffff4d}.ds-remove-row-btn-inline:active:not(:disabled){transform:translate(-50%,-50%) scale(.95)}.ds-remove-row-btn-inline:disabled{cursor:not-allowed;opacity:0}.ds-modal-actions{border-top:1px solid #d5d5d54d;display:flex;gap:10px;justify-content:flex-end;margin-top:4px;padding-top:16px}.ds-cancel-btn,.ds-create-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.ds-cancel-btn{background:#eee;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280}.ds-cancel-btn:hover:not(:disabled){color:#374151}.ds-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.ds-create-btn{background:var(--primary-color);box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff}.ds-create-btn:hover:not(:disabled){background:#7c3aed}.ds-create-btn:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width:640px){.ds-large-modal{max-height:90vh;max-width:calc(100% - 32px)}.ds-columns-header{align-items:flex-start;gap:8px}.ds-columns-header,.ds-modal-actions{flex-direction:column}.ds-cancel-btn,.ds-create-btn{width:100%}}.ds-reserved-warning-modal{max-width:380px}.ds-warning-header{background:#f59e0b14}.ds-warning-title{align-items:center;display:flex;gap:8px}.ds-warning-title svg{color:#f59e0b;flex-shrink:0}.ds-warning-title h3{font-size:14px}.ds-warning-description{color:#4b5563;font-size:13px;margin:0 0 12px}.ds-reserved-columns-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ds-reserved-column-tag{align-items:center;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:6px;color:#b45309;display:inline-flex;font-size:12px;font-weight:600;padding:6px 12px}.ds-warning-info-box{background:#fff6;border-radius:10px;box-shadow:inset 1px 1px 3px #d5d5d566,inset -1px -1px 2px #fff6;margin-bottom:16px;padding:12px 14px}.ds-info-title{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.3px;margin:0 0 10px;text-transform:uppercase}.ds-info-items{display:flex;flex-direction:column;gap:6px}.ds-info-item{align-items:center;display:flex;gap:8px}.ds-info-label{color:#374151;font-family:Monaco,Menlo,Courier New,monospace;font-size:11px;font-weight:600;min-width:85px}.ds-info-desc{color:#6b7280;font-size:11px}.ds-warning-question{color:#374151;font-size:13px;font-weight:500;margin:0}@media (max-width:480px){.ds-reserved-warning-modal{max-width:calc(100% - 32px)}.ds-warning-title h3{font-size:13px}.ds-reserved-column-tag{font-size:11px;padding:5px 10px}}.global-config-container{background-color:initial;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%}.global-nav-tabs{-ms-overflow-style:none;align-items:center;background:#0000;border-radius:10px;box-shadow:inset -1px -1px 2px 0 #bebebe80,inset 1px 1px 2px 0 #ffffff4d,5px 5px 13px #bebebee6,-5px -5px 10px #ffffffe6,5px -5px 10px #bebebe33,-5px 5px 10px #bebebe33;display:flex;flex-shrink:0;gap:8px;margin-bottom:1.3%;overflow-x:auto;padding:8px 24px;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:2%;z-index:15}.global-nav-tabs::-webkit-scrollbar{display:none}.global-nav-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#000;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:13px;padding:6px 20px;position:relative;transition:all .2s ease;white-space:nowrap}.global-nav-tab:hover:not(.global-nav-tab--disabled){box-shadow:0 1px 3px #0000001a}.global-nav-tab.active,.global-nav-tab:hover:not(.global-nav-tab--disabled){background:#fff;border-radius:0;-webkit-clip-path:polygon(3px 0,calc(100% - 10px) 0,100% 35%,100% calc(100% - 3px),calc(100% - 3px) 100%,10px 100%,0 65%,0 3px);clip-path:polygon(3px 0,calc(100% - 10px) 0,100% 35%,100% calc(100% - 3px),calc(100% - 3px) 100%,10px 100%,0 65%,0 3px);color:var(--primary-color)}.global-nav-tab.active{box-shadow:5px 5px 13px #bebebee6,-5px -5px 10px #ffffffe6,5px -5px 10px #bebebe33,-5px 5px 10px #bebebe33,inset -1px -1px 2px #bebebe80,inset 1px 1px 2px #ffffff4d;font-weight:600}.global-nav-tab--disabled{cursor:not-allowed;opacity:.5}.global-tab-content{background:#fff;display:flex;flex:1 1;flex-direction:column;overflow:hidden}@media (max-width:768px){.global-nav-tabs{padding:6px 16px}.global-nav-tab{font-size:11px;padding:6px 10px}}@media (max-width:480px){.global-nav-tabs{padding:6px 12px}.global-nav-tab{font-size:11px;padding:6px 10px}}.test-settings-tab{background:#eee;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px 20px}.test-settings-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.test-settings-header h2{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.test-settings-header>div>p{color:#6b7280;font-size:12px;margin:0}.test-settings-unsaved-warning{align-items:center;background:#f59e0b1a;border-radius:6px;color:#d97706;display:inline-flex;font-size:11px;font-weight:500;gap:6px;margin-top:8px;padding:6px 10px}.test-settings-unsaved-warning svg{flex-shrink:0}.test-settings-header-actions{display:flex;flex-shrink:0;gap:8px}.test-settings-btn-primary,.test-settings-btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.test-settings-btn-secondary{background:#eee;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280}.test-settings-btn-secondary:hover:not(:disabled){box-shadow:1px 1px 3px #d5d5d599,-1px -1px 3px #fff9;color:#374151}.test-settings-btn-secondary:active:not(:disabled){box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 3px #ffffff80}.test-settings-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.test-settings-btn-primary{background:#eee;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#9ca3af}.test-settings-btn-primary.test-settings-has-changes{background:var(--primary-color);box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff}.test-settings-btn-primary.test-settings-has-changes:hover:not(:disabled){background:#7c3aed}.test-settings-btn-primary:disabled{cursor:not-allowed}.test-settings-content{flex:1 1}.test-settings-section{background:#eee;border-radius:12px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;margin-bottom:16px;padding:16px}.test-settings-section h3{color:#374151;font-size:13px;font-weight:600;letter-spacing:.3px;margin:0 0 12px;text-transform:uppercase}.test-settings-grid{display:flex;flex-direction:column;gap:12px}.test-settings-item{align-items:center;background:#eee;border-radius:10px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;display:flex;justify-content:space-between;padding:12px 14px}.test-settings-item-info{flex:1 1;min-width:0;padding-right:16px}.test-settings-label{color:#1f2937;display:block;font-size:13px;font-weight:600;margin-bottom:2px}.test-settings-description{color:#6b7280;font-size:11px;line-height:1.4;margin:0}.test-settings-toggle{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.test-settings-toggle input{height:0;opacity:0;width:0}.test-settings-toggle-slider{background:#eee;border-radius:24px;bottom:0;box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 4px #fff9;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.test-settings-toggle-slider:before{background:#9ca3af;border-radius:50%;bottom:3px;box-shadow:1px 1px 2px #0000001a;content:"";height:18px;left:3px;position:absolute;transition:all .3s ease;width:18px}.test-settings-toggle input:checked+.test-settings-toggle-slider{background:#8b5cf626}.test-settings-toggle input:checked+.test-settings-toggle-slider:before{background:var(--primary-color);transform:translateX(20px)}.test-settings-toggle input:disabled+.test-settings-toggle-slider{cursor:not-allowed;opacity:.5}.test-settings-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.test-settings-loading p{font-size:13px;margin:12px 0 0}.test-settings-spinner{animation:test-settings-spin .8s linear infinite;border:3px solid #d5d5d54d;border-radius:50%;border-top:3px solid var(--primary-color);height:32px;width:32px}@keyframes test-settings-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.test-settings-saving-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#eeec;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.test-settings-saving-content{background:#eee;border-radius:12px;box-shadow:6px 6px 16px #d5d5d5cc,-6px -6px 16px #fffc;padding:24px 36px;text-align:center}.test-settings-saving-content p{color:#6b7280;font-size:13px;font-weight:500;margin:12px 0 0}@media (max-width:640px){.test-settings-tab{padding:12px 14px}.test-settings-header{align-items:flex-start;flex-direction:column}.test-settings-header-actions{width:100%}.test-settings-btn-primary,.test-settings-btn-secondary{flex:1 1;justify-content:center}.test-settings-section{padding:12px}.test-settings-item{align-items:flex-start;flex-direction:column;gap:10px}.test-settings-item-info{padding-right:0}}.test-step-manager{background-color:#f8fafc;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh}.test-step-main{flex:1 1;overflow-y:auto}.test-step-content{padding:1.5rem}.test-step-tabs{background-color:#fff;border-bottom:1px solid #e2e8f0;display:flex;margin-bottom:1.5rem}.test-step-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;position:relative;transition:all .2s}.test-step-tab:hover{background-color:#f9fafb;color:#374151}.test-step-tab-active{background-color:#f9fafb;border-bottom-color:#3b82f6;color:#3b82f6}.test-step-tab:first-child{border-top-left-radius:.5rem}.test-step-tab:last-child{border-top-right-radius:.5rem}.test-step-tab-content{background-color:#fff;border:1px solid #e2e8f0;border-radius:0 0 .5rem .5rem;border-top:none}.test-step-loading{align-items:center;color:#6b7280;display:flex;font-size:.875rem;justify-content:center;padding:2rem}@media (max-width:1024px){.test-step-manager{flex-direction:column;height:auto}.test-step-main{flex:none}}@media (max-width:768px){.test-step-content{padding:1rem}}.test-step-datasource-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.test-step-datasource-modal{background-color:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:90vw}.test-step-datasource-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.test-step-datasource-modal-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.test-step-datasource-modal-close{background:none;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .2s}.test-step-datasource-modal-close:hover{background-color:#f3f4f6;color:#374151}.test-step-datasource-modal-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.test-step-datasource-modal-actions{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.test-step-datasource-confirm-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:background-color .2s}.test-step-datasource-confirm-btn:hover{background-color:#2563eb}.test-step-datasource-confirm-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.test-step-datasource-cancel-btn{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;font-weight:500;padding:.75rem 1rem;transition:all .2s}.test-step-datasource-cancel-btn:hover{background-color:#e5e7eb}.test-step-datasource-select{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;font-size:.875rem;min-width:200px;padding:.5rem .75rem;transition:all .2s}.test-step-datasource-select:focus{ring:2px;ring-color:#8b5cf6;border-color:#0000;outline:none}.test-step-datasource-info{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:.5rem;margin-top:.5rem}.test-step-datasource-badge{background-color:#f3e8ff;border:1px solid #ddd6fe;border-radius:.25rem;color:#7c3aed;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.test-step-datasource-preview{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;margin-top:1rem;overflow:hidden}.test-step-datasource-preview-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.75rem}.test-step-datasource-preview-title{color:#374151;font-size:.875rem;font-weight:500;margin:0}.test-step-datasource-table-container{max-height:300px;overflow:auto}.test-step-datasource-table{border-collapse:collapse;width:100%}.test-step-datasource-table th{background-color:#f9fafb;border-bottom:1px solid #e2e8f0;color:#6b7280;font-size:.75rem;font-weight:500;padding:.5rem .75rem;position:-webkit-sticky;position:sticky;text-align:left;top:0}.test-step-datasource-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:.75rem;max-width:200px;overflow:hidden;padding:.5rem .75rem;text-overflow:ellipsis;white-space:nowrap}.test-step-datasource-table tr:hover td{background-color:#f9fafb}.test-step-datasource-json-preview{background-color:#f9fafb;max-height:300px;overflow:auto;padding:1rem}.test-step-datasource-json-content{color:#374151;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;margin:0;white-space:pre-wrap}.test-step-datasource-pagination{align-items:center;background-color:#f9fafb;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:auto;padding:.75rem}.test-step-datasource-pagination-info{color:#6b7280;font-size:.875rem}.test-step-datasource-pagination-controls{align-items:center;display:flex;gap:1rem}.test-step-datasource-pagination-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .2s}.test-step-datasource-pagination-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.test-step-datasource-pagination-btn:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.test-step-datasource-loading{align-items:center;color:#6b7280;display:flex;font-size:.875rem;justify-content:center;padding:2rem}.test-step-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}@media (max-width:768px){.test-step-datasource-select{min-width:auto}.test-step-datasource-modal{max-height:90vh;width:95vw}.test-step-datasource-table td{max-width:120px}.test-step-datasource-pagination{flex-direction:column;gap:.5rem;text-align:center}}.test-step-sidebar{background-color:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;width:320px}.test-step-sidebar-header{border-bottom:1px solid #e2e8f0;padding:1rem}.test-step-sidebar-title{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 .75rem}.test-step-add-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:background-color .2s;width:100%}.test-step-add-btn:hover{background-color:#2563eb}.test-step-sidebar-content{flex:1 1;overflow-y:auto;padding:.5rem}.test-step-sidebar-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;margin-bottom:.5rem;padding:.75rem;transition:all .2s}.test-step-sidebar-item:hover{border-color:#cbd5e1;box-shadow:0 1px 3px 0 #0000001a}.test-step-sidebar-item-active{background-color:#eff6ff;border-color:#3b82f6}.test-step-sidebar-item-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.test-step-drag-handle{color:#9ca3af;flex-shrink:0;height:1rem;width:1rem}.test-step-method-badge{border:1px solid;border-radius:.25rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.test-step-method-get{background-color:#dcfce7;border-color:#bbf7d0;color:#166534}.test-step-method-post{background-color:#dbeafe;border-color:#bfdbfe;color:#1e40af}.test-step-method-put{background-color:#fef3c7;border-color:#fde68a;color:#92400e}.test-step-method-delete{background-color:#fee2e2;border-color:#fecaca;color:#991b1b}.test-step-method-patch{background-color:#f3e8ff;border-color:#ddd6fe;color:#7c3aed}.test-step-method-default{background-color:#f3f4f6;border-color:#d1d5db;color:#374151}.test-step-auth-badge{background-color:#fed7aa;border:1px solid #fdba74;border-radius:.25rem;color:#ea580c;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.test-step-kafka-operation-row{border-top:1px solid #f3f4f6;margin-top:.5rem;padding-top:.5rem}.test-step-kafka-operation-badge{background-color:#e0e7ff;border:1px solid #c7d2fe;border-radius:.25rem;color:#4338ca;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.test-step-delete-btn{background:none;border:none;border-radius:.25rem;color:#ef4444;cursor:pointer;margin-left:auto;padding:.25rem;transition:background-color .2s}.test-step-delete-btn:hover{background-color:#fef2f2}.test-step-sidebar-item-name{truncate:true;color:#1f2937;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.test-step-icon{height:1rem;width:1rem}.test-step-icon-sm{height:.875rem;width:.875rem}@media (max-width:1024px){.test-step-sidebar{height:auto;max-height:300px;width:100%}}@media (max-width:768px){.test-step-sidebar-header{padding:.75rem}}.test-step-sidebar-listener{background-color:#f9fafb;border-left:2px solid #6366f1;margin-left:1.5rem;padding-left:.75rem;position:relative}.test-step-sidebar-listener:before{background-color:#d1d5db;content:"";height:1px;left:-1.5rem;position:absolute;top:50%;width:1rem}.test-step-sidebar-listener:hover{background-color:#f3f4f6;border-left-color:#4f46e5}.test-step-sidebar-listener.test-step-sidebar-item-active{background-color:#ede9fe;border-left-color:#6366f1}.test-step-listener-icon{color:#6366f1;flex-shrink:0;height:1rem;width:1rem}.test-step-sidebar-listener-name{color:#4b5563;font-size:.8125rem}.test-step-listener-topic{color:#6b7280;font-size:.6875rem;font-weight:400}.test-step-method-badge-produce{align-items:center;background-color:#dcfce7;border-color:#bbf7d0;color:#166534;display:inline-flex;gap:.25rem}.test-step-method-badge-consume{align-items:center;background-color:#dbeafe;border-color:#bfdbfe;color:#1e40af;display:inline-flex;gap:.25rem}.test-step-details{background:#eee;display:flex;flex-direction:column;height:100%}.test-step-details-nav{align-items:center;border-bottom:1px solid #d5d5d54d;display:flex;flex-shrink:0;gap:6px;overflow-x:auto;padding:10px 14px}.test-step-details-nav::-webkit-scrollbar{height:4px}.test-step-details-nav::-webkit-scrollbar-track{background:#0000}.test-step-details-nav::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.test-step-details-nav-link{background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#6b7280;cursor:pointer;font-size:11px;font-weight:600;padding:6px 12px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.test-step-details-nav-link:hover{box-shadow:1px 1px 2px #d5d5d580,-1px -1px 2px #ffffff80;color:var(--primary-color)}.test-step-details-nav-link.active{box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80;color:var(--primary-color)}.test-step-details-container{flex:1 1;overflow-y:auto;padding:14px 16px}.test-step-details-container::-webkit-scrollbar{width:6px}.test-step-details-container::-webkit-scrollbar-track{background:#0000}.test-step-details-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.test-step-details-container>div{margin-bottom:16px}.test-step-details-container>div:last-child{margin-bottom:0}.test-step-details-empty{align-items:center;display:flex;height:100%;justify-content:center;padding:40px}.test-step-details-empty p{color:#6b7280;font-size:13px}.test-step-details-header{background:#eee;border-radius:8px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;margin-bottom:14px;padding:12px 14px}.test-step-details-title-section{cursor:pointer;transition:all .2s ease}.test-step-details-title-section:hover{opacity:.8}.test-step-details-title-content{align-items:center;display:flex;gap:10px;justify-content:space-between}.test-step-details-title-content h2{color:#1f2937;flex:1 1;font-size:15px;font-weight:600;margin:0}.test-step-details-badges{align-items:center;display:flex;gap:6px}.test-step-details-request-type-badge{border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.test-step-details-request-type-badge.get{background:#10b98126;color:#059669}.test-step-details-request-type-badge.post{background:#3b82f626;color:#2563eb}.test-step-details-request-type-badge.put{background:#f59e0b26;color:#d97706}.test-step-details-request-type-badge.patch{background:#8b5cf626;color:#7c3aed}.test-step-details-request-type-badge.delete{background:#ef44441a;color:#dc2626}.test-step-details-type-badge{border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.test-step-details-type-badge.api{background:#6366f126;color:#4f46e5}.test-step-details-type-badge.ui{background:#10b98126;color:#059669}.test-step-details-description{color:#6b7280;font-size:11px;line-height:1.5;margin:6px 0 0}.test-step-details-edit-form{display:flex;flex-direction:column;gap:10px}.test-step-details-form-group{display:flex;flex-direction:column;gap:5px}.test-step-details-form-group label{color:#374151;font-size:11px;font-weight:600}.test-step-details-input,.test-step-details-select,.test-step-details-textarea{background:#eee;border:1px solid #d5d5d580;border-radius:6px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;color:#1f2937;font-size:11px;padding:7px 10px;transition:all .2s ease;width:100%}.test-step-details-input:focus,.test-step-details-select:focus,.test-step-details-textarea:focus{border-color:var(--primary-color);outline:none}.test-step-details-input.error{background:#fff5f5;border-color:#e74c3c;box-shadow:inset 2px 2px 4px #e74c3c33,inset -2px -2px 4px #fff6}.test-step-details-input.error:focus{border-color:#c0392b;box-shadow:inset 2px 2px 4px #e74c3c40,inset -2px -2px 4px #fff6,0 0 0 3px #e74c3c1a}.test-step-details-error-message{align-items:center;animation:slideDown .2s ease;color:#e74c3c;display:flex;font-size:10px;font-weight:600;gap:4px;margin-top:4px}.test-step-details-hint{color:#94a3b8;display:block;font-size:10px;font-style:italic;line-height:1.4;margin-top:4px}.test-step-details-textarea{min-height:50px;resize:vertical}.test-step-details-form-actions{display:flex;gap:8px;margin-top:2px}.test-step-details-cancel-btn,.test-step-details-save-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:5px;padding:7px 12px;transition:all .2s ease}.test-step-details-save-btn{background:var(--primary-color);box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff}.test-step-details-save-btn:hover:not(:disabled){background:#7c3aed}.test-step-details-save-btn:disabled{cursor:not-allowed;opacity:.5}.test-step-details-cancel-btn{background:#eee;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280}.test-step-details-cancel-btn:hover{color:#374151}.assertions-section,.endpoint-configuration,.field-config,.headers-section,.sample-editor{background:#eee;border-radius:8px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;padding:12px 14px}.assertions-section h4,.endpoint-configuration h4,.field-config h4,.headers-section h4,.sample-editor h4{color:#1f2937;font-size:13px;font-weight:600;margin:0 0 10px}.request-configuration-tabs{background:#eee;border-radius:8px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;padding:0}.request-tabs-header{align-items:center;border-bottom:1px solid #d5d5d54d;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.request-tabs-list{align-items:center;display:flex;flex:1 1;gap:6px;overflow-x:auto}.request-tabs-list::-webkit-scrollbar{height:4px}.request-tabs-list::-webkit-scrollbar-track{background:#0000}.request-tabs-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.request-tab{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#6b7280;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.request-tab:hover{box-shadow:1px 1px 2px #d5d5d580,-1px -1px 2px #ffffff80;color:var(--primary-color)}.request-tab.active{box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80;color:var(--primary-color)}.request-tab-label{flex:1 1}.request-tab-edit-alias{align-items:center;background:#0000;border:none;border-radius:3px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:2px;transition:all .2s ease}.request-tab:hover .request-tab-edit-alias{opacity:1}.request-tab-edit-alias:hover{background:#8b5cf61a;color:var(--primary-color)}.request-tab-remove{align-items:center;background:#0000;border:none;border-radius:3px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all .2s ease}.request-tab-remove:hover{background:#dc26261a;color:#dc2626}.request-tab-alias-editor{align-items:center;display:flex;gap:4px;padding:0}.request-tab-alias-input{background:#eee;border:1px solid var(--primary-color);border-radius:4px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;color:#1f2937;font-size:11px;font-weight:600;max-width:150px;min-width:80px;padding:4px 8px}.request-tab-alias-input:focus{border-color:var(--primary-color);box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6,0 0 0 2px #8b5cf633;outline:none}.request-tab-alias-save{align-items:center;background:var(--primary-color);border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:3px;transition:all .2s ease}.request-tab-alias-save:hover{background:#7c3aed}.request-tab-alias-cancel{align-items:center;background:#e5e7eb;border:none;border-radius:3px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:3px;transition:all .2s ease}.request-tab-alias-cancel:hover{background:#d1d5db;color:#374151}.request-tab-add{align-items:center;background:var(--primary-color);border:none;border-radius:6px;box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:600;gap:5px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.request-tab-add:hover{background:#7c3aed}.request-tab-content{display:flex;flex-direction:column;gap:16px;min-height:200px;padding:14px;position:relative}.request-loading-overlay{align-items:center;background:#eee;border-radius:8px;box-shadow:inset 3px 3px 6px #d5d5d599,inset -3px -3px 6px #fff9;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:400px;padding:60px 20px;position:static;width:100%}.request-loading-overlay p{color:var(--primary-color);font-size:13px;font-weight:600;margin:0;text-align:center}.request-loading-overlay small{color:#6b7280;font-size:11px;margin:0;text-align:center}.request-loading-spinner{animation:spin 1s linear infinite;border:4px solid #d5d5d54d;border-radius:50%;border-top:4px solid var(--primary-color);box-shadow:2px 2px 4px #d5d5d566,-2px -2px 4px #fff6;height:40px;width:40px}.request-tab-content>div{background:#0000;box-shadow:none;padding:0}.request-tab-content .assertions-section,.request-tab-content .field-config,.request-tab-content .headers-section,.request-tab-content .sample-editor{background:#eee;border-radius:8px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;padding:12px 14px}@media (max-width:768px){.test-step-details-nav{gap:4px;padding:8px 12px}.test-step-details-container{padding:12px 14px}.request-tabs-header{align-items:stretch;flex-direction:column}.request-tabs-list{overflow-x:auto}.request-tab-content{padding:12px}}.webui-step-details-container{display:flex;flex-direction:column;gap:16px;padding:16px}.webui-browser-config{align-items:center;background:#eee;border-radius:10px;box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80;display:flex;gap:12px;padding:12px 14px}.webui-browser-label{color:#374151;font-size:12px;font-weight:600}.webui-browser-select{background:#eee;border:1px solid #d5d5d580;border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#1f2937;cursor:pointer;font-size:12px;padding:6px 10px}.webui-browser-select:focus{border-color:var(--primary-color);outline:none}.webui-add-step-button{align-items:center;background:#eee;border:none;border-radius:8px;box-shadow:3px 3px 6px #d5d5d5b3,-3px -3px 6px #ffffffb3;color:var(--primary-color);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.webui-add-step-button:hover{box-shadow:2px 2px 4px #d5d5d5b3,-2px -2px 4px #ffffffb3}.webui-add-step-button:active{box-shadow:inset 2px 2px 4px #d5d5d5b3,inset -2px -2px 4px #ffffff80}.webui-steps-list{display:flex;flex-direction:column;gap:10px}.webui-empty-state{background:#eee;border-radius:10px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;padding:32px 20px;text-align:center}.webui-empty-state p{color:#6b7280;font-size:12px;margin:0}.webui-step-card{background:#eee;border-radius:10px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;overflow:hidden;transition:all .2s ease}.webui-step-card:hover{box-shadow:2px 2px 5px #d5d5d5b3,-2px -2px 5px #ffffffb3}.webui-step-header{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 12px}.webui-drag-icon{color:#9ca3af;cursor:grab;flex-shrink:0;height:16px;width:16px}.webui-drag-icon:hover{color:#6b7280}.webui-step-number{color:#6b7280;flex-shrink:0;font-size:11px;font-weight:600}.webui-action-badge{border:1px solid;border-radius:4px;flex-shrink:0;font-size:10px;font-weight:600;padding:3px 8px}.webui-step-info{flex:1 1;min-width:0}.webui-step-description{color:#1f2937;font-size:12px;font-weight:500;margin:0}.webui-step-description,.webui-step-locator{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webui-step-locator{color:#6b7280;font-family:Monaco,Menlo,monospace;font-size:10px;margin:2px 0 0}.webui-step-actions{align-items:center;display:flex;flex-shrink:0;gap:4px}.webui-icon-button{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#6b7280;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.webui-icon-button:hover{box-shadow:1px 1px 2px #d5d5d580,-1px -1px 2px #ffffff80;color:var(--primary-color)}.webui-delete-button{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#9ca3af;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.webui-delete-button:hover{color:#ef4444}.webui-step-details{background:#fff3;border-top:1px solid #d5d5d54d;padding:12px 14px}.webui-details-table{border-collapse:collapse;font-size:11px;width:100%}.webui-details-table tr:not(:last-child) td{border-bottom:1px solid #d5d5d533}.webui-detail-label{color:#6b7280;font-weight:600;padding:6px 8px 6px 0;white-space:nowrap;width:120px}.webui-detail-value{color:#1f2937;padding:6px 0}.webui-mono{font-family:Monaco,Menlo,monospace;font-size:10px}.webui-break-all{word-break:break-all}.webui-timeout-display{align-items:center;display:inline-flex;gap:4px}.webui-timeout-preset{color:#6b7280;font-size:10px}.webui-add-below-button{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:var(--primary-color);cursor:pointer;display:flex;font-size:10px;font-weight:600;gap:4px;margin-top:10px;padding:6px 10px;transition:all .2s ease}.webui-add-below-button:hover{box-shadow:1px 1px 2px #d5d5d580,-1px -1px 2px #ffffff80}.webui-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.webui-modal-content{background:#eee;border-radius:16px;display:flex;flex-direction:column;margin:20px;max-height:85vh;max-width:500px;overflow:hidden;width:100%}.webui-modal-header{align-items:center;border-bottom:1px solid #d5d5d566;display:flex;justify-content:space-between;padding:14px 18px}.webui-modal-title{color:#1f2937;font-size:15px;font-weight:600;margin:0}.webui-modal-close{align-items:center;background:#eee;border:none;border-radius:8px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.webui-modal-close:hover{color:#374151}.webui-modal-body{flex:1 1;overflow-y:auto;padding:16px 18px}.webui-modal-footer{border-top:1px solid #d5d5d54d;display:flex;gap:10px;justify-content:flex-end;padding:14px 18px}.webui-form-row{display:flex;gap:12px}.webui-form-field{flex:1 1;margin-bottom:12px}.webui-form-label{color:#374151;display:block;font-size:11px;font-weight:600;margin-bottom:6px}.webui-form-input,.webui-form-select{background:#eee;border:1px solid #d5d5d580;border-radius:6px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;color:#1f2937;font-size:12px;padding:8px 10px;transition:border-color .2s ease;width:95%}.webui-form-input:focus,.webui-form-select:focus{border-color:var(--primary-color);outline:none}.webui-form-input::placeholder{color:#9ca3af}.webui-form-select{cursor:pointer}.webui-form-select optgroup{color:#374151;font-weight:600}.webui-button-primary{align-items:center;background:var(--primary-color);border:none;border-radius:8px;box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.webui-button-primary:hover{background:#7c3aed}.webui-button-secondary{align-items:center;background:#eee;border:none;border-radius:8px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.webui-button-secondary:hover{color:#374151}.webui-edit-form-content{padding:4px 0}.webui-edit-actions{border-top:1px solid #d5d5d54d;display:flex;gap:8px;margin-top:12px;padding-top:12px}.bg-purple-50{background-color:#8b5cf61a}.text-purple-700{color:#7c3aed}.border-purple-200{border-color:#8b5cf64d}.bg-blue-50{background-color:#3b82f61a}.text-blue-700{color:#2563eb}.border-blue-200{border-color:#3b82f64d}.bg-indigo-50{background-color:#6366f11a}.text-indigo-700{color:#4f46e5}.border-indigo-200{border-color:#6366f14d}.bg-green-50{background-color:#10b9811a}.text-green-700{color:#059669}.border-green-200{border-color:#10b9814d}.bg-yellow-50{background-color:#f59e0b1a}.text-yellow-700{color:#d97706}.border-yellow-200{border-color:#f59e0b4d}.bg-teal-50{background-color:#14b8a61a}.text-teal-700{color:#0f766e}.border-teal-200{border-color:#14b8a64d}.bg-cyan-50{background-color:#06b6d41a}.text-cyan-700{color:#0e7490}.border-cyan-200{border-color:#06b6d44d}.bg-orange-50{background-color:#f973161a}.text-orange-700{color:#c2410c}.border-orange-200{border-color:#f973164d}.bg-red-50{background-color:#ef44441a}.text-red-700{color:#b91c1c}.border-red-200{border-color:#ef44444d}.bg-pink-50{background-color:#ec48991a}.text-pink-700{color:#be185d}.border-pink-200{border-color:#ec48994d}.bg-gray-50{background-color:#6b72801a}.text-gray-700{color:#374151}.border-gray-200{border-color:#6b72804d}.webui-searchable-dropdown{position:relative;width:100%}.webui-dropdown-trigger{align-items:center;background:#eee;border:1px solid #d5d5d580;border-radius:6px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;color:#1f2937;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:8px 10px;transition:all .2s ease;width:100%}.webui-dropdown-trigger:hover{border-color:#9ca3af}.webui-dropdown-trigger:focus{outline:none}.webui-dropdown-trigger-open,.webui-dropdown-trigger:focus{border-color:var(--primary-color)}.webui-dropdown-trigger:disabled{cursor:not-allowed;opacity:.5}.webui-dropdown-selected-value{color:#1f2937;font-weight:500}.webui-dropdown-placeholder{color:#9ca3af}.webui-dropdown-chevron{color:#6b7280;flex-shrink:0;transition:transform .2s ease}.webui-dropdown-chevron-rotated{transform:rotate(180deg)}.webui-dropdown-menu-portal{background:#eee;border-radius:8px;box-shadow:4px 4px 8px #d5d5d5cc,-2px -2px 6px #fffc,0 4px 12px #0000001a;display:flex;flex-direction:column;max-height:320px;overflow:hidden}.webui-dropdown-search{align-items:center;background:#ffffff4d;border-bottom:1px solid #d5d5d566;display:flex;gap:8px;padding:10px 12px}.webui-dropdown-search svg{color:#6b7280;flex-shrink:0}.webui-dropdown-search input{background:#0000;border:none;color:#1f2937;flex:1 1;font-size:12px;outline:none}.webui-dropdown-search input::placeholder{color:#9ca3af}.webui-dropdown-options{max-height:260px;overflow-y:auto}.webui-dropdown-category-group{border-bottom:1px solid #d5d5d526}.webui-dropdown-category-group:last-child{border-bottom:none}.webui-dropdown-category-header{align-items:center;background:#0000;border:none;color:#4b5563;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.3px;padding:8px 10px;text-align:left;text-transform:uppercase;transition:all .15s ease;width:100%}.webui-dropdown-category-header:hover{background:#8b5cf60d}.webui-dropdown-category-chevron{color:#6b7280;flex-shrink:0;transition:transform .2s ease}.webui-dropdown-category-chevron-expanded{transform:rotate(90deg)}.webui-dropdown-category-icon{color:#8b5cf6;flex-shrink:0}.webui-dropdown-category-label{flex:1 1}.webui-dropdown-category-count{color:#9ca3af;font-size:10px;font-weight:500}.webui-dropdown-category-items{background:#00000005}.webui-dropdown-option{align-items:center;background:#0000;border:none;border-bottom:1px solid #d5d5d51a;cursor:pointer;display:flex;padding:7px 12px 7px 32px;text-align:left;transition:all .15s ease;width:100%}.webui-dropdown-option:last-child{border-bottom:none}.webui-dropdown-option:hover{background:#8b5cf614}.webui-dropdown-option-selected{background:#8b5cf626}.webui-dropdown-option-selected:hover{background:#8b5cf633}.webui-dropdown-option-label{color:#1f2937;font-size:12px;font-weight:500}.webui-dropdown-no-options{color:#9ca3af;font-size:12px;padding:16px 12px;text-align:center}.webui-dropdown-options::-webkit-scrollbar{width:6px}.webui-dropdown-options::-webkit-scrollbar-track{background:#d5d5d533}.webui-dropdown-options::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.webui-dropdown-options::-webkit-scrollbar-thumb:hover{background:#8b5cf680}@media (max-width:640px){.webui-step-details-container{padding:12px}.webui-form-row{flex-direction:column;gap:0}.webui-step-header{flex-wrap:wrap;gap:8px}.webui-step-info{order:5;width:100%}.webui-modal-content{max-height:90vh;max-width:calc(100% - 32px)}}.step-type-toggle{margin-bottom:20px}.step-type-toggle-label{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.step-type-toggle-label span:first-child{color:#1f2937;font-size:13px;font-weight:600}.step-type-toggle-hint{color:#6b7280;font-size:11px}.step-type-toggle-buttons{display:flex;flex-wrap:wrap;gap:10px}.step-type-toggle-btn{align-items:center;background:#eee;border:none;border-radius:8px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;color:#6b7280;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.step-type-toggle-btn:hover:not(:disabled){box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#374151}.step-type-toggle-btn.active{background:#3b82f626;box-shadow:inset 2px 2px 4px #3b82f633,inset -2px -2px 4px #ffffff80;color:#2563eb}.step-type-toggle-btn.active svg{color:#2563eb}.step-type-toggle-btn.active span{color:#2563eb;font-weight:700}.step-type-toggle-btn:disabled{cursor:not-allowed;opacity:.6}.step-type-toggle-loading{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:8px;margin-top:12px}.step-type-toggle-spinner{animation:step-type-spin .6s linear infinite;border:2px solid #8b5cf64d;border-radius:50%;border-top:2px solid var(--primary-color);height:16px;width:16px}@keyframes step-type-spin{to{transform:rotate(1turn)}}.step-type-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.step-type-modal{background:#eee;border-radius:12px;max-width:420px;overflow:hidden;width:100%}.step-type-modal-header{align-items:center;border-bottom:1px solid #d5d5d54d;display:flex;gap:10px;padding:14px 16px}.step-type-modal-icon{color:#f59e0b;flex-shrink:0}.step-type-modal-header h3{color:#1f2937;flex:1 1;font-size:15px;font-weight:600;margin:0}.step-type-modal-close{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.step-type-modal-close:hover{box-shadow:1px 1px 2px #d5d5d599,-1px -1px 2px #fff9;color:#374151}.step-type-modal-body{padding:16px}.step-type-modal-body,.step-type-modal-content{display:flex;flex-direction:column;gap:12px}.step-type-modal-content p{color:#374151;font-size:13px;line-height:1.5;margin:0}.step-type-modal-content strong{color:#1f2937;font-weight:600}.step-type-modal-warning{background:#ef44440d;border-left:3px solid #ef4444;border-radius:6px;display:flex;gap:10px;padding:12px}.step-type-modal-warning svg{color:#ef4444;flex-shrink:0;margin-top:2px}.step-type-modal-warning strong{color:#dc2626}.step-type-modal-warning ul{margin:8px 0;padding-left:20px}.step-type-modal-warning li{color:#6b7280;font-size:12px;margin-bottom:4px}.step-type-modal-warning p{color:#6b7280;font-size:12px;margin-top:8px}.step-type-modal-note{color:#6b7280;font-size:12px;font-style:italic}.step-type-modal-actions{border-top:1px solid #d5d5d54d;display:flex;gap:10px;justify-content:flex-end;padding:14px 16px}.step-type-modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .2s ease}.step-type-modal-btn-cancel{background:#eee;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280}.step-type-modal-btn-cancel:hover{box-shadow:1px 1px 2px #d5d5d599,-1px -1px 2px #fff9;color:#374151}.step-type-modal-btn-confirm{background:var(--primary-color);box-shadow:2px 2px 4px #8b5cf666,-2px -2px 4px #fff3;color:#fff}.step-type-modal-btn-confirm:hover{opacity:.9}.step-type-option{align-items:center;background:#eee;border:2px solid #0000;border-radius:10px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;cursor:pointer;display:flex;gap:14px;padding:16px;text-align:left;transition:all .2s ease;width:100%}.step-type-option:hover{border-color:var(--primary-color);box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9}.step-type-icon,.step-type-option:active{box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80}.step-type-icon{align-items:center;background:#eee;border-radius:10px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.step-type-option:first-child .step-type-icon{color:#4f46e5}.step-type-option:last-child .step-type-icon{color:#059669}.step-type-option:hover .step-type-icon{color:var(--primary-color)}.step-type-content{flex:1 1;min-width:0}.step-type-content h4{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 4px}.step-type-content p{color:#6b7280;font-size:12px;line-height:1.4;margin:0}@media (max-width:480px){.step-type-modal-overlay{padding:16px}.step-type-modal{max-width:100%}.step-type-modal-body{padding:14px}.step-type-option{gap:12px;padding:14px}.step-type-icon{height:48px;width:48px}.step-type-icon svg{height:24px;width:24px}.step-type-content h4{font-size:13px}.step-type-content p{font-size:11px}}.test-design-tab-container{background:#eee;display:flex;flex-direction:column;height:100%}.test-design-tab-layout{display:flex;flex:1 1;gap:20px;min-height:0}.test-design-tab-sidebar{background:#eee;border-radius:10px;box-shadow:inset 1px 1px 2px 0 #ffffffb3,inset -1px -1px 2px 0 #d6d6d6cc;-webkit-clip-path:polygon(0 0,100% 0,100% 20px,100% 100%,100% 100%,20px 100%,0 calc(100% - 25px),0 20px);clip-path:polygon(0 0,100% 0,100% 20px,100% 100%,100% 100%,20px 100%,0 calc(100% - 25px),0 20px);display:flex;filter:drop-shadow(10px 10px 25px rgba(214,214,214,.9)) drop-shadow(-10px -10px 20px rgba(255,255,255,.9)) drop-shadow(10px -10px 20px rgba(214,214,214,.2)) drop-shadow(-10px 10px 20px rgba(214,214,214,.2));flex-direction:column;flex-shrink:0;height:100%;max-height:100%;overflow:hidden;position:relative;width:280px}.test-design-tab-sidebar-section{display:flex;flex-direction:column;min-height:0;padding:12px}.test-design-tab-sidebar-section:last-child{flex:1 1;overflow:hidden}.test-design-tab-config-btn{align-items:center;background:#eee;border:none;border-radius:8px;box-shadow:-1px -1px 2px #bebebe80,1px 1px 2px #ffffff4d,inset 1px 1px 3px #bebebee6,inset -1px -1px 2px #ffffffe6;color:#1f2937;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:12px 14px;transition:all .2s ease;width:100%}.test-design-tab-config-btn:hover{box-shadow:-2px -2px 3px #bebebe99,2px 2px 3px #fff6,inset 1px 1px 3px #bebebed9,inset -1px -1px 2px #ffffffd9}.test-design-tab-config-btn--active{border:2.5px solid var(--primary-color);box-shadow:none}.test-design-tab-config-btn svg{color:var(--primary-color)}.test-design-tab-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding:0 4px}.test-design-tab-section-header h3{color:#1f2937;font-size:14px;font-weight:600;margin:0}.test-design-tab-step-count{background:#ffffff4d;border-radius:10px;box-shadow:inset 1px 1px 2px #d5d5d54d,inset -1px -1px 1px #ffffff4d;color:#6b7280;font-size:11px;font-weight:600;padding:2px 8px}.test-design-tab-add-step-btn{align-items:center;background:#eee;border:none;border-radius:8px;box-shadow:3px 3px 6px #d5d5d5cc,-3px -3px 6px #fffc;color:var(--primary-color);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;margin-bottom:12px;padding:10px 14px;transition:all .2s ease;width:100%}.test-design-tab-add-step-btn:hover:not(:disabled){box-shadow:2px 2px 4px #d5d5d5cc,-2px -2px 4px #fffc}.test-design-tab-add-step-btn:active:not(:disabled){box-shadow:inset 2px 2px 4px #d5d5d5cc,inset -2px -2px 4px #ffffff80}.test-design-tab-add-step-btn:disabled{cursor:not-allowed;opacity:.6}.test-design-tab-steps-list{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:4px}.test-design-tab-steps-list::-webkit-scrollbar{width:4px}.test-design-tab-steps-list::-webkit-scrollbar-track{background:#0000}.test-design-tab-steps-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.test-design-tab-step-item{align-items:center;background:#eee;border-radius:8px;box-shadow:-1px -1px 2px #bebebe80,1px 1px 2px #ffffff4d,inset 1px 1px 3px #bebebee6,inset -1px -1px 2px #ffffffe6;cursor:grab;display:flex;gap:8px;justify-content:space-between;padding:10px 8px 10px 12px;position:relative;transition:all .2s ease}.test-design-tab-step-item:hover{box-shadow:-2px -2px 3px #bebebe99,2px 2px 3px #fff6,inset 1px 1px 3px #bebebed9,inset -1px -1px 2px #ffffffd9}.test-design-tab-step-item:active{cursor:grabbing}.test-design-tab-step-item--active{border:2.5px solid var(--primary-color);box-shadow:none}.test-design-tab-step-item--dragging{box-shadow:4px 4px 12px #bebebecc,-4px -4px 12px #fffc;cursor:grabbing;opacity:.5;transform:scale(.98)}.test-design-tab-step-item--drag-over{border-top:3px solid var(--primary-color);box-shadow:0 -3px 0 var(--primary-color),-2px -2px 4px #8b5cf64d,2px 2px 4px #8b5cf64d;margin-top:4px;transform:translateY(2px)}.test-design-tab-drag-handle{align-items:center;color:#9ca3af;cursor:grab;display:flex;flex-shrink:0;justify-content:center;opacity:.6;transition:all .2s ease}.test-design-tab-step-item:hover .test-design-tab-drag-handle{color:var(--primary-color);opacity:1}.test-design-tab-step-item:active .test-design-tab-drag-handle{cursor:grabbing}.test-design-tab-step-info{flex:1 1;min-width:0}.test-design-tab-step-header{align-items:center;display:flex;gap:6px;margin-bottom:4px}.test-design-tab-step-index{color:#6b7280;font-size:11px;font-weight:600}.test-design-tab-step-name{color:#1f2937;flex:1 1;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.test-design-tab-step-type{border-radius:4px;font-size:9px;font-weight:600;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.test-design-tab-step-type.api{background:#3b82f626;color:#2563eb}.test-design-tab-step-type.web-ui{background:#10b98126;color:#059669}.test-design-tab-step-type.kafka{background:#f9731626;color:#ea580c}.test-design-tab-step-type.database{background:#8b5cf626;color:#7c3aed}.test-design-tab-step-type.payload-manipulation{background:#3b82f626;color:#2563eb}.test-design-tab-step-url{color:#6b7280;font-size:10px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.test-design-tab-delete-step-btn{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:1px 1px 2px #d5d5d580,-1px -1px 2px #ffffff80;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;opacity:0;transition:all .2s ease;width:26px}.test-design-tab-step-item:hover .test-design-tab-delete-step-btn{opacity:1}.test-design-tab-delete-step-btn:hover{color:#ef4444}.test-design-tab-loading-spinner{animation:design-tab-spin .6s linear infinite;border:2px solid #8b5cf64d;border-radius:50%;border-top:2px solid var(--primary-color);height:14px;width:14px}@keyframes design-tab-spin{to{transform:rotate(1turn)}}.test-design-tab-main{background:#eee;border-radius:20px;box-shadow:inset 3px 3px 8px #d5d5d580,inset -3px -3px 8px #ffffff80;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.test-design-tab-config-content{flex:1 1;overflow-y:auto;padding:16px 20px}.test-design-tab-config-content::-webkit-scrollbar{width:6px}.test-design-tab-config-content::-webkit-scrollbar-track{background:#0000}.test-design-tab-config-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.test-design-tab-config-header{margin-bottom:16px}.test-design-tab-config-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.test-design-tab-config-header p{color:#6b7280;font-size:12px;margin:0}.test-design-tab-no-selection{align-items:center;display:flex;height:100%;justify-content:center;padding:40px}.test-design-tab-no-selection p{color:#6b7280;font-size:13px}.test-design-tab-step-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.test-design-tab-step-tabs{align-items:center;border-bottom:1px solid #d5d5d54d;display:flex;flex-shrink:0;gap:8px;padding:12px 16px}.test-design-tab-step-content>div:not(.test-design-tab-step-tabs):not(.test-design-tab-creating-content){flex:1 1;min-height:0;overflow-y:auto;padding:16px}.test-design-tab-step-content>div:not(.test-design-tab-step-tabs):not(.test-design-tab-creating-content)::-webkit-scrollbar{width:6px}.test-design-tab-step-content>div:not(.test-design-tab-step-tabs):not(.test-design-tab-creating-content)::-webkit-scrollbar-track{background:#0000}.test-design-tab-step-content>div:not(.test-design-tab-step-tabs):not(.test-design-tab-creating-content)::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.test-design-tab-step-tab{background:#eee;border:none;border-radius:8px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#6b7280;cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px;transition:all .2s ease}.test-design-tab-step-tab:hover:not(:disabled){color:#374151}.test-design-tab-step-tab--active{box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80;color:var(--primary-color)}.test-design-tab-step-tab--disabled{cursor:not-allowed;opacity:.5}.test-design-tab-step-content>div:last-child:not(.test-design-tab-step-tabs):not(.test-design-tab-creating-content){flex:1 1;overflow-y:auto;padding:16px 20px}.test-design-tab-step-content>div:last-child::-webkit-scrollbar{width:6px}.test-design-tab-step-content>div:last-child::-webkit-scrollbar-track{background:#0000}.test-design-tab-step-content>div:last-child::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.test-design-tab-creating-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px}.test-design-tab-creating-animation{text-align:center}.test-design-tab-creating-spinner{animation:design-tab-spin .8s linear infinite;border:4px solid #d5d5d54d;border-radius:50%;border-top:4px solid var(--primary-color);height:48px;margin:0 auto 16px;width:48px}.test-design-tab-creating-animation h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.test-design-tab-creating-animation p{color:#6b7280;font-size:12px;margin:0 0 16px}.test-design-tab-creating-progress{display:flex;justify-content:center}.test-design-tab-progress-step{align-items:center;display:flex;gap:8px}.test-design-tab-progress-indicator{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:600;height:24px;justify-content:center;width:24px}.test-design-tab-progress-step span{color:#374151;font-size:12px}.test-design-tab-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.test-design-tab-modal{background:#eee;border-radius:16px;box-shadow:8px 8px 20px #b4b4b4cc,-8px -8px 20px #ffffffe6,inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #c8c8c84d;display:flex;flex-direction:column;margin:20px;max-height:85vh;max-width:700px;overflow:hidden;width:100%}.test-design-tab-modal-header{align-items:center;border-bottom:1px solid #d5d5d566;display:flex;justify-content:space-between;padding:14px 18px}.test-design-tab-modal-title{align-items:center;display:flex;gap:8px}.test-design-tab-modal-title h3{color:#1f2937;font-size:15px;font-weight:600;margin:0}.test-design-tab-modal-star-icon{color:#f59e0b}.test-design-tab-modal-close{align-items:center;background:#eee;border:none;border-radius:8px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.test-design-tab-modal-close:hover{color:#374151}.test-design-tab-modal-config{border-bottom:1px solid #d5d5d54d;padding:16px 18px}.test-design-tab-modal-config h4{color:#374151;font-size:13px;font-weight:600;margin:0 0 12px}.test-design-tab-config-table{border-collapse:collapse;font-size:11px;width:100%}.test-design-tab-config-table th{background:#ffffff4d;border-bottom:1px solid #d5d5d54d;color:#6b7280;font-weight:600;letter-spacing:.3px;padding:8px 10px;text-align:left;text-transform:uppercase}.test-design-tab-config-table td{border-bottom:1px solid #d5d5d533;padding:8px 10px}.test-design-tab-config-row:last-child td{border-bottom:none}.test-design-tab-type-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:10px;font-weight:600;gap:4px;padding:4px 8px}.test-design-tab-type-badge--primary{background:#f59e0b26;color:#d97706}.test-design-tab-type-badge--linked{background:#3b82f626;color:#2563eb}.test-design-tab-type-badge--warning{background:#ef44441a;color:#dc2626}.test-design-tab-status-badge{border-radius:4px;font-size:10px;font-weight:600;padding:3px 8px}.test-design-tab-status-badge--active{background:#10b98126;color:#059669}.test-design-tab-status-badge--warning{background:#f59e0b26;color:#d97706}.test-design-tab-modal-data-section{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.test-design-tab-modal-tabs{border-bottom:1px solid #d5d5d54d;padding:12px 18px}.test-design-tab-modal-tab-buttons{display:flex;gap:8px}.test-design-tab-modal-tab-btn{align-items:center;background:#eee;border:none;border-radius:8px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#6b7280;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s ease}.test-design-tab-modal-tab-btn:hover{color:#374151}.test-design-tab-modal-tab-btn--active{box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80;color:var(--primary-color)}.test-design-tab-modal-content{flex:1 1;overflow-y:auto;padding:16px 18px}.test-design-tab-modal-tab-content h5{color:#374151;font-size:12px;font-weight:600;margin:0 0 12px}.test-design-tab-modal-table-container{border-radius:8px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;overflow-x:auto}.test-design-tab-modal-table{border-collapse:collapse;font-size:11px;width:100%}.test-design-tab-modal-table th{background:#ffffff4d;border-bottom:1px solid #d5d5d54d;color:#374151;font-weight:600;padding:8px 10px;text-align:left;white-space:nowrap}.test-design-tab-modal-table td{border-bottom:1px solid #d5d5d533;max-width:150px;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap}.test-design-tab-modal-table tr:last-child td{border-bottom:none}.test-design-tab-modal-more-rows{background:#fff3;color:#6b7280;font-size:11px;padding:10px;text-align:center}.test-design-tab-modal-no-data{align-items:center;display:flex;justify-content:center;padding:32px}.test-design-tab-modal-no-data p{color:#6b7280;font-size:12px;margin:0}.test-design-tab-listener-item{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-left:3px solid #a78bfa;margin-left:24px;padding-left:16px;position:relative}.test-design-tab-listener-item:hover{background:linear-gradient(135deg,#f3e8ff,#ede9fe);border-left-color:#8b5cf6}.test-design-tab-listener-item.test-design-tab-step-item--active{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-left-color:#7c3aed;box-shadow:inset 3px 3px 6px #a78bfa33,inset -3px -3px 6px #ffffff80}.test-design-tab-listener-connector{background:#d1d5db;height:1px;left:-24px;position:absolute;top:50%;width:20px}.test-design-tab-listener-icon{align-items:center;color:#8b5cf6;display:inline-flex;font-size:14px;font-weight:700;height:16px;justify-content:center;margin-right:6px;width:16px}.test-design-tab-listener-topic{color:#7c3aed;font-size:10px;font-style:italic}.test-design-tab-step-type.kafka-produce{background:linear-gradient(135deg,#d1fae5,#a7f3d0);box-shadow:2px 2px 4px #a7f3d04d,-2px -2px 4px #ffffff80;color:#065f46}.test-design-tab-step-type.kafka-consume{background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:2px 2px 4px #bfdbfe4d,-2px -2px 4px #ffffff80;color:#1e40af}@media (max-width:1024px){.test-design-tab-sidebar{width:240px}}@media (max-width:768px){.test-design-tab-container{padding:12px 14px}.test-design-tab-layout{flex-direction:column;gap:12px}.test-design-tab-sidebar{-webkit-clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,20px 100%,0 calc(100% - 25px),0 15px);clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,20px 100%,0 calc(100% - 25px),0 15px);max-height:250px;width:100%}.test-design-tab-steps-list{max-height:150px}.test-design-tab-modal{max-height:90vh;max-width:calc(100% - 32px)}}.assertions-section-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:16px}.assertions-section-header,.assertions-section-title{align-items:center;display:flex;gap:8px}.assertions-section-header h4{color:#1f2937;font-size:14px;font-weight:600;margin:0}.assertions-invalid-badge{background:#ef44441a;border-radius:10px;color:#dc2626;font-size:10px;gap:4px;padding:3px 8px}.assertions-add-btn,.assertions-invalid-badge{align-items:center;display:flex;font-weight:600}.assertions-add-btn{background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:var(--primary-color);cursor:pointer;font-size:11px;gap:6px;padding:6px 12px;transition:all .2s ease}.assertions-add-btn:hover{box-shadow:1px 1px 2px #d5d5d580,-1px -1px 2px #ffffff80}.assertions-content{display:flex;flex-direction:column;gap:16px}.assertions-warning{align-items:flex-start;background:#ef44440d;border-left:3px solid #dc2626;border-radius:6px;display:flex;gap:10px;padding:10px 12px}.assertions-warning svg{color:#dc2626;flex-shrink:0;margin-top:2px}.assertions-warning strong{color:#dc2626;display:block;font-size:11px;margin-bottom:2px}.assertions-warning small{color:#6b7280;font-size:10px}.assertions-legend{background:#ffffff4d;border-radius:6px;display:flex;gap:16px;padding:8px 12px}.assertions-legend-item{align-items:center;display:flex;gap:6px}.assertions-legend-item small{color:#6b7280;font-size:10px}.assertions-badge{border-radius:3px;font-size:9px;font-weight:600;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.assertions-badge-api{background:#6366f126;color:#4f46e5}.assertions-badge-request{background:#f59e0b26;color:#d97706}.assertions-badge-response,.assertions-badge-sample{background:#10b98126;color:#059669}.assertions-form{background:#ffffff4d;border-radius:8px;padding:16px}.assertions-form-row{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:2fr 1fr 2fr}.assertions-prefix-select{font-family:Monaco,Menlo,monospace;font-weight:600;min-width:100px}.assertions-field-input{min-width:0;position:relative}.assertions-input,.assertions-select{background:#eee;border:1px solid #d5d5d580;border-radius:5px;box-shadow:inset 1px 1px 2px #d5d5d566,inset -1px -1px 2px #fff6;box-sizing:border-box;color:#1f2937;font-family:Monaco,Menlo,monospace;font-size:11px;min-width:0;padding:10px 12px;transition:border-color .2s ease;width:100%}.assertions-input:focus,.assertions-select:focus{border-color:var(--primary-color);outline:none}.assertions-input-invalid{border-color:#dc2626}.assertions-input::placeholder{color:#9ca3af}.assertions-select{cursor:pointer}.assertions-field-warning{align-items:center;color:#dc2626;display:flex;font-size:10px;gap:4px;margin-top:4px}.assertions-form-actions{display:flex;gap:8px;margin-top:14px}.assertions-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease}.assertions-btn-save{background:var(--primary-color);box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff}.assertions-btn-save:hover:not(:disabled){background:#7c3aed}.assertions-btn-save:disabled{cursor:not-allowed;opacity:.5}.assertions-btn-cancel{background:#eee;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#6b7280}.assertions-btn-cancel:hover{color:#374151}.assertions-list{display:flex;flex-direction:column;gap:8px}.assertion-item{align-items:center;background:#ffffff4d;border-radius:6px;display:flex;gap:12px;padding:12px 14px;transition:all .2s ease}.assertion-item-invalid{background:#ef444408;border-left:3px solid #dc2626}.assertion-display{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:10px;min-width:0}.assertion-display:hover{opacity:.8}.assertion-field{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.assertion-warning-icon{color:#dc2626;flex-shrink:0}.assertion-key{color:#1f2937;font-family:Monaco,Menlo,monospace;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assertion-operator{background:#6366f11a;border-radius:4px;color:#4f46e5;flex-shrink:0;font-size:10px;font-weight:600;padding:3px 8px}.assertion-value{color:#6b7280;flex:1 1;font-family:Monaco,Menlo,monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assertion-actions{display:flex;flex-shrink:0;gap:4px}.assertion-delete-btn{align-items:center;background:#eee;border:none;border-radius:5px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#9ca3af;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.assertion-delete-btn:hover{color:#ef4444}.assertion-suggestions{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding-left:24px}.assertion-suggestions small{color:#6b7280;font-size:10px}.assertion-suggestion-btn{background:#eee;border:none;border-radius:4px;box-shadow:1px 1px 2px #d5d5d566,-1px -1px 2px #fff6;color:var(--primary-color);cursor:pointer;font-family:Monaco,Menlo,monospace;font-size:10px;font-weight:500;padding:3px 8px;transition:all .15s ease}.assertion-suggestion-btn:hover{background:#8b5cf61a}.assertions-empty{background:#fff3;border-radius:8px;padding:32px 20px;text-align:center}.assertions-empty p{color:#6b7280;font-size:12px;font-weight:500;margin:0 0 4px}.assertions-empty small{color:#9ca3af;font-size:11px}@media (max-width:768px){.assertions-form-row{grid-template-columns:1fr}.assertion-display,.assertions-section-header{align-items:flex-start;flex-direction:column}.assertion-display{gap:6px}.assertion-field{width:100%}}.field-config-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.field-config-title{align-items:center;display:flex;gap:8px}.field-config-tabs{display:flex;gap:8px;margin-bottom:12px}.field-config-tab{background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#6b7280;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px 16px;transition:all .2s ease}.field-config-tab:hover{color:#374151}.field-config-tab-active{background:linear-gradient(145deg,#f3f4f6,#e5e7eb);box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80;color:var(--primary-color)}.field-config-header h4{color:#1f2937;font-size:14px;font-weight:600;margin:0}.field-config-count{background:#6366f11a;border-radius:10px;color:#4f46e5;font-size:11px;font-weight:600;padding:3px 10px}.field-config-columns{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.field-config-column{background:#ffffff4d;border-radius:8px;padding:12px}.field-config-column-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.field-config-column-header h5{color:#374151;font-size:12px;font-weight:600;margin:0}.field-config-column-desc,.field-config-column-header small{color:#6b7280;font-size:10px}.field-config-column-desc{margin:0 0 10px}.field-list,.field-tree{display:flex;flex-direction:column;gap:4px;max-height:400px;overflow-y:auto;padding-right:4px}.field-list::-webkit-scrollbar,.field-tree::-webkit-scrollbar{width:4px}.field-list::-webkit-scrollbar-track,.field-tree::-webkit-scrollbar-track{background:#0000}.field-list::-webkit-scrollbar-thumb,.field-tree::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.field-item{display:flex;flex-direction:column}.field-checkbox{align-items:center;background:#eee;border-radius:5px;box-shadow:1px 1px 2px #d5d5d566,-1px -1px 2px #fff6;cursor:pointer;display:flex;gap:8px;padding:6px 8px;transition:all .15s ease}.field-checkbox:hover{background:#8b5cf60d}.field-checkbox-selected{background:#8b5cf61a;box-shadow:inset 1px 1px 2px #8b5cf633,inset -1px -1px 2px #fff6}.field-checkbox input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:14px;width:14px}.field-info{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.field-type{border-radius:3px;flex-shrink:0;font-size:9px;font-weight:600;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.field-type-api{background:#6366f126;color:#4f46e5}.field-type-kafka{background:#f59e0b26;color:#d97706}.field-type-string{background:#10b98126;color:#059669}.field-type-number{background:#3b82f626;color:#2563eb}.field-type-boolean{background:#f59e0b26;color:#d97706}.field-type-object{background:#8b5cf626;color:#7c3aed}.field-type-array{background:#ec489926;color:#be185d}.field-type-arrayItem{background:#ec48991a;color:#be185d}.field-type-null{background:#6b728026;color:#6b7280}.field-length{color:#9ca3af;font-size:9px;font-weight:500}.field-value{color:#6b7280;font-size:10px;max-width:100px}.field-name,.field-value{font-family:Monaco,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-name{color:#1f2937;font-size:11px;font-weight:500}.field-badge{background:#a855f726;border-radius:3px;color:#9333ea;font-size:9px;font-weight:600;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.field-expand-btn{align-items:center;background:#eee;border:none;border-radius:3px;box-shadow:1px 1px 2px #d5d5d566,-1px -1px 2px #fff6;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:18px;justify-content:center;margin-left:auto;transition:all .15s ease;width:18px}.field-expand-btn:hover{color:var(--primary-color)}.field-nested{display:flex;flex-direction:column;gap:4px;margin-top:4px}.field-empty{padding:20px;text-align:center}.field-empty small{color:#9ca3af;font-size:11px}.field-config-empty{background:#fff3;border-radius:8px;padding:32px 20px;text-align:center}.field-config-empty p{color:#6b7280;font-size:12px;font-weight:500;margin:0 0 4px}.field-config-empty small{color:#9ca3af;font-size:11px}.field-selected-summary{background:#8b5cf60d;border-left:3px solid var(--primary-color);border-radius:8px;padding:12px}.field-selected-summary h6{color:#374151;font-size:12px;font-weight:600;margin:0 0 8px}.field-selected-list{display:flex;flex-wrap:wrap;gap:6px}.field-selected-item{background:#eee;border-radius:4px;box-shadow:1px 1px 2px #d5d5d566,-1px -1px 2px #fff6;color:#1f2937;font-family:Monaco,Menlo,monospace;font-size:10px;padding:4px 8px}@media (max-width:768px){.field-config-columns{grid-template-columns:1fr}.field-list,.field-tree{max-height:250px}}.sample-editor{display:flex;flex-direction:column;gap:10px}.sample-editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.sample-editor-title-wrapper{align-items:center;display:flex;gap:8px}.sample-editor-title{color:#374151;font-size:13px;font-weight:600;margin:0}.sample-editor-saving-indicator{animation:pulse 1.5s ease-in-out infinite;color:var(--primary-color);font-size:11px;font-weight:500}.sample-editor-import-btn{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:var(--primary-color);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.sample-editor-import-btn:hover{box-shadow:1px 1px 2px #d5d5d580,-1px -1px 2px #ffffff80}.sample-editor-file-input{display:none}.sample-editor-view{cursor:pointer;transition:opacity .2s ease}.sample-editor-view:hover{opacity:.9}.sample-editor-empty{background:#eee;border-radius:8px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;padding:32px 20px;text-align:center}.sample-editor-empty p{color:#6b7280;font-size:12px;font-weight:500;margin:0 0 4px}.sample-editor-empty small{color:#9ca3af;font-size:11px}.sample-editor-display{border-radius:8px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;max-height:300px;overflow:auto;padding:12px}.sample-editor-display,.sample-editor-display *,.sample-editor-view,.sample-editor-view *{background-color:initial!important}.sample-editor-display{background:#eee!important}.sample-editor-display::-webkit-scrollbar{height:4px;width:4px}.sample-editor-display::-webkit-scrollbar-track{background:#0000}.sample-editor-display::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.sample-editor-json-text{color:#1f2937;font-family:Monaco,Menlo,monospace;font-size:11px;line-height:1.5;white-space:pre}.sample-editor-json-text .json-key{color:#0369a1;font-weight:600}.sample-editor-json-text .json-string{color:#15803d}.sample-editor-json-text .json-number{color:#b45309}.sample-editor-json-text .json-boolean{color:#7c3aed;font-weight:600}.sample-editor-json-text .json-null{color:#dc2626;font-style:italic;font-weight:600}.sample-editor-json-text .json-variable{background:#db27771a;border-radius:3px;color:#db2777;font-weight:700;padding:2px 4px}.sample-editor-formatted-text{color:#1f2937;font-family:Monaco,Menlo,monospace;font-size:11px;line-height:1.5;margin:0;padding:0;white-space:pre}.sample-editor-xml-text{color:#0c4a6e}.sample-editor-copybook-text{color:#1e40af;font-family:Courier New,Courier,monospace}.sample-editor-edit-container{display:flex;flex-direction:column;gap:10px}.sample-editor-error{background:#ef44440d;border-left:3px solid #dc2626;border-radius:6px;color:#dc2626;font-size:11px;padding:8px 12px}.sample-editor-monaco-wrapper{border:1px solid #e5e7eb;border-radius:8px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;position:relative}.sample-editor-monaco-wrapper .monaco-editor{border-radius:8px;position:relative}.sample-editor-monaco-wrapper .monaco-editor,.sample-editor-monaco-wrapper .monaco-editor .inputarea.ime-input,.sample-editor-monaco-wrapper .monaco-editor .lines-content,.sample-editor-monaco-wrapper .monaco-editor .margin,.sample-editor-monaco-wrapper .monaco-editor .view-lines,.sample-editor-monaco-wrapper .monaco-editor-background{background-color:#fafafa!important}.sample-editor-monaco-wrapper .monaco-editor .margin-view-overlays{background-color:#f5f5f5!important}.sample-editor-monaco-wrapper,.sample-editor-monaco-wrapper *,.sample-editor-monaco-wrapper .monaco-editor,.sample-editor-monaco-wrapper .monaco-editor *,.sample-editor-monaco-wrapper .monaco-editor .lines-content,.sample-editor-monaco-wrapper .monaco-editor .view-line,.sample-editor-monaco-wrapper .monaco-editor .view-lines{cursor:text!important;user-select:auto!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important}.sample-editor-monaco-wrapper .monaco-editor .line-numbers{color:#9ca3af!important;cursor:pointer!important;font-size:12px!important;-webkit-user-select:none!important;user-select:none!important}.sample-editor-monaco-wrapper .monaco-editor .current-line~.line-numbers{color:#374151!important;font-weight:600!important}.sample-editor-monaco-wrapper .monaco-editor .selected-text{background-color:#0078d766!important}.sample-editor-monaco-wrapper .monaco-editor .focused .selected-text{background-color:#0078d780!important}.sample-editor-monaco-wrapper .monaco-editor .view-overlays .current-line-selection{background-color:#0078d74d!important}.sample-editor-monaco-wrapper .monaco-editor .view-line span.inline-selected-text{background-color:#0078d766!important}.sample-editor-monaco-wrapper .monaco-editor .lines-content .view-overlays .selected-text,.sample-editor-monaco-wrapper .monaco-editor .view-overlays .current-line-selection{background-color:#0078d766!important;display:block!important;opacity:1!important;visibility:visible!important;z-index:1!important}.sample-editor-monaco-wrapper .monaco-editor .view-overlays .current-line{background-color:#8b5cf60d!important;border:none!important}.sample-editor-monaco-wrapper .monaco-editor .cursor{background-color:var(--primary-color)!important;width:2px!important}.sample-editor-monaco-wrapper .monaco-scrollable-element>.scrollbar{background-color:initial!important}.sample-editor-monaco-wrapper .monaco-scrollable-element>.scrollbar>.slider{background:#00000026!important;border-radius:4px!important}.sample-editor-monaco-wrapper .monaco-scrollable-element>.scrollbar>.slider:hover{background:#00000040!important}.sample-editor-monaco-wrapper .monaco-scrollable-element>.scrollbar>.slider.active{background:#00000059!important}.sample-editor-monaco-wrapper .monaco-editor .minimap{background-color:#f9fafb!important;border-left:1px solid #e5e7eb!important}.sample-editor-monaco-wrapper .monaco-editor .minimap-slider{background-color:#8b5cf61a!important}.sample-editor-monaco-wrapper .monaco-editor .minimap-slider:hover{background-color:#8b5cf626!important}.sample-editor-monaco-wrapper .monaco-editor .find-widget{background-color:#fff!important;border:1px solid #e5e7eb!important;border-radius:6px!important;box-shadow:0 4px 6px #0000001a!important}.sample-editor-monaco-wrapper .monaco-menu{background-color:#fff!important;border:1px solid #e5e7eb!important;border-radius:6px!important;box-shadow:0 4px 12px #00000026!important}.sample-editor-monaco-wrapper .monaco-menu .monaco-action-bar .action-item:hover{background-color:#8b5cf61a!important}.sample-editor-monaco-wrapper .monaco-editor .suggest-widget{background-color:#fff!important;border:1px solid #e5e7eb!important;border-radius:6px!important;box-shadow:0 4px 12px #00000026!important}.sample-editor-monaco-wrapper .monaco-list .monaco-list-row.focused{background-color:#8b5cf61a!important}.sample-editor-monaco-wrapper .monaco-list .monaco-list-row.selected{background-color:#8b5cf626!important}.sample-editor-monaco-wrapper .monaco-editor .bracket-match{background-color:#8b5cf626!important;border:1px solid var(--primary-color)!important}.sample-editor-actions{display:flex;gap:8px}.sample-editor-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.sample-editor-btn-save{background:var(--primary-color);box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff}.sample-editor-btn-save:hover:not(:disabled){background:#7c3aed;box-shadow:3px 3px 6px #8b5cf666,-1px -1px 3px #fff6;transform:translateY(-1px)}.sample-editor-btn-save:active:not(:disabled){transform:translateY(0)}.sample-editor-btn-save:disabled{cursor:not-allowed;opacity:.5}.sample-editor-btn-cancel{background:#eee;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280}.sample-editor-btn-cancel:hover:not(:disabled){color:#374151;transform:translateY(-1px)}.sample-editor-btn-cancel:active:not(:disabled){transform:translateY(0)}.sample-editor-btn-cancel:disabled{cursor:not-allowed;opacity:.5}.step-details-sample-section{display:flex;flex-direction:column;gap:16px}.sample-editor-header-actions{align-items:center;display:flex;gap:8px}.sample-editor-format-selector{background:#eee;border:none;border-radius:6px;box-shadow:inset 1px 1px 3px #d5d5d566,inset -1px -1px 3px #fff6;color:#374151;cursor:pointer;font-size:11px;font-weight:600;padding:6px 10px;transition:all .2s ease}.sample-editor-format-selector:hover{background:#e8e8e8}.sample-editor-format-selector:focus{box-shadow:inset 1px 1px 3px #8b5cf64d,inset -1px -1px 3px #ffffff80;outline:none}.sample-editor-format-selector:disabled{cursor:not-allowed;opacity:.6}.sample-editor-view-toggle{background:#eee;border-radius:6px;box-shadow:inset 1px 1px 3px #d5d5d566,inset -1px -1px 3px #fff6;display:flex;gap:4px;padding:2px}.view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px;transition:all .2s ease}.view-toggle-btn:hover{color:#374151}.view-toggle-btn.active{background:var(--primary-color);box-shadow:1px 1px 3px #8b5cf666,-1px -1px 2px #fff3;color:#fff}.sample-editor-toolbar{align-items:center;background:#eee;border-radius:8px;box-shadow:1px 1px 3px #d5d5d566,-1px -1px 3px #fff6;display:flex;justify-content:space-between;padding:8px 12px}.sample-editor-format-info{align-items:center;color:#6b7280;display:flex;font-size:11px;gap:4px}.sample-editor-format-info strong{color:var(--primary-color);font-weight:700}.sample-editor-tree-wrapper{border-radius:8px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;overflow:hidden}@media (max-width:768px){.sample-editor-header{align-items:flex-start;flex-direction:column;gap:8px}.sample-editor-header-actions{flex-wrap:wrap;width:100%}.sample-editor-import-btn{justify-content:center;width:100%}.sample-editor-display{max-height:200px}.sample-editor-toolbar{align-items:flex-start;flex-direction:column;gap:8px}.sample-editor-monaco-wrapper .monaco-editor .minimap{display:none!important}}.sample-editor-shortcut-hint{align-items:center;background:#8b5cf61a;border-radius:4px;color:var(--primary-color);display:inline-flex;font-size:10px;font-weight:600;gap:4px;margin-left:8px;padding:2px 6px}.sample-editor-shortcut-hint kbd{background:#fff;border:1px solid #e5e7eb;border-radius:3px;box-shadow:0 1px 2px #0000000d;font-family:monospace;font-size:9px;padding:1px 4px}.headers-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.headers-section-title{align-items:center;display:flex;gap:8px}.headers-section-header h4{color:#1f2937;font-size:14px;font-weight:600;margin:0}.help-icon-button{align-items:center;background:#0000;border:none;color:#9ca3af;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.help-icon-button:hover{color:var(--primary-color);transform:scale(1.1)}.help-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.help-modal-content{animation:modalSlideIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.help-modal-header{align-items:center;background:linear-gradient(145deg,#fafafa,#fff);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.help-modal-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.help-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.help-modal-close:hover{background:#f3f4f6;color:#1f2937}.help-modal-body{color:#374151;font-size:14px;line-height:1.6;overflow-y:auto;padding:24px}.help-modal-body p{margin:0 0 12px}.help-modal-body p:last-child{margin-bottom:0}.help-modal-body strong{color:#1f2937;font-weight:600}.help-modal-body ul{margin:12px 0;padding-left:24px}.help-modal-body li{margin:8px 0}.help-modal-body::-webkit-scrollbar{width:6px}.help-modal-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.help-modal-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.help-modal-body::-webkit-scrollbar-thumb:hover{background:#a0aec0}.headers-add-container{position:relative}.headers-add-btn{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:var(--primary-color);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.headers-add-btn:hover{box-shadow:1px 1px 2px #d5d5d580,-1px -1px 2px #ffffff80}.headers-dropdown{background:#eee;border-radius:10px;box-shadow:5px 5px 15px #b4b4b4cc,-5px -5px 15px #ffffffe6,inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #c8c8c84d;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);width:320px;z-index:100}.headers-dropdown-search{align-items:center;border-bottom:1px solid #d5d5d54d;display:flex;gap:8px;padding:10px 12px}.headers-dropdown-search svg{color:#9ca3af;flex-shrink:0}.headers-dropdown-search-input{background:#0000;border:none;color:#1f2937;flex:1 1;font-size:12px;padding:0}.headers-dropdown-search-input:focus{outline:none}.headers-dropdown-search-input::placeholder{color:#9ca3af}.headers-dropdown-list{max-height:300px;overflow-y:auto}.headers-dropdown-list::-webkit-scrollbar{width:4px}.headers-dropdown-list::-webkit-scrollbar-track{background:#0000}.headers-dropdown-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.headers-dropdown-item{cursor:pointer;padding:10px 12px;transition:background .15s ease}.headers-dropdown-item-selected,.headers-dropdown-item:hover{background:#8b5cf614}.headers-dropdown-item-custom{border-top:1px solid #d5d5d54d}.headers-dropdown-item-name{align-items:center;color:#1f2937;display:flex;font-size:12px;font-weight:600;gap:4px;margin-bottom:2px}.headers-dropdown-item-desc{color:#6b7280;font-size:10px}.headers-dropdown-empty{color:#9ca3af;font-size:11px;padding:20px;text-align:center}.headers-list{display:flex;flex-direction:column;gap:8px}.headers-row{align-items:center;background:#ffffff4d;border-radius:6px;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.headers-row-editing{background:#eee;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;padding:12px}.headers-display-container{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:12px;min-width:0}.headers-display-container:hover{opacity:.8}.headers-name{color:#374151;flex-shrink:0;font-weight:600;min-width:120px}.headers-name,.headers-value{font-family:Monaco,Menlo,monospace;font-size:12px}.headers-value{color:#6b7280;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.headers-actions{display:flex;flex-shrink:0;gap:4px}.headers-btn{align-items:center;background:#eee;border:none;border-radius:5px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;justify-content:center;padding:6px 10px;transition:all .2s ease}.headers-btn:hover{box-shadow:1px 1px 2px #d5d5d580,-1px -1px 2px #ffffff80}.headers-btn-delete{color:#9ca3af;height:28px;padding:0;width:28px}.headers-btn-delete:hover{color:#ef4444}.headers-btn-save{background:var(--primary-color);box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff}.headers-btn-save:hover:not(:disabled){background:#7c3aed}.headers-btn-save:disabled{cursor:not-allowed;opacity:.5}.headers-btn-cancel{color:#6b7280}.headers-btn-cancel:hover:not(:disabled){color:#374151}.headers-edit-container{display:flex;flex-direction:column;gap:10px;width:100%}.headers-edit-fields{grid-gap:10px;display:grid;gap:10px;grid-template-columns:150px 1fr}.headers-input{background:#eee;border:1px solid #d5d5d580;border-radius:5px;box-shadow:inset 1px 1px 2px #d5d5d566,inset -1px -1px 2px #fff6;color:#1f2937;font-family:Monaco,Menlo,monospace;font-size:11px;padding:8px 10px}.headers-input:focus{border-color:var(--primary-color);outline:none}.headers-input::placeholder{color:#9ca3af}.headers-edit-actions{display:flex;gap:8px}.headers-empty{background:#fff3;border-radius:8px;padding:32px 20px;text-align:center}.headers-empty p{color:#6b7280;font-size:12px;font-weight:500;margin:0 0 4px}.headers-empty small{color:#9ca3af;font-size:11px}@media (max-width:768px){.headers-dropdown{width:280px}.headers-edit-fields{grid-template-columns:1fr}.headers-name{min-width:80px}}.endpoint-configuration-display{cursor:pointer;transition:opacity .2s ease}.endpoint-configuration-display:hover{opacity:.9}.endpoint-configuration-row{align-items:flex-start;border-bottom:1px solid #d5d5d533;display:flex;padding:10px 0}.endpoint-configuration-row:last-child{border-bottom:none}.endpoint-configuration-row-subtle{opacity:.7}.endpoint-configuration-row-params{align-items:flex-start;flex-direction:column}.endpoint-configuration-label{color:#6b7280;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;width:100px}.endpoint-configuration-value{color:#1f2937;flex:1 1;font-size:12px}.endpoint-configuration-method-tag{border-radius:4px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.endpoint-configuration-method-tag.get{background:#10b98126;color:#059669}.endpoint-configuration-method-tag.post{background:#3b82f626;color:#2563eb}.endpoint-configuration-method-tag.put{background:#f59e0b26;color:#d97706}.endpoint-configuration-method-tag.patch{background:#8b5cf626;color:#7c3aed}.endpoint-configuration-method-tag.delete{background:#ef44441a;color:#dc2626}.endpoint-configuration-url-text{font-family:Monaco,Menlo,monospace;font-size:11px;line-height:1.5;word-break:break-all}.endpoint-configuration-url-resolved{color:#6b7280}.endpoint-configuration-params-compact{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.endpoint-configuration-param-chip{align-items:center;background:#6366f11a;border-radius:4px;display:inline-flex;font-family:Monaco,Menlo,monospace;font-size:10px;padding:3px 8px}.endpoint-configuration-param-chip-name{color:#4f46e5;font-weight:600}.endpoint-configuration-param-chip-separator{color:#9ca3af;margin:0 3px}.endpoint-configuration-param-chip-value{color:#6b7280}.endpoint-configuration-form{display:flex;flex-direction:column;gap:12px}.endpoint-configuration-form-group{display:flex;flex-direction:column;gap:6px}.endpoint-configuration-form-group label{color:#374151;font-size:11px;font-weight:600}.endpoint-configuration-method-select,.endpoint-configuration-url-input{background:#eee;border:1px solid #d5d5d580;border-radius:6px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;color:#1f2937;font-size:12px;padding:8px 10px;transition:border-color .2s ease;width:100%}.endpoint-configuration-method-select:focus,.endpoint-configuration-url-input:focus{border-color:var(--primary-color);outline:none}.endpoint-configuration-url-input::placeholder{color:#9ca3af}.endpoint-configuration-form-help{color:#6b7280;font-size:10px;margin-top:2px}.endpoint-configuration-params-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.endpoint-configuration-add-param-btn{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:var(--primary-color);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:5px 10px;transition:all .2s ease}.endpoint-configuration-add-param-btn:hover{box-shadow:1px 1px 2px #d5d5d580,-1px -1px 2px #ffffff80}.endpoint-configuration-params-list{display:flex;flex-direction:column;gap:8px}.endpoint-configuration-param-row{align-items:flex-start;background:#ffffff4d;border-radius:6px;display:flex;gap:8px;padding:10px}.endpoint-configuration-param-inputs{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-columns:1fr 2fr}.endpoint-configuration-param-input{background:#eee;border:1px solid #d5d5d580;border-radius:5px;box-shadow:inset 1px 1px 2px #d5d5d566,inset -1px -1px 2px #fff6;color:#1f2937;font-size:11px;padding:6px 8px}.endpoint-configuration-param-input:focus{border-color:var(--primary-color);outline:none}.endpoint-configuration-param-input::placeholder{color:#9ca3af}.endpoint-configuration-remove-param-btn{align-items:center;background:#eee;border:none;border-radius:5px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.endpoint-configuration-remove-param-btn:hover{color:#ef4444}.endpoint-configuration-no-params{background:#fff3;border-radius:6px;color:#6b7280;font-size:11px;padding:20px;text-align:center}.endpoint-configuration-form-actions{display:flex;gap:8px;margin-top:4px}.endpoint-configuration-cancel-btn,.endpoint-configuration-save-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.endpoint-configuration-save-btn{background:var(--primary-color);box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff}.endpoint-configuration-save-btn:hover:not(:disabled){background:#7c3aed}.endpoint-configuration-save-btn:disabled{cursor:not-allowed;opacity:.5}.endpoint-configuration-cancel-btn{background:#eee;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280}.endpoint-configuration-cancel-btn:hover{color:#374151}@media (max-width:768px){.endpoint-configuration-param-inputs{grid-template-columns:1fr}.endpoint-configuration-row{align-items:flex-start;flex-direction:column;gap:4px}.endpoint-configuration-label{width:auto}}.clickable-description,.clickable-step-info{cursor:pointer;transition:opacity .2s ease}.clickable-description:hover,.clickable-step-info:hover{opacity:.8}.database-assertions-section{background:#eee;border-radius:10px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;margin-bottom:16px;padding:16px}.database-assertions-section-header{align-items:center;border-bottom:1px solid #d5d5d54d;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:14px;padding-bottom:10px}.database-assertions-section-header h4{color:#1f2937;font-size:14px;font-weight:600;margin:0}.database-assertions-invalid-badge{align-items:center;background-color:#ef44441a;border:1px solid #ef44444d;border-radius:4px;color:#dc2626;display:inline-flex;font-size:10px;font-weight:600;gap:4px;padding:3px 8px}.database-assertions-add-btn{align-items:center;background:var(--primary-color);border:none;border-radius:6px;box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease}.database-assertions-add-btn:hover{background:#7c3aed}.database-assertions-content{display:flex;flex-direction:column;gap:16px}.database-assertions-warning{align-items:flex-start;background:#ef44440d;border:1px solid #ef444433;border-radius:8px;display:flex;gap:10px;padding:10px 12px}.database-assertions-warning svg{color:#dc2626;flex-shrink:0;margin-top:2px}.database-assertions-warning strong{color:#dc2626;display:block;font-size:11px;font-weight:600;margin-bottom:2px}.database-assertions-warning small{color:#991b1b;display:block;font-size:10px}.database-assertions-legend{background:#ffffff4d;border-radius:6px;display:flex;flex-wrap:wrap;gap:16px;padding:8px 12px}.database-assertions-legend-item{align-items:center;display:flex;gap:6px}.database-assertions-legend-item small{color:#6b7280;font-size:10px}.database-assertions-badge{align-items:center;border:1px solid;border-radius:3px;display:inline-flex;font-size:9px;font-weight:600;padding:2px 6px}.database-assertions-badge-api{background-color:#3b82f61a;border-color:#3b82f64d;color:#2563eb}.database-assertions-badge-sample{background-color:#10b9811a;border-color:#10b9814d;color:#059669}.database-assertions-form{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:8px;padding:16px}.database-assertions-form-row{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,2fr);margin-bottom:12px}.database-assertions-field-input{position:relative}.database-assertions-input{background:#eee;border:1px solid #d5d5d580;border-radius:6px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;box-sizing:border-box;color:#1f2937;font-size:11px;min-width:0;padding:10px 12px;transition:all .2s ease;width:100%}.database-assertions-input:focus{border-color:var(--primary-color);box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80,0 0 0 2px #8b5cf61a;outline:none}.database-assertions-input-invalid{border-color:#ef4444}.database-assertions-select{-webkit-appearance:none;appearance:none;background:#eee;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 8 2 4h8z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #d5d5d580;border-radius:6px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;box-sizing:border-box;color:#1f2937;cursor:pointer;font-size:11px;min-width:0;padding:10px 32px 10px 12px;transition:all .2s ease;width:100%}.database-assertions-select:focus{border-color:var(--primary-color);outline:none}.database-assertions-field-warning{align-items:center;color:#dc2626;display:flex;font-size:9px;gap:3px;margin-top:3px}.database-assertions-field-warning svg{flex-shrink:0}.database-assertions-form-actions{display:flex;gap:8px}.database-assertions-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;justify-content:center;padding:6px 12px;transition:all .2s ease}.database-assertions-btn-save{background:var(--primary-color);box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff}.database-assertions-btn-save:hover:not(:disabled){background:#7c3aed}.database-assertions-btn-save:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.database-assertions-btn-cancel{background:#eee;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#6b7280}.database-assertions-btn-cancel:hover{color:#374151}.database-assertions-list{display:flex;flex-direction:column;gap:8px}.database-assertion-item{grid-gap:12px;align-items:center;background:#ffffff4d;border-radius:6px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:12px 14px;transition:all .2s ease}.database-assertion-item>.database-assertions-field-input{grid-column:1}.database-assertion-item>.database-assertions-select{grid-column:2}.database-assertion-item>.database-assertions-input,.database-assertion-item>div:nth-child(3){grid-column:3}.database-assertion-item>.database-assertion-actions{grid-column:4;grid-row:1}.database-assertion-item:has(>.database-assertions-field-input){gap:12px;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,2fr) auto}.database-assertion-item-invalid{background:#ef444408;border-left:3px solid #dc2626}.database-assertion-display{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:12px;min-width:0}.database-assertion-display:hover{opacity:.8}.database-assertion-field{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.database-assertion-warning-icon{color:#dc2626;flex-shrink:0}.database-assertion-key{color:#1f2937;font-family:Monaco,Menlo,monospace;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.database-assertion-operator{background:#6366f11a;border-radius:4px;color:#4f46e5;flex-shrink:0;font-size:10px;font-weight:600;padding:3px 8px}.database-assertion-display .variable-reference-display,.database-assertion-value{color:#6b7280;flex:1 1;font-family:Monaco,Menlo,monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.database-assertion-display .variable-reference-display *{font-family:Monaco,Menlo,monospace!important;font-size:11px!important}.database-assertion-suggestions{align-items:center;border-top:1px solid #d5d5d54d;display:flex;flex-wrap:wrap;gap:6px;grid-column:1/-1;margin-top:8px;padding-top:8px}.database-assertion-suggestions small{color:#6b7280;font-size:10px}.database-assertion-suggestion-btn{background:#eee;border:1px solid #8b5cf64d;border-radius:4px;color:var(--primary-color);cursor:pointer;font-family:Monaco,Menlo,monospace;font-size:10px;font-weight:500;padding:3px 8px;transition:all .2s ease}.database-assertion-suggestion-btn:hover{background:#8b5cf61a}.database-assertion-actions{display:flex;flex-shrink:0;gap:4px}.database-assertion-delete-btn{align-items:center;background:#eee;border:none;border-radius:5px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.database-assertion-delete-btn:hover{color:#ef4444}.database-assertions-empty{background:#fff3;border:1px dashed #d5d5d580;border-radius:8px;padding:24px 16px;text-align:center}.database-assertions-empty p{color:#6b7280;font-size:12px;margin:0 0 4px}.database-assertions-empty small{color:#9ca3af;font-size:10px}@media (max-width:768px){.database-assertions-section{padding:12px}.database-assertions-form-row{gap:10px;grid-template-columns:1fr}.database-assertion-item{grid-template-columns:1fr}.database-assertion-item:has(>.database-assertions-field-input){grid-template-columns:1fr}.database-assertion-item>.database-assertion-actions,.database-assertion-item>.database-assertions-field-input,.database-assertion-item>.database-assertions-input,.database-assertion-item>.database-assertions-select,.database-assertion-item>div:nth-child(3){grid-column:1}.database-assertion-display{flex-wrap:wrap}.database-assertion-actions{justify-content:flex-end}.database-assertions-section-header{align-items:flex-start;flex-direction:column}}.grouped-fields-dropdown{position:relative;width:100%}.grouped-fields-dropdown-trigger{align-items:center;background:#eee;border:1px solid #d5d5d580;border-radius:6px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;box-sizing:border-box;color:#1f2937;cursor:pointer;display:flex;font-size:11px;justify-content:space-between;min-width:0;padding:7px 9px;transition:all .2s ease;width:100%}.grouped-fields-dropdown-trigger:hover{border-color:var(--primary-color)}.grouped-fields-dropdown-trigger.open{border-color:var(--primary-color);box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80,0 0 0 2px #8b5cf61a}.grouped-fields-dropdown-trigger.invalid{border-color:#ef4444}.grouped-fields-dropdown-trigger .placeholder{color:#9ca3af}.grouped-fields-dropdown-trigger .selected{color:#1f2937;font-family:Monaco,Menlo,monospace}.grouped-fields-dropdown-trigger .chevron{color:#6b7280;flex-shrink:0;transition:transform .2s ease}.grouped-fields-dropdown-trigger .chevron.rotated{transform:rotate(180deg)}.grouped-fields-dropdown-menu{background:#fff;border:1px solid #d5d5d580;border-radius:8px;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000d;display:flex;flex-direction:column;left:0;max-height:320px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.grouped-fields-dropdown-search{background:#f9fafb;border-bottom:1px solid #d5d5d54d;padding:8px}.grouped-fields-dropdown-search-input{background:#fff;border:1px solid #d5d5d580;border-radius:4px;box-sizing:border-box;color:#1f2937;font-size:10px;padding:6px 8px;width:100%}.grouped-fields-dropdown-search-input:focus{border-color:var(--primary-color);outline:none}.grouped-fields-dropdown-content{max-height:260px;overflow-y:auto}.grouped-fields-dropdown-group{border-bottom:1px solid #d5d5d533}.grouped-fields-dropdown-group:last-child{border-bottom:none}.grouped-fields-dropdown-group-header{align-items:center;background:#f9fafb;color:#374151;display:flex;font-size:10px;font-weight:600;gap:6px;letter-spacing:.3px;padding:8px 10px;text-transform:uppercase}.grouped-fields-dropdown-group-header.clickable{cursor:pointer;transition:background .15s ease;-webkit-user-select:none;user-select:none}.grouped-fields-dropdown-group-header.clickable:hover{background:#8b5cf614}.grouped-fields-dropdown-group-header svg{color:#6b7280;flex-shrink:0}.grouped-fields-dropdown-group-title{flex:1 1}.grouped-fields-dropdown-group-count{background:#8b5cf61a;border-radius:3px;color:var(--primary-color);font-size:9px;font-weight:600;padding:2px 6px}.grouped-fields-dropdown-group-items{display:flex;flex-direction:column}.grouped-fields-dropdown-item{border-bottom:1px solid #d5d5d51a;color:#1f2937;cursor:pointer;font-family:Monaco,Menlo,monospace;font-size:11px;padding:8px 12px 8px 28px;transition:all .15s ease}.grouped-fields-dropdown-item:last-child{border-bottom:none}.grouped-fields-dropdown-item:hover{background:#8b5cf60d;padding-left:32px}.grouped-fields-dropdown-item.selected{background:#8b5cf61a;color:var(--primary-color);font-weight:600}.grouped-fields-dropdown-empty{color:#9ca3af;font-size:10px;padding:16px 12px;text-align:center}.database-assertion-delete-btn:focus-visible,.database-assertion-suggestion-btn:focus-visible,.database-assertions-btn:focus-visible,.database-assertions-input:focus-visible,.database-assertions-select:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.database-connection-section{background:#eee;border-radius:10px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;box-sizing:border-box;margin-bottom:16px;padding:16px}.database-connection-section-header{align-items:center;border-bottom:1px solid #d5d5d54d;display:flex;justify-content:space-between;margin-bottom:14px;padding-bottom:10px}.database-connection-section-title{align-items:center;display:flex;gap:8px}.database-connection-section-title svg{color:var(--primary-color);flex-shrink:0}.database-connection-section-title h3{color:#1f2937;font-size:14px;font-weight:600;margin:0}.database-connection-section-content{display:flex;flex-direction:column;gap:12px}.database-connection-form-group{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.database-connection-form-group-small{flex:0 0 120px}.database-connection-form-row{display:flex;gap:12px;min-width:0}.database-connection-form-group label{color:#374151;font-size:11px;font-weight:600;margin:0}.database-connection-form-control{background:#eee;border:1px solid #d5d5d580;border-radius:6px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;box-sizing:border-box;color:#1f2937;font-size:12px;min-width:0;padding:8px 10px;transition:all .2s ease;width:100%}.database-connection-form-control:focus{border-color:var(--primary-color);box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80,0 0 0 2px #8b5cf61a;outline:none}.database-connection-form-control.error{border-color:#ef4444;box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80,0 0 0 2px #ef44441a}.database-connection-form-control::placeholder{color:#9ca3af;font-size:11px}.database-connection-form-control:disabled{background:#f9fafb80;cursor:not-allowed;opacity:.6}.database-connection-textarea{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;line-height:1.5;min-height:80px;resize:vertical}select.database-connection-form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 8 2 4h8z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;cursor:pointer;padding-right:30px}input[type=number].database-connection-form-control{-moz-appearance:textfield}input[type=number].database-connection-form-control::-webkit-inner-spin-button,input[type=number].database-connection-form-control::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=password].database-connection-form-control{letter-spacing:.1em}.database-connection-error{color:#ef4444;display:block;font-size:10px;margin-top:2px}.database-connection-hint{color:#6b7280;display:block;font-size:10px;font-style:italic;margin-top:4px}.database-connection-subsection{background:#ffffff4d;border:1px solid #d5d5d533;border-radius:8px;box-sizing:border-box;margin-top:8px;padding:12px}.database-connection-subsection-header{align-items:center;display:flex;gap:6px;margin-bottom:10px}.database-connection-subsection-header svg{color:#6b7280;flex-shrink:0}.database-connection-subsection-header h4{color:#374151;font-size:12px;font-weight:600;margin:0}@media (max-width:640px){.database-connection-section{padding:12px}.database-connection-form-row{flex-direction:column;gap:12px}.database-connection-form-group-small{flex:1 1}.database-connection-section-title h3{font-size:13px}.database-connection-subsection{padding:10px}}.database-connection-form-control:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.database-fields-section{background:#eee;border-radius:10px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;margin-bottom:16px;padding:16px}.database-fields-section-header{align-items:center;border-bottom:1px solid #d5d5d54d;display:flex;justify-content:space-between;margin-bottom:14px;padding-bottom:10px}.database-fields-section-title{align-items:center;display:flex;gap:8px}.database-fields-section-title svg{color:var(--primary-color);flex-shrink:0}.database-fields-section-title h3{color:#1f2937;font-size:14px;font-weight:600;margin:0}.database-fields-section-content{display:flex;flex-direction:column;gap:12px}.database-fields-help-text{color:#9ca3af;display:block;font-size:10px;line-height:1.4;margin:0 0 8px}.database-fields-add-section{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.database-fields-add-form{align-items:center;display:flex;gap:8px}.database-fields-input{background:#eee;border:1px solid #d5d5d580;border-radius:6px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;color:#1f2937;flex:1 1;font-family:Monaco,Menlo,monospace;font-size:11px;padding:8px 10px;transition:all .2s ease}.database-fields-input:focus{border-color:var(--primary-color);box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80,0 0 0 2px #8b5cf61a;outline:none}.database-fields-input::placeholder{color:#9ca3af;font-size:11px}.database-fields-add-btn{align-items:center;background:var(--primary-color);border:none;border-radius:6px;box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #fff3;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.database-fields-add-btn:hover:not(:disabled){background:#7c3aed;box-shadow:3px 3px 6px #8b5cf666,-1px -1px 3px #ffffff4d;transform:translateY(-1px)}.database-fields-add-btn:active:not(:disabled){box-shadow:inset 2px 2px 4px #0003,inset -1px -1px 2px #ffffff1a;transform:translateY(0)}.database-fields-add-btn:disabled{cursor:not-allowed;opacity:.5}.database-fields-hint{color:#9ca3af;display:block;font-size:10px}.database-fields-hint code{background:#8b5cf61a;border-radius:3px;color:var(--primary-color);font-family:Monaco,Menlo,monospace;font-size:10px;padding:2px 4px}.database-fields-list-section{display:flex;flex-direction:column;gap:10px}.database-fields-list-section h4{color:#374151;font-size:11px;font-weight:600;margin:0}.database-fields-list{display:flex;flex-direction:column;gap:6px}.database-fields-grouped-list{display:flex;flex-direction:column;gap:8px}.database-field-group{background:#ffffff4d;border:1px solid #d5d5d54d;border-radius:6px;overflow:hidden}.database-field-group-header{align-items:center;background:#f3f4f680;border-bottom:1px solid #d5d5d54d;color:#374151;display:flex;font-size:10px;font-weight:600;gap:6px;padding:8px 10px}.database-field-group-header.clickable{cursor:pointer;transition:background .15s ease;-webkit-user-select:none;user-select:none}.database-field-group-header.clickable:hover{background:#8b5cf614}.database-field-group-header svg{color:#6b7280;flex-shrink:0}.database-field-group-title{flex:1 1;letter-spacing:.3px;text-transform:uppercase}.database-field-group-count{background:#8b5cf61a;border-radius:3px;color:var(--primary-color);font-size:9px;font-weight:600;padding:2px 6px}.database-field-group-items{display:flex;flex-direction:column;gap:0}.database-field-group-items .database-field-item{border-bottom:1px solid #d5d5d533;border-radius:0;box-shadow:none}.database-field-group-items .database-field-item:last-child{border-bottom:none}.database-field-group-items .database-field-item:hover{background:#ffffff80;box-shadow:none}.database-field-item{align-items:center;background:#eee;border-radius:6px;box-shadow:1px 1px 3px #d5d5d54d,-1px -1px 3px #ffffff4d;display:flex;gap:12px;justify-content:space-between;padding:8px 10px;transition:all .2s ease}.database-field-item:hover{box-shadow:2px 2px 4px #d5d5d566,-1px -1px 3px #fff6}.database-field-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.database-field-name{color:#1f2937;font-size:11px;font-weight:600}.database-field-path{color:var(--primary-color);font-family:Monaco,Menlo,monospace;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.database-field-actions{display:flex;flex-shrink:0;gap:4px}.database-field-btn{align-items:center;background:#eee;border:none;border-radius:4px;box-shadow:1px 1px 2px #d5d5d566,-1px -1px 2px #fff6;color:#9ca3af;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.database-field-btn:hover:not(:disabled){box-shadow:2px 2px 3px #d5d5d580,-1px -1px 2px #ffffff80;color:var(--primary-color);transform:translateY(-1px)}.database-field-btn-delete:hover:not(:disabled){color:#ef4444}.database-field-btn:active:not(:disabled){box-shadow:inset 1px 1px 2px #d5d5d580,inset -1px -1px 2px #fff6;transform:translateY(0)}.database-field-btn:disabled{cursor:not-allowed;opacity:.5}.database-field-btn-save{background:var(--primary-color);color:#fff}.database-field-btn-save:hover:not(:disabled){background:#7c3aed;color:#fff}.database-field-btn-cancel{background:#eee;color:#6b7280}.database-field-edit-form{align-items:center;display:flex;gap:8px;width:100%}.database-field-edit-form .database-fields-input{flex:1 1}.database-fields-empty{background:#eee;border-radius:8px;box-shadow:inset 1px 1px 3px #d5d5d54d,inset -1px -1px 3px #ffffff4d;padding:20px 16px;text-align:center}.database-fields-empty p{color:#6b7280;font-size:11px;font-weight:500;margin:0 0 4px}.database-fields-empty small{color:#9ca3af;font-size:10px}@media (max-width:640px){.database-fields-section{padding:12px}.database-fields-form-row{flex-direction:column;gap:0}.database-fields-button{margin-top:8px;width:100%}.database-fields-section-title h3{font-size:13px}.database-fields-subsection{padding:10px}}.database-fields-button:focus-visible,.database-fields-form-control:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.database-query-section{background:#eee;border-radius:10px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;box-sizing:border-box;margin-bottom:16px;padding:16px}.database-query-section-header{align-items:center;border-bottom:1px solid #d5d5d54d;display:flex;justify-content:space-between;margin-bottom:14px;padding-bottom:10px}.database-query-section-title{align-items:center;display:flex;gap:8px}.database-query-section-title svg{color:var(--primary-color);flex-shrink:0}.database-query-section-title h3{color:#1f2937;font-size:14px;font-weight:600;margin:0}.database-query-validation-status{align-items:center;display:flex}.database-query-status-error,.database-query-status-success{align-items:center;border-radius:4px;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.database-query-status-success{background:#0596691a;color:#059669}.database-query-status-success svg{color:#059669}.database-query-status-error{background:#dc26261a;color:#dc2626}.database-query-status-error svg{color:#dc2626}.database-query-section-content{display:flex;flex-direction:column;gap:12px}.database-query-form-group{display:flex;flex-direction:column;gap:6px;min-width:0}.database-query-form-group label{color:#374151;font-size:11px;font-weight:600;margin:0}.database-query-form-control{background:#eee;border:1px solid #d5d5d580;border-radius:6px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;box-sizing:border-box;color:#1f2937;font-size:12px;padding:8px 10px;transition:all .2s ease;width:100%}.database-query-form-control:focus{border-color:var(--primary-color);box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80,0 0 0 2px #8b5cf61a;outline:none}.database-query-form-control::placeholder{color:#9ca3af;font-size:11px}select.database-query-form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 8 2 4h8z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;cursor:pointer;padding-right:30px}.database-query-editor-wrapper{border:1px solid #d5d5d580;border-radius:6px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;overflow:hidden}.database-query-editor-wrapper .monaco-editor{padding:4px 0}.database-query-view{border:1px solid #d5d5d54d;border-radius:6px;cursor:pointer;min-height:120px;padding:16px;transition:all .2s ease}.database-query-code,.database-query-code *,.database-query-display,.database-query-display *,.database-query-view,.database-query-view *{background-color:initial!important}.database-query-view{background:#ffffff4d!important}.database-query-view:hover{background:#ffffff80;border-color:#d5d5d580;box-shadow:2px 2px 4px #d5d5d54d,-1px -1px 3px #ffffff4d}.database-query-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;min-height:100px;text-align:center}.database-query-empty p{color:#6b7280;font-size:13px;font-weight:500;margin:0 0 4px}.database-query-empty small{color:#9ca3af;font-size:11px}.database-query-display{width:100%}.database-query-code{word-wrap:break-word;color:#1f2937;font-family:Monaco,Menlo,Consolas,Cascadia Code,monospace;font-size:13px;line-height:1.6;margin:0;overflow-x:auto;white-space:pre-wrap}.database-query-code .sql-keyword{color:#0369a1;font-weight:700;text-transform:uppercase}.database-query-code .sql-function{color:#7c3aed;font-weight:600}.database-query-code .sql-datatype{color:#0891b2;font-weight:600;text-transform:uppercase}.database-query-code .sql-string{color:#15803d}.database-query-code .sql-number{color:#b45309}.database-query-code .sql-variable{background:#db27771a;border-radius:3px;color:#db2777;font-weight:600;padding:2px 4px}.database-query-code .sql-comment{color:#6b7280;font-style:italic}.database-query-help-text{color:#6b7280;display:block;font-size:10px;line-height:1.6;margin:4px 0 0}.database-query-help-text code{background:#8b5cf61a;border-radius:3px;color:var(--primary-color);font-family:Monaco,Menlo,Consolas,monospace;font-size:10px;padding:2px 4px}.database-query-errors{background:#dc26260d;border:1px solid #dc262633;border-radius:6px;margin-top:8px;padding:10px}.database-query-errors-header{align-items:center;color:#dc2626;display:flex;font-size:11px;font-weight:600;gap:6px;margin-bottom:6px}.database-query-errors-header svg{flex-shrink:0}.database-query-errors-list{list-style:none;margin:0;padding-left:20px}.database-query-errors-list li{color:#991b1b;font-size:11px;margin-bottom:4px;padding-left:12px;position:relative}.database-query-errors-list li:before{color:#dc2626;content:"•";left:0;position:absolute}.database-query-errors-list li:last-child{margin-bottom:0}@media (max-width:640px){.database-query-section{padding:12px}.database-query-section-header{align-items:flex-start;flex-direction:column;gap:8px}.database-query-section-title h3{font-size:13px}.database-query-editor-wrapper{height:250px!important}.database-query-actions{flex-direction:column}.database-query-btn{width:100%}}.database-query-actions{border-top:1px solid #d5d5d54d;display:flex;gap:10px;margin-top:12px;padding-top:12px}.database-query-btn{align-items:center;border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s ease}.database-query-btn:disabled{cursor:not-allowed;opacity:.5}.database-query-btn-save{background:var(--primary-color);box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #fff3;color:#fff}.database-query-btn-save:hover:not(:disabled){background:#7c3aed;box-shadow:3px 3px 6px #8b5cf666,-1px -1px 3px #ffffff4d;transform:translateY(-1px)}.database-query-btn-save:active:not(:disabled){box-shadow:inset 2px 2px 4px #0003,inset -1px -1px 2px #ffffff1a;transform:translateY(0)}.database-query-btn-cancel{background:#eee;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280}.database-query-btn-cancel:hover:not(:disabled){background:#e5e5e5;box-shadow:3px 3px 6px #d5d5d5b3,-2px -2px 4px #ffffffb3;color:#374151;transform:translateY(-1px)}.database-query-btn-cancel:active:not(:disabled){box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 4px #fff9;transform:translateY(0)}.database-query-form-control:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.database-query-editor-wrapper .monaco-editor,.database-query-editor-wrapper .monaco-editor .inputarea.ime-input,.database-query-editor-wrapper .monaco-editor .lines-content,.database-query-editor-wrapper .monaco-editor .margin,.database-query-editor-wrapper .monaco-editor .view-lines,.database-query-editor-wrapper .monaco-editor-background{background-color:#fafafa!important}.database-query-editor-wrapper .monaco-editor .margin-view-overlays{background-color:#f5f5f5!important}.database-query-editor-wrapper .monaco-scrollable-element>.scrollbar>.slider{background:#0003!important}.database-query-editor-wrapper .monaco-scrollable-element>.scrollbar>.slider:hover{background:#0000004d!important}.database-step-info-header{background:#eee;border-radius:10px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;margin-bottom:16px;padding:16px}.database-step-info-title-section{display:flex;flex-direction:column;gap:8px}.database-step-info-title-section.clickable-step-info{cursor:pointer;transition:all .2s ease}.database-step-info-title-section.clickable-step-info:hover{opacity:.8}.database-step-info-title-content{align-items:center;display:flex;gap:12px;justify-content:space-between}.database-step-info-title-content h2{color:#1f2937;flex:1 1;font-size:16px;font-weight:600;margin:0}.database-step-info-badges{align-items:center;display:flex;flex-shrink:0;gap:8px}.database-step-info-type-badge{border:1px solid;border-radius:4px;font-size:10px;font-weight:600;padding:4px 10px}.database-step-info-type-badge.database{background-color:#8b5cf61a;border-color:#8b5cf64d;color:#7c3aed}.database-step-info-request-type-badge{border:1px solid;border-radius:4px;font-size:10px;font-weight:600;padding:4px 10px;text-transform:uppercase}.database-step-info-request-type-badge.sql{background-color:#3b82f61a;border-color:#3b82f64d;color:#2563eb}.database-step-info-request-type-badge.nosql{background-color:#10b9811a;border-color:#10b9814d;color:#059669}.database-step-info-description{color:#6b7280;font-size:12px;line-height:1.5;margin:8px 0 0}.database-step-info-description.clickable-description{cursor:pointer;transition:all .2s ease}.database-step-info-description.clickable-description:hover{color:#374151}.database-step-info-edit-form{display:flex;flex-direction:column;gap:12px}.database-step-info-form-group{display:flex;flex-direction:column;gap:6px}.database-step-info-form-group label{color:#374151;font-size:11px;font-weight:600;margin:0}.database-step-info-input{background:#eee;border:1px solid #d5d5d580;border-radius:6px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;color:#1f2937;font-size:12px;padding:8px 10px;transition:all .2s ease;width:100%}.database-step-info-input:focus{border-color:var(--primary-color);box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80,0 0 0 2px #8b5cf61a;outline:none}.database-step-info-input::placeholder{color:#9ca3af}.database-step-info-input:disabled{background:#f9fafb80;cursor:not-allowed;opacity:.6}.database-step-info-textarea{background:#eee;border:1px solid #d5d5d580;border-radius:6px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;color:#1f2937;font-family:inherit;font-size:12px;line-height:1.5;min-height:80px;padding:8px 10px;resize:vertical;transition:all .2s ease;width:100%}.database-step-info-textarea:focus{border-color:var(--primary-color);box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80,0 0 0 2px #8b5cf61a;outline:none}.database-step-info-textarea::placeholder{color:#9ca3af}.database-step-info-textarea:disabled{background:#f9fafb80;cursor:not-allowed;opacity:.6}.database-step-info-form-actions{border-top:1px solid #d5d5d54d;display:flex;gap:8px;padding-top:8px}.database-step-info-save-btn{align-items:center;background:var(--primary-color);border:none;border-radius:8px;box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.database-step-info-save-btn:hover:not(:disabled){background:#7c3aed;box-shadow:1px 1px 3px #8b5cf666,-1px -1px 2px #fff6}.database-step-info-save-btn:active:not(:disabled){box-shadow:inset 2px 2px 4px #8b5cf666,inset -1px -1px 2px #ffffff4d}.database-step-info-save-btn:disabled{background:#9ca3af;box-shadow:1px 1px 2px #d5d5d566,-1px -1px 2px #fff6;cursor:not-allowed;opacity:.6}.database-step-info-cancel-btn{align-items:center;background:#eee;border:none;border-radius:8px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.database-step-info-cancel-btn:hover:not(:disabled){box-shadow:1px 1px 3px #d5d5d5b3,-1px -1px 3px #ffffffb3;color:#374151}.database-step-info-cancel-btn:active:not(:disabled){box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80}.database-step-info-cancel-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:640px){.database-step-info-header{padding:12px}.database-step-info-title-content{align-items:flex-start;flex-direction:column}.database-step-info-badges{justify-content:flex-start;width:100%}.database-step-info-form-actions{flex-direction:column}.database-step-info-cancel-btn,.database-step-info-save-btn{justify-content:center;width:100%}}.database-step-info-cancel-btn:focus-visible,.database-step-info-input:focus-visible,.database-step-info-save-btn:focus-visible,.database-step-info-textarea:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.var-display{display:inline}.var-highlight{font-weight:600;transition:opacity .15s ease}.var-highlight:hover{opacity:.75}.var-global{color:#1d4ed8!important}.var-test{color:#7c3aed!important}.var-step{color:#d97706!important}.var-permutation{color:#ec4899!important}.var-config{color:#059669!important}.var-invalid{color:#dc2626!important;-webkit-text-decoration:underline wavy #fca5a5;text-decoration:underline wavy #fca5a5;text-decoration-thickness:1px}.assertion-item .var-display{color:#6b7280;flex:1 1;font-family:Monaco,Menlo,monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assertion-item .var-highlight{font-size:inherit;font-weight:600}.var-container{background:#eee;border-radius:8px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;padding:12px 14px}.var-container-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.var-container-info{flex:1 1;min-width:0}.var-container-title{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 4px}.var-container-desc{color:#6b7280;font-size:11px;line-height:1.4;margin:0 0 4px}.var-container-count{background:#6366f11a;border-radius:10px;color:#4f46e5;display:inline-block;font-size:10px;font-weight:600;padding:2px 8px}.var-container-btn{align-items:center;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:600;gap:6px;padding:7px 12px;transition:all .2s ease;white-space:nowrap}.var-container-btn:hover:not(:disabled){box-shadow:1px 1px 2px #d5d5d599,-1px -1px 2px #fff9}.var-container-btn:disabled{cursor:not-allowed;opacity:.5}.var-container-btn-global{background:#eee;color:#059669}.var-container-btn-global:hover:not(:disabled){background:#10b9811a}.var-container-btn-test{background:#eee;color:#2563eb}.var-container-btn-test:hover:not(:disabled){background:#3b82f61a}.var-container-btn-step{background:#eee;color:var(--primary-color)}.var-container-btn-step:hover:not(:disabled){background:#8b5cf61a}.variables-tab{background:#eee;height:100%;overflow-y:auto;padding:14px 16px}.variables-tab::-webkit-scrollbar{width:6px}.variables-tab::-webkit-scrollbar-track{background:#0000}.variables-tab::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}@media (max-width:768px){.var-container{padding:10px 12px}.var-container-header{align-items:stretch;flex-direction:column}.var-container-btn{justify-content:center;width:100%}}.test-step-creation-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.test-step-creation-modal{animation:test-step-creation-modal-appear .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow:hidden;position:relative;width:90%}@keyframes test-step-creation-modal-appear{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.test-step-creation-modal-header{border-bottom:1px solid #e5e7eb;padding:24px 24px 16px;position:relative}.test-step-creation-modal-title{color:#111827;font-size:24px;font-weight:600;line-height:1.2;margin:0 0 8px}.test-step-creation-modal-subtitle{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.test-step-creation-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:24px;top:24px;transition:all .15s ease}.test-step-creation-modal-close:hover{background-color:#f3f4f6;color:#374151}.test-step-creation-modal-content{padding:24px}.test-step-creation-options{display:flex;flex-direction:column;gap:16px}.test-step-creation-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .2s ease}.test-step-creation-option:hover:not(.test-step-creation-option-disabled){border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.test-step-creation-option:focus{ring:2px;ring-color:#3b82f6;ring-offset:2px;outline:none}.test-step-creation-option-disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.6}.test-step-creation-option-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .2s ease;width:48px}.test-step-creation-option-content{flex:1 1;min-width:0}.test-step-creation-option-title{align-items:center;color:#111827;display:flex;font-size:18px;font-weight:600;gap:8px;line-height:1.3;margin:0 0 4px}.test-step-creation-option-description{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.test-step-creation-option-arrow{color:#9ca3af;flex-shrink:0;font-size:20px;transition:all .2s ease}.test-step-creation-option:hover:not(.test-step-creation-option-disabled) .test-step-creation-option-arrow{color:#6b7280;transform:translateX(4px)}.test-step-creation-coming-soon-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:4px;color:#fff;font-size:10px;font-weight:500;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.test-step-creation-option.ai-option .test-step-creation-option-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.test-step-creation-option.ai-option:hover:not(.test-step-creation-option-disabled){border-color:#8b5cf6}.test-step-creation-option.import-option .test-step-creation-option-icon{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.test-step-creation-option.import-option:hover:not(.test-step-creation-option-disabled){border-color:#06b6d4}.test-step-creation-option.manual-option .test-step-creation-option-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.test-step-creation-option.manual-option:hover:not(.test-step-creation-option-disabled){border-color:#10b981}.test-step-creation-modal-footer{border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end;padding:16px 24px 24px}.test-step-creation-cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .15s ease}.test-step-creation-cancel-btn:hover{background-color:#f9fafb;border-color:#9ca3af}@media (max-width:640px){.test-step-creation-modal{margin:20px;width:95%}.test-step-creation-modal-header{padding:20px 20px 16px}.test-step-creation-modal-title{font-size:20px;margin-right:32px}.test-step-creation-modal-content{padding:20px}.test-step-creation-option{gap:12px;padding:16px}.test-step-creation-option-icon{height:40px;width:40px}.test-step-creation-option-icon svg{height:24px;width:24px}.test-step-creation-option-title{font-size:16px}.test-step-creation-option-description{font-size:13px}.test-step-creation-modal-footer{padding:12px 20px 20px}}@media (max-width:480px){.test-step-creation-options{gap:12px}.test-step-creation-option{flex-direction:column;padding:20px 16px;text-align:center}.test-step-creation-option-content{order:2}.test-step-creation-option-arrow{display:none}.test-step-creation-option-icon{margin-bottom:8px;order:1}}.simple-import-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.simple-import-modal{animation:simple-import-modal-appear .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;position:relative;width:90%}@keyframes simple-import-modal-appear{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.simple-import-modal-header{border-bottom:1px solid #e5e7eb;padding:24px 24px 20px;position:relative}.simple-import-modal-title{color:#111827;font-size:24px;font-weight:600;line-height:1.2;margin:0 0 8px}.simple-import-modal-subtitle{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.simple-import-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:24px;top:24px;transition:all .15s ease}.simple-import-modal-close:hover{background-color:#f3f4f6;color:#374151}.simple-import-modal-content{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:24px}.simple-import-form-group{display:flex;flex-direction:column;gap:8px}.simple-import-label{color:#374151;font-size:14px;font-weight:600}.simple-import-select-wrapper{position:relative}.simple-import-select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:10px 40px 10px 12px;transition:all .15s ease;width:100%}.simple-import-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.simple-import-select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.simple-import-select-icon{color:#9ca3af;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.simple-import-steps-header{align-items:flex-end;display:flex;justify-content:space-between}.simple-import-steps-controls{align-items:center;display:flex;gap:12px}.simple-import-select-all-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:all .15s ease}.simple-import-select-all-btn:hover:not(:disabled){background-color:#e5e7eb}.simple-import-select-all-btn:disabled{cursor:not-allowed;opacity:.5}.simple-import-selection-count{color:#6b7280;font-size:14px;font-weight:500}.simple-import-steps-list{border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding:8px}.simple-import-loading{align-items:center;color:#6b7280;display:flex;font-size:14px;justify-content:center;padding:40px 20px}.simple-import-step-item{align-items:flex-start;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.simple-import-step-item:hover{background-color:#f9fafb;border-color:#e5e7eb}.simple-import-step-item.selected{background-color:#eff6ff;border-color:#3b82f6}.simple-import-checkbox{cursor:pointer;margin-top:2px}.simple-import-step-content{flex:1 1;min-width:0}.simple-import-step-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.simple-import-method-badge{border-radius:4px;flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.simple-import-method-badge.get{background-color:#dcfce7;color:#166534}.simple-import-method-badge.post{background-color:#dbeafe;color:#1e40af}.simple-import-method-badge.put{background-color:#fef3c7;color:#92400e}.simple-import-method-badge.delete{background-color:#fee2e2;color:#dc2626}.simple-import-method-badge.patch{background-color:#f3e8ff;color:#7c3aed}.simple-import-step-name{color:#111827;font-size:14px;font-weight:600}.simple-import-step-description{color:#6b7280;font-size:13px;line-height:1.4;margin:4px 0 0}.simple-import-step-url{color:#9ca3af;font-family:monospace;font-size:12px;margin:4px 0 0}.simple-import-type-description{color:#6b7280;font-size:13px;line-height:1.4;margin-bottom:12px}.simple-import-link-types{display:flex;flex-direction:column;gap:12px}.simple-import-link-option{align-items:flex-start;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.simple-import-link-option:hover{border-color:#d1d5db}.simple-import-link-option.selected{background-color:#eff6ff;border-color:#3b82f6}.simple-import-link-option svg{color:#6b7280;flex-shrink:0;margin-top:2px}.simple-import-link-option.selected svg{color:#3b82f6}.simple-import-link-content{flex:1 1;min-width:0}.simple-import-link-title{color:#111827;display:block;font-size:14px;font-weight:600;margin-bottom:4px}.simple-import-link-description{color:#6b7280;display:block;font-size:13px;line-height:1.4}.simple-import-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.simple-import-cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .15s ease}.simple-import-cancel-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.simple-import-import-btn{background:#10b981;border:1px solid #10b981;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .15s ease}.simple-import-import-btn:hover:not(:disabled){background-color:#059669;border-color:#059669}.simple-import-import-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.simple-import-modal{margin:20px;width:95%}.simple-import-modal-header{padding:20px 20px 16px}.simple-import-modal-title{font-size:20px;margin-right:32px}.simple-import-modal-content{padding:20px}.simple-import-steps-header{align-items:flex-start;flex-direction:column;gap:8px}.simple-import-steps-controls{justify-content:space-between;width:100%}.simple-import-modal-footer{flex-direction:column;padding:12px 20px 20px}}.manual-creation-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.manual-creation-modal{animation:manual-creation-modal-appear .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:800px;position:relative;width:90%}@keyframes manual-creation-modal-appear{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.manual-creation-modal-header{border-bottom:1px solid #e5e7eb;padding:24px 24px 20px;position:relative}.manual-creation-modal-title{color:#111827;font-size:24px;font-weight:600;line-height:1.2;margin:0 0 8px}.manual-creation-modal-subtitle{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.manual-creation-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:24px;top:24px;transition:all .15s ease}.manual-creation-modal-close:hover{background-color:#f3f4f6;color:#374151}.manual-creation-modal-content{display:flex;flex:1 1;flex-direction:column;gap:32px;overflow-y:auto;padding:24px}.manual-creation-section{display:flex;flex-direction:column;gap:16px}.manual-creation-section-header{align-items:center;display:flex;justify-content:space-between}.manual-creation-section-title{color:#111827;font-size:18px;font-weight:600;margin:0}.manual-creation-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr}.manual-creation-form-group{display:flex;flex-direction:column;gap:6px}.manual-creation-label{color:#374151;font-size:14px;font-weight:600}.manual-creation-input{border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;padding:10px 12px;transition:all .15s ease}.manual-creation-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.manual-creation-input.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.manual-creation-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .15s ease}.manual-creation-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.manual-creation-textarea{border:1px solid #d1d5db;border-radius:8px;color:#374151;font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical;transition:all .15s ease}.manual-creation-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.manual-creation-json-textarea{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5}.manual-creation-error{color:#dc2626;font-size:12px;font-weight:500}.manual-creation-add-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;padding:6px 12px;transition:all .15s ease}.manual-creation-add-btn:hover{background-color:#e5e7eb}.manual-creation-headers-list{display:flex;flex-direction:column;gap:8px}.manual-creation-header-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr 2fr auto}.manual-creation-header-key,.manual-creation-header-value{min-width:0}.manual-creation-remove-btn{align-items:center;background:none;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .15s ease}.manual-creation-remove-btn:hover:not(:disabled){background-color:#fee2e2}.manual-creation-remove-btn:disabled{cursor:not-allowed;opacity:.5}.manual-creation-datasource-controls{align-items:center;display:flex;gap:8px}.manual-creation-datasource-btn{align-items:center;background:#3b82f6;border:1px solid #3b82f6;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;padding:6px 12px;transition:all .15s ease}.manual-creation-datasource-btn:hover{background-color:#2563eb;border-color:#2563eb}.manual-creation-clear-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#dc2626;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:all .15s ease}.manual-creation-clear-btn:hover{background-color:#fee2e2;border-color:#fecaca}.manual-creation-datasource-info{align-items:center;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.manual-creation-datasource-badge{background:#3b82f6;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.manual-creation-datasource-count{color:#1e40af;font-size:14px;font-weight:500}.manual-creation-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.manual-creation-cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s ease}.manual-creation-cancel-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.manual-creation-create-btn{background:#10b981;border:1px solid #10b981;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s ease}.manual-creation-create-btn:hover{background-color:#059669;border-color:#059669}@media (max-width:768px){.manual-creation-modal{margin:20px;width:95%}.manual-creation-modal-header{padding:20px 20px 16px}.manual-creation-modal-title{font-size:20px;margin-right:32px}.manual-creation-modal-content{gap:24px;padding:20px}.manual-creation-form-row{gap:12px;grid-template-columns:1fr}.manual-creation-header-row{gap:8px;grid-template-columns:1fr}.manual-creation-section-header{align-items:flex-start;flex-direction:column;gap:12px}.manual-creation-datasource-controls{width:100%}.manual-creation-datasource-btn{flex:1 1;justify-content:center}.manual-creation-modal-footer{flex-direction:column;padding:12px 20px 20px}}@media (max-width:480px){.manual-creation-datasource-info{align-items:flex-start;flex-direction:column;gap:8px}.manual-creation-json-textarea{font-size:12px}}.chat-input-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.chat-input-container{background-color:initial;border-radius:20px;display:flex;flex-direction:column;height:150px;margin:0 auto;padding:16px 24px;position:relative;width:958px}.chat-input{background-color:initial;border:none;color:#333;flex:1 1;font-size:16px;line-height:1.5;outline:none;padding:10px 0;resize:none;width:100%;z-index:1}.chat-input::placeholder{color:#888}.chat-button-container{align-items:center;display:flex;gap:16px;justify-content:flex-end;margin-top:auto;padding:8px 0;z-index:1}.file-input{display:none}.icon-button{fill:linear-gradient(135deg,#fafafa 100%,#e2e2e2 0);box-shadow:inset 1px 1px 2px 0 #ffffff4d,inset -1px -1px 2px 0 #d6d6d680;filter:drop-shadow(5px 5px 13px rgba(214,214,214,.9)) drop-shadow(-5px -5px 10px rgba(255,255,255,.9)) drop-shadow(5px -5px 10px rgba(214,214,214,.2)) drop-shadow(-5px 5px 10px rgba(214,214,214,.2));height:40px;transition:all .2s ease-in-out;width:40px}.attachment-button,.stop-button,.submit-button{background-color:#e0e0e0;box-shadow:3px 3px 5px #d4d4d480,-3px -3px 5px #fffc}.icon-button:hover{background-color:var(--primary-color)}.icon-button:active{box-shadow:inset 2px 2px 5px #d4d4d4b3,inset -2px -2px 5px #ffffff80}.icon-button:disabled{cursor:not-allowed;opacity:.5}.attachments-container{display:flex;flex-wrap:wrap;z-index:1}.attachment-info{align-items:center;background-color:#dadada;border-radius:12px;display:flex;font-size:14px;max-width:300px}.attachment-info span{margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-button{background:none;border:none;border-radius:4px;color:#777;cursor:pointer;font-size:12px;padding:2px 6px}.remove-button:hover{background-color:#ccc;color:#555}.attachment-warning{animation:fadeIn .3s,fadeOut .3s 2.7s;background-color:#fee;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#c00;font-size:14px;left:50%;padding:8px 16px;position:absolute;top:-40px;transform:translateX(-50%);z-index:100}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,10px)}}.body-text{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}.neumorphic-button{align-items:center;aspect-ratio:1/1;background-color:var(--background-color);border:none;border-radius:50%;color:var(--primary-color);cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;outline:none;position:relative;transition:all .2s ease-in-out;width:42px}.neumorphic-button:disabled{cursor:not-allowed;opacity:.5}.neumorphic-button:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.neumorphic-button:hover:not(:disabled) .neumorphic-bg{background:var(--primary-color)}.neumorphic-icon{margin-top:3px;position:relative;z-index:1}.neumorphic-button.attachment-button:active:not(:disabled),.neumorphic-button.stop-button:active:not(:disabled),.neumorphic-button.submit-button:active:not(:disabled){box-shadow:inset 2px 2px 5px #d4d4d4b3,inset -2px -2px 5px #ffffff80}.ai-conversation-chat-only-container{background-color:#f9fafb;display:flex;flex-direction:column;height:100vh}.ai-conversation-chat-only-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.ai-conversation-chat-only-header-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.ai-conversation-chat-only-header-subtitle{color:#6b7280;font-size:.875rem;margin:.25rem 0 0}.ai-conversation-chat-only-messages-container{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1rem 1.5rem}.ai-conversation-chat-only-message-wrapper{display:flex;width:100%}.ai-conversation-chat-only-message-wrapper-user{justify-content:flex-end}.ai-conversation-chat-only-message-wrapper-assistant{justify-content:flex-start}.ai-conversation-chat-only-message-bubble{border-radius:.5rem;max-width:42rem;padding:.75rem 1rem}.ai-conversation-chat-only-message-bubble-user{background-color:#2563eb;color:#fff}.ai-conversation-chat-only-message-bubble-assistant{background-color:#fff;border:1px solid #e5e7eb;color:#1f2937}.ai-conversation-chat-only-message-bubble-error{background-color:#fee2e2;color:#991b1b}.ai-conversation-chat-only-message-content{word-wrap:break-word;margin:0;white-space:pre-wrap}.ai-conversation-chat-only-markdown-wrapper{width:100%}.ai-conversation-chat-only-markdown-wrapper p{margin:0 0 .75rem}.ai-conversation-chat-only-markdown-wrapper p:last-child{margin-bottom:0}.ai-conversation-chat-only-markdown-wrapper h1,.ai-conversation-chat-only-markdown-wrapper h2,.ai-conversation-chat-only-markdown-wrapper h3,.ai-conversation-chat-only-markdown-wrapper h4,.ai-conversation-chat-only-markdown-wrapper h5,.ai-conversation-chat-only-markdown-wrapper h6{font-weight:600;margin:1rem 0 .5rem}.ai-conversation-chat-only-markdown-wrapper h1:first-child,.ai-conversation-chat-only-markdown-wrapper h2:first-child,.ai-conversation-chat-only-markdown-wrapper h3:first-child{margin-top:0}.ai-conversation-chat-only-markdown-wrapper ol,.ai-conversation-chat-only-markdown-wrapper ul{margin:.5rem 0;padding-left:1.5rem}.ai-conversation-chat-only-markdown-wrapper li{margin:.25rem 0}.ai-conversation-chat-only-markdown-wrapper code{background-color:#0000000d;border-radius:.25rem;font-family:Courier New,monospace;font-size:.875em;padding:.125rem .25rem}.ai-conversation-chat-only-message-bubble-user .ai-conversation-chat-only-markdown-wrapper code{background-color:#fff3}.ai-conversation-chat-only-markdown-wrapper pre{border-radius:.375rem;margin:.75rem 0;overflow:hidden}.ai-conversation-chat-only-markdown-wrapper pre code{background-color:initial;border-radius:0;padding:0}.ai-conversation-chat-only-markdown-wrapper blockquote{border-left:3px solid #e5e7eb;color:#6b7280;margin:.75rem 0;padding-left:1rem}.ai-conversation-chat-only-markdown-wrapper a{color:#2563eb;text-decoration:underline}.ai-conversation-chat-only-message-bubble-user .ai-conversation-chat-only-markdown-wrapper a{color:#fff}.ai-conversation-chat-only-markdown-wrapper table{border-collapse:collapse;margin:.75rem 0;width:100%}.ai-conversation-chat-only-markdown-wrapper td,.ai-conversation-chat-only-markdown-wrapper th{border:1px solid #e5e7eb;padding:.5rem;text-align:left}.ai-conversation-chat-only-markdown-wrapper th{background-color:#f9fafb;font-weight:600}.ai-conversation-chat-only-message-file-info{align-items:center;display:flex;font-size:.875rem;gap:.5rem;margin-top:.5rem;opacity:.8}.ai-conversation-chat-only-message-footer{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-top:.5rem}.ai-conversation-chat-only-message-timestamp{font-size:.75rem;margin:0;opacity:.7}.ai-conversation-chat-only-copy-button{align-items:center;background:none;border:none;border-radius:.25rem;cursor:pointer;display:flex;justify-content:center;opacity:.5;padding:.25rem;transition:opacity .2s}.ai-conversation-chat-only-copy-button:hover{background-color:#0000000d;opacity:1}.ai-conversation-chat-only-copy-icon{color:inherit}.ai-conversation-chat-only-copy-icon-success{color:#16a34a}.ai-conversation-chat-only-streaming-cursor{animation:ai-conversation-chat-only-pulse 1s infinite;background-color:#1f2937;display:inline-block;height:1rem;margin-left:.25rem;width:.5rem}@keyframes ai-conversation-chat-only-pulse{0%,to{opacity:1}50%{opacity:0}}.ai-conversation-chat-only-loading-spinner{animation:ai-conversation-chat-only-spin 1s linear infinite;color:#6b7280}@keyframes ai-conversation-chat-only-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ai-conversation-chat-only-input-area{background-color:#fff;border-top:1px solid #e5e7eb;padding:1rem 1.5rem}.ai-conversation-chat-only-attachment-preview{align-items:center;background-color:#dbeafe;border-radius:.5rem;display:flex;gap:.5rem;margin-bottom:.75rem;padding:.5rem 1rem}.ai-conversation-chat-only-attachment-icon{color:#2563eb}.ai-conversation-chat-only-attachment-name{color:#1f2937;flex:1 1;font-size:.875rem}.ai-conversation-chat-only-attachment-remove{background:none;border:none;color:#6b7280;cursor:pointer;padding:0;transition:color .2s}.ai-conversation-chat-only-attachment-remove:hover{color:#dc2626}.ai-conversation-chat-only-input-controls{align-items:flex-end;display:flex;gap:.75rem}.ai-conversation-chat-only-file-input{display:none}.ai-conversation-chat-only-attach-button{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;display:flex;justify-content:center;padding:.5rem 1rem;transition:background-color .2s}.ai-conversation-chat-only-attach-button:hover:not(:disabled){background-color:#f9fafb}.ai-conversation-chat-only-attach-button:disabled{cursor:not-allowed;opacity:.5}.ai-conversation-chat-only-attach-button svg{color:#6b7280}.ai-conversation-chat-only-send-button{align-items:center;background-color:#2563eb;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1.5rem;transition:background-color .2s}.ai-conversation-chat-only-send-button:hover:not(:disabled){background-color:#1d4ed8}.ai-conversation-chat-only-send-button:disabled{cursor:not-allowed;opacity:.5}.ai-conversation-chat-only-text-input{border:1px solid #e5e7eb;border-radius:.5rem;flex:1 1;font-family:inherit;font-size:1rem;line-height:1.5;padding:.5rem 1rem;resize:none;transition:box-shadow .2s,border-color .2s}.ai-conversation-chat-only-text-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.ai-conversation-chat-only-text-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.ai-conversation-chat-only-text-input::placeholder{color:#9ca3af}.message-wrapper{justify-content:center;margin-bottom:16px}.message-container,.message-wrapper{display:flex;position:relative;width:100%}.message-container{align-items:flex-start;gap:12px;max-width:900px}.user-message .message-container{justify-content:flex-end;position:relative}.ai-message .message-container{display:flex;flex-direction:column;max-width:950px;width:100%}.ai-message .hexagon-container{align-items:center;display:flex;justify-content:center;margin-bottom:-10%;margin-left:-10%}.hexagon-container{align-items:flex-start;display:flex;flex-shrink:0;margin-right:8px}.message-hexagon-icon{width:100%}.message-content{border-radius:10px;max-width:70%}.user-message .message-content{background-color:var(--primary-color);border-radius:22px;color:#fff;padding:12px 20px}.ai-message .message-content{max-width:85%}.ai-response-code-card{background-color:var(--color-primary-text-reverse);border-radius:12px;box-shadow:0 .25em .375em #0000004d;max-height:350px;width:98%}.ai-response-card,.ai-response-code-card{max-width:800px;overflow:hidden;padding:0}.ai-response-card{width:100%}.code-block-wrapper+.code-block-wrapper{padding-top:4px}.ai-header{background:var(--primary-color);height:30px;z-index:10}.ai-code-footer,.ai-header{justify-content:flex-end;position:-webkit-sticky;position:sticky;top:0}.ai-code-footer{align-items:center;background:var(--gradient-buttons-color);display:flex;padding:12px 16px;z-index:1}.ai-code-footer-right{align-items:center;display:flex;gap:8px}.code-container{height:300px;overflow:auto;overflow-y:scroll;position:relative}.code-block{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;margin:0;overflow-x:auto;padding:0 16px;white-space:pre}.code-container::-webkit-scrollbar{height:8px;width:8px}.code-container::-webkit-scrollbar-track{background:var(--color-main);border-radius:4px;margin-bottom:10px;margin-top:10px}.code-container::-webkit-scrollbar-thumb{background:var(--main-common-color);border-radius:4px}.code-container::-webkit-scrollbar-thumb:hover{background:var(--colour-primary)}pre{font-family:monospace;margin:0}code{display:block;font-size:14px;line-height:1.5;overflow-x:auto;padding:1em}.copy-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:4px 8px}.copy-icon{fill:#fff;height:16px;width:16px}.message-text{line-height:1.4;margin-bottom:4px}.ai-message .message-text{color:#333;padding:16px}.message-attachment{font-size:.9em;margin-top:4px;opacity:.8;padding:0 16px}.message-time{font-size:.8em;margin-top:4px;opacity:.7;padding:0 16px 16px}@keyframes scale-up{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-scale-up{animation:scale-up .2s ease-out forwards}.inline-code{background-color:#0000000d;border-radius:4px;padding:2px 4px}.markdown-blockquote{border-left:4px solid #ccc;font-style:italic;margin:8px 0;padding-left:16px}.icon-container{height:16px;position:relative;width:16px}.check-icon{color:#22c55e}.check-icon,.copy-icon{left:0;position:absolute;top:0}.copy-icon{color:#6b7280}.ai-footer{display:flex;justify-content:flex-end;padding-top:8px}.copy-response-icon{align-items:center;align-self:center;height:auto;width:100%}.edit-button-container{align-self:flex-end;margin-right:2px;opacity:0;transform:translateY(-50%);transition:opacity .2s ease-in-out;z-index:10}.user-message:hover .edit-button-container{opacity:1}.edit-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;padding:6px;transition:all .2s ease-in-out;width:28px}.edit-button,.edit-button:hover{background:var(--main-common-color)}.edit-button:hover{transform:scale(1.05)}.edit-button svg{color:#fff;height:16px;width:16px}.message-wrapper:hover .edit-button svg path{stroke:var(--primary-color)!important;stroke:#9333ea!important;transition:stroke .2s ease-in-out}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-5px,-50%)}to{opacity:1;transform:translateY(-50%)}}.version-controls{align-items:center;color:#b5b7bb;display:flex;font-size:.875rem;gap:8px;margin-top:8px}.version-button{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease-in-out}.version-button:hover:not(:disabled){color:#fff;cursor:default}.version-button:disabled{opacity:0}.version-indicator{color:#fff;font-size:.875rem;min-width:32px;text-align:center}.edit-container{width:100%}.edit-container textarea{background-color:initial;border:none;color:#fff;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:hidden;padding:inherit;resize:none}.edit-actions{display:flex;gap:8px;margin-top:8px}.edit-button-save{align-items:center;background-color:var(--color-dark-purple);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:4px;padding:4px 12px;transition:background-color .2s ease-in-out}.edit-button-save:hover{background-color:var(--color-bright-purple)}.edit-button-cancel{align-items:center;background-color:#4b5563;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:4px;padding:4px 12px;transition:background-color .2s ease-in-out}.edit-button-cancel:hover{background-color:var(--color-bright-purple)}.loading-container{align-items:center;display:flex;justify-content:flex-start;padding:1rem}.loading-spinner{animation:spin 1s linear infinite;color:#9333ea;height:1.5rem;width:1.5rem}.loading-text{color:#4b5563;font-size:.875rem;margin-left:.5rem}.markdown-h1{font-size:2em;font-weight:700;margin:.67em 0}.markdown-h2{font-size:1.5em;font-weight:700;margin:.83em 0}.markdown-h3{font-size:1.17em;font-weight:700;margin:1em 0}.markdown-h4{font-size:1em;font-weight:700;margin:1.33em 0}.markdown-h5{font-size:.83em;font-weight:700;margin:1.67em 0}.markdown-h6{font-size:.67em;font-weight:700;margin:2.33em 0}.download-button{align-items:center;background-color:initial;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:4px;padding:4px 8px;transition:background-color .2s ease}.download-button span{font-size:14px}.download-button svg{height:16px;width:16px}.generate-dropdown-menu{animation:scale-up .2s ease-out forwards;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;overflow:hidden;position:absolute;right:0;top:40px;width:240px;z-index:20}.generate-dropdown-item{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:14px;padding:10px 16px;text-align:left;transition:background-color .2s ease;width:100%}.generate-dropdown-item:hover{background-color:#f5f1f9;color:var(--primary-color)}.generate-dropdown-item:not(:last-child){border-bottom:1px solid #eee}.chat-history-container{align-items:center;display:flex;flex-direction:column;margin:-4% auto 4%;max-width:1200px}.chat-history-header{align-items:center;display:flex;justify-content:center}.chat-history-header-icon{height:8%;margin-right:3%;width:8%}.chat-cards-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;width:100%}.chat-history-card{align-items:center;border-radius:.8rem;box-shadow:0 .25em .375em #0000004d;display:flex;justify-content:space-between;margin:.5rem 0;min-height:60px;padding:.75rem}.chat-history-card-left{align-items:center;display:flex;gap:.75rem}.card-icon{flex-shrink:0;height:24px;width:24px}.chat-history-card-info{flex:1 1;min-width:0}.chat-history-card-info h2{color:#1a1a1a;font-size:.95rem;margin:0}.chat-history-card-info h2,.chat-history-card-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-history-card-info p{color:#666;font-size:.8rem;margin:.2rem 0 0}.new-chat-button-container{bottom:2rem;position:fixed;right:2rem;width:auto;z-index:1000}.chat-history-card-wrapper{align-items:center;display:flex;margin:.5rem 0;position:relative;width:100%}.chat-history-card{transition:width .3s ease-in-out;width:100%}.chat-history-card.shrink{width:calc(100% - 70px)}.chat-history-delete-button{background:none;border:none;border-radius:50%;color:#dc2626;cursor:pointer;opacity:0;padding:12px;position:absolute;right:0;transform:translateX(10px);transition:all .3s ease-in-out}.chat-history-delete-button.visible{opacity:1;transform:translateX(0)}.chat-history-delete-icon{height:24px;margin-left:60%;width:24px}.suggestions-container{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px;width:98%}.suggestion-card{align-content:left;align-items:left;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='530' height='184' viewBox='0 0 184' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Cpath d='M495 50v54.178c0 3.487-.912 6.914-2.645 9.94l-14.215 24.821A20 20 0 0 1 460.785 149H50c-11.046 0-20-8.954-20-20V50c0-11.046 8.954-20 20-20h425c11.046 0 20 8.954 20 20Z' fill='%23EEE'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='0' width='530' height='184' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='10' dy='10'/%3E%3CfeGaussianBlur stdDeviation='12.5'/%3E%3CfeColorMatrix values='0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.9 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_921_9'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-10' dy='-10'/%3E%3CfeGaussianBlur stdDeviation='10'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0'/%3E%3CfeBlend in2='effect1_dropShadow_921_9' result='effect2_dropShadow_921_9'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='10' dy='-10'/%3E%3CfeGaussianBlur stdDeviation='10'/%3E%3CfeColorMatrix values='0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect2_dropShadow_921_9' result='effect3_dropShadow_921_9'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-10' dy='10'/%3E%3CfeGaussianBlur stdDeviation='10'/%3E%3CfeColorMatrix values='0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect3_dropShadow_921_9' result='effect4_dropShadow_921_9'/%3E%3CfeBlend in='SourceGraphic' in2='effect4_dropShadow_921_9' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.5 0'/%3E%3CfeBlend in2='shape' result='effect5_innerShadow_921_9'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect5_innerShadow_921_9' result='effect6_innerShadow_921_9'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:103% 105%;border-radius:3px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;justify-content:left;margin-bottom:-12px;min-height:120px;min-width:200px;padding:4px 4px 4px 10%;position:relative;text-align:left;transition:transform .2s ease-in-out,opacity .2s ease-in-out}.suggestion-card p{color:#333;font-size:14px;line-height:1.2;margin:1;position:relative;z-index:1}.suggestion-card:hover{opacity:.9;transform:translateY(-2px)}.button-wrapper{display:flex;justify-content:flex-end;margin-top:8px;position:relative;z-index:1}.icon-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s ease}.card-heading{color:var(--primary-color);font-size:16px;font-weight:600;margin-bottom:1px}.icon-button:hover{background-color:#0000000d;color:#333}@media (max-width:1200px){.suggestions-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.suggestions-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.suggestions-container{grid-template-columns:1fr}}.code-container{background:var(--color-primary-text-reverse)}.dark-mode .code-block .token.comment{color:#6a9955}.dark-mode .code-block .token.keyword{color:#c586c0}.dark-mode .code-block .token.string{color:#ce9178}.dark-mode .code-block .token.class-name{color:#4ec9b0}.dark-mode .code-block .token.function{color:#dcdcaa}.dark-mode .code-block .token.number{color:#b5cea8}.dark-mode .code-block .token.operator{color:#d4d4d4}.code-block .token.comment{color:#2e7d32}.code-block .token.keyword{color:#9c27b0}.code-block .token.string{color:#d32f2f}.code-block .token.class-name{color:#1976d2}.code-block .token.function{color:#0288d1}.code-block .token.number{color:#2e7d32}.code-block .token.operator{color:#212121}.code-block .token.property{color:#1976d2}.gherkin-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:0 12px 12px}.gherkin-action-button{align-items:center;background-color:#f3f0ff;border:none;border-radius:8px;color:#6b46c1;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:all .2s ease;width:100%}.gherkin-action-button:hover{background-color:#e9d8fd;color:#553c9a}.gherkin-action-button svg{height:16px;width:16px}.code-attachment-indicator{align-items:center;background-color:#f8f9fa;border-radius:6px;color:#4a5568;display:flex;font-size:14px;gap:8px;margin-top:8px;padding:8px}.test-plan-modal-backdrop{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.test-plan-modal{animation:modal-appear .3s ease-out;background-color:#fff;background-color:var(--color-card-schedule,#fff);border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:90%;overflow:hidden;padding:.5rem;width:550px}@keyframes modal-appear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.test-plan-modal-content{display:flex;flex-direction:column;max-height:90vh}.test-plan-modal-title{background-color:#fff;background-color:var(--color-card-schedule,#fff);border-bottom:3px solid var(--main-common-color,var(--primary-color));color:#333;font-size:20px;font-weight:600;margin:0;padding:16px 20px}.test-plan-item{border-radius:4px;cursor:pointer;margin-bottom:4px;padding:6px 8px}.test-plan-item:hover{background-color:#f5f5f5}.item-with-checkbox{align-items:center;display:flex;width:100%}.item-with-checkbox input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:18px;margin-right:10px;width:18px}.item-with-checkbox label{align-items:center;cursor:pointer;display:flex;flex-grow:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-checkbox{align-items:center;display:flex;justify-content:center;margin-left:8px}.item-checkbox input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.status-message{animation:fade-in .3s ease;border-radius:4px;box-shadow:0 2px 8px #0000001a;font-size:13px;padding:10px 15px;position:fixed;right:20px;top:20px;z-index:1000}.status-message.success{background-color:#e6f7e6;border-left:3px solid #2e7d32;color:#2e7d32}.status-message.error{background-color:#fdecea;border-left:3px solid #d32f2f;color:#d32f2f}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.test-plan-empty,.test-plan-error,.test-plan-loading{color:#666;font-style:italic;padding:20px;text-align:center}.test-plan-error{color:#f44336}.simple-view{padding:8px 0}.simple-file-list{margin-top:8px}.notice{color:var(--primary-color);font-size:12px;margin-bottom:8px}.test-selector-container-actions{background-color:#fff;background-color:var(--color-card-schedule,#fff);border-top:3px solid var(--main-common-color,var(--primary-color));display:flex;justify-content:flex-end;padding:16px 20px}.btn-discard{margin-right:10px}.btn-discard,.btn-save{border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.btn-save{font-weight:500}.transparent-button{background-color:initial;border:1px solid #ccc;color:#333}.transparent-button:hover{background-color:#f0f0f0}.purple-button{background-color:var(--primary-color);border:none;color:#fff}.purple-button:hover{background-color:#7b1fa2}.btn-save:disabled{background-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed}body.modal-open{overflow:hidden}.projects-list::-webkit-scrollbar{width:8px}.chatscreen-container{display:flex;flex-direction:column;position:relative;width:100%}.chatscreen-content{display:flex;flex-direction:column;height:50vh;overflow-y:auto;scroll-behavior:smooth}.chatscreen-input-wrapper{align-self:center;height:20vh;max-width:800px;width:100%}.chatmessage-user{align-self:flex-end;margin-left:auto;max-width:70%;width:auto}.chatmessage-ai{align-self:flex-start;margin-right:auto;max-width:800px;width:100%}.chatscreen-content::-webkit-scrollbar{height:8px;width:8px}.chatscreen-content::-webkit-scrollbar-track{background:var(--color-main);border-radius:4px;margin-bottom:10px;margin-top:10px}.chatscreen-content::-webkit-scrollbar-thumb{background:var(--main-common-color);border-radius:4px}.chatscreen-content::-webkit-scrollbar-thumb:hover{background:var(--colour-primary)}.new-chat-btn{display:flex;margin-left:auto;margin-right:-4%;margin-top:50px;width:200px}.MainContentCard,[class*=MainContent]{height:100%;margin:0!important;padding:0!important}.dropdown-container{display:inline-block;position:relative}.code-block-wrapper{margin-bottom:24px}.code-block-wrapper:last-child{margin-bottom:0}.ai-header{justify-content:space-between;padding:12px 16px}.ai-header,.ai-header-filename{align-items:center;display:flex}.ai-header-filename{flex-grow:1;margin-right:8px;overflow:hidden}.filename-text{color:#fff;font-size:14px;font-weight:500;max-width:560px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-header-right{align-items:center;display:flex;gap:1px;margin-left:auto}@media (max-width:768px){.filename-text{max-width:150px}}.ai-header-filename{animation:fadeIn .3s ease-in}.ai-response-code-card.collapsed{border-radius:12px;margin-bottom:8px;max-height:none}.ai-response-code-card .code-container.hidden{display:none}.nav-button svg{transition:transform .2s ease}.ai-response-code-card.collapsed .ai-header{border-radius:12px;box-shadow:0 2px 4px #0000001a}@keyframes collapseAnimation{0%{max-height:350px}to{max-height:50px}}@keyframes expandAnimation{0%{max-height:50px}to{max-height:350px}}.ai-response-code-card{transition:all .3s ease}.file-content-container .ai-response-code-card{max-height:520px;overflow:hidden}.file-content-container .code-container{height:480px;overflow-y:auto}@keyframes file-content-collapseAnimation{0%{max-height:600px}to{max-height:50px}}@keyframes file-content-expandAnimation{0%{max-height:50px}to{max-height:600px}}.file-content-container .ai-response-code-card{transition:all .3s ease}.file-content-container .ai-response-code-card.collapsed{border-radius:12px;margin-bottom:8px;max-height:none}.file-content-container .ai-header-filename{flex:1 1;margin-right:16px}.file-content-container .filename-text{max-width:70%}.file-content-container .file-content-text{font-family:monospace;font-size:14px;line-height:1.5;margin:0;overflow-x:auto;padding:16px;white-space:pre-wrap}.file-organization-modal-progress-container{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px 20px;position:relative;transition:all .3s ease;width:96%}.file-organization-modal-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.file-organization-modal-progress-title{align-items:center;color:#333;display:flex;font-size:.9rem;font-weight:600;gap:8px}.file-organization-modal-progress-stats{align-items:center;color:#666;display:flex;font-size:.85rem;gap:12px}.file-organization-modal-progress-count{background-color:#3b82f61a;border-radius:12px;color:#3b82f6;color:var(--main-common-color,#3b82f6);font-size:.8rem;font-weight:500;padding:2px 8px}.file-organization-modal-progress-bar-wrapper{background-color:#e5e7eb;border-radius:6px;box-shadow:inset 0 1px 2px #0000001a;height:8px;overflow:hidden;position:relative;width:100%}.file-organization-modal-progress-bar{background:linear-gradient(90deg,var(--primary-color) 0,#47025d 100%);border-radius:4px;height:100%;overflow:hidden;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1)}.file-organization-modal-progress-bar:before{animation:progress-shine 2s infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes progress-shine{0%{left:-100%}to{left:100%}}.file-organization-modal-progress-percentage{color:#3b82f6;color:var(--main-common-color,#3b82f6);font-size:.75rem;font-weight:600;position:absolute;right:8px;text-shadow:0 1px 2px #fffc;top:50%;transform:translateY(-50%)}.file-organization-modal-progress-details{align-items:center;color:#666;display:flex;font-size:.8rem;justify-content:space-between;margin-top:8px}.file-organization-modal-current-file{align-items:center;display:flex;gap:6px;max-width:60%}.file-organization-modal-current-file-icon{animation:pulse 1.5s infinite;color:#3b82f6;color:var(--main-common-color,#3b82f6)}.file-organization-modal-current-file-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-organization-modal-upload-status{align-items:center;display:flex;font-weight:500;gap:6px}.file-organization-modal-upload-status.success{color:#059669}.file-organization-modal-upload-status.error{color:#dc2626}.file-organization-modal-upload-status.uploading{color:#3b82f6;color:var(--main-common-color,#3b82f6)}.file-organization-modal-upload-status.warning{color:#f59e0b}.file-organization-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.file-organization-modal-container{background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;max-height:80vh;max-width:900px;overflow:hidden;width:80%}.file-organization-modal-header{align-items:center;background-color:#fafafa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.file-organization-modal-title{color:#333;font-size:1.2rem;font-weight:600;margin:0}.file-organization-modal-close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.file-organization-modal-close-btn:hover{background-color:#f3f4f6;color:#333;transform:scale(1.05)}.file-organization-modal-content{flex:1 1;max-height:calc(80vh - 130px);overflow-y:auto;padding:16px 20px}.file-organization-modal-layout{display:flex;gap:20px}.file-organization-modal-folders{display:flex;flex:2 1;flex-direction:column;gap:8px;min-width:0}.file-organization-modal-project-selection{border-left:1px solid #e0e0e0;display:flex;flex:3 1;flex-direction:column;gap:16px;padding-left:20px}.file-organization-modal-section-title{color:#333;font-size:1rem;font-weight:600;margin:0 0 12px}.file-organization-modal-loading{align-items:center;color:#666;display:flex;height:100%;justify-content:center;min-height:200px}.file-organization-modal-folder-item{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .2s}.file-organization-modal-folder-item:hover{box-shadow:0 2px 8px #0000000f}.file-organization-modal-folder-header{align-items:center;background-color:#f9f9f9;display:flex;justify-content:space-between;padding:12px 14px;transition:background-color .2s}.file-organization-modal-folder-title{align-items:center;cursor:pointer;display:flex}.file-organization-modal-folder-header:hover{background-color:#f0f0f0}.file-organization-modal-folder-icon{color:#3b82f6;color:var(--main-common-color,#3b82f6);margin-right:8px}.file-organization-modal-folder-name{color:#333;font-weight:500}.file-organization-modal-files-container{padding:8px 16px 16px}.file-organization-modal-select-all{align-items:center;color:#666;cursor:pointer;display:flex;font-size:.85rem;transition:color .2s}.file-organization-modal-select-all:hover{color:#333}.file-organization-modal-files{display:flex;flex-direction:column;gap:6px;padding-left:20px}.file-organization-modal-file-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;padding:8px 10px;transition:all .2s}.file-organization-modal-file-item:hover{background-color:#f3f4f6;transform:translateX(2px)}.file-organization-modal-file-item.selected{background-color:#3b82f61a;border:1px solid #3b82f633}.file-organization-modal-checkbox{align-items:center;border:2px solid #d1d5db;border-radius:4px;display:flex;height:18px;justify-content:center;margin-right:10px;transition:all .2s;width:18px}.file-organization-modal-checkbox.selected{background-color:#3b82f6;background-color:var(--main-common-color,#3b82f6);border-color:#3b82f6;border-color:var(--main-common-color,#3b82f6);color:#fff;transform:scale(1.1)}.file-organization-modal-file-icon{color:#666;margin-right:8px}.file-organization-modal-file-name{color:#444;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-organization-modal-dropdown-container{margin-bottom:16px}.file-organization-modal-label{color:#555;display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.file-organization-modal-dropdown{position:relative}.file-organization-modal-dropdown-header{align-items:center;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;padding:10px 14px;transition:all .2s}.file-organization-modal-dropdown-header:hover{border-color:#3b82f6;border-color:var(--main-common-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.file-organization-modal-dropdown-content{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 16px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.file-organization-modal-search{align-items:center;background-color:#fafafa;border-bottom:1px solid #e0e0e0;display:flex;padding:10px 14px}.file-organization-modal-search input{background-color:#fff;border:none;border-radius:4px;flex:1 1;font-size:.9rem;margin-left:8px;outline:none;padding:6px 10px}.file-organization-modal-dropdown-item{cursor:pointer;font-size:.9rem;padding:10px 14px;transition:background-color .2s}.file-organization-modal-dropdown-item:hover{background-color:#f3f4f6}.file-organization-modal-folder-tree{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;max-height:300px;overflow-y:auto;padding:10px}.file-organization-modal-tree-item{margin-bottom:4px}.file-organization-modal-tree-header{align-items:center;display:flex}.file-organization-modal-tree-toggle{align-items:center;border-radius:4px;color:#666;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s;width:24px}.file-organization-modal-tree-toggle:hover{background-color:#3b82f61a;color:#3b82f6;color:var(--main-common-color,#3b82f6)}.file-organization-modal-selected-count{color:#666;font-size:.8rem;font-weight:400}.file-organization-modal-tree-folder{align-items:center;border-radius:6px;cursor:pointer;display:flex;flex:1 1;padding:8px 10px;transition:all .2s}.file-organization-modal-tree-folder:hover{background-color:#3b82f61a}.file-organization-modal-tree-folder.selected{background-color:#3b82f633;border:1px solid #3b82f64d}.file-organization-modal-tree-subfolders{margin-left:28px;margin-top:4px}.file-organization-modal-tree-subfolder{align-items:center;border-radius:6px;cursor:pointer;display:flex;margin-bottom:2px;padding:6px 10px;transition:all .2s}.file-organization-modal-tree-subfolder:hover{background-color:#3b82f61a}.file-organization-modal-tree-subfolder.selected{background-color:#3b82f633;border:1px solid #3b82f64d}.file-organization-modal-add-btn{background-color:#3b82f6;background-color:var(--main-common-color,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:auto;padding:12px 20px;transition:all .2s}.file-organization-modal-add-btn:hover:not(.disabled){background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.file-organization-modal-add-btn.disabled{background-color:#d1d5db;box-shadow:none;cursor:not-allowed;transform:none}.file-organization-modal-footer{background-color:#fafafa;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.file-organization-modal-cancel-btn{background-color:initial;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 18px;transition:all .2s}.file-organization-modal-cancel-btn:hover{background-color:#f3f4f6;border-color:#d1d5db;color:#333}.project-chat-screen{background:#0000;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;width:100%}.project-chat-header{background:#f8f9fa;background:var(--background-color,#f8f9fa);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;box-shadow:0 2px 8px #0000000d;flex-shrink:0;margin:16px 24px 0;padding:16px 24px;position:relative}.project-chat-header-content h1{color:var(--text-primary);font-size:25px;font-weight:600;margin:5px 0 8px 15px}.project-chat-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-left:15px;margin-top:15px}.project-chat-product{background:var(--primary-color);border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:2px 8px}.project-chat-version{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='149' height='75' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Crect x='15' y='15' width='116' height='42' rx='21' fill='url(%23b)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='15' y1='15' x2='41.889' y2='89.264' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='1' stop-color='%23EEE'/%3E%3Cstop stop-color='%23CCC'/%3E%3C/linearGradient%3E%3Cfilter id='a' x='0' y='0' width='149' height='75' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='5' dy='5'/%3E%3CfeGaussianBlur stdDeviation='6.5'/%3E%3CfeColorMatrix values='0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.9 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1228_4537'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-5' dy='-5'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0'/%3E%3CfeBlend in2='effect1_dropShadow_1228_4537' result='effect2_dropShadow_1228_4537'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='5' dy='-5'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeColorMatrix values='0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect2_dropShadow_1228_4537' result='effect3_dropShadow_1228_4537'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-5' dy='5'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeColorMatrix values='0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect3_dropShadow_1228_4537' result='effect4_dropShadow_1228_4537'/%3E%3CfeBlend in='SourceGraphic' in2='effect4_dropShadow_1228_4537' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.5 0'/%3E%3CfeBlend in2='shape' result='effect5_innerShadow_1228_4537'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.933333 0 0 0 0 0.933333 0 0 0 0 0.933333 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect5_innerShadow_1228_4537' result='effect6_innerShadow_1228_4537'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");background-size:120%;border-radius:21px;color:var(--text-secondary);font-family:monospace;font-size:12px;min-height:26px}.project-chat-priority,.project-chat-version{align-items:center;background-position:50%;background-repeat:no-repeat;display:inline-flex;font-weight:500;padding:6px 16px}.project-chat-priority{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='122' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Crect x='4.5' y='4.5' width='113' height='39' rx='19.5' stroke='%23EEE' stroke-width='3'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='0' width='122' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.745098 0 0 0 0 0.745098 0 0 0 0 0.745098 0 0 0 0.5 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1228_4540'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect1_dropShadow_1228_4540' result='effect2_dropShadow_1228_4540'/%3E%3CfeBlend in='SourceGraphic' in2='effect2_dropShadow_1228_4540' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1.5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.745098 0 0 0 0 0.745098 0 0 0 0 0.745098 0 0 0 0.9 0'/%3E%3CfeBlend in2='shape' result='effect3_innerShadow_1228_4540'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0'/%3E%3CfeBlend in2='effect3_innerShadow_1228_4540' result='effect4_innerShadow_1228_4540'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.745098 0 0 0 0 0.745098 0 0 0 0 0.745098 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect4_innerShadow_1228_4540' result='effect5_innerShadow_1228_4540'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.745098 0 0 0 0 0.745098 0 0 0 0 0.745098 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect5_innerShadow_1228_4540' result='effect6_innerShadow_1228_4540'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");border-radius:19.5px;min-height:24px}.project-chat-priority,.project-chat-status{background-size:100% 100%;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.project-chat-status{align-items:center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='149' height='75' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Crect x='15' y='15' width='116' height='42' rx='21' fill='url(%23b)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='15' y1='15' x2='41.889' y2='89.264' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='1' stop-color='%23EEE'/%3E%3Cstop stop-color='%23CCC'/%3E%3C/linearGradient%3E%3Cfilter id='a' x='0' y='0' width='149' height='75' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='5' dy='5'/%3E%3CfeGaussianBlur stdDeviation='6.5'/%3E%3CfeColorMatrix values='0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.9 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1228_4533'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-5' dy='-5'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0'/%3E%3CfeBlend in2='effect1_dropShadow_1228_4533' result='effect2_dropShadow_1228_4533'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='5' dy='-5'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeColorMatrix values='0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect2_dropShadow_1228_4533' result='effect3_dropShadow_1228_4533'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-5' dy='5'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeColorMatrix values='0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect3_dropShadow_1228_4533' result='effect4_dropShadow_1228_4533'/%3E%3CfeBlend in='SourceGraphic' in2='effect4_dropShadow_1228_4533' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.5 0'/%3E%3CfeBlend in2='shape' result='effect5_innerShadow_1228_4533'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect5_innerShadow_1228_4533' result='effect6_innerShadow_1228_4533'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;border-radius:21px;display:inline-flex;font-weight:500;min-height:28px;padding:6px 16px}.project-chat-priority.priority-low{color:#10b981}.project-chat-priority.priority-medium{color:#f59e0b}.project-chat-priority.priority-high{color:#f97316}.project-chat-priority.priority-critical{color:#ef4444}.project-chat-status.status-active{color:#10b981}.project-chat-status.status-on-hold{color:#f59e0b}.project-chat-status.status-completed{color:#3b82f6}.project-chat-status.status-canceled{color:#6b7280}.project-chat-description{color:var(--text-secondary);font-size:13px;line-height:1.4;margin:8px 0 0 15px}.project-chat-main{background:none;border:none;box-shadow:none;display:flex;flex:1 1;gap:10px;margin-bottom:4px;margin-top:0;min-height:0;overflow:hidden;padding:0 24px}.project-chat-sidebar{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;border-right:none;box-shadow:0 4px 12px #0000001a;flex-shrink:0;margin-bottom:5px;margin-left:0;margin-top:1px;overflow:hidden;width:180px}.project-chat-tabs{height:100%;overflow-y:auto;padding:12px 0}.project-chat-tab{align-items:center;background:none;border:none;border-left:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 16px;position:relative;text-align:left;transition:all .15s ease;width:100%}.project-chat-tab:hover:not(.disabled){background-color:initial}.project-chat-tab.active,.project-chat-tab:hover:not(.disabled){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='249' height='39' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Cpath d='M3 8a5 5 0 0 1 5-5h221c8.837 0 16 7.163 16 16s-7.163 16-16 16H8a5 5 0 0 1-5-5V8Z' fill='%23EEE'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='0' width='249' height='39' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1.5'/%3E%3CfeColorMatrix values='0 0 0 0 0.745098 0 0 0 0 0.745098 0 0 0 0 0.745098 0 0 0 0.9 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1228_4681'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0'/%3E%3CfeBlend in2='effect1_dropShadow_1228_4681' result='effect2_dropShadow_1228_4681'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.745098 0 0 0 0 0.745098 0 0 0 0 0.745098 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect2_dropShadow_1228_4681' result='effect3_dropShadow_1228_4681'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.745098 0 0 0 0 0.745098 0 0 0 0 0.745098 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect3_dropShadow_1228_4681' result='effect4_dropShadow_1228_4681'/%3E%3CfeBlend in='SourceGraphic' in2='effect4_dropShadow_1228_4681' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.745098 0 0 0 0 0.745098 0 0 0 0 0.745098 0 0 0 0.5 0'/%3E%3CfeBlend in2='shape' result='effect5_innerShadow_1228_4681'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect5_innerShadow_1228_4681' result='effect6_innerShadow_1228_4681'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:90% 90%;color:var(--primary-color)}.project-chat-tab.active{font-weight:500}.project-chat-tab.disabled{background-color:initial;color:var(--text-muted);cursor:not-allowed;opacity:.4}.project-chat-tab-status{background:var(--border-color);border-radius:50%;flex-shrink:0;height:6px;transition:all .15s ease;width:6px}.project-chat-tab.active .project-chat-tab-status{background:var(--primary-color)}.project-chat-tab:hover:not(.disabled):not(.active) .project-chat-tab-status{background:var(--accent-color)}.project-chat-tab.disabled .project-chat-tab-status{background:var(--text-muted)}.project-chat-tab.completed .project-chat-tab-status{background:#10b981}.project-chat-tab.active.completed .project-chat-tab-status{background:var(--primary-color);box-shadow:0 0 0 2px #10b981}.project-chat-tab.pending .project-chat-tab-status{background:var(--text-muted)}.project-chat-tab.active.pending .project-chat-tab-status{background:var(--primary-color)}.project-chat-tab-label{flex:1 1;font-weight:500;line-height:1.3}.project-chat-content{-webkit-scrollbar:none;-ms-overflow-style:none;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjkxIiBoZWlnaHQ9IjEwNjIiIGZpbGw9Im5vbmUiPjxnIGZpbHRlcj0idXJsKCNhKSI+PHBhdGggZD0ibTQzLjIyNSAxMDI0LTEwLjMxNC0xNy44NmEyMC4wMDQgMjAuMDA0IDAgMCAxLTIuNjgtOS45OTdsLS4yMjYtOTQ2LjAwN2MtLjAwMy0xMS4wNDcgOC45NS0yMC4wMDQgMTkuOTk4LTIwLjAwNWwxMTg5LjAwNy0uMTI5YzExLjA0LS4wMDEgMTkuOTkgOC45NDggMjAgMTkuOTkxbC40MyA5NjMuODY3YzAgMTEuMDUtOC45NSAyMC4wMS0yMCAyMC4wMUw2MC41NDcgMTAzNGExOS45OTkgMTkuOTk5IDAgMCAxLTE3LjMyMi0xMFoiIGZpbGw9IiNFRUUiLz48L2c+PGRlZnM+PGZpbHRlciBpZD0iYSIgeD0iLjAwNCIgeT0iLjAwMiIgd2lkdGg9IjEyOTQuNDMiIGhlaWdodD0iMTA2OSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPjxmZU9mZnNldCBkeD0iMTAiIGR5PSIxMCIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEyLjUiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC44MzkyMTYgMCAwIDAgMCAwLjgzOTIxNiAwIDAgMCAwIDAuODM5MjE2IDAgMCAwIDAuOSAwIi8+PGZlQmxlbmQgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzEyMjhfNDYxNSIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQgZHg9Ii0xMCIgZHk9Ii0xMCIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEwIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDEgMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwLjkgMCIvPjxmZUJsZW5kIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzEyMjhfNDYxNSIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3dfMTIyOF80NjE1Ii8+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPjxmZU9mZnNldCBkeD0iMTAiIGR5PSItMTAiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMCIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjgzOTIxNiAwIDAgMCAwIDAuODM5MjE2IDAgMCAwIDAgMC44MzkyMTYgMCAwIDAgMC4yIDAiLz48ZmVCbGVuZCBpbjI9ImVmZmVjdDJfZHJvcFNoYWRvd18xMjI4XzQ2MTUiIHJlc3VsdD0iZWZmZWN0M19kcm9wU2hhZG93XzEyMjhfNDYxNSIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQgZHg9Ii0xMCIgZHk9IjEwIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTAiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC44MzkyMTYgMCAwIDAgMCAwLjgzOTIxNiAwIDAgMCAwIDAuODM5MjE2IDAgMCAwIDAuMiAwIi8+PGZlQmxlbmQgaW4yPSJlZmZlY3QzX2Ryb3BTaGFkb3dfMTIyOF80NjE1IiByZXN1bHQ9ImVmZmVjdDRfZHJvcFNoYWRvd18xMjI4XzQ2MTUiLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3Q0X2Ryb3BTaGFkb3dfMTIyOF80NjE1IiByZXN1bHQ9InNoYXBlIi8+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPjxmZU9mZnNldCBkeD0iLTEiIGR5PSItMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEiLz48ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAuODM5MjE2IDAgMCAwIDAgMC44MzkyMTYgMCAwIDAgMCAwLjgzOTIxNiAwIDAgMCAwLjUgMCIvPjxmZUJsZW5kIGluMj0ic2hhcGUiIHJlc3VsdD0iZWZmZWN0NV9pbm5lclNoYWRvd18xMjI4XzQ2MTUiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+PGZlT2Zmc2V0IGR4PSIxIiBkeT0iMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEiLz48ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDEgMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwLjMgMCIvPjxmZUJsZW5kIGluMj0iZWZmZWN0NV9pbm5lclNoYWRvd18xMjI4XzQ2MTUiIHJlc3VsdD0iZWZmZWN0Nl9pbm5lclNoYWRvd18xMjI4XzQ2MTUiLz48L2ZpbHRlcj48L2RlZnM+PC9zdmc+);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;box-shadow:0 4px 12px #0000001a;flex:1 1;margin-bottom:5px;margin-top:1px;min-height:0;overflow-y:auto;scrollbar-width:none;top:0}.project-chat-loading{align-items:center;background:var(--background-color);display:flex;height:100%;justify-content:center}.project-chat-loading-indicator{align-items:center;background:var(--surface-color);border-radius:8px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;gap:12px;padding:24px}.project-chat-spinner{animation:project-chat-spin 1s linear infinite;border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:24px;width:24px}@keyframes project-chat-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.project-chat-loading-indicator span{color:var(--text-primary);font-size:14px;font-weight:500}@media (max-width:768px){.project-chat-header{padding:12px 16px}.project-chat-header-content h1{font-size:18px}.project-chat-meta{gap:8px}.project-chat-sidebar{width:200px}.project-chat-tab{font-size:12px;padding:8px 12px}}@media (max-width:640px){.project-chat-main{flex-direction:column}.project-chat-sidebar{border-bottom:1px solid var(--border-color);border-right:none;height:auto;max-height:60px;width:100%}.project-chat-tabs{display:flex;gap:4px;height:auto;overflow-x:auto;padding:8px 12px}.project-chat-tab{border-bottom:2px solid #0000;border-left:none;border-radius:4px 4px 0 0;flex-shrink:0;min-width:120px;padding:8px 12px}.project-chat-tab.active{background:var(--background-color);border-bottom-color:var(--primary-color);border-left:none}.project-chat-tab:hover:not(.disabled){border-bottom-color:var(--accent-color);border-left:none}}.project-chat-tabs::-webkit-scrollbar{width:3px}.project-chat-tabs::-webkit-scrollbar-track{background:var(--background-color)}.project-chat-tabs::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.project-chat-tabs::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.config-tab-code-container,.feature-tab-code-container,.runner-tab-code-container,.testdata-tab-code-container{min-height:200px;transition:height .3s ease}@media (max-width:768px){.config-tab-code-container,.feature-tab-code-container,.runner-tab-code-container,.testdata-tab-code-container{max-height:50vh;min-height:150px}.config-tab-code,.feature-tab-code,.runner-tab-code,.testdata-tab-code{font-size:11px;padding:12px}}.project-chat-auto-status{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--box-shadow);margin:8px auto;overflow:hidden;padding:12px 24px;position:relative;width:92%}project-chat-auto-complete{margin-bottom:16px;padding:12px 24px}.project-chat-auto-status:before{animation:autoProgressBar 2s ease-in-out infinite;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));content:"";height:3px;left:0;position:absolute;right:0;top:0}.project-chat-auto-status-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto 8px;max-width:1150px}.project-chat-auto-indicator{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:12px}.project-chat-auto-progress{color:var(--text-secondary);font-size:13px;font-weight:500}.project-chat-auto-spinner{animation:autoSpinner 1s linear infinite;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:16px;width:16px}.project-chat-tab-indicator{align-items:center;display:flex;margin-left:auto}.project-chat-tab-spinner{animation:tabSpinner 1s linear infinite;border:1.5px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:10px;width:10px}.project-chat-tab.active .project-chat-tab-spinner{border-color:#fff #ffffff4d #ffffff4d}@keyframes autoProgressBar{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes autoSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes tabSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.project-chat-auto-status{padding:10px 16px}.project-chat-auto-status-content{align-items:flex-start;flex-direction:column;gap:8px}.project-chat-auto-progress{font-size:12px}.project-chat-auto-indicator{font-size:13px}}@media (max-width:640px){.project-chat-auto-status{border-radius:6px;margin-bottom:12px}.project-chat-auto-indicator{gap:8px}.project-chat-auto-spinner{height:14px;width:14px}}.create-project-button{background:linear-gradient(135deg,#9333ea,#a855f7);background:linear-gradient(135deg,var(--primary-color,#9333ea) 0,var(--color-bright-purple,#a855f7) 100%);border:none;border-radius:16px;box-shadow:0 4px 12px #9333ea4d;cursor:pointer;display:block;margin:16px auto;max-width:400px;padding:20px 24px;transition:all .3s ease;width:100%}.create-project-button:hover{box-shadow:0 6px 20px #9333ea66;transform:translateY(-2px)}.create-project-content{align-items:center;color:#fff;display:flex;gap:16px}.create-project-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;justify-content:center;padding:12px}.create-project-text{flex:1 1;text-align:left}.create-project-text h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.create-project-text p{color:#fff;font-size:14px;margin:0;opacity:.9}.create-project-plus{background:#ffffff26;border-radius:8px;padding:8px}.create-project-plus,.project-modal-overlay{align-items:center;display:flex;justify-content:center}.project-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.project-modal{animation:project-modal-slide-in .3s ease-out;background:#fff;border:2px solid #e5e7eb;border-radius:20px;box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a;height:-webkit-fit-content;height:fit-content;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:100%}@keyframes project-modal-slide-in{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.project-modal-header{align-items:center;border-bottom:none;display:flex;justify-content:space-between;padding:24px 32px 16px;position:relative}.project-modal-header:after{align-items:center;background-color:#e5e7eb;background-color:var(--main-common-color,#e5e7eb);bottom:0;content:"";height:3px;justify-content:center;left:4;position:absolute;width:91%}.project-modal-header h2{color:#000;font-family:Poppins;font-size:24px;font-weight:600;margin:0}.project-modal-close{background:none;border:none;border-radius:8px;color:#6b7280;color:var(--main-common-color,#6b7280);cursor:pointer;padding:8px;transition:background-color .2s ease}.project-modal-close:hover{background:#f3f4f6;background:var(--color-main,#f3f4f6)}.project-modal-form{padding:24px 32px 32px}.project-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:32px}.project-form-group{display:flex;flex-direction:column}.project-form-group.full-width{grid-column:1/-1}.project-form-group label{align-items:center;color:#374151;color:var(--color-primary-text,#374151);display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:8px}.char-count{color:#6b7280;color:var(--main-common-color,#6b7280);font-size:12px;font-weight:400}.project-form-group input,.project-form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='428' height='54' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Cpath d='M187.501 3H422a3 3 0 0 1 3 3v42a3 3 0 0 1-3 3H14.716a3 3 0 0 1-2.586-1.479L3.414 34.704A3 3 0 0 1 3 33.183V6a3 3 0 0 1 3-3h181.501Z' fill='%23FFF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='0' width='428' height='54' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.5 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1226_3429'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect1_dropShadow_1226_3429' result='effect2_dropShadow_1226_3429'/%3E%3CfeBlend in='SourceGraphic' in2='effect2_dropShadow_1226_3429' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1.5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.9 0'/%3E%3CfeBlend in2='shape' result='effect3_innerShadow_1226_3429'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0'/%3E%3CfeBlend in2='effect3_innerShadow_1226_3429' result='effect4_innerShadow_1226_3429'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect4_innerShadow_1226_3429' result='effect5_innerShadow_1226_3429'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect5_innerShadow_1226_3429' result='effect6_innerShadow_1226_3429'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:0;height:54px}.project-form-group input,.project-form-group select,.project-form-group textarea{box-sizing:border-box;color:#374151;color:var(--color-primary-text,#374151);font-size:14px;padding:12px 16px;transition:all .2s ease}.project-form-group textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;min-height:110px;resize:vertical}.project-form-group textarea:focus{border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a;outline:none}.project-form-group input:focus,.project-form-group select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='430' height='56' fill='none'%3E%3Cg filter='url(%23filter0_ddiiii_1226_3425)'%3E%3Cpath d='M188.501 4H423a3 3 0 0 1 3 3v42a3 3 0 0 1-3 3H15.716a3 3 0 0 1-2.586-1.479L4.414 35.704A3 3 0 0 1 4 34.183V7a3 3 0 0 1 3-3h181.501Z' fill='%23FFF'/%3E%3Cpath d='M188.501 4H423a3 3 0 0 1 3 3v42a3 3 0 0 1-3 3H15.716a3 3 0 0 1-2.586-1.479L4.414 35.704A3 3 0 0 1 4 34.183V7a3 3 0 0 1 3-3h181.501Z' stroke='%239404C3' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");height:54px;outline:none}.project-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' width='428' height='54' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Cpath d='M187.501 3H422a3 3 0 0 1 3 3v42a3 3 0 0 1-3 3H14.716a3 3 0 0 1-2.586-1.479L3.414 34.704A3 3 0 0 1 3 33.183V6a3 3 0 0 1 3-3h181.501Z' fill='%23FFF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='0' width='428' height='54' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.5 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1226_3429'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect1_dropShadow_1226_3429' result='effect2_dropShadow_1226_3429'/%3E%3CfeBlend in='SourceGraphic' in2='effect2_dropShadow_1226_3429' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1.5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.9 0'/%3E%3CfeBlend in2='shape' result='effect3_innerShadow_1226_3429'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0'/%3E%3CfeBlend in2='effect3_innerShadow_1226_3429' result='effect4_innerShadow_1226_3429'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect4_innerShadow_1226_3429' result='effect5_innerShadow_1226_3429'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect5_innerShadow_1226_3429' result='effect6_innerShadow_1226_3429'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:0;box-sizing:border-box;color:#374151;color:var(--color-primary-text,#374151);cursor:pointer;font-size:14px;height:54px;padding:12px 40px 12px 16px;transition:all .2s ease}.project-form-group{position:relative}.project-form-group:has(select):after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:10px solid #9333ea;content:"";height:0;pointer-events:none;position:absolute;right:16px;top:68%;transform:translateY(-50%);width:0;z-index:10}.project-form-group input.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.field-error-message{align-items:center;color:#dc2626;display:flex;font-size:12px;font-weight:500;gap:6px;margin-top:6px}.project-attachment-section{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='750' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Cpath d='m1179.67 44.185-13.92-24.174a9.997 9.997 0 0 0-8.67-5.01L35 15c-11.046 0-20 8.954-20 20v811.792c0 1.773.473 3.515 1.368 5.046l14.736 25.209A10.001 10.001 0 0 0 39.737 882H1161.13c11.05 0 20-8.958 20-20.006L1181 49.171c0-1.75-.46-3.47-1.33-4.986Z' fill='%23FFF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='0' width='1199.13' height='900' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='5' dy='5'/%3E%3CfeGaussianBlur stdDeviation='6.5'/%3E%3CfeColorMatrix values='0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.9 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1226_3677'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-5' dy='-5'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0'/%3E%3CfeBlend in2='effect1_dropShadow_1226_3677' result='effect2_dropShadow_1226_3677'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='5' dy='-5'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeColorMatrix values='0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect2_dropShadow_1226_3677' result='effect3_dropShadow_1226_3677'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-5' dy='5'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeColorMatrix values='0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect3_dropShadow_1226_3677' result='effect4_dropShadow_1226_3677'/%3E%3CfeBlend in='SourceGraphic' in2='effect4_dropShadow_1226_3677' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.5 0'/%3E%3CfeBlend in2='shape' result='effect5_innerShadow_1226_3677'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect5_innerShadow_1226_3677' result='effect6_innerShadow_1226_3677'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");background-size:cover;margin-bottom:24px;padding:24px}.project-attachment-header h3{color:#374151;color:var(--color-primary-text,#374151);font-size:18px;font-weight:600;margin:0 0 8px}.project-attachment-header p{color:#6b7280;color:var(--main-common-color,#6b7280);font-size:14px;line-height:1.5;margin:0 0 20px}.project-file-upload{position:relative}.project-file-input{opacity:0;pointer-events:none;position:absolute}.project-file-dropzone{background:#fff;background:var(--color-primary-text-reverse,#fff);border:2px dashed #d1d5db;border:2px dashed var(--main-common-color,#d1d5db);border-radius:12px;cursor:pointer;padding:32px 24px;text-align:center;transition:all .2s ease}.project-file-dropzone:hover{background:#9333ea05;border-color:#9333ea;border-color:var(--primary-color,#9333ea)}.project-file-dropzone svg{color:#9ca3af;color:var(--main-common-color,#9ca3af);margin-bottom:12px}.project-file-dropzone span{color:#374151;color:var(--color-primary-text,#374151);display:block;font-weight:600;margin-bottom:4px}.project-file-dropzone small{color:#6b7280;color:var(--main-common-color,#6b7280);font-size:12px}.project-file-selected{align-items:flex-start;background:#fff;background:var(--color-primary-text-reverse,#fff);border:2px solid #9333ea;border:2px solid var(--primary-color,#9333ea);border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.project-file-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.file-icon{border-radius:8px;padding:8px}.file-icon.yaml{background:#fbbf241a;color:#f59e0b}.file-icon.doc{background:#3b82f61a;color:#3b82f6}.project-file-info span{color:#374151;color:var(--color-primary-text,#374151);font-weight:500;line-height:1.4;max-width:100%;overflow-wrap:break-word;word-break:break-word}.project-file-remove{-webkit-appearance:none!important;appearance:none!important;background:#0000!important;background-color:initial!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='46' height='46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Crect x='3' y='3' width='40' height='40' rx='20' fill='%23FF2C2B'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='0' width='46' height='46' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.662745 0 0 0 0 0.113725 0 0 0 0 0.109804 0 0 0 0.5 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1226_3633'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.184314 0 0 0 0 0.180392 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect1_dropShadow_1226_3633' result='effect2_dropShadow_1226_3633'/%3E%3CfeBlend in='SourceGraphic' in2='effect2_dropShadow_1226_3633' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='3' dy='3'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.662745 0 0 0 0 0.113725 0 0 0 0 0.109804 0 0 0 0.9 0'/%3E%3CfeBlend in2='shape' result='effect3_innerShadow_1226_3633'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-3' dy='-3'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.184314 0 0 0 0 0.180392 0 0 0 0.9 0'/%3E%3CfeBlend in2='effect3_innerShadow_1226_3633' result='effect4_innerShadow_1226_3633'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='3' dy='-3'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.662745 0 0 0 0 0.113725 0 0 0 0 0.109804 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect4_innerShadow_1226_3633' result='effect5_innerShadow_1226_3633'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-3' dy='3'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.662745 0 0 0 0 0.113725 0 0 0 0 0.109804 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect5_innerShadow_1226_3633' result='effect6_innerShadow_1226_3633'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#fff;height:36px;outline:none!important;padding:0!important;width:36px}.project-file-remove:hover{filter:brightness(1.1);transform:scale(1.05)}.project-file-remove:active,.project-file-remove:focus{box-shadow:none!important;outline:none!important;transform:scale(.95)}.project-file-remove svg{color:#fff;height:16px;width:16px;z-index:1}.project-file-requirements{border:2px solid #9333ea;border:2px solid var(--primary-color,#9333ea);border-radius:12px;margin-top:20px;padding:16px}.project-file-requirements h4{color:#9333ea;color:var(--primary-color,#9333ea);font-size:14px;font-weight:600;margin:0 0 8px}.project-file-requirements ul{margin:0;padding-left:16px}.project-file-requirements li{color:#374151;color:var(--color-primary-text,#374151);font-size:13px;margin-bottom:4px}.project-file-requirements strong{color:#9333ea;color:var(--primary-color,#9333ea)}.project-error-message{align-items:center;background:#ef44441a;border-left:4px solid #ef4444;border-radius:8px;color:#dc2626;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px}.project-modal-actions{display:flex;gap:12px;justify-content:flex-end}.project-btn-create{color:#374151;color:var(--color-primary-text,#374151)}.project-btn-cancel{-webkit-appearance:none!important;appearance:none!important;background:#0000!important;background-color:initial!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='243' height='74' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Cpath d='M23.147 58.523 12.415 40.305A3 3 0 0 1 12 38.782V15a3 3 0 0 1 3-3h200.268c1.062 0 2.045.562 2.585 1.477l10.732 18.218c.272.462.415.987.415 1.523V57a3 3 0 0 1-3 3H25.732a3 3 0 0 1-2.585-1.477Z' fill='%23EEE'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='0' width='243' height='74' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='4' dy='4'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeColorMatrix values='0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.9 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1226_3460'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-4' dy='-4'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect1_dropShadow_1226_3460' result='effect2_dropShadow_1226_3460'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='4' dy='-4'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix values='0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect2_dropShadow_1226_3460' result='effect3_dropShadow_1226_3460'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-4' dy='4'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix values='0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect3_dropShadow_1226_3460' result='effect4_dropShadow_1226_3460'/%3E%3CfeBlend in='SourceGraphic' in2='effect4_dropShadow_1226_3460' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.5 0'/%3E%3CfeBlend in2='shape' result='effect5_innerShadow_1226_3460'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect5_innerShadow_1226_3460' result='effect6_innerShadow_1226_3460'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#6b7280;color:var(--main-common-color,#6b7280);cursor:pointer;font-weight:600;height:46px;outline:none!important;padding:0!important;transition:all .2s ease;width:150px}.project-btn-cancel:hover{filter:brightness(1.05);transform:translateY(-1px)}.project-btn-create{-webkit-appearance:none!important;appearance:none!important;background:#0000!important;background-color:initial!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='243' height='74' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Cpath d='M23.147 58.523 12.415 40.305A3 3 0 0 1 12 38.782V15a3 3 0 0 1 3-3h200.268c1.062 0 2.045.562 2.585 1.477l10.732 18.218c.272.462.415.987.415 1.523V57a3 3 0 0 1-3 3H25.732a3 3 0 0 1-2.585-1.477Z' fill='%23EEE'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='0' width='243' height='74' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='4' dy='4'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeColorMatrix values='0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.9 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1226_3460'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-4' dy='-4'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect1_dropShadow_1226_3460' result='effect2_dropShadow_1226_3460'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='4' dy='-4'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix values='0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect2_dropShadow_1226_3460' result='effect3_dropShadow_1226_3460'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-4' dy='4'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix values='0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect3_dropShadow_1226_3460' result='effect4_dropShadow_1226_3460'/%3E%3CfeBlend in='SourceGraphic' in2='effect4_dropShadow_1226_3460' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.5 0'/%3E%3CfeBlend in2='shape' result='effect5_innerShadow_1226_3460'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect5_innerShadow_1226_3460' result='effect6_innerShadow_1226_3460'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#9333ea;color:var(--primary-color,#9333ea);cursor:pointer;font-weight:600;height:46px;outline:none!important;padding:0!important;transition:all .2s ease;width:150px}.project-btn-create:active,.project-btn-create:focus,.project-btn-create:visited{background:#0000!important;background-color:initial!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='243' height='74' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Cpath d='M23.147 58.523 12.415 40.305A3 3 0 0 1 12 38.782V15a3 3 0 0 1 3-3h200.268c1.062 0 2.045.562 2.585 1.477l10.732 18.218c.272.462.415.987.415 1.523V57a3 3 0 0 1-3 3H25.732a3 3 0 0 1-2.585-1.477Z' fill='%23EEE'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='0' width='243' height='74' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='4' dy='4'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeColorMatrix values='0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.9 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1226_3460'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-4' dy='-4'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect1_dropShadow_1226_3460' result='effect2_dropShadow_1226_3460'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='4' dy='-4'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix values='0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect2_dropShadow_1226_3460' result='effect3_dropShadow_1226_3460'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-4' dy='4'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix values='0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.2 0'/%3E%3CfeBlend in2='effect3_dropShadow_1226_3460' result='effect4_dropShadow_1226_3460'/%3E%3CfeBlend in='SourceGraphic' in2='effect4_dropShadow_1226_3460' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.5 0'/%3E%3CfeBlend in2='shape' result='effect5_innerShadow_1226_3460'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0'/%3E%3CfeBlend in2='effect5_innerShadow_1226_3460' result='effect6_innerShadow_1226_3460'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")!important;border:none!important;box-shadow:none!important;filter:none!important;outline:none!important;transform:none!important}.project-btn-create:hover{filter:brightness(1.05);transform:translateY(-1px)}.project-btn-create:disabled{cursor:not-allowed;opacity:.6}.project-btn-create:disabled,.project-btn-create:disabled:hover{filter:grayscale(.3);transform:none}@media (max-width:768px){.project-modal{border-radius:16px;margin:10px}.project-modal-form,.project-modal-header{padding:20px}.project-form-grid{gap:16px;grid-template-columns:1fr}.create-project-button{margin:16px 0;max-width:none}.create-project-content{gap:12px}.create-project-text h3{font-size:16px}.create-project-text p{font-size:13px}}.project-requirements-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.project-file-requirements h4{margin:0}.project-help-tooltip{display:inline-block;position:relative}.project-help-trigger{align-items:center;border-radius:6px;color:#9333ea;color:var(--primary-color,#9333ea);cursor:help;display:flex;font-size:13px;font-weight:500;gap:6px;padding:4px 8px;transition:all .2s ease}.project-help-trigger:hover{background:#9333ea1a}.project-help-trigger svg{color:#9333ea;color:var(--primary-color,#9333ea);flex-shrink:0}.project-help-content{background:#fff;border:2px solid #9333ea;border:2px solid var(--primary-color,#9333ea);border-radius:12px;box-shadow:0 8px 24px #00000026;max-width:90vw;opacity:0;padding:16px;pointer-events:none;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-10px);transition:all .3s ease;visibility:hidden;width:420px;z-index:1000}.project-help-tooltip:hover .project-help-content{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.project-help-content:before{border-bottom:8px solid #9333ea;border-bottom:8px solid var(--primary-color,#9333ea);border-left:8px solid #0000;border-right:8px solid #0000;content:"";height:0;position:absolute;right:20px;top:-8px;width:0}.project-help-content:after{border-bottom:7px solid #fff;border-left:7px solid #0000;border-right:7px solid #0000;content:"";height:0;position:absolute;right:21px;top:-6px;width:0}.project-help-section{margin-bottom:16px}.project-help-section:last-child{margin-bottom:0}.project-help-section h5{align-items:center;display:flex;font-size:13px;font-weight:600;gap:6px;margin:0 0 8px}.project-help-section:first-child h5{color:#059669}.project-help-section:last-child h5{border-top:1px dashed #d1d5db;border-top:1px dashed var(--main-common-color,#d1d5db);color:#dc2626;padding-top:12px}.project-help-section ul{margin:0;padding-left:20px}.project-help-section li{color:#374151;color:var(--color-primary-text,#374151);font-size:12px;line-height:1.4;margin-bottom:6px}.project-help-section code{background:#9333ea1a;border-radius:3px;color:#9333ea;color:var(--primary-color,#9333ea);font-family:Courier New,monospace;font-size:11px;font-weight:600;padding:2px 5px}@media (max-width:768px){.project-help-content{padding:12px;right:-10px;width:320px}.project-help-content:before{right:15px}.project-help-content:after{right:16px}.project-requirements-header{align-items:flex-start;flex-direction:column;gap:8px}.project-help-section h5,.project-help-trigger{font-size:12px}.project-help-section li{font-size:11px}}.project-file-remove{align-items:center;background:#0000;border:2px solid #e5e7eb;border:2px solid var(--main-common-color,#e5e7eb);border-radius:10px;color:#6b7280;color:var(--main-common-color,#6b7280);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:10px;transition:all .2s ease}.project-file-remove:hover{background:#ef44440d;border-color:#ef4444;color:#ef4444;transform:translateY(-1px)}.project-file-remove:active{transform:translateY(0)}.project-file-remove:disabled{cursor:not-allowed;opacity:.5;transform:none}.project-file-remove:disabled:hover{background:#0000;border-color:#e5e7eb;border-color:var(--main-common-color,#e5e7eb);color:#6b7280;color:var(--main-common-color,#6b7280);transform:none}.analyser-chatbox{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .2s ease;width:100%}.analyser-chatbox:focus-within{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.analyser-attachment-preview{align-items:center;background:#f8f9fa;border-bottom:1px solid #e1e5e9;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px}.analyser-attachment-info{align-items:center;color:#6b7280;display:flex;flex:1 1;gap:6px;min-width:0}.analyser-attachment-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analyser-remove-attachment{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;flex-shrink:0;font-size:16px;font-weight:700;padding:2px 6px;transition:all .2s ease}.analyser-remove-attachment:hover:not(:disabled){background:#e5e7eb;color:#6b7280}.analyser-remove-attachment:disabled{cursor:not-allowed;opacity:.5}.analyser-chat-form{width:100%}.analyser-input-container{align-items:center;display:flex;gap:8px;padding:12px;transition:background-color .2s ease}.analyser-input-container.drag-over{background:#f0f9ff;border-color:#3b82f6}.analyser-file-input{display:none}.analyser-attach-btn,.analyser-send-btn,.analyser-stop-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.analyser-attach-btn:hover:not(:disabled){background:#e5e7eb;color:#374151}.analyser-send-btn{background:#3b82f6;color:#fff}.analyser-send-btn:hover:not(:disabled){background:#2563eb}.analyser-send-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.analyser-stop-btn{background:#ef4444;color:#fff}.analyser-stop-btn:hover{background:#dc2626}.analyser-attach-btn:disabled,.analyser-stop-btn:disabled{cursor:not-allowed;opacity:.5}.analyser-text-input{background:#0000;border:none;color:#374151;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;min-width:0;outline:none;resize:none}.analyser-text-input::placeholder{color:#9ca3af}.analyser-text-input:disabled{color:#9ca3af;cursor:not-allowed}@media (max-width:768px){.analyser-input-container{gap:6px;padding:8px}.analyser-attach-btn,.analyser-send-btn,.analyser-stop-btn{height:28px;width:28px}.analyser-text-input{font-size:13px}.analyser-attachment-preview{font-size:12px;padding:6px 8px}}.streaming-markdown-container{position:relative;transition:all .3s ease}.streaming-markdown-container.is-streaming{background:linear-gradient(135deg,#fafafa,#f8f9fa);border:1px solid #9404c31a;border-radius:12px;box-shadow:0 4px 20px #00000008,0 1px 3px #0000000d,inset 0 1px 0 #ffffffe6;padding:16px}.streaming-markdown-container.is-streaming:before{animation:streamingGradient 2s ease-in-out infinite;background:linear-gradient(90deg,#9404c3,#7a0399,#9404c3);background-size:200% 100%;border-radius:2px;content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes streamingGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.streaming-cursor{animation:streamingBlink 1s infinite;background:#9404c3;display:inline-block;height:1.2em;margin-left:2px;vertical-align:initial;width:2px}@keyframes streamingBlink{0%,50%{opacity:1}51%,to{opacity:0}}.streaming-code-wrapper{margin:16px 0;position:relative}.streaming-indicator-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#9404c3e6;border-radius:12px;box-shadow:0 2px 8px #9404c34d;color:#fff;display:flex;font-size:11px;font-weight:500;gap:6px;padding:4px 8px;position:absolute;right:8px;top:8px;z-index:10}.streaming-indicator-overlay svg{color:#fff}.streaming-code-wrapper .ai-response-code-card{border:1px solid #9404c333;box-shadow:0 4px 16px #9404c31a,0 1px 3px #0000000d}.streaming-code-wrapper .ai-response-code-card:before{animation:streamingGradient 2s ease-in-out infinite;background:linear-gradient(90deg,#9404c3,#7a0399,#9404c3);background-size:200% 100%;border-radius:2px 2px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.streaming-markdown-container.is-streaming p:last-child:after{animation:streamingDot 1.5s ease-in-out infinite;background:#9404c3;border-radius:50%;content:"";display:inline-block;height:8px;margin-left:4px;width:8px}@keyframes streamingDot{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.streaming-markdown-container *{transition:opacity .2s ease}.streaming-markdown-container.is-streaming h1,.streaming-markdown-container.is-streaming h2,.streaming-markdown-container.is-streaming h3{position:relative}.streaming-markdown-container.is-streaming h1:after,.streaming-markdown-container.is-streaming h2:after,.streaming-markdown-container.is-streaming h3:after{animation:streamingUnderline 2s ease-in-out infinite;background:linear-gradient(90deg,#9404c3,#0000);bottom:-2px;content:"";height:1px;left:0;position:absolute;width:100%}@keyframes streamingUnderline{0%,to{left:0;width:0}50%{left:0;width:100%}}@media (max-width:768px){.streaming-markdown-container.is-streaming{border-radius:8px;padding:12px}.streaming-indicator-overlay{font-size:10px;padding:3px 6px}}@media (prefers-color-scheme:dark){.streaming-markdown-container.is-streaming{background:linear-gradient(135deg,#1f2937,#111827);border-color:#9404c34d;box-shadow:0 4px 20px #0003,0 1px 3px #0000004d,inset 0 1px 0 #ffffff1a}.streaming-cursor{background:#a855f7}.streaming-indicator-overlay{background:#a855f7e6}}*{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important}:focus{outline:none!important}.analyzer-chat-analysis-container{background:#eee;border-radius:0;max-width:none;min-height:100px;padding:0;width:100%}.analyzer-chat-code-sidebar{background:#eee;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 210px);max-height:calc(100vh - 210px);overflow:hidden;position:relative;transition:width .2s ease;width:49%}.analyzer-chat-sidebar-header{background:#eee;border-radius:8px 8px 0 0}.analyzer-chat-sidebar-title{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:700;gap:8px}.analyzer-chat-sidebar-content{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:8px;scrollbar-color:#9404c3 #0000;scrollbar-width:thin}.analyzer-chat-sidebar-content::-webkit-scrollbar{width:8px}.analyzer-chat-sidebar-content::-webkit-scrollbar-track{background:#0000;border-radius:4px}.analyzer-chat-sidebar-content::-webkit-scrollbar-thumb{background:#9404c3;border:none;border-radius:4px}.analyzer-chat-sidebar-content::-webkit-scrollbar-thumb:hover{background:#7a0399}.analyzer-chat-sidebar-content::-webkit-scrollbar-button{display:none}.analyzer-chat-sidebar-content::-webkit-scrollbar-corner{background:#0000}.analyzer-chat-sidebar-code-block{background:#0000;margin-bottom:8px;overflow:visible}.analyzer-chat-code-header{align-items:center;background:#fff;border-bottom:1px solid #fff;border-left:4px solid #9404c3;border-radius:10px;box-shadow:inset 4px 0 8px #9404c31a;cursor:pointer;display:flex;justify-content:space-between;padding:12px;position:relative;transition:background-color .2s}.analyzer-chat-code-header:not(.expanded){background:linear-gradient(135deg,#fff,#fafafa);border:2px solid #e5e7eb;border-left:4px solid #9404c3;border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a;color:#374151;margin-bottom:10px;padding:14px 16px;transition:all .25s ease}.analyzer-chat-code-header:not(.expanded):hover{border-left-width:6px;box-shadow:0 4px 16px #0000001f,0 2px 4px #0000000f,-2px 0 8px #9404c326;transform:translateY(-2px)}.analyzer-chat-code-header:not(.expanded) .analyzer-chat-code-filename{color:#111827;font-size:14px;font-weight:600}.analyzer-chat-code-header:not(.expanded) .analyzer-chat-code-language{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border:1px solid #9404c340;border-radius:6px;color:#9404c3;font-weight:600;padding:4px 10px}.analyzer-chat-code-header:hover{background:#f1f3f5}.analyzer-chat-code-header-left{align-items:center;display:flex;flex:1 1;gap:15px;min-width:0}.analyzer-chat-code-filename{color:#374151;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analyzer-chat-code-language{background:#e1e5e9;border-radius:3px;color:#6b7280;flex-shrink:0;font-size:11px;font-weight:500;padding:2px 6px;text-transform:uppercase}.analyzer-chat-code-header.expanded{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e5e7eb;border-left:4px solid #9404c3;border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a;margin-bottom:0;padding:14px 16px}.analyzer-chat-code-header.expanded .analyzer-chat-code-filename{color:#111827;font-weight:700}.analyzer-chat-code-header.expanded .analyzer-chat-code-language{background:linear-gradient(135deg,#9404c3,#7c2d92);border-radius:6px;box-shadow:0 2px 4px #9404c34d;color:#fff;font-weight:600;padding:4px 10px}.analyzer-chat-code-content{word-wrap:normal;-webkit-overflow-scrolling:touch;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a;margin-bottom:10px;margin-top:8px;max-height:500px;max-width:100%;overflow-x:auto;overflow-y:auto;scroll-behavior:smooth}.analyzer-chat-code-content::-webkit-scrollbar{height:10px;width:10px}.analyzer-chat-code-content::-webkit-scrollbar-track{background:#f1f3f5;border-radius:5px}.analyzer-chat-code-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9404c3,#7c2d92);border:2px solid #f1f3f5;border-radius:5px}.analyzer-chat-code-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7c2d92,#550173)}.analyzer-chat-code-content::-webkit-scrollbar-corner{background:#f1f3f5}.analyzer-chat-code-pre{max-height:400px}.analyzer-chat-code-pre::-webkit-scrollbar{height:10px;width:10px}.analyzer-chat-code-pre::-webkit-scrollbar-track{background:#f1f3f5;border-radius:5px}.analyzer-chat-code-pre::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9404c3,#7c2d92);border:2px solid #f1f3f5;border-radius:5px}.analyzer-chat-code-pre::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7c2d92,#550173)}.analyzer-chat-code-pre::-webkit-scrollbar-corner{background:#f1f3f5}.analyzer-chat-report-content{max-height:500px;overflow-y:auto}.analyzer-chat-report-content::-webkit-scrollbar{width:10px}.analyzer-chat-report-content::-webkit-scrollbar-track{background:#f1f3f5;border-radius:5px}.analyzer-chat-report-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9404c3,#7c2d92);border:2px solid #f1f3f5;border-radius:5px}.analyzer-chat-report-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7c2d92,#550173)}.analyzer-chat-code-pre{background:linear-gradient(135deg,#fafafa,#fff);border-radius:10px;box-sizing:border-box;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.6;margin:0;max-height:350px;max-width:100%;overflow-x:auto;overflow-y:auto;padding:20px;white-space:pre}.analyzer-chat-code-pre code{word-wrap:normal;color:#374151;display:block;white-space:pre;word-break:normal}.analyzer-chat-markdown-content{word-wrap:break-word;color:#374151;line-height:1.6}.analyzer-chat-markdown-content .analyzer-chat-markdown-h1,.analyzer-chat-markdown-content h1{border-bottom:1px solid #e5e7eb;color:#111827;font-size:24px;font-weight:700;line-height:1.25;margin:32px 0 16px;padding-bottom:8px}.analyzer-chat-markdown-content .analyzer-chat-markdown-h2,.analyzer-chat-markdown-content h2{border-bottom:1px solid #f3f4f6;color:#111827;font-size:20px;font-weight:600;line-height:1.3;margin:28px 0 14px;padding-bottom:6px}.analyzer-chat-markdown-content .analyzer-chat-markdown-h3,.analyzer-chat-markdown-content h3{color:#374151;font-size:18px;font-weight:600;line-height:1.4;margin:24px 0 12px}.analyzer-chat-markdown-content .analyzer-chat-markdown-h4,.analyzer-chat-markdown-content h4{color:#374151;font-size:16px;font-weight:600;line-height:1.4;margin:20px 0 10px}.analyzer-chat-markdown-content .analyzer-chat-markdown-h5,.analyzer-chat-markdown-content h5{color:#374151;font-size:14px;font-weight:600;line-height:1.5;margin:18px 0 8px}.analyzer-chat-markdown-content .analyzer-chat-markdown-h6,.analyzer-chat-markdown-content h6{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.025em;line-height:1.5;margin:16px 0 8px;text-transform:uppercase}.analyzer-chat-markdown-content .analyzer-chat-markdown-p,.analyzer-chat-markdown-content p{color:#374151;line-height:1.7;margin:0 0 16px}.analyzer-chat-markdown-content p:last-child{margin-bottom:0}.analyzer-chat-markdown-content .analyzer-chat-markdown-ol,.analyzer-chat-markdown-content .analyzer-chat-markdown-ul,.analyzer-chat-markdown-content ol,.analyzer-chat-markdown-content ul{color:#374151;margin:16px 0;padding-left:32px}.analyzer-chat-markdown-content .analyzer-chat-markdown-li,.analyzer-chat-markdown-content li{line-height:1.6;margin:8px 0}.analyzer-chat-markdown-content ul li{list-style-type:disc}.analyzer-chat-markdown-content ol li{list-style-type:decimal}.analyzer-chat-markdown-content ul ul li{list-style-type:circle}.analyzer-chat-markdown-content ul ul ul li{list-style-type:square}.analyzer-chat-markdown-content .analyzer-chat-markdown-strong,.analyzer-chat-markdown-content strong{color:#111827;font-weight:700}.analyzer-chat-markdown-content .analyzer-chat-markdown-em,.analyzer-chat-markdown-content em{color:#374151;font-style:italic}.analyzer-chat-markdown-content code:not([class*=language-]){background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;color:#dc2626;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;font-weight:500;padding:3px 6px}.analyzer-chat-markdown-content .analyzer-chat-markdown-blockquote,.analyzer-chat-markdown-content blockquote{background:#f9fafb;border-left:4px solid #9404c3;border-radius:0 4px 4px 0;color:#6b7280;font-style:italic;margin:16px 0;padding:12px 16px}.analyzer-chat-markdown-content blockquote p{margin:0}.analyzer-chat-markdown-content .analyzer-chat-markdown-table,.analyzer-chat-markdown-content table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:16px 0;overflow:hidden;width:100%}.analyzer-chat-markdown-content .analyzer-chat-markdown-td,.analyzer-chat-markdown-content .analyzer-chat-markdown-th,.analyzer-chat-markdown-content td,.analyzer-chat-markdown-content th{border-bottom:1px solid #e5e7eb;padding:12px 16px;text-align:left}.analyzer-chat-markdown-content .analyzer-chat-markdown-th,.analyzer-chat-markdown-content th{background:#f9fafb;color:#374151;font-size:14px;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.analyzer-chat-markdown-content .analyzer-chat-markdown-td,.analyzer-chat-markdown-content td{color:#6b7280}.analyzer-chat-markdown-content tr:last-child td{border-bottom:none}.analyzer-chat-markdown-content hr{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);border:none;height:1px;margin:32px 0}.analyzer-chat-markdown-content a{border-bottom:1px solid #0000;color:#9404c3;font-weight:500;text-decoration:none;transition:all .2s ease}.analyzer-chat-markdown-content a:hover{border-bottom-color:#9404c3;color:#7c2d92}.analyzer-chat-no-code-message{color:#6b7280;font-size:11px;padding:40px 20px;text-align:center}.analyzer-chat-message-wrapper{margin-bottom:20px}.analyzer-chat-message-wrapper.user-message{display:flex;justify-content:flex-end}.analyzer-chat-user-message-bubble{background:#eee;border:2px solid #9404c3;border-radius:20px;box-shadow:10px 10px 25px #d5d5d5e6,-10px -10px 20px #ffffffe6,inset -1px -1px 2px #d5d5d580,inset 1px 1px 2px #ffffff4d;height:-webkit-fit-content;height:fit-content;max-width:80%;position:relative;width:-webkit-fit-content;width:fit-content}.analyzer-chat-user-message-background{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.analyzer-chat-user-message-text{color:#374151;font-size:14px;line-height:1.5;padding:20px;position:relative;z-index:2}.analyzer-chat-user-message-text p{color:#374151;margin:0}.analyzer-chat-message-wrapper.ai-message .analyzer-chat-message-content{background:#0000;max-width:100%;padding:0}.analyzer-chat-thinking-block{background:#eee;border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff80;margin:0 0 20px;overflow:hidden;transition:all .3s ease}.analyzer-chat-thinking-block[open]{box-shadow:inset 4px 4px 8px #d5d5d599,inset -4px -4px 8px #fffc,}.analyzer-chat-thinking-summary{align-items:center;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;list-style:none;padding:14px 18px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.analyzer-chat-thinking-summary::-webkit-details-marker{display:none}.analyzer-chat-thinking-summary:after{color:#9404c3;content:"▼";font-size:10px;margin-top:10px;position:absolute;right:18px;transition:transform .3s ease}.analyzer-chat-thinking-block[open] .analyzer-chat-thinking-summary:after{transform:rotate(180deg)}.analyzer-chat-thinking-summary:hover{color:#9404c3}.analyzer-chat-thinking-summary svg{stroke:#9404c3;flex-shrink:0;transition:stroke .2s ease}.analyzer-chat-thinking-summary:hover svg{stroke:#7c2d92}.analyzer-chat-thinking-content{background:linear-gradient(135deg,#eee,#eee);border-radius:0 0 16px 16px;margin-top:2px;max-height:600px;overflow-y:auto;padding:0 18px 18px}.analyzer-chat-thinking-item{background:#0000;border:2px solid #9404c3;border-radius:12px;box-shadow:0 0 15px #9404c31a;color:#374151;font-size:13px;line-height:1.6;margin-bottom:12px;margin-top:12px;overflow-x:auto;padding:16px}.analyzer-chat-thinking-item:last-child{margin-bottom:0}.analyzer-chat-thinking-item p{color:#374151;margin:0}.analyzer-chat-thinking-item strong{color:#111827;font-weight:600}.analyzer-chat-thinking-item code{background:#f3f4f6;border-radius:4px;color:#dc2626;font-family:Monaco,Menlo,monospace;font-size:.9em;padding:2px 6px}.analyzer-chat-thinking-item table{background:#fff;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:6px;font-size:12px;margin:12px 0;overflow:hidden;width:100%}.analyzer-chat-thinking-item thead{background:#f9fafb}.analyzer-chat-thinking-item th{border-bottom:2px solid #e5e7eb;color:#111827;font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.analyzer-chat-thinking-item td{border-bottom:1px solid #f3f4f6;color:#374151;padding:8px 12px;vertical-align:top}.analyzer-chat-thinking-item tbody tr:last-child td{border-bottom:none}.analyzer-chat-thinking-item tbody tr:hover{background:#fafafa}.analyzer-chat-thinking-item pre{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;line-height:1.5;margin:12px 0;overflow-x:auto;padding:12px}.analyzer-chat-thinking-item pre code{background:none;border-radius:0;color:#374151;padding:0}.analyzer-chat-thinking-spinner{animation:thinking-spin 1s linear infinite}@keyframes thinking-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.analyzer-chat-thinking-streaming{animation:thinking-pulse 2s ease-in-out infinite;background:#0000;border:none;border-radius:12px;box-shadow:none;margin-top:8px;padding:16px;position:relative}.analyzer-chat-thinking-streaming:before{animation:gradient-shift 3s ease infinite;background:linear-gradient(135deg,#9404c3,#c026d3 50%,#9404c3);background-size:200% 200%;border-radius:12px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes thinking-pulse{0%,to{opacity:1}50%{opacity:.85}}.analyzer-chat-thinking-item.analyzer-chat-thinking-streaming{animation:thinking-pulse 2s ease-in-out infinite,border-glow 2s ease-in-out infinite;background:#0000!important;border:2px solid #9404c3!important;border-radius:12px;box-shadow:0 0 20px #9404c326!important;margin-top:12px;padding:16px}@keyframes border-glow{0%,to{border-color:#9404c3;box-shadow:0 0 20px #9404c326}50%{border-color:#c026d3;box-shadow:0 0 30px #9404c340}}.analyzer-chat-thinking-loading{align-items:center;display:flex;gap:6px;justify-content:center;padding:20px}.analyzer-chat-thinking-dot{animation:thinking-bounce 1.4s ease-in-out infinite;background:#9404c3;border-radius:50%;height:8px;width:8px}.analyzer-chat-thinking-dot:first-child{animation-delay:0s}.analyzer-chat-thinking-dot:nth-child(2){animation-delay:.2s}.analyzer-chat-thinking-dot:nth-child(3){animation-delay:.4s}@keyframes thinking-bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.analyzer-chat-loading-message{background:#f3f4f6;margin-bottom:20px}.analyzer-chat-streaming-message{margin-bottom:20px}.analyzer-chat-user-message-container{align-items:flex-start;display:flex;justify-content:flex-end;position:relative}.analyzer-chat-user-message-actions{display:flex;flex-direction:row;margin-top:8px;opacity:1;transition:opacity .2s ease}.analyzer-chat-user-message-container:hover .analyzer-chat-user-message-actions{opacity:1}.analyzer-chat-message-action-svg{transition:transform .2s ease}.analyzer-chat-message-action-svg:hover{transform:scale(1.1)}.analyzer-chat-code-header-right{align-items:center;display:flex;gap:12px}.analyzer-chat-header-actions{align-items:center;display:flex}.analyzer-chat-header-action-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:relative;transition:transform .2s ease;width:32px}.analyzer-chat-header-action-btn:hover{transform:scale(1.1)}.analyzer-chat-action-button-bg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.analyzer-chat-action-icon{display:flex;position:relative;z-index:2}.analyzer-chat-action-svg{transition:transform .2s ease}.analyzer-chat-action-svg:hover{transform:scale(1.1)}.analyzer-chat-code-block-wrapper{margin:20px 0;position:relative}.analyzer-chat-report-content{max-height:400px}.analyzer-chat-report-content,.analyzer-chat-report-content2{word-wrap:break-word;background:linear-gradient(135deg,#fafafa,#fff);border-radius:10px;box-sizing:border-box;color:#374151;height:90%;line-height:1.7;max-width:100%;overflow-x:auto!important;overflow-y:auto!important;padding:24px}.analyzer-chat-report-content2{max-height:500px}.analyzer-chat-report-content .analyzer-chat-report-h1{border-bottom:2px solid #9404c3;color:#111827;font-size:20px;font-weight:700;line-height:1.25;margin:0 0 16px;padding-bottom:8px}.analyzer-chat-report-content .analyzer-chat-report-h2{border-bottom:1px solid #e5e7eb;color:#111827;font-size:18px;font-weight:600;line-height:1.3;margin:20px 0 12px;padding-bottom:4px}.analyzer-chat-report-content .analyzer-chat-report-h3{color:#374151;font-size:16px;font-weight:600;line-height:1.4;margin:16px 0 8px}.analyzer-chat-report-content .analyzer-chat-report-h4{color:#374151;font-size:14px;font-weight:600;line-height:1.4;margin:14px 0 6px}.analyzer-chat-report-content .analyzer-chat-report-h5{color:#374151;font-size:13px;font-weight:600;line-height:1.5;margin:12px 0 6px}.analyzer-chat-report-content .analyzer-chat-report-h6{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.025em;line-height:1.5;margin:10px 0 6px;text-transform:uppercase}.analyzer-chat-report-content .analyzer-chat-report-p{color:#374151;font-size:13px;line-height:1.7;margin:0 0 12px}.analyzer-chat-report-content .analyzer-chat-report-p:last-child{margin-bottom:0}.analyzer-chat-report-content .analyzer-chat-report-ol,.analyzer-chat-report-content .analyzer-chat-report-ul{color:#374151;font-size:13px;margin:12px 0;padding-left:24px}.analyzer-chat-report-content .analyzer-chat-report-li{line-height:1.6;margin:6px 0}.analyzer-chat-report-content .analyzer-chat-report-ul .analyzer-chat-report-li{list-style-type:disc}.analyzer-chat-report-content .analyzer-chat-report-ol .analyzer-chat-report-li{list-style-type:decimal}.analyzer-chat-report-content .analyzer-chat-report-strong{color:#111827;font-weight:700}.analyzer-chat-report-content .analyzer-chat-report-em{color:#374151;font-style:italic}.analyzer-chat-report-content .analyzer-chat-report-blockquote{background:#f9fafb;border-left:3px solid #9404c3;border-radius:0 4px 4px 0;color:#6b7280;font-size:13px;font-style:italic;margin:12px 0;padding:10px 14px}.analyzer-chat-report-content .analyzer-chat-report-blockquote p{margin:0}.analyzer-chat-report-content .analyzer-chat-report-table{background:#fff;border-collapse:collapse;border-radius:6px;box-shadow:0 1px 2px #0000000d;font-size:12px;margin:12px 0;overflow:visible;width:100%}.analyzer-chat-report-content .analyzer-chat-report-td,.analyzer-chat-report-content .analyzer-chat-report-th{border-bottom:1px solid #e5e7eb;padding:8px 12px;text-align:left}.analyzer-chat-report-content .analyzer-chat-report-th{background:#f9fafb;color:#374151;font-size:11px;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.analyzer-chat-report-content .analyzer-chat-report-td{color:#6b7280}.analyzer-chat-report-content .analyzer-chat-report-tr:last-child .analyzer-chat-report-td{border-bottom:none}.analyzer-chat-report-content hr{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);border:none;height:1px;margin:20px 0}.analyzer-chat-report-content a{border-bottom:1px solid #0000;color:#9404c3;font-weight:500;text-decoration:none;transition:all .2s ease}.analyzer-chat-report-content a:hover{border-bottom-color:#9404c3;color:#7c2d92}.analyzer-chat-report-content::-webkit-scrollbar{width:6px}.analyzer-chat-report-content::-webkit-scrollbar-track{background:#0000;border-radius:3px}.analyzer-chat-report-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.analyzer-chat-report-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.analyzer-chat-report-content .analyzer-chat-report-h1+.analyzer-chat-report-p,.analyzer-chat-report-content .analyzer-chat-report-h2+.analyzer-chat-report-p,.analyzer-chat-report-content .analyzer-chat-report-h3+.analyzer-chat-report-p,.analyzer-chat-report-content .analyzer-chat-report-h4+.analyzer-chat-report-p,.analyzer-chat-report-content .analyzer-chat-report-h5+.analyzer-chat-report-p,.analyzer-chat-report-content .analyzer-chat-report-h6+.analyzer-chat-report-p{margin-top:0}.analyzer-chat-edit-mode-indicator{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.analyzer-chat-edit-mode-indicator button{background:#f59e0b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.analyzer-chat-recommendations-header{margin-bottom:12px;text-align:center}.analyzer-chat-recommendations-title{align-items:center;color:#9404c3;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;margin-bottom:4px}.analyzer-chat-recommendations-icon{filter:drop-shadow(0 2px 4px rgba(148,4,195,.3));font-size:20px}.analyzer-chat-recommendations-subtitle{color:#6b7280;font-size:13px;font-style:italic}.analyzer-chat-recommendations-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;width:100%}.analyzer-chat-recommendation-bubble{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #0000;border-radius:12px;box-shadow:8px 8px 16px #d5d5d5cc,-8px -8px 16px #ffffffe6,inset -1px -1px 2px #d5d5d54d,inset 1px 1px 2px #ffffff80;cursor:pointer;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.analyzer-chat-recommendation-bubble:before{background:linear-gradient(135deg,#9404c3,#7c2d92);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:0}.analyzer-chat-recommendation-bubble:hover{border-color:#9404c3;box-shadow:12px 12px 24px #d5d5d5e6,-12px -12px 20px #fff,0 8px 32px #9404c326;transform:translateY(-2px)}.analyzer-chat-recommendation-bubble:hover:before{opacity:.03}.analyzer-chat-recommendation-bubble:hover .analyzer-chat-bubble-title{color:#9404c3}.analyzer-chat-recommendation-bubble:hover .analyzer-chat-bubble-arrow{color:#9404c3;transform:translateX(4px)}.analyzer-chat-recommendation-bubble:active{box-shadow:4px 4px 8px #d5d5d599,-4px -4px 8px #fffc;transform:translateY(1px)}.analyzer-chat-bubble-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:24px;margin-bottom:8px;position:relative;z-index:2}.analyzer-chat-bubble-content{flex:1 1;position:relative;z-index:2}.analyzer-chat-bubble-title{color:#9404c3;font-size:14px;font-weight:620;line-height:1.3;margin-bottom:4px;transition:color .3s ease}.analyzer-chat-bubble-description{color:#6b7280;font-size:12px;line-height:1.4}.analyzer-chat-bubble-arrow{color:#9404c3;font-size:16px;font-weight:700;position:absolute;right:12px;top:12px;transition:all .3s ease;z-index:2}.analyzer-chat-markdown-content>:first-child{margin-top:0}.analyzer-chat-markdown-content>:last-child{margin-bottom:0}.analyzer-chat-markdown-content h1+p,.analyzer-chat-markdown-content h2+p,.analyzer-chat-markdown-content h3+p,.analyzer-chat-markdown-content h4+p,.analyzer-chat-markdown-content h5+p,.analyzer-chat-markdown-content h6+p,.analyzer-chat-report-content>:first-child{margin-top:0}.analyzer-chat-report-content>:last-child{margin-bottom:0}.analyzer-chat-markdown-content input[type=checkbox]{margin-right:8px}.analyzer-chat-markdown-content li.task-list-item{list-style:none;margin-left:-24px}.analyzer-chat-markdown-content pre{margin:20px 0;overflow:hidden}.analyzer-chat-markdown-content blockquote,.analyzer-chat-markdown-content h1,.analyzer-chat-markdown-content h2,.analyzer-chat-markdown-content h3,.analyzer-chat-markdown-content h4,.analyzer-chat-markdown-content h5,.analyzer-chat-markdown-content h6,.analyzer-chat-markdown-content li,.analyzer-chat-markdown-content p{font-family:inherit}@media (max-width:768px){.analyzer-chat-recommendations-grid{gap:10px;grid-template-columns:1fr}.analyzer-chat-recommendation-bubble{padding:14px}.analyzer-chat-bubble-title{font-size:13px}.analyzer-chat-bubble-description{font-size:11px}}.analyzer-chats-list{padding:8px 0}.analyzer-chats-header{align-items:center;display:flex;gap:6px;margin-bottom:8px;padding:8px 16px}.analyzer-chats-header .header-icon{color:#9404c3;height:16px;width:16px}.analyzer-chats-header h3{color:#374151;flex:1 1;font-size:13px;font-weight:600;margin:0}.chat-count{background:#f3f4f6;border-radius:8px;color:#6b7280;font-size:11px;padding:2px 6px}.analyzer-chats-container{max-height:300px;overflow-y:auto;scrollbar-color:#d1d5db #0000;scrollbar-width:thin}.analyzer-chats-container::-webkit-scrollbar{width:3px}.analyzer-chats-container::-webkit-scrollbar-track{background:#0000}.analyzer-chats-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.analyzer-chat-item{border-radius:6px;cursor:pointer;margin:0 8px 2px;padding:8px 16px;transition:background-color .15s ease}.analyzer-chat-item:hover{background:#f9fafb}.analyzer-chat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.analysis-icon-wrapper{color:#9404c3;height:14px;width:14px}.analyzer-chat-meta{color:#9ca3af;font-size:10px;text-align:right}.chat-title{-webkit-line-clamp:1;color:#374151;font-size:12px;font-weight:500;margin:0 0 2px}.chat-preview,.chat-title{-webkit-box-orient:vertical;display:-webkit-box;line-height:1.3;overflow:hidden}.chat-preview{-webkit-line-clamp:2;color:#6b7280;font-size:11px;margin:0}.analysis-type,.analyzer-chat-badge{display:none}.chat-timestamp{color:#9ca3af;font-size:10px}.analyzer-chats-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:20px 16px}.analyzer-chats-loading .loading-spinner{animation:analyzer-spin 1s linear infinite;border:1.5px solid #f3f4f6;border-radius:50%;border-top-color:#9404c3;height:16px;width:16px}@keyframes analyzer-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.analyzer-chats-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:20px 16px;text-align:center}.analyzer-chats-empty p{color:#6b7280;font-size:12px;margin:0}.analyzer-chats-empty small{color:#9ca3af;font-size:10px}@media (max-width:768px){.analyzer-chats-container{max-height:250px}.analyzer-chat-item{padding:6px 12px}.chat-title{font-size:11px}.chat-preview{font-size:10px}}.analyzer-chat-recommendations-area.hidden{min-height:0;overflow:hidden;padding:0 10px;transform:translateY(20px)}.analyzer-chat-response-area{scrollbar-color:#70029559 #f8f9fa;transition:max-height .3s ease}.analyzer-chat-response-area.without-recommendations{max-height:calc(100vh - 200px)}.analyzer-chat-container{gap:20px}@keyframes expandChat{0%{max-height:calc(100vh - 350px)}to{max-height:calc(100vh - 200px)}}@keyframes contractChat{0%{max-height:calc(100vh - 200px)}to{max-height:calc(100vh - 350px)}}.analyzer-chat-response-area.expanding{animation:expandChat .3s ease forwards}.analyzer-chat-response-area.contracting{animation:contractChat .3s ease forwards}.analyzer-chat-continue-container{align-items:center;animation:fadeInContinue .8s ease-out .5s forwards;display:flex;justify-content:center;margin:20px 0 10px;opacity:0;padding:16px 0;transform:translateY(10px)}@keyframes fadeInContinue{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.analyzer-chat-recommendations-area{background:#eee;border-top:1px solid #e1e5e9;bottom:0;flex-shrink:0;max-height:none;min-height:auto;opacity:1;padding:10px;position:relative;transform:translateY(0);transition:all .3s ease}.analyzer-chat-recommendations-area.hidden{margin:0;max-height:0;opacity:0;padding:0;transform:translateY(-10px)}.analyzer-chat-message-wrapper.ai-message{margin-bottom:8px;transition:margin-bottom .3s ease}.analyzer-chat-message-wrapper.ai-message:last-child{margin-bottom:0}.analyzer-chat-message-content.ai-response-card{position:relative;transition:all .3s ease}.analyzer-chat-message-content.ai-response-card:has(.analyzer-chat-continue-container){border-bottom-left-radius:16px;border-bottom-right-radius:16px;margin-bottom:0}.analyzer-chat-loading-message{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6}@keyframes fadeInLoading{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.analyzer-chat-response-area.with-recommendations{border-bottom:2px solid #f1f3f5;padding-bottom:16px}.analyzer-chat-response-area.without-recommendations{border-bottom:none;padding-bottom:0}@keyframes pulseHint{0%,to{box-shadow:0 4px 14px #9404c34d,inset 0 1px 0 #fff3}50%{box-shadow:0 4px 20px #9404c366,inset 0 1px 0 #ffffff4d}}.analyzer-chat-message-wrapper.ai-message[data-completed=true]{position:relative}.analyzer-chat-message-wrapper.ai-message[data-completed=true]:after{background:linear-gradient(90deg,#0000,#9404c3,#0000);bottom:-2px;content:"";height:2px;left:20px;opacity:.3;position:absolute;right:20px;transition:opacity .5s ease}.analyzer-chat-message-wrapper.ai-message[data-completed=true]:hover:after{opacity:.6}.analyzer-chat-analysis-container{display:flex;flex-direction:column;gap:0}.analyzer-chat-message-wrapper+.analyzer-chat-message-wrapper{margin-top:16px}.analyzer-chat-message-wrapper.ai-message+.analyzer-chat-message-wrapper.user-message{margin-top:24px}.analyzer-chat-message-wrapper.user-message+.analyzer-chat-message-wrapper.ai-message{margin-top:20px}.analyzer-chat-message-content.ai-response-card:has(.analyzer-chat-continue-container)+.analyzer-chat-code-generation{border-top:2px solid #f1f3f5;margin-top:0;padding-top:16px}.analyzer-chat-loading-message+.analyzer-chat-continue-container{margin-top:8px}.analyzer-chat-continue-container+.analyzer-chat-recommendations-area{border-top:1px solid #e9ecef;margin-top:16px;padding-top:16px}.analyzer-chat-message-wrapper:last-child .analyzer-chat-continue-container{margin-bottom:24px}@media (prefers-reduced-motion:reduce){.analyzer-chat-continue-button,.analyzer-chat-continue-button:after,.analyzer-chat-continue-button:before,.analyzer-chat-continue-container,.analyzer-chat-loading-message{animation:none;transition:none}.analyzer-chat-continue-button:hover{transform:none}}.analyzer-chat-continuation-indicator{align-items:center;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #9404c3;border-radius:6px;color:#7b1fa2;display:flex;font-size:12px;font-weight:500;gap:6px;margin-bottom:12px;padding:8px 12px}.analyzer-chat-continuation-indicator:before{content:"🔄";font-size:14px}.analyzer-chat-code-header.continued{background:linear-gradient(135deg,#fff3e0,#f3e5f5);border-left:4px solid #ff9800}.analyzer-chat-code-header.continued .analyzer-chat-code-filename{color:#e65100;font-weight:600}.analyzer-chat-code-header.continued:after{background:#fff3e0;border-radius:3px;color:#ff9800;content:"📝 Continued";font-size:10px;font-weight:500;margin-left:auto;padding:2px 6px}.continuation-badge{background:#ff98001a;border-radius:3px;color:#e65100;font-size:10px;margin-left:6px;padding:2px 4px}.anayzer-chat-sidebar-code-block.continuation{background:linear-gradient(135deg,#fffef7,#fff8e1);border-left:4px solid #ff9800}.anayzer-chat-sidebar-code-block.continuation .analyzer-chat-code-header{background:linear-gradient(135deg,#fff8e1,#f3e5f5)}@keyframes slideInRecommendations{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.analyzer-chat-recommendations-header-compact{color:#6b7280;font-size:14px;gap:8px}.recommendations-icon{filter:drop-shadow(0 2px 4px rgba(148,4,195,.3));font-size:18px}.recommendations-title{color:#374151}.analyzer-chat-recommendations-header-compact{align-items:center;color:#374151;display:flex;font-size:15px;font-weight:600;gap:1px;padding-bottom:1px}.recommendations-icon{animation:pulseGlow 2s ease-in-out infinite;font-size:20px}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 2px 4px rgba(148,4,195,.3))}50%{filter:drop-shadow(0 2px 8px rgba(148,4,195,.5))}}.recommendations-title{color:#9404c3;letter-spacing:-.01em}.analyzer-chat-recommendations-grid-compact{align-items:center}.analyzer-chat-recommendation-chip:hover{color:#9404c3}.analyzer-custom-input-container{animation:slideInInput .4s ease-out;width:100%}.analyzer-custom-input-form{align-items:flex-end;background:linear-gradient(135deg,#fff,#fafafa);border:2px solid #e5e7eb;border-radius:20px;box-shadow:8px 8px 16px #d5d5d599,-8px -8px 16px #ffffffe6,inset 0 2px 4px #00000005;display:flex;gap:12px;overflow:hidden;padding:14px 16px;position:relative;transition:all .3s ease}.analyzer-custom-input-form:before{background:linear-gradient(90deg,#0000,#9404c3,#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.analyzer-custom-input-form:focus-within{background:#fff;border-color:#9404c3;box-shadow:10px 10px 20px #d5d5d5b3,-10px -10px 20px #fff,0 0 0 4px #9404c314,inset 0 2px 4px #9404c30d}.analyzer-custom-input-form:focus-within:before{opacity:1}.analyzer-custom-textarea{background:#0000;border:none;color:#374151;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;max-height:120px;min-height:24px;outline:none;overflow-y:auto;padding:0;resize:none}.analyzer-custom-textarea::placeholder{color:#9ca3af;font-style:italic}.analyzer-custom-textarea:disabled{cursor:not-allowed;opacity:.6}.analyzer-custom-textarea::-webkit-scrollbar{width:6px}.analyzer-custom-textarea::-webkit-scrollbar-track{background:#0000;border-radius:3px}.analyzer-custom-textarea::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d1d5db,#9ca3af);border-radius:3px}.analyzer-custom-textarea::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9ca3af,#6b7280)}.analyzer-custom-button{align-items:center;border:none;border-radius:12px;box-shadow:5px 5px 10px #d5d5d580,-5px -5px 10px #ffffffe6,inset 0 1px 0 #ffffff4d;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);width:44px}.analyzer-custom-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;width:0}.analyzer-custom-button:hover:before{height:100%;width:100%}.analyzer-custom-button.send{background:linear-gradient(135deg,#9404c3,#7c2d92);color:#fff}.analyzer-custom-button.send:hover:not(:disabled){box-shadow:7px 7px 14px #d5d5d599,-7px -7px 14px #fff,0 6px 16px #9404c359;transform:translateY(-3px) rotate(5deg)}.analyzer-custom-button.send:active:not(:disabled){box-shadow:3px 3px 6px #d5d5d566,-3px -3px 6px #fffc,inset 0 2px 4px #0000001a;transform:translateY(-1px) rotate(0deg)}.analyzer-custom-button.send:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;opacity:.4}.analyzer-custom-button.send svg{transition:transform .3s ease}.analyzer-custom-button.send:hover:not(:disabled) svg{transform:translateX(2px) translateY(-2px)}.analyzer-custom-button.stop{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.analyzer-custom-button.stop:hover{box-shadow:7px 7px 14px #d5d5d599,-7px -7px 14px #fff,0 6px 16px #ef444459;transform:translateY(-3px) scale(1.05)}.analyzer-custom-button.stop:active{box-shadow:3px 3px 6px #d5d5d566,-3px -3px 6px #fffc,inset 0 2px 4px #0000001a;transform:translateY(-1px) scale(1)}@media (max-width:1200px){.analyzer-chat-recommendations-grid-compact{flex-direction:column}.analyzer-chat-recommendation-chip{justify-content:space-between;max-width:none;width:100%}}@media (max-width:768px){.analyzer-custom-input-form{border-radius:18px;gap:10px;padding:12px 14px}.analyzer-custom-button{border-radius:10px;height:40px;width:40px}.analyzer-custom-textarea{font-size:13px}.analyzer-chat-recommendation-chip{font-size:12px;padding:10px 16px}.analyzer-chat-bottom-section{gap:14px;padding:16px}}.analyzer-chat-bottom-section{animation:slideInBottom .3s ease-out;background:linear-gradient(180deg,#eee,#fff);border-top:2px solid #e1e5e9;display:flex;flex-direction:column;max-height:none;min-height:auto;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.analyzer-chat-bottom-section:before{background:linear-gradient(90deg,#0000,#9404c3,#0000);border-radius:2px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:60px}.analyzer-chat-bottom-section.collapsed{background:#0000!important;border-top:none!important;bottom:0!important;left:0!important;margin:0!important;padding:0!important;position:absolute!important;right:0!important;z-index:100}.analyzer-chat-bottom-section.collapsed:before{display:none}.analyzer-chat-bottom-section.collapsed .analyzer-bottom-section-content{display:none!important}.analyzer-bottom-section-toggle{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:1px;justify-content:center;padding:12px 10px;position:relative;transition:all .2s ease;width:100%;z-index:10}.analyzer-bottom-section-toggle:hover{background:#9404c30d;color:#9404c3}.analyzer-bottom-section-toggle:active{background:#9404c31a}.toggle-icon{display:inline-block;font-size:12px;transition:transform .3s ease}.analyzer-chat-bottom-section.collapsed .toggle-icon{transform:rotate(180deg)}.toggle-text{font-size:12px;letter-spacing:.02em;text-transform:uppercase}.analyzer-bottom-section-content{display:flex;flex-direction:column;gap:18px;max-height:none;min-height:-webkit-fit-content;min-height:fit-content;opacity:1;overflow:visible;padding:0 20px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.analyzer-chat-response-area.with-recommendations{max-height:calc(100vh - 250px);transition:max-height .3s ease}.analyzer-chat-left-content:has(.analyzer-chat-bottom-section.collapsed){padding-bottom:0}.analyzer-chat-left-content:has(.analyzer-chat-bottom-section.collapsed) .analyzer-chat-response-area{max-height:calc(100vh - 200px);padding-bottom:60px}.analyzer-chat-bottom-section.collapsed .analyzer-bottom-section-toggle{background:linear-gradient(135deg,#fff,#fafafa);border:1px solid #e5e7eb;border-radius:20px 20px 0 0;box-shadow:0 -4px 12px #d5d5d566,0 -2px 6px #fffc;margin:0;padding:8px 20px}.analyzer-chat-bottom-section.collapsed .analyzer-bottom-section-toggle:hover{background:linear-gradient(135deg,#f8f9fa,#f0f0f0);box-shadow:0 -6px 16px #d5d5d580,0 -3px 8px #ffffffe6}@media (max-width:768px){.analyzer-bottom-section-toggle{padding:10px 16px}.analyzer-bottom-section-content{gap:14px;padding:0 16px 16px}.toggle-text{font-size:11px}}.analyzer-bottom-section-toggle:after{background:linear-gradient(90deg,#0000,#9404c3,#0000);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.analyzer-bottom-section-toggle:hover:after{width:100px}@keyframes collapseDown{0%{max-height:500px;opacity:1}to{max-height:0;opacity:0}}@keyframes expandUp{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.analyzer-chat-recommendation-chip{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#fff,#fafafa);border:2px solid #e5e7eb;border-radius:30px;box-shadow:5px 5px 10px #d5d5d580,-5px -5px 10px #ffffffe6,inset 0 1px 0 #fffc;color:#374151;cursor:pointer;display:inline-flex;flex:0 1 auto;font-size:13px;font-weight:600;gap:10px;max-width:280px;min-width:-webkit-fit-content;min-width:fit-content;outline:none;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;text-overflow:ellipsis;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.analyzer-chat-recommendation-chip,.analyzer-chat-recommendation-chip:active,.analyzer-chat-recommendation-chip:focus,.analyzer-chat-recommendation-chip:focus-visible,.analyzer-chat-recommendation-chip:focus-within,.analyzer-chat-recommendation-chip:hover,.analyzer-chat-recommendation-chip:link,.analyzer-chat-recommendation-chip:visited{-webkit-text-fill-color:#374151!important;background-color:initial!important;color:#374151!important}.analyzer-chat-recommendation-chip:hover,.analyzer-chat-recommendation-chip:hover *,.chip-arrow{-webkit-text-fill-color:#9404c3!important;color:#9404c3!important}.analyzer-chat-recommendation-chip:before{background:linear-gradient(90deg,#0000,#9404c31a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s ease;width:100%}.analyzer-chat-recommendation-chip:hover:before{left:100%}.analyzer-chat-recommendation-chip:hover{border-color:#9404c3;box-shadow:7px 7px 14px #d5d5d599,-7px -7px 14px #fff,0 6px 20px #9404c340,inset 0 1px 0 #ffffffe6;color:#9404c3!important;transform:translateY(-3px) scale(1.02)}.analyzer-chat-recommendation-chip:active{box-shadow:3px 3px 6px #d5d5d566,-3px -3px 6px #fffc,inset 0 2px 4px #9404c31a;color:#9404c3!important;transform:translateY(-1px) scale(.98)}.chip-text{flex:1 1;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-arrow,.chip-text{position:relative;z-index:1}.chip-arrow{color:#9404c3;flex-shrink:0;font-size:16px;font-weight:700;transition:transform .25s ease}.analyzer-chat-recommendation-chip:hover .chip-arrow{animation:arrowBounce .6s ease-in-out infinite;transform:translateX(4px)}@keyframes arrowBounce{0%,to{transform:translateX(4px)}50%{transform:translateX(7px)}}@media (max-width:1200px){.analyzer-chat-recommendations-grid-compact{flex-direction:column}.analyzer-chat-recommendation-chip{justify-content:space-between;max-width:none;min-width:0;min-width:auto;width:100%}.chip-text{white-space:normal}}@media (max-width:768px){.analyzer-chat-recommendation-chip{font-size:12px;min-width:0;min-width:auto;padding:10px 16px}}.analyzer-chat-recommendations-compact{animation:slideInRecommendations .3s ease-out;display:flex;flex-direction:column;gap:12px;min-height:auto}.analyzer-chat-recommendations-grid-compact{align-items:stretch;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;min-height:auto}.analyzer-loading-wrapper{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:120px;padding:40px 20px}.analyzer-loading-dots{align-items:center;display:flex;gap:12px}.analyzer-dot{animation:analyzerDotBounce 1.4s ease-in-out infinite;background:linear-gradient(135deg,#9404c3,#7c2d92);border-radius:50%;box-shadow:0 4px 8px #9404c34d,inset 0 2px 4px #fff3;height:14px;width:14px}.analyzer-dot-1{animation-delay:0s}.analyzer-dot-2{animation-delay:.2s}.analyzer-dot-3{animation-delay:.4s}.analyzer-dot-4{animation-delay:.6s}@keyframes analyzerDotBounce{0%,80%,to{opacity:.5;transform:scale(1) translateY(0)}40%{box-shadow:0 8px 16px #9404c366,inset 0 2px 4px #ffffff4d;opacity:1;transform:scale(1.3) translateY(-12px)}}.analyzer-loading-label{-webkit-text-fill-color:#0000;animation:analyzerTextShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#9404c3,#7c2d92,#9404c3);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;color:#6b7280;font-size:14px;font-weight:600;margin:0}@keyframes analyzerTextShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.analyzer-chat-loading-message{align-items:center;animation:fadeInLoading .5s ease-out forwards;background:#0000;border:none;border-radius:12px;display:flex;justify-content:center;margin:10px 0;min-height:120px;opacity:0;padding:20px}.analyzer-chat-completion-separator{animation:fadeInSeparator .8s ease-out;background:linear-gradient(90deg,#0000,#9404c3 20%,#7c2d92 50%,#9404c3 80%,#0000);border-radius:2px;height:2px;margin:24px 0 0;opacity:.3}@keyframes fadeInSeparator{0%{opacity:0;transform:scaleX(0)}to{opacity:.3;transform:scaleX(1)}}.analyzer-chat-no-artifacts{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:60px 30px;text-align:center}.no-artifacts-icon{animation:floatIcon 3s ease-in-out infinite;margin-bottom:20px;opacity:.6}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-artifacts-title{color:#374151;font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0 0 12px}.no-artifacts-description{color:#6b7280;font-size:13px;line-height:1.6;margin:0;max-width:280px}.analyzer-chat-no-code-message{display:none}.analyzer-chat-stop-button-container{display:flex;justify-content:center;margin:16px 0;padding:16px}.analyzer-chat-stop-button-fixed{bottom:24px;position:fixed;right:24px;z-index:100}.analyzer-chat-stop-button-circle{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50%;box-shadow:0 4px 12px #ef444459;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;margin-right:5px;transition:all .2s ease;width:56px}.analyzer-chat-stop-button-circle:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444473;transform:scale(1.1)}.analyzer-chat-stop-button-circle:active{transform:scale(.95)}.analyzer-chat-input-wrapper{padding:0}.analyzer-chat-left-content{height:100%;position:relative}.analyzer-chat-response-area{transition:none!important}.analyzer-chat-bottom-section{flex-shrink:0;transition:none!important}.analyzer-chat-recommendations-compact{animation:none!important}.analyzer-capability-header{display:flex;flex-shrink:0;gap:16px;height:auto;margin-bottom:15px;width:100%}.analyzer-capability-header-left{align-items:center;background:#eee;border:2px solid #e5e7eb;border-radius:12px;box-shadow:6px 6px 12px #d5d5d599,-6px -6px 12px #ffffffe6;display:flex;flex-shrink:0;height:auto;justify-content:center;min-height:80px;width:80px}.analyzer-capability-icon-box{align-items:center;display:flex;height:64px;justify-content:center;position:relative;width:64px}.capability-icon-background{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.capability-icon-overlay{align-items:center;color:#9404c3;display:flex;height:32px;justify-content:center;position:relative;width:32px;z-index:1}.capability-icon-overlay svg{stroke:#9404c3;fill:none;color:#9404c3;height:100%;width:100%}@media (max-width:1200px){.analyzer-capability-header{flex-direction:column;gap:12px}.analyzer-capability-header-left{height:70px;width:100%}.analyzer-capability-icon-box{height:56px;width:56px}}@media (max-width:768px){.analyzer-capability-header-left{height:60px}.analyzer-capability-icon-box{height:48px;width:48px}.capability-icon-overlay{height:24px;width:24px}}.analyzer-capability-title{border-bottom:3px solid #e5e7eb;padding-bottom:8px}.analyzer-capability-description{color:#6b7280;font-size:13px;font-weight:500;line-height:1.4;margin:0;padding-top:2px}.analyzer-capability-prompt{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #9404c3;border-radius:8px;color:#374151;font-size:13px;font-style:italic;line-height:1.6;margin:8px 0 0;padding:14px 16px}.analyzer-chat-container{background:#eee;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:0;height:100vh;left:250px;left:var(--sidebar-width,250px);margin:0;padding:90px 20px 20px;position:fixed;right:0;top:0;transition:left .3s ease}.analyzer-chat-left-content{background:#eee;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 210px);max-height:calc(100vh - 210px);min-width:0;overflow:hidden}.analyzer-chat-response-area{flex:1 1;min-height:0;overflow-y:auto;padding:24px;scrollbar-color:#9404c3 #f3f4f6;scrollbar-width:thin}@media (max-width:1200px){.analyzer-capability-header{flex-direction:column;gap:16px}.analyzer-capability-header-left{height:100px;width:100%}}@media (max-width:768px){.analyzer-capability-header-left{height:80px}.analyzer-capability-icon-box{height:48px;width:48px}.analyzer-capability-icon-box svg{height:24px;width:24px}.analyzer-capability-title{font-size:18px}.analyzer-capability-description{font-size:13px}.analyzer-capability-prompt{font-size:12px;padding:12px 14px}}.analyzer-main-content-row{display:flex;flex:1 1;gap:20px;max-height:calc(100vh - 210px);min-height:0;overflow:visible}.analyzer-artifact-status-icon{flex-shrink:0;height:32px;position:relative;width:32px}.analyzer-artifact-status-icon svg{height:100%;width:100%}.artifact-status-overlay{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.artifact-spinner{animation:artifact-spin .8s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#9404c3;height:14px;width:14px}.artifact-spinner-purple{animation:artifact-spin 1s linear infinite}.artifact-spinner-purple .spinner-circle{animation:spinner-dash 1.5s ease-in-out infinite;transform-origin:center}@keyframes artifact-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinner-dash{0%{stroke-dashoffset:0}50%{stroke-dashoffset:-15.7}to{stroke-dashoffset:-31.4}}.artifact-checkmark{animation:checkmark-appear .4s ease-out}@keyframes checkmark-appear{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.analyzer-artifact-status-icon.generating{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 2px rgba(148,4,195,.3))}50%{filter:drop-shadow(0 0 6px rgba(148,4,195,.6))}}.anayzer-chat-sidebar-code-block .analyzer-chat-code-filename{transition:opacity .3s ease}.anayzer-chat-sidebar-code-block:has(.analyzer-artifact-status-icon.generating) .analyzer-chat-code-filename{animation:pulse-text 1.5s ease-in-out infinite;opacity:.7}@keyframes pulse-text{0%,to{opacity:.7}50%{opacity:1}}.generating-content-overlay{align-items:center;animation:fadeInOverlay .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffd9;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.generating-content-overlay--full{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(135deg,#faf5ff,#f3e8ff 50%,#ede4ff)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.generating-content-spinner{align-items:center;background:#fffffff2;border:1px solid #9404c31a;border-radius:20px;box-shadow:0 4px 20px #9404c31f,0 8px 40px #9404c314,inset 0 1px 0 #fffc;display:flex;flex-direction:column;gap:20px;padding:40px 60px}.generating-content-spinner svg{filter:drop-shadow(0 4px 8px rgba(148,4,195,.25))}.generating-content-text{animation:textFadeSwitch .4s ease-out;color:#9404c3;font-size:15px;font-weight:600;letter-spacing:.3px;min-width:180px;text-align:center}@keyframes textFadeSwitch{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.download-menu-dropdown{animation:slideDown .2s ease-out;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;min-width:220px;overflow:hidden;position:absolute;top:100%;z-index:1000}.download-menu-dropdown button{align-items:center;background:#0000;border:none;color:#333;cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:8px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.download-menu-dropdown button:hover{background-color:#f5f5f5}.download-menu-dropdown button:active{background-color:#e8e8e8}.download-menu-dropdown button:not(:last-child){border-bottom:1px solid #f0f0f0}.analyzer-capability-header-right{background:#eee;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px 20px;position:relative}.analyzer-header-back-button{-webkit-tap-highlight-color:transparent!important;-webkit-text-fill-color:#374151!important;align-items:center;-webkit-appearance:none!important;appearance:none!important;background:linear-gradient(135deg,#eee,#eee)!important;border:2px solid #e5e7eb!important;border-radius:10px;box-shadow:4px 4px 8px #d5d5d580,-4px -4px 8px #ffffffe6,inset 0 1px 0 #fffc;color:#374151!important;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;outline:none!important;padding:8px 14px;position:absolute;right:16px;text-decoration:none!important;top:50%;transform:translateY(-50%);transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;z-index:10}.analyzer-header-back-button:focus,.analyzer-header-back-button:focus-visible,.analyzer-header-back-button:focus-within,.analyzer-header-back-button:link,.analyzer-header-back-button:visited{-webkit-text-fill-color:#374151!important;background:linear-gradient(135deg,#fff,#fafafa)!important;color:#374151!important;outline:none!important;text-decoration:none!important}.analyzer-header-back-button:hover{-webkit-text-fill-color:#9404c3!important;border-color:#9404c3!important;box-shadow:6px 6px 12px #d5d5d599,-6px -6px 12px #fff,0 4px 16px #9404c340;color:#9404c3!important}.analyzer-header-back-button:active{-webkit-text-fill-color:#9404c3!important;box-shadow:2px 2px 4px #d5d5d566,-2px -2px 4px #fffc;color:#9404c3!important;transform:translateY(-50%)!important}.analyzer-header-back-button svg{stroke:currentColor!important;fill:none!important;color:inherit!important;transition:transform .25s ease}.analyzer-header-back-button:hover svg{stroke:#9404c3!important;color:#9404c3!important;transform:translateX(-3px)}.analyzer-capability-title{color:#111827;font-size:16px;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0;padding-right:100px}@media (max-width:768px){.analyzer-header-back-button{align-self:flex-end;margin-bottom:8px;position:static}.analyzer-capability-title{padding-right:0}}.analyzer-download-all-button:active{box-shadow:0 2px 6px #9404c340;transform:translateY(0)}.analyzer-chat-sidebar-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:16px}.analyzer-download-all-wrapper{position:relative}.analyzer-download-all-button{align-items:center;background:linear-gradient(135deg,#9404c3,#550173);border:none;border-radius:8px;box-shadow:0 2px 6px #9404c340;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.analyzer-download-all-button:hover{background:linear-gradient(135deg,#a510db,#6a019a);box-shadow:0 4px 12px #9404c359;transform:translateY(-1px)}.analyzer-download-all-menu{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:8px;min-width:220px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.analyzer-download-all-menu button{align-items:center;background:#fff;border:none;color:#2c3e50;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 16px;text-align:left;transition:background .2s ease;width:100%}.analyzer-download-all-menu button:hover{background:#f8f9fa}.analyzer-download-all-menu button:not(:last-child){border-bottom:1px solid #e1e5e9}.analyzer-download-all-menu button svg{color:#9404c3}.content-slide table{border-collapse:collapse;display:block;font-size:16px;margin:30px 0;max-height:60vh;overflow:auto;width:100%}.content-slide th{background:#2c3e50;color:#fff;font-size:16px;font-weight:600;padding:12px 15px;text-align:left}.content-slide td{border:1px solid #e1e5e9;font-size:15px;padding:10px 15px}.content-slide tr:nth-child(2n){background:#f8f9fa}.ancappage-container{background:#eee;min-height:100vh;padding:30px}.ancappage-header{margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:1400px;position:relative;text-align:center}.ancappage-back-button{align-items:center;background:#eee;border:2px solid #f1f5f9;border-radius:12px;box-shadow:0 2px 8px #0000000f;color:#9404c3;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;left:0;padding:10px 16px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.ancappage-back-button:hover{background:linear-gradient(135deg,#9404c3,#550173);border-color:#9404c3;box-shadow:0 4px 12px #9404c340;color:#fff;transform:translateY(-50%) translateX(-4px)}.ancappage-title{align-items:center;color:#9404c3;display:flex;font-size:32px;font-weight:700;gap:12px;justify-content:center;margin:0 0 12px}.ancappage-subtitle{color:#64748b;font-size:16px;margin:0}.ancappage-main-content{align-items:flex-start;display:flex;gap:30px;width:100%}.ancappage-main-content.centered{justify-content:center;margin:0 auto;max-width:1440px}.ancappage-capabilities-section{flex:1 1;transition:all .4s cubic-bezier(.4,0,.2,1)}.ancappage-capabilities-section.expanded{max-width:60%}.ancappage-capabilities-grid{grid-gap:20px;display:grid;gap:20px;transition:all .4s ease}.ancappage-capabilities-grid.compact{grid-template-columns:repeat(2,1fr)}.ancappage-capabilities-grid.full{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ancappage-capability-card{background:#eee;border:2px solid #f1f5f9;border-radius:16px;box-shadow:10px 10px 25px #d5d5d5e6,-10px -10px 20px #ffffffe6,10px -10px 20px #d5d5d533,-10px 10px 20px #d5d5d533,inset -1px -1px 2px #d5d5d580,inset 1px 1px 2px #ffffff4d;cursor:pointer;overflow:hidden;padding:24px;position:relative;transform:scale(1);transition:all .3s cubic-bezier(.4,0,.2,1)}.ancappage-capability-card.selected{border:none;box-shadow:0 8px 24px #9404c340;transform:scale(1.02)}.ancappage-capability-card:hover:not(.selected){border-color:#e9d5ff;box-shadow:12px 12px 30px #d5d5d5e6,-12px -12px 25px #ffffffe6,12px -12px 25px #d5d5d533,-12px 12px 25px #d5d5d533,inset -1px -1px 2px #d5d5d580,inset 1px 1px 2px #ffffff4d;transform:translateY(-4px)}.ancappage-capability-content{display:flex;flex-direction:column;gap:16px}.ancappage-capability-header{align-items:center;display:flex;gap:16px}.ancappage-capability-icon-wrapper{align-items:center;display:flex;flex-shrink:0;height:70px;justify-content:center;position:relative;width:70px}.ancappage-capability-icon-bg{left:0;position:absolute;top:0}.ancappage-capability-icon{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.ancappage-capability-icon.selected{color:#fff}.ancappage-capability-icon.default{color:#9404c3}.ancappage-capability-title{flex:1 1;font-size:18px;font-weight:700;margin:0}.ancappage-capability-title.selected{color:#fff}.ancappage-capability-title.default{color:#1a1a1a}.ancappage-capability-divider{border-radius:1px;height:2px;width:100%}.ancappage-capability-divider.selected{background:#ffffff80}.ancappage-capability-divider.default{background:linear-gradient(90deg,#0000,#cbd5e1,#0000)}.ancappage-capability-description{font-size:14px;line-height:1.5;margin:0 0 12px}.ancappage-capability-description.selected{color:#ffffffe6}.ancappage-capability-description.default{color:#64748b}.ancappage-required-files-box{border:1px solid #9404c333;border-radius:8px;margin-top:12px;padding:10px}.ancappage-required-files-box.selected{background:#ffffff1a;border-color:#fff3}.ancappage-required-files-box.default{background:#9404c314}.ancappage-required-files-header{align-items:center;display:flex;gap:6px;margin-bottom:6px}.ancappage-required-files-label{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.ancappage-required-files-label.selected{color:#fff}.ancappage-required-files-label.default{color:#9404c3}.ancappage-required-files-list{font-size:11px;line-height:1.6;margin:0;padding-left:16px}.ancappage-required-files-list.selected{color:#ffffffe6}.ancappage-required-files-list.default{color:#6b21a8}.ancappage-selection-checkmark{align-items:center;background:#fff;border-radius:50%;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;position:absolute;right:16px;top:16px;width:24px}.ancappage-testcase-section{margin-right:0;overflow:visible;transition:all .4s cubic-bezier(.4,0,.2,1);width:440px}.ancappage-testcase-section.hidden{opacity:0;overflow:hidden;pointer-events:none;transform:translateX(50px);width:0}.ancappage-testcase-section.visible{opacity:1;pointer-events:auto;transform:translateX(0)}.ancappage-testcase-card{background:#eee;border-radius:20px;box-shadow:10px 10px 25px #d5d5d5e6,-10px -10px 20px #ffffffe6,10px -10px 20px #d5d5d533,-10px 10px 20px #d5d5d533,inset -1px -1px 2px #d5d5d580,inset 1px 1px 2px #ffffff4d;padding:30px;position:-webkit-sticky;position:sticky;top:30px}.ancappage-close-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:20px;top:20px;transition:all .2s ease}.ancappage-close-button:hover{background:#f1f5f9;color:#64748b}.ancappage-section-title{color:#1a1a1a;font-size:20px;font-weight:700;margin:0}.ancappage-section-subtitle{color:#64748b;font-size:14px;margin:0 0 16px}.ancappage-testcase-types-list{display:flex;flex-direction:column;gap:12px}.ancappage-testcase-type-card{background:#eee;border:2px solid #f1f5f9;border-radius:12px;box-shadow:0 2px 8px #0000000f;cursor:pointer;padding:16px;position:relative;transition:all .3s ease}.ancappage-testcase-type-card.selected{border:none}.ancappage-testcase-type-card:hover:not(.selected){box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.ancappage-testcase-type-content{align-items:flex-start;display:flex;gap:12px}.ancappage-testcase-type-icon{align-items:center;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.ancappage-testcase-type-icon.selected{color:#fff}.ancappage-testcase-type-info{flex:1 1}.ancappage-testcase-type-title{font-size:16px;font-weight:700;margin:0 0 6px}.ancappage-testcase-type-title.selected{color:#fff}.ancappage-testcase-type-title.default{color:#1a1a1a}.ancappage-testcase-type-description{font-size:13px;line-height:1.4;margin:0}.ancappage-testcase-type-description.selected{color:#ffffffe6}.ancappage-testcase-type-description.default{color:#64748b}.ancappage-testcase-type-checkmark{align-items:center;background:#fff;border-radius:50%;display:flex;font-size:14px;font-weight:700;height:20px;justify-content:center;position:absolute;right:12px;top:12px;width:20px}.ancappage-upload-section{display:flex;flex-direction:column;gap:20px;margin-left:-8px;opacity:1;overflow:visible;pointer-events:auto;transform:translateX(0);transition:all .4s cubic-bezier(.4,0,.2,1);width:400px}.ancappage-upload-section.hidden{opacity:0;overflow:hidden;pointer-events:none;transform:translateX(50px);width:0}.ancappage-selected-format-card{align-items:center;background:#eee;border-radius:16px;box-shadow:10px 10px 25px #d5d5d5e6,-10px -10px 20px #ffffffe6,10px -10px 20px #d5d5d533,-10px 10px 20px #d5d5d533,inset -1px -1px 2px #d5d5d580,inset 1px 1px 2px #ffffff4d;display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.ancappage-selected-format-content{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.ancappage-selected-format-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.ancappage-selected-format-info{flex:1 1;min-width:0}.ancappage-selected-format-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.ancappage-selected-format-name{color:#1a1a1a;font-size:15px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ancappage-change-button{align-items:center;background:#0000;border:2px solid #f1f5f9;border-radius:10px;color:#9404c3;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.ancappage-change-button:hover{background:linear-gradient(135deg,#9404c3,#550173);border-color:#9404c3;box-shadow:0 4px 12px #9404c340;color:#fff;transform:translateY(-2px)}.ancappage-upload-card{background:#eee;border-radius:20px;box-shadow:10px 10px 25px #d5d5d5e6,-10px -10px 20px #ffffffe6,10px -10px 20px #d5d5d533,-10px 10px 20px #d5d5d533,inset -1px -1px 2px #d5d5d580,inset 1px 1px 2px #ffffff4d;padding:30px;position:-webkit-sticky;position:sticky;top:30px}.ancappage-upload-header{margin-bottom:24px}.ancappage-upload-title-wrapper{align-items:center;display:flex;gap:12px;margin-bottom:12px}.ancappage-upload-zone{background:#eee;border:3px dashed #9404c366;border-radius:16px;cursor:pointer;margin-bottom:20px;padding:40px 20px;text-align:center;transition:all .3s ease}.ancappage-upload-zone.dragging{background:#9404c30d}.ancappage-upload-icon{color:#cbd5e1;margin-bottom:16px}.ancappage-upload-icon.dragging{color:currentColor}.ancappage-upload-primary-text{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 8px}.ancappage-upload-secondary-text{color:#94a3b8;font-size:13px;margin:0}.ancappage-file-input{display:none}.ancappage-files-list{margin-bottom:20px;max-height:200px;overflow-y:auto}.ancappage-files-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.ancappage-files-title{color:#64748b;font-size:14px;font-weight:600;margin:0}.ancappage-clear-all-button{background:#ef44441a;border:none;border-radius:6px;color:#ef4444;cursor:pointer;font-size:11px;font-weight:600;padding:4px 8px;transition:all .2s ease}.ancappage-clear-all-button:hover{background:#ef444433}.ancappage-file-item{align-items:center;background:#f8fafc;border-radius:10px;display:flex;gap:12px;margin-bottom:8px;padding:12px}.ancappage-file-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.ancappage-file-info{flex:1 1;min-width:0}.ancappage-file-name{color:#1a1a1a;font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ancappage-file-size{color:#94a3b8;font-size:12px;margin:0}.ancappage-remove-file-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.ancappage-remove-file-button:hover{background:#fee2e2;color:#ef4444}.ancappage-total-size{align-items:center;background:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;margin-top:8px;padding:8px 12px}.ancappage-total-size-label{color:#64748b;font-size:12px;font-weight:500}.ancappage-total-size-value{color:#1f2937;font-size:12px;font-weight:600}.ancappage-proceed-button{align-items:center;background:#e2e2e2;border:none;border-radius:12px;box-shadow:none;color:#000;cursor:not-allowed;display:flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:16px;transition:all .3s ease;width:100%}.ancappage-proceed-button:hover{background:#e2e8f0}.ancappage-proceed-button.enabled{box-shadow:0 4px 12px #9404c340;color:#fff;cursor:pointer}.ancappage-proceed-button.enabled:hover{box-shadow:0 6px 16px #9404c359;transform:translateY(-2px)}.ancappage-recent-files-section{border-top:2px solid #d8d7d7;margin-top:20px;padding-top:20px}.ancappage-recent-files-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.ancappage-recent-files-header.expanded{margin-bottom:12px}.ancappage-recent-files-toggle{align-items:center;background:#0000!important;border:none;color:#9404c3;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;opacity:1;padding:4px}.ancappage-recent-files-toggle.loading{cursor:default;opacity:.6}.ancappage-recent-files-arrow{transform:rotate(0deg);transition:transform .2s ease}.ancappage-recent-files-arrow.expanded{transform:rotate(90deg)}.ancappage-hide-all-button{background:#ef44441a;border:none;border-radius:6px;color:#ef4444;cursor:pointer;font-size:11px;font-weight:600;padding:4px 8px;transition:all .2s ease}.ancappage-hide-all-button:hover{background:#ef444433}.ancappage-recent-files-list{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow-y:auto}.ancappage-recent-file-item{align-items:center;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:2px solid #e9d5ff;border-radius:10px;display:flex;gap:10px;opacity:1;padding:10px 12px;transition:all .2s ease}.ancappage-recent-file-item.already-uploaded{background:#f3f4f6;border:1px solid #e5e7eb;opacity:.6}.ancappage-recent-file-icon{align-items:center;background:linear-gradient(135deg,#9404c3,#550173);border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.ancappage-recent-file-info{flex:1 1;min-width:0}.ancappage-recent-file-name{color:#1f2937;font-size:13px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ancappage-recent-file-size{color:#6b7280;font-size:11px;margin:0}.ancappage-add-file-button{background:linear-gradient(135deg,#9404c3,#550173);border:none;border-radius:8px;box-shadow:0 2px 8px #9404c340;color:#fff;cursor:pointer;flex-shrink:0;font-size:11px;font-weight:600;padding:6px 12px;transition:all .2s ease}.ancappage-add-file-button.loading{background:#e2e8f0;box-shadow:none;color:#94a3b8;cursor:wait}.ancappage-add-file-button:not(.loading):hover{box-shadow:0 4px 12px #9404c359;transform:translateY(-1px)}.ancappage-file-added-badge{background:#10b9811a;border-radius:6px;color:#10b981;font-size:11px;font-weight:600;padding:6px 12px}.ancappage-back-icon{height:16px;width:16px}.ancappage-arrow-icon{height:14px;width:14px}.ancappage-help-button{align-items:center;background:#eee;border:2px solid #f1f5f9;border-radius:12px;box-shadow:0 2px 8px #0000000f;color:#9404c3;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;position:absolute;right:30px;top:50%;transform:translateY(-50%);transition:all .3s ease}.ancappage-help-button:hover{background:linear-gradient(135deg,#9404c3,#550173);border-color:#9404c3;box-shadow:0 4px 12px #9404c340;color:#fff;transform:translateY(-50%) translateX(4px)}.ancappage-help-icon{height:18px;width:18px}.ancappage-modal-overlay{align-items:center;animation:ancappage-fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}@keyframes ancappage-fadeIn{0%{opacity:0}to{opacity:1}}.ancappage-modal{animation:ancappage-slideUp .3s ease;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:40px;position:relative;width:100%}@keyframes ancappage-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ancappage-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:36px}.ancappage-modal-close:hover{background:#e2e8f0;color:#1e293b;transform:rotate(90deg)}.ancappage-modal-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.ancappage-modal-icon{align-items:center;background:linear-gradient(135deg,#9404c3,#550173);border-radius:16px;box-shadow:0 8px 24px #9404c34d;color:#fff;display:flex;height:56px;justify-content:center;width:56px}.ancappage-modal-title{color:#1a1a1a;font-size:28px;font-weight:700;margin:0}.ancappage-modal-intro{color:#64748b;font-size:16px;line-height:1.6;margin-bottom:32px}.ancappage-steps{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.ancappage-step{align-items:flex-start;display:flex;gap:16px}.ancappage-step-number{align-items:center;background:linear-gradient(135deg,#9404c3,#550173);border-radius:12px;box-shadow:0 4px 12px #9404c340;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.ancappage-step-content{flex:1 1;padding-top:4px}.ancappage-step-title{color:#1a1a1a;font-size:18px;font-weight:700;margin:0 0 8px}.ancappage-step-description{color:#64748b;font-size:15px;line-height:1.5;margin:0}.ancappage-modal-footer{align-items:center;border-top:2px solid #f1f5f9;display:flex;gap:12px;padding-top:24px}.ancappage-modal-footer-icon{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;color:#f59e0b;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.ancappage-modal-footer-text{color:#64748b;flex:1 1;font-size:14px;line-height:1.5}.ancappage-modal-footer-text strong{color:#1a1a1a;font-weight:600}.ancappage-upload-required-files{background:#9404c314;border:1px solid #9404c333}.ancappage-upload-required-files-list{color:#64748b;font-size:13px;line-height:1.8;padding-left:20px}.ancappage-header-blocks{display:flex;gap:16px;margin-bottom:30px;margin-left:auto;margin-right:20px;max-width:1400px;width:98%}.ancappage-header-left{background:#eee;border:2px solid #e5e7eb;border-radius:12px;box-shadow:6px 6px 12px #d5d5d599,-6px -6px 12px #ffffffe6;flex-shrink:0;height:auto;min-height:100px;width:100px}.ancappage-header-icon-box,.ancappage-header-left{align-items:center;display:flex;justify-content:center}.ancappage-header-icon-box{height:85px;position:relative;width:85px}.ancappage-icon-background{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.ancappage-icon-overlay{align-items:center;display:flex;height:60px;justify-content:center;margin-bottom:5px;position:relative;width:60px;z-index:1}.ancappage-header-right{background:#eee;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px 20px;position:relative}.ancappage-header-title{border-bottom:3px solid #e5e7eb;color:#111827;font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0;padding-bottom:8px;padding-right:100px}.ancappage-header-subtitle{color:#6b7280;font-size:13px;font-weight:500;line-height:1.4;margin:0;padding-top:2px}.ancappage-header-back-button{-webkit-tap-highlight-color:transparent!important;align-items:center;background:linear-gradient(135deg,#eee,#eee)!important;border:2px solid #e5e7eb!important;border-radius:10px;box-shadow:4px 4px 8px #d5d5d580,-4px -4px 8px #ffffffe6,inset 0 1px 0 #fffc;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;outline:none!important;padding:8px 14px;position:absolute;right:16px;text-decoration:none!important;top:50%;transform:translateY(-50%);transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;z-index:10}.ancappage-header-back-button,.ancappage-header-back-button:focus,.ancappage-header-back-button:link,.ancappage-header-back-button:visited{-webkit-text-fill-color:#374151!important;color:#374151!important}.ancappage-header-back-button:hover{-webkit-text-fill-color:#9404c3!important;border-color:#9404c3!important;box-shadow:6px 6px 12px #d5d5d599,-6px -6px 12px #fff,0 4px 16px #9404c340;color:#9404c3!important}.ancappage-header-back-button svg{stroke:currentColor!important;color:inherit!important;transition:transform .25s ease}.ancappage-header-back-button:hover svg{stroke:#9404c3!important;color:#9404c3!important;transform:translateX(-3px)}.ancappage-header{display:none}@media (max-width:1200px){.ancappage-header-blocks{flex-direction:column;gap:12px}.ancappage-header-left{height:70px;width:100%}}@media (max-width:768px){.ancappage-header-left{height:60px}.ancappage-header-icon-box{height:48px;width:48px}.ancappage-icon-overlay{height:24px;width:24px}.ancappage-header-back-button{align-self:flex-end;margin-bottom:8px;position:static}.ancappage-header-title{font-size:14px;padding-right:0}.ancappage-header-subtitle{font-size:12px}}.ancappage-header-buttons{display:flex;gap:12px;position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10}.ancappage-header-help-button{align-items:center;background:#eee;border:2px solid #e5e7eb;border-radius:50%;box-shadow:6px 6px 12px #d5d5d599,-6px -6px 12px #ffffffe6;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;position:relative;transition:all .3s ease;width:48px}.ancappage-header-help-button:hover{background:#eee;border-color:#9404c3;box-shadow:8px 8px 16px #d5d5d5b3,-8px -8px 16px #fff,0 4px 16px #9404c340;transform:translateY(-2px)}.ancappage-help-icon-background{height:100%;pointer-events:none;position:absolute;width:100%}.ancappage-help-icon-overlay{color:#9404c3;position:relative;transition:transform .3s ease;z-index:1}.ancappage-header-help-button:hover .ancappage-help-icon-overlay{background:#eee;border-color:#9404c3;transform:scale(1.1)}.ancappage-header-back-button{margin:0!important;position:static!important;transform:none!important}.effort-header{align-items:center;background:#eee;border:none;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;margin-bottom:20px;margin-top:-10px;padding:20px 32px}.effort-header-content{align-items:center;display:flex;gap:16px}.effort-header-icon{align-items:center;background:linear-gradient(135deg,#9404c3,#550173);border-radius:12px;box-shadow:0 4px 12px #9404c340;display:flex;height:56px;justify-content:center;width:48px}.effort-header-text{display:flex;flex-direction:column;gap:4px}.effort-title{color:#111827;font-size:22px;font-weight:700;line-height:1.2;margin:0}.effort-subtitle{color:#6b7280;font-size:13px;line-height:1.4;margin:0}.effort-close-button{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.effort-close-button:hover{background:#e5e7eb;color:#374151}.effort-estimation-wizard-container{display:flex;flex-direction:column;height:100%;width:98.5%}.effort-estimation-wizard-container.inline-mode{background:#0000;padding:0}.effort-estimation-wizard-overlay{align-items:center;animation:effort-fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes effort-fadeIn{0%{opacity:0}to{opacity:1}}.effort-wizard-content{align-items:flex-start;display:flex;gap:30px;justify-content:center;margin:0 auto;max-width:1440px;width:100%}.effort-types-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px;width:100%}.effort-type-card{align-items:center;background:#eee;border:2px solid #f1f5f9;border-radius:16px;box-shadow:10px 10px 25px #d5d5d5e6,-10px -10px 20px #ffffffe6,10px -10px 20px #d5d5d533,-10px 10px 20px #d5d5d533,inset -1px -1px 2px #d5d5d580,inset 1px 1px 2px #ffffff4d;cursor:pointer;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:24px;position:relative;text-align:center;transform:scale(1);transition:all .3s cubic-bezier(.4,0,.2,1)}.effort-type-card:hover{border-color:#e9d5ff;box-shadow:12px 12px 30px #d5d5d5e6,-12px -12px 25px #ffffffe6,12px -12px 25px #d5d5d533,-12px 12px 25px #d5d5d533,inset -1px -1px 2px #d5d5d580,inset 1px 1px 2px #ffffff4d;transform:translateY(-4px)}.effort-type-icon-wrapper{align-items:center;border-radius:16px;box-shadow:0 4px 12px #00000026;display:flex;flex-shrink:0;height:70px;justify-content:center;width:70px}.effort-type-title{color:#1a1a1a;font-size:18px;font-weight:700;margin:0}.effort-type-description{color:#64748b;font-size:14px;line-height:1.5;margin:0}.effort-wizard-layout{align-items:flex-start;display:flex;gap:30px;margin:0 auto;max-width:1440px;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.effort-types-compact{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(2,1fr);max-width:70%;transition:all .4s ease}.effort-type-card-compact{align-items:flex-start;background:#eee;border:2px solid #f1f5f9;border-radius:16px;box-shadow:10px 10px 25px #d5d5d5e6,-10px -10px 20px #ffffffe6,10px -10px 20px #d5d5d533,-10px 10px 20px #d5d5d533,inset -1px -1px 2px #d5d5d580,inset 1px 1px 2px #ffffff4d;cursor:pointer;display:flex;gap:12px;min-height:120px;overflow:hidden;padding:24px;position:relative;transform:scale(1);transition:all .3s cubic-bezier(.4,0,.2,1)}.effort-type-card-compact.selected{border:none;box-shadow:0 8px 24px #9404c340;transform:scale(1.02)}.effort-type-card-compact:hover:not(.selected){border-color:#e9d5ff;box-shadow:12px 12px 30px #d5d5d5e6,-12px -12px 25px #ffffffe6,12px -12px 25px #d5d5d533,-12px 12px 25px #d5d5d533,inset -1px -1px 2px #d5d5d580,inset 1px 1px 2px #ffffff4d;transform:translateY(-4px)}.effort-type-icon-wrapper-compact{align-items:center;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-shrink:0;height:56px;justify-content:center;margin-top:25px;width:56px}.effort-type-info-compact{display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;margin-top:25px}.effort-type-title-compact{color:#1a1a1a;font-size:17px;font-weight:700;line-height:1.3;margin:0}.effort-type-title-compact.selected{color:#fff}.effort-type-description-compact{color:#64748b;font-size:14px;line-height:1.5;margin:0}.effort-type-description-compact.selected{color:#ffffffe6}.effort-type-checkmark{align-items:center;background:#fff;border-radius:50%;color:inherit;display:flex;font-size:14px;font-weight:700;height:20px;justify-content:center;position:absolute;right:12px;top:12px;width:20px}.effort-right-section{display:flex;flex-direction:column;gap:20px;margin-left:-8px;opacity:1;overflow:visible;pointer-events:auto;transform:translateX(0);transition:all .4s cubic-bezier(.4,0,.2,1);width:440px}.effort-right-section.hidden{opacity:0;overflow:hidden;pointer-events:none;transform:translateX(50px);width:0}.effort-config-card,.effort-upload-card{background:#eee;border-radius:20px;box-shadow:10px 10px 25px #d5d5d5e6,-10px -10px 20px #ffffffe6,10px -10px 20px #d5d5d533,-10px 10px 20px #d5d5d533,inset -1px -1px 2px #d5d5d580,inset 1px 1px 2px #ffffff4d;padding:30px;position:-webkit-sticky;position:sticky;top:30px}.effort-card-close-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:20px;top:20px;transition:all .2s ease}.effort-card-close-button:hover{background:#f1f5f9;color:#64748b}.effort-card-header{margin-bottom:24px}.effort-card-title{color:#1a1a1a;font-size:20px;font-weight:700;margin:0 0 8px}.effort-card-subtitle{color:#64748b;font-size:14px;margin:0}.effort-upload-zone{background:#eee;border:3px dashed #9404c366;border-radius:16px;cursor:pointer;margin-bottom:20px;padding:40px 20px;text-align:center;transition:all .3s ease}.effort-upload-zone.dragging{background:#9404c30d}.effort-upload-icon{color:#cbd5e1;margin-bottom:16px}.effort-upload-zone.dragging .effort-upload-icon{color:currentColor}.effort-upload-primary{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 8px}.effort-upload-secondary{color:#94a3b8;font-size:13px;margin:0}.effort-file-input{display:none}.effort-files-list{margin-bottom:20px;max-height:200px;overflow-y:auto}.effort-files-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.effort-files-title{color:#64748b;font-size:14px;font-weight:600;margin:0}.effort-file-item{align-items:center;background:#f8fafc;border-radius:10px;display:flex;gap:12px;margin-bottom:8px;padding:12px}.effort-file-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.effort-file-info{flex:1 1;min-width:0}.effort-file-name{color:#1a1a1a;font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.effort-file-size{color:#94a3b8;font-size:12px;margin:0}.effort-remove-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.effort-remove-button:hover{background:#fee2e2;color:#ef4444}.effort-total-size{align-items:center;background:#f8fafc;border-radius:8px;color:#64748b;display:flex;font-size:12px;font-weight:500;justify-content:space-between;margin-top:8px;padding:8px 12px}.effort-total-size span:last-child{color:#1f2937;font-weight:600}.effort-config-fields{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.effort-config-field{display:flex;flex-direction:column;gap:8px}.effort-config-label{color:#1a1a1a;font-size:14px;font-weight:600}.effort-config-input,.effort-config-select{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#1a1a1a;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.effort-config-input:focus,.effort-config-select:focus{background:#fff;border-color:#9404c3;box-shadow:0 0 0 3px #9404c31a;outline:none}.effort-config-input::placeholder{color:#94a3b8}.effort-proceed-button{align-items:center;background:#e2e2e2;border:none;border-radius:12px;box-shadow:none;color:#000;cursor:not-allowed;display:flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:16px;transition:all .3s ease;width:100%}.effort-proceed-button:hover:not(.enabled){background:#e2e8f0}.effort-proceed-button.enabled{box-shadow:0 4px 12px #9404c340;color:#fff;cursor:pointer}.effort-proceed-button.enabled:hover{box-shadow:0 6px 16px #9404c359;transform:translateY(-2px)}.ancappage-upload-required-files{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:16px}.ancappage-upload-required-files-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.ancappage-upload-required-files-title{color:#1a1a1a;font-size:14px;font-weight:600;margin:0}.ancappage-upload-required-files-list{list-style-type:disc;margin:0;padding-left:24px}.ancappage-upload-required-files-list li{color:#64748b;font-size:13px;margin-bottom:4px}@media (max-width:1200px){.effort-types-grid{grid-template-columns:repeat(2,1fr)}.effort-types-compact{grid-template-columns:1fr}}@media (max-width:768px){.effort-types-grid{grid-template-columns:1fr}.effort-wizard-layout{flex-direction:column}.effort-types-compact{max-width:100%}.effort-right-section{margin-left:0;width:100%}}@keyframes effort-slideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes effort-slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(50px)}}.effort-right-section.visible{animation:effort-slideIn .4s cubic-bezier(.4,0,.2,1)}.effort-right-section.hidden{animation:effort-slideOut .3s cubic-bezier(.4,0,.2,1)}.config-tab-container{background:var(--background-color);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:24px}.config-tab-header{flex-shrink:0;margin-bottom:24px}.config-tab-success{align-items:center;display:flex;gap:8px;margin-bottom:8px}.config-tab-success-icon{color:#10b981}.config-tab-header h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.config-tab-project-info{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;margin-bottom:8px}.config-tab-separator{color:var(--text-muted)}.config-tab-description{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0}.config-tab-generation,.config-tab-waiting{flex:1 1;min-height:200px;padding-top:32px}.config-tab-generation-content{text-align:left}.config-tab-thinking-indicator{align-items:center;background:var(--surface-color);border-radius:8px;box-shadow:var(--box-shadow);display:flex;gap:12px;padding:16px 24px}.config-tab-spinner{animation:config-tab-spin 1s linear infinite;color:var(--primary-color)}@keyframes config-tab-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.config-tab-generation-text{color:var(--text-primary);font-size:14px;font-weight:500;transition:opacity .3s ease}.config-tab-error{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.config-tab-error-icon{color:var(--text-muted);margin-bottom:16px}.config-tab-error h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.config-tab-error p{color:var(--text-secondary);line-height:1.4;margin:0 0 24px}.config-tab-retry-btn{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .15s ease}.config-tab-retry-btn:hover{background:var(--accent-color);transform:translateY(-1px)}.config-tab-files{display:flex;flex:1 1;flex-direction:column;gap:20px;min-height:0;overflow-y:auto;padding-bottom:24px}.config-tab-file-card{background:var(--surface-color);border-left:3px solid var(--primary-color);border-radius:8px;box-shadow:var(--box-shadow);margin-bottom:8px;overflow:visible}.config-tab-file-header{align-items:center;background:var(--background-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px}.config-tab-file-info{align-items:center;display:flex;flex:1 1;gap:12px}.config-tab-file-icon{align-items:center;background:var(--primary-color);border-radius:6px;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.config-tab-file-details h3{color:var(--text-primary);font-family:monospace;font-size:14px;font-weight:600;margin:0 0 4px}.config-tab-file-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:8px}.config-tab-file-actions{display:flex;gap:8px}.config-tab-action-btn{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .15s ease}.config-tab-action-btn:hover{background:var(--path-indicator);border-color:var(--primary-color);color:var(--primary-color)}.config-tab-action-btn.config-tab-primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.config-tab-action-btn.config-tab-primary:hover{background:var(--accent-color);transform:translateY(-1px)}.config-tab-file-content{background:var(--surface-color)}.config-tab-code-header{background:var(--background-color);border-bottom:1px solid var(--border-color);padding:12px 16px}.config-tab-code-header h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.config-tab-code-container{background:var(--code-file);border-radius:0 0 8px 8px;max-height:400px;min-height:120px;overflow-x:auto;overflow-y:auto;position:relative}.config-tab-code{background:var(--code-file);box-sizing:border-box;color:var(--text-primary);display:block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.5;margin:0;min-height:auto;padding:16px;white-space:pre;width:100%}.config-tab-code code{background:none;color:inherit;padding:0}.config-tab-code .csv-header{color:#ff79c6;font-weight:700}.config-tab-code .csv-value{color:#50fa7b}.config-tab-code .csv-delimiter{color:#8be9fd;font-weight:700}.config-tab-code .props-comment{color:#6272a4;font-style:italic}.config-tab-code .props-key{color:#ff79c6;font-weight:700}.config-tab-code .props-equals{color:#8be9fd;font-weight:700}.config-tab-code .props-value{color:#f1fa8c}.dark-mode .config-tab-code .csv-header{color:#ff79c6}.dark-mode .config-tab-code .csv-value{color:#50fa7b}.dark-mode .config-tab-code .csv-delimiter{color:#8be9fd}.dark-mode .config-tab-code .props-comment{color:#6272a4}.dark-mode .config-tab-code .props-key{color:#ff79c6}.dark-mode .config-tab-code .props-equals{color:#8be9fd}.dark-mode .config-tab-code .props-value{color:#f1fa8c}:not(.dark-mode) .config-tab-code .csv-header{color:#d73a49;font-weight:700}:not(.dark-mode) .config-tab-code .csv-value{color:#22863a}:not(.dark-mode) .config-tab-code .csv-delimiter{color:#005cc5;font-weight:700}:not(.dark-mode) .config-tab-code .props-comment{color:#6a737d;font-style:italic}:not(.dark-mode) .config-tab-code .props-key{color:#d73a49;font-weight:700}:not(.dark-mode) .config-tab-code .props-equals{color:#005cc5;font-weight:700}:not(.dark-mode) .config-tab-code .props-value{color:#032f62}.config-tab-code-container::-webkit-scrollbar,.config-tab-files::-webkit-scrollbar{height:8px;width:8px}.config-tab-code-container::-webkit-scrollbar-track,.config-tab-files::-webkit-scrollbar-track{background:var(--background-color);border-radius:4px}.config-tab-code-container::-webkit-scrollbar-thumb,.config-tab-files::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.config-tab-code-container::-webkit-scrollbar-thumb:hover,.config-tab-files::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.config-tab-code-container::-webkit-scrollbar-corner,.config-tab-files::-webkit-scrollbar-corner{background:var(--background-color)}@media (max-width:768px){.config-tab-container{padding:16px}.config-tab-file-header{align-items:flex-start;flex-direction:column;gap:12px}.config-tab-file-actions{justify-content:flex-end;width:100%}.config-tab-header h2{font-size:18px}.config-tab-code{font-size:11px;padding:12px}.config-tab-code-container{max-height:300px;min-height:100px}}.endpoint-tab-description{font-weight:"bold"}.endpoint-tab-action-btn{text-decoration:none!important}.endpoint-tab-action-btn:hover:not(:disabled){background-color:initial!important;border:none!important;box-shadow:none!important;outline:none!important}.endpoint-tab-discovering-indicator{align-items:center;color:var(--primary-color);display:flex;font-size:12px;gap:4px}.endpoint-tab-list{-webkit-scrollbar:none;-ms-overflow-style:none}.endpoint-tab-checkbox-icon{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><g filter="url%28%23filter0_ddiiii_1228_3872%29"><circle cx="15" cy="15" r="12" fill="%23EEEEEE"/></g><defs><filter id="filter0_ddiiii_1228_3872" x="0" y="0" width="30" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.5 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1228_3872"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/><feBlend mode="normal" in2="effect1_dropShadow_1228_3872" result="effect2_dropShadow_1228_3872"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1228_3872" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.9 0"/><feBlend mode="normal" in2="shape" result="effect3_innerShadow_1228_3872"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0"/><feBlend mode="normal" in2="effect3_innerShadow_1228_3872" result="effect4_innerShadow_1228_3872"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect4_innerShadow_1228_3872" result="effect5_innerShadow_1228_3872"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect5_innerShadow_1228_3872" result="effect6_innerShadow_1228_3872"/></filter></defs></svg>') 50%/contain no-repeat}.endpoint-tab-endpoint-meta{align-items:center;display:flex;gap:6px;margin-left:auto}.endpoint-tab-badge-loading{align-items:center;background:#ffc1071a!important;color:#ffc107!important;display:flex;gap:4px}.endpoint-tab-check{color:#10b981}.endpoint-tab-list::-webkit-scrollbar{width:4px}.endpoint-tab-list::-webkit-scrollbar-track{background:var(--background-color)}.endpoint-tab-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.endpoint-tab-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:768px){.endpoint-tab-container{padding:16px}.endpoint-tab-controls{align-items:stretch;flex-direction:column;gap:12px}.endpoint-tab-endpoint-info{align-items:flex-start;flex-direction:column;gap:6px}.endpoint-tab-endpoint-meta{margin-left:0}}.endpoint-tab-progress-container{border-radius:6px;margin-bottom:12px;padding:12px}.endpoint-tab-progress-bar{border-radius:3px;height:6px;margin-bottom:8px;width:100%}.endpoint-tab-progress-fill{animation:progress-slide 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--primary-color),var(--accent-color),var(--primary-color));background-size:200% 100%;border-radius:3px;height:100%;width:100%}.endpoint-tab-progress-text{font-weight:500;gap:6px}@keyframes progress-slide{0%{background-position:200% 0}to{background-position:-200% 0}}.endpoint-tab-progress-fill-indeterminate{animation:progress-move 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,var(--primary-color),#0000);border-radius:3px}@keyframes progress-move{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}.endpoint-tab-container{background:var(--background-color);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:16px}@keyframes indeterminateProgress{0%{transform:translateX(-100%)}50%{transform:translateX(350%)}to{transform:translateX(-100%)}}.animate-fadeIn{animation:fadeIn .5s ease-out}.endpoint-tab-header{flex-shrink:0;margin-bottom:16px}.endpoint-tab-title-row{margin-bottom:8px}.endpoint-tab-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:600;margin:0 0 8px}.endpoint-tab-project-info{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;margin-bottom:8px}.endpoint-tab-separator{color:var(--text-muted)}.endpoint-tab-description{color:var(--text-secondary);font-size:14px;font-weight:700;line-height:1.4;margin:0}.endpoint-tab-phase{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--box-shadow);margin-bottom:20px;overflow:hidden}.endpoint-tab-phase-header{align-items:center;background:linear-gradient(135deg,#9404c31a,#5501730d);border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:16px 20px}.endpoint-tab-phase-icon{color:#10b981;flex-shrink:0}.endpoint-tab-phase-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.endpoint-tab-phase-content{display:flex;flex-direction:column;gap:16px;padding:20px}.endpoint-tab-info-card{background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;padding:16px}.endpoint-tab-info-card h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.endpoint-tab-info-details{display:flex;flex-direction:column;gap:8px}.endpoint-tab-info-row{align-items:center;display:flex;font-size:13px;gap:12px}.endpoint-tab-info-label{color:var(--text-secondary);font-weight:600;min-width:80px}.endpoint-tab-info-value{color:var(--text-primary);font-family:monospace}.endpoint-tab-schema-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.endpoint-tab-schema-badge{background:rgba(var(--primary-rgb),.1);border-radius:4px;color:var(--primary-color);font-size:12px;font-weight:500;padding:8px 12px;text-align:center}.endpoint-tab-progress-container{background:var(--surface-color);border-left:3px solid var(--primary-color);border-radius:8px;box-shadow:var(--box-shadow);margin:16px 0;padding:16px 20px}.endpoint-tab-progress-bar{background:var(--border-color);border-radius:2px;height:4px;margin-bottom:12px;overflow:hidden}.endpoint-tab-progress-fill-indeterminate{animation:indeterminateProgress 1.5s ease-in-out infinite;background:var(--primary-color);height:100%;width:30%}.endpoint-tab-progress-text{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-style:italic;gap:8px}.endpoint-tab-mini-spinner{animation:spin 1s linear infinite;color:var(--primary-color)}.endpoint-tab-discovery-complete{align-items:center;animation:slideIn .3s ease-out;background:#10b9811a;border-left:3px solid #10b981;border-radius:6px;display:flex;gap:12px;margin-top:16px;padding:12px 16px}.endpoint-tab-complete-icon{color:#10b981;flex-shrink:0}.endpoint-tab-discovery-complete span{color:#10b981;font-size:14px;font-weight:500}.endpoint-tab-streaming-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding:4px}.endpoint-tab-streaming-card{animation:slideIn .3s ease-out;background:var(--background-color);border:2px solid var(--border-color);border-radius:8px;padding:16px 20px;transition:all .2s ease}.endpoint-tab-streaming-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.endpoint-tab-streaming-card.discovering{border-left:4px solid #ffc107}.endpoint-tab-streaming-card.complete{border-left:4px solid #10b981}.endpoint-tab-streaming-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.endpoint-tab-streaming-info{align-items:center;display:flex;flex:1 1;gap:12px}.endpoint-tab-streaming-status{flex-shrink:0}.endpoint-tab-streaming-summary{color:var(--text-secondary);font-size:13px;line-height:1.4;margin-bottom:12px}.endpoint-tab-streaming-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.endpoint-tab-schema-btn{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 12px;transition:all .2s ease}.endpoint-tab-schema-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.endpoint-tab-schema-details{animation:fadeIn .3s ease-out;border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.endpoint-tab-schema-section{margin-bottom:16px}.endpoint-tab-schema-section:last-child{margin-bottom:0}.endpoint-tab-schema-section h4{color:var(--text-primary);font-size:13px;font-weight:600;margin:0 0 8px}.endpoint-tab-schema-item{align-items:center;background:var(--surface-color);border-radius:4px;display:flex;font-size:12px;gap:8px;margin-bottom:6px;padding:8px 12px}.endpoint-tab-schema-item:last-child{margin-bottom:0}.endpoint-tab-schema-item code{color:var(--text-primary);font-family:monospace;font-weight:500}.endpoint-tab-schema-type{color:var(--text-muted);font-size:11px}.endpoint-tab-required{color:#ef4444;font-weight:700}.endpoint-tab-schema-location{background:rgba(var(--primary-rgb),.1);border-radius:3px;color:var(--primary-color);font-size:10px;margin-left:auto;padding:2px 6px;text-transform:uppercase}.endpoint-tab-status-code{border-radius:3px;font-size:11px;font-weight:600;padding:2px 8px}.endpoint-tab-status-code.success{background:#10b9811a;color:#10b981}.endpoint-tab-status-code.error{background:#ef44441a;color:#ef4444}.endpoint-tab-schema-desc{color:var(--text-secondary);flex:1 1}.endpoint-tab-view-json-btn{background:var(--primary-color);border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:10px;margin-left:auto;padding:2px 8px;transition:all .15s ease}.endpoint-tab-view-json-btn:hover{background:var(--accent-color)}.endpoint-schema-modal-overlay{background:#00000080;z-index:1000}.endpoint-schema-modal{background:var(--background-color);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:800px;width:100%}.endpoint-schema-modal-header{border-bottom:1px solid var(--border-color)}.endpoint-schema-modal-title{gap:12px}.endpoint-schema-modal-icon{color:var(--primary-color)}.endpoint-schema-modal-header h3{color:var(--text-primary);font-size:18px}.endpoint-schema-modal-close{background:none;border-radius:6px;color:var(--text-muted);transition:all .15s ease}.endpoint-schema-modal-close:hover{background:var(--surface-color);color:var(--text-primary)}.endpoint-schema-modal-content{padding:24px}.endpoint-schema-modal-content pre{border-radius:8px;font-family:Consolas,Monaco,monospace;overflow:auto;padding:20px}.endpoint-tab-analysis{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:200px}.endpoint-tab-thinking-indicator{align-items:center;background:var(--surface-color);border-left:3px solid var(--primary-color);border-radius:8px;box-shadow:var(--box-shadow);display:flex;gap:12px;padding:20px 32px}.endpoint-tab-spinner{animation:spin 1s linear infinite;color:var(--primary-color)}.endpoint-tab-analysis-text{color:var(--text-primary);font-size:14px;font-weight:500}.endpoint-tab-controls{align-items:center;background:var(--background-color);border-radius:6px;box-shadow:var(--box-shadow);display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.endpoint-tab-actions{display:flex;gap:0;margin-right:1px}.endpoint-tab-action-btn{-webkit-appearance:none!important;appearance:none!important;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="154" height="74" viewBox="0 0 154 74" fill="none"><g filter="url%28%23filter0_ddddii_1228_3858%29"><path d="M23.1473 58.523L12.4152 40.305C12.1434 39.8436 12 39.3178 12 38.7823V15.0002C12 13.3434 13.3431 12.0002 15 12.0002L126.268 12C127.33 12 128.313 12.5619 128.853 13.4773L139.585 31.6952C139.857 32.1567 140 32.6824 140 33.218V57C140 58.6569 138.657 60 137 60L25.7321 60.0003C24.6697 60.0003 23.6865 59.4384 23.1473 58.523Z" fill="%23EEEEEE"/></g><defs><filter id="filter0_ddddii_1228_3858" x="0" y="0" width="154" height="74" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="4" dy="4"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.9 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1228_3858"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-4" dy="-4"/><feGaussianBlur stdDeviation="4"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0"/><feBlend mode="normal" in2="effect1_dropShadow_1228_3858" result="effect2_dropShadow_1228_3858"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="4" dy="-4"/><feGaussianBlur stdDeviation="4"/><feColorMatrix type="matrix" values="0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect2_dropShadow_1228_3858" result="effect3_dropShadow_1228_3858"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-4" dy="4"/><feGaussianBlur stdDeviation="4"/><feColorMatrix type="matrix" values="0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect3_dropShadow_1228_3858" result="effect4_dropShadow_1228_3858"/><feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow_1228_3858" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.5 0"/><feBlend mode="normal" in2="shape" result="effect5_innerShadow_1228_3858"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/><feBlend mode="normal" in2="effect5_innerShadow_1228_3858" result="effect6_innerShadow_1228_3858"/></filter></defs></svg>') 50%/contain no-repeat!important;background-color:initial!important;background-size:100% 100%!important;border:none!important;border-radius:4px;box-shadow:none!important;color:var(--primary-color)!important;cursor:pointer;font-size:14px;font-weight:500;min-height:48px;min-width:120px;outline:none!important;padding:12px 20px!important;transition:all .15s ease}.endpoint-tab-action-btn:hover:not(:disabled){color:var(--primary-color)!important;transform:scale(1.02)!important}.endpoint-tab-action-btn:disabled{cursor:not-allowed;opacity:.5}.endpoint-tab-counter{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:8px}.endpoint-tab-summary{background:var(--path-indicator);border-left:3px solid var(--primary-color);border-radius:6px;flex-shrink:0;margin-bottom:8px;padding:8px 12px}.endpoint-tab-summary-text{color:var(--primary-color);font-size:14px;font-weight:500}.endpoint-tab-list{-webkit-overflow-scrolling:touch;background:var(--background-color);border-radius:8px;box-shadow:var(--box-shadow);display:flex;flex:1 1;flex-direction:column;gap:6px;min-height:0;overflow-y:auto;padding:8px;scrollbar-width:none}.endpoint-tab-list::-webkit-scrollbar{display:none}.endpoint-tab-item{align-items:center;animation:slideIn .3s ease-out;background:var(--background-color);border:2px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:12px;transition:all .2s ease}.endpoint-tab-item:hover:not(.readonly){border-color:var(--primary-color);transform:translateX(2px)}.endpoint-tab-item.selected{border-color:var(--primary-color)}.endpoint-tab-item.readonly{cursor:default}.endpoint-tab-checkbox{cursor:pointer;flex-shrink:0;height:20px;width:20px}.endpoint-tab-checkbox-icon{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><g filter="url%28%23filter0_ddiiii_1228_3872%29"><circle cx="15" cy="15" r="12" fill="%23EEEEEE"/></g><defs><filter id="filter0_ddiiii_1228_3872" x="0" y="0" width="30" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.5 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1228_3872"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/><feBlend mode="normal" in2="effect1_dropShadow_1228_3872" result="effect2_dropShadow_1228_3872"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1228_3872" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.9 0"/><feBlend mode="normal" in2="shape" result="effect3_innerShadow_1228_3872"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0"/><feBlend mode="normal" in2="effect3_innerShadow_1228_3872" result="effect4_innerShadow_1228_3872"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect4_innerShadow_1228_3872" result="effect5_innerShadow_1228_3872"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect5_innerShadow_1228_3872" result="effect6_innerShadow_1228_3872"/></filter></defs></svg>') 50%/contain no-repeat;background-size:100% 100%;border-radius:50%;color:#0000!important;cursor:pointer;font-size:0!important;height:20px;transition:all .15s ease;width:20px}.endpoint-tab-checkbox-icon.checked{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><g filter="url%28%23filter0_ddiiii_1228_3872%29"><circle cx="15" cy="15" r="12" fill="%23EEEEEE"/></g><g filter="url%28%23filter1_ddddii_1228_3872%29"><circle cx="15" cy="15" r="7" fill="url%28%23paint0_linear_1228_3872%29"/></g><defs><filter id="filter0_ddiiii_1228_3872" x="0" y="0" width="30" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.5 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1228_3872"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/><feBlend mode="normal" in2="effect1_dropShadow_1228_3872" result="effect2_dropShadow_1228_3872"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1228_3872" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.9 0"/><feBlend mode="normal" in2="shape" result="effect3_innerShadow_1228_3872"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0"/><feBlend mode="normal" in2="effect3_innerShadow_1228_3872" result="effect4_innerShadow_1228_3872"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect4_innerShadow_1228_3872" result="effect5_innerShadow_1228_3872"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect5_innerShadow_1228_3872" result="effect6_innerShadow_1228_3872"/></filter><filter id="filter1_ddddii_1228_3872" x="5" y="5" width="21" height="21" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="1.5"/><feColorMatrix type="matrix" values="0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.9 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1228_3872"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0"/><feBlend mode="normal" in2="effect1_dropShadow_1228_3872" result="effect2_dropShadow_1228_3872"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect2_dropShadow_1228_3872" result="effect3_dropShadow_1228_3872"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect3_dropShadow_1228_3872" result="effect4_dropShadow_1228_3872"/><feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow_1228_3872" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0.5 0"/><feBlend mode="normal" in2="shape" result="effect5_innerShadow_1228_3872"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/><feBlend mode="normal" in2="effect5_innerShadow_1228_3872" result="effect6_innerShadow_1228_3872"/></filter><linearGradient id="paint0_linear_1228_3872" x1="8" y1="8" x2="22" y2="22" gradientUnits="userSpaceOnUse"><stop offset="1" stop-color="%23550173"/><stop stop-color="%239404C3"/></linearGradient></defs></svg>') 50%/contain no-repeat;background-size:100% 100%}.endpoint-tab-checkbox:hover .endpoint-tab-checkbox-icon:not(.checked){transform:scale(1.05)}.endpoint-tab-checkbox:hover .endpoint-tab-checkbox-icon.checked{transform:scale(1.02)}.endpoint-tab-endpoint-info{align-items:center;display:flex;flex:1 1;gap:12px}.endpoint-tab-method{align-items:center;background:url('data:image/svg+xml;utf8,<svg width="149" height="75" viewBox="0 0 149 75" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url%28%23filter0_ddddii_1228_3868%29"><rect x="15" y="15" width="116" height="42" rx="21" fill="url%28%23paint0_linear_1228_3868%29"/></g><defs><filter id="filter0_ddddii_1228_3868" x="0" y="0" width="149" height="75" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="5" dy="5"/><feGaussianBlur stdDeviation="6.5"/><feColorMatrix type="matrix" values="0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.9 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1228_3868"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-5" dy="-5"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0"/><feBlend mode="normal" in2="effect1_dropShadow_1228_3868" result="effect2_dropShadow_1228_3868"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="5" dy="-5"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect2_dropShadow_1228_3868" result="effect3_dropShadow_1228_3868"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-5" dy="5"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect3_dropShadow_1228_3868" result="effect4_dropShadow_1228_3868"/><feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow_1228_3868" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.5 0"/><feBlend mode="normal" in2="shape" result="effect5_innerShadow_1228_3868"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/><feBlend mode="normal" in2="shape" result="effect6_innerShadow_1228_3868"/></filter><linearGradient id="paint0_linear_1228_3868" x1="15" y1="15" x2="41.8888" y2="89.2644" gradientUnits="userSpaceOnUse"><stop offset="1" stop-color="%23EEEEEE"/><stop stop-color="%23E2E2E2"/></linearGradient></defs></svg>') 50%/contain no-repeat;background-size:100% 100%;border-radius:21px;display:flex;flex-shrink:0;font-size:11px;font-weight:600;justify-content:center;min-height:34px;min-width:60px;padding:4px 12px;text-transform:uppercase}.endpoint-tab-path{color:var(--text-primary);flex:1 1;font-family:monospace;font-size:13px}.endpoint-tab-badge{background:rgba(var(--primary-rgb),.1);border-radius:3px;color:var(--primary-color);font-size:10px;font-weight:500;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.endpoint-tab-not-selected{color:var(--text-muted);font-size:12px;font-style:italic}.endpoint-tab-footer{flex-shrink:0;margin-top:12px;text-align:right}.endpoint-tab-continue{align-items:center;background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .15s ease}.endpoint-tab-continue:hover:not(.disabled){background:var(--accent-color);transform:translateY(-1px)}.endpoint-tab-continue.disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.endpoint-tab-container{padding:16px}.endpoint-tab-controls{align-items:stretch;flex-direction:column;gap:12px}.endpoint-tab-endpoint-info,.endpoint-tab-streaming-info{align-items:flex-start;flex-direction:column;gap:6px}.endpoint-tab-streaming-meta{margin-left:0}.endpoint-tab-schema-grid{grid-template-columns:1fr}}.endpoint-tab-completion-container{align-items:center;animation:slideIn .3s ease-out;background:#10b9811a;border-left:3px solid #10b981;border-radius:6px;display:flex;gap:8px;margin-bottom:12px;padding:12px}.endpoint-tab-completion-icon{color:#10b981;flex-shrink:0}.endpoint-tab-completion-text{color:#10b981;font-size:13px;font-weight:500}.endpoint-tab-info-message{align-items:center;background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:6px;color:#3b82f6;display:flex;font-size:14px;gap:12px;padding:12px 16px}.endpoint-tab-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.endpoint-tab-streaming-badge{align-items:center;background:#ffc1071a;border-radius:4px;color:#ffc107;display:flex;font-size:11px;font-weight:600;gap:6px;padding:4px 8px}.endpoint-tab-openapi-display{display:flex;flex-direction:column;gap:12px}.endpoint-tab-servers-section{display:flex;flex-direction:column;gap:8px}.endpoint-tab-server-item{background:var(--surface-color);border-radius:4px;display:flex;flex-direction:column;gap:4px;padding:8px 12px}.endpoint-tab-server-item code{color:var(--primary-color);font-family:monospace;font-size:12px}.endpoint-tab-server-desc{color:var(--text-secondary);font-size:11px}.endpoint-tab-streaming-code{background:#1e1e1e;border-radius:6px;color:#d4d4d4;font-family:Consolas,Monaco,monospace;font-size:12px;max-height:300px;overflow-x:auto;padding:12px;white-space:pre-wrap}.endpoint-tab-view-raw-btn{align-items:center;align-self:flex-start;background:var(--surface-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:8px 12px;transition:all .15s ease}.endpoint-tab-view-raw-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.endpoint-tab-schema-badge.clickable{align-items:center;cursor:pointer;display:flex;gap:6px;transition:all .15s ease}.endpoint-tab-schema-badge.clickable:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.endpoint-tab-explanation-text{align-items:flex-start;background:#9404c30d;border-left:3px solid var(--primary-color);border-radius:6px;color:var(--text-primary);display:flex;font-size:14px;gap:12px;line-height:1.6;padding:16px}.endpoint-schema-modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:999999}.endpoint-schema-modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;height:80vh;max-width:1000px;pointer-events:all;width:90%}.endpoint-schema-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.endpoint-schema-modal-title{align-items:center;display:flex;gap:10px}.endpoint-schema-modal-icon{color:#9404c3;flex-shrink:0}.endpoint-schema-modal-header h3{color:#111827;font-size:16px;font-weight:600;margin:0}.endpoint-schema-modal-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.endpoint-schema-modal-close:hover{background:#e5e7eb;color:#111827}.endpoint-schema-modal-content{background:#1e1e1e;flex:1 1;min-height:0;overflow:auto;padding:0}.endpoint-schema-modal-content pre{background:#1e1e1e;box-sizing:border-box;color:#d4d4d4;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;margin:0;min-height:100%;padding:24px;white-space:pre}.endpoint-schema-modal-content::-webkit-scrollbar{height:12px;width:12px}.endpoint-schema-modal-content::-webkit-scrollbar-track{background:#2d2d2d}.endpoint-schema-modal-content::-webkit-scrollbar-thumb{background:#555;border-radius:6px}.endpoint-schema-modal-content::-webkit-scrollbar-thumb:hover{background:#666}@media (prefers-color-scheme:dark){.endpoint-schema-modal{background:#1f2937}.endpoint-schema-modal-header{background:#111827;border-bottom-color:#374151}.endpoint-schema-modal-header h3{color:#f9fafb}.endpoint-schema-modal-close{color:#9ca3af}.endpoint-schema-modal-close:hover{background:#374151;color:#f9fafb}}@media (max-width:768px){.endpoint-schema-modal{height:85vh;width:95%}.endpoint-schema-modal-header{padding:16px 20px}.endpoint-schema-modal-content pre{font-size:11px;padding:16px}}.endpoint-tab-thinking-card{background:linear-gradient(135deg,#f8f9ff,#fff5f7);border:1px solid #9404c333;border-radius:12px;box-shadow:0 2px 8px #9404c314;margin-bottom:16px;padding:20px}.endpoint-tab-thinking-header{align-items:center;color:#9404c3;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.endpoint-tab-thinking-content{background:#fff;border:1px solid #00000014;border-radius:8px;color:#2d3748;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.8;max-height:600px;overflow-y:auto;padding:16px}.endpoint-tab-thinking-content strong{color:#9404c3;font-weight:600}.endpoint-tab-thinking-content code{background:#9404c314;border-radius:4px;color:#9404c3;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;padding:2px 6px}.endpoint-tab-thinking-content ul{list-style:none;margin:12px 0;padding-left:20px}.endpoint-tab-thinking-content li{margin:8px 0;padding-left:20px;position:relative}.endpoint-tab-thinking-content li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.endpoint-tab-thinking-content br{content:"";display:block;margin:4px 0}.endpoint-tab-explanation-text strong{color:#1a202c;font-weight:600}.endpoint-tab-explanation-text code{background:#3b82f614;border-radius:4px;color:#3b82f6;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;padding:2px 6px}.endpoint-tab-explanation-text ul{margin:12px 0;padding-left:20px}.endpoint-tab-explanation-text li{margin:6px 0}.endpoint-tab-thinking-content::-webkit-scrollbar{width:8px}.endpoint-tab-thinking-content::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.endpoint-tab-thinking-content::-webkit-scrollbar-thumb{background:#9404c34d;border-radius:4px}.endpoint-tab-thinking-content::-webkit-scrollbar-thumb:hover{background:#9404c380}.animate-fadeIn{animation:fadeIn .4s ease-out}.generate-feature-file-tab{background:#eee;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:16px}.feature-file-header-compact{align-items:center;background:#eee;border-radius:10px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:12px;padding:12px 14px}.header-left{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.header-icon{color:var(--primary-color);flex-shrink:0}.feature-file-header-compact h2{color:#1f2937;font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-count{background:#ffffff4d;border-radius:10px;box-shadow:inset 1px 1px 2px #d5d5d54d,inset -1px -1px 1px #ffffff4d;color:#6b7280;padding:2px 8px}.file-badge,.line-count{flex-shrink:0;font-size:10px}.file-badge{background:#8b5cf61a;border-radius:4px;color:var(--primary-color);font-weight:600;padding:3px 8px}.generation-indicator{align-items:center;background:#10b9811a;border-radius:12px;color:#059669;display:flex;font-size:11px;font-weight:600;gap:6px;padding:4px 10px}.pulse-dot{animation:pulse 1.5s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.header-actions{flex-shrink:0;flex-wrap:wrap;gap:8px}.action-btn,.header-actions{align-items:center;display:flex}.action-btn{background:#eee;border:none;border-radius:8px;box-shadow:3px 3px 6px #d5d5d5b3,-3px -3px 6px #ffffffb3;color:#374151;cursor:pointer;font-size:11px;font-weight:600;gap:6px;justify-content:center;min-height:40px;min-width:40px;padding:10px;position:relative;transition:all .2s ease}.action-btn:hover:not(:disabled){box-shadow:2px 2px 4px #d5d5d5b3,-2px -2px 4px #ffffffb3;color:var(--primary-color)}.action-btn:active:not(:disabled){box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 4px #ffffff80}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn svg{flex-shrink:0;height:18px;width:18px}.action-btn>:not(svg){display:none}.action-btn svg{display:block}.action-btn:before{background:#1f2937;border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #00000026;color:#fff;content:attr(title);font-size:11px;font-weight:500;padding:6px 10px;white-space:nowrap}.action-btn:after,.action-btn:before{left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-4px);transition:opacity .2s ease,transform .2s ease;z-index:1000}.action-btn:after{border:6px solid #0000;border-top-color:#1f2937;bottom:calc(100% + 2px);content:""}.action-btn:hover:after,.action-btn:hover:before{opacity:1;transform:translateX(-50%) translateY(0)}.regenerate-btn{background:#eee;color:var(--primary-color)}.regenerate-btn:hover:not(:disabled){color:#7c3aed}.xray-menu-button-container{display:inline-block;position:relative}.xray-menu-button{align-items:center;background:#eee;border:none;border-radius:8px;box-shadow:3px 3px 6px #d5d5d5b3,-3px -3px 6px #ffffffb3;color:#374151;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;justify-content:center;min-height:40px;min-width:40px;padding:10px;position:relative;transition:all .2s ease}.xray-menu-button:hover:not(:disabled){box-shadow:2px 2px 4px #d5d5d5b3,-2px -2px 4px #ffffffb3;color:var(--primary-color)}.xray-menu-button:active:not(:disabled){box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 4px #ffffff80}.xray-menu-button:disabled{cursor:not-allowed;opacity:.5}.xray-menu-button svg{height:20px;width:20px}.xray-menu-button>span:not(.xray-menu-chevron){display:none}.xray-menu-button:before{background:#1f2937;border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #00000026;color:#fff;content:attr(title);font-size:11px;font-weight:500;padding:6px 10px;white-space:nowrap}.xray-menu-button:after,.xray-menu-button:before{left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-4px);transition:opacity .2s ease,transform .2s ease;z-index:1000}.xray-menu-button:after{border:6px solid #0000;border-top-color:#1f2937;bottom:calc(100% + 2px);content:""}.xray-menu-button:hover:after,.xray-menu-button:hover:before{opacity:1;transform:translateX(-50%) translateY(0)}.xray-menu-chevron{transition:transform .2s ease}.xray-menu-chevron.open{transform:rotate(180deg)}.xray-menu-dropdown{animation:slideDown .2s ease-out;background:#eee;border-radius:10px;box-shadow:4px 4px 12px #d5d5d5cc,-4px -4px 12px #fffc;left:0;min-width:200px;padding:6px;position:absolute;top:calc(100% + 8px);z-index:1000}.xray-menu-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:10px;padding:10px 12px;text-align:left;transition:all .15s ease;width:100%}.xray-menu-item:hover{background:#8b5cf61a;color:var(--primary-color)}.xray-menu-item svg{flex-shrink:0;height:16px;width:16px}.xray-menu-item span{flex:1 1}.xray-hint-banner{align-items:center;background:#3b82f61a;border-radius:8px;color:#2563eb;display:flex;flex-shrink:0;font-size:12px;gap:8px;margin-bottom:12px;padding:10px 14px}.feature-file-direct-content{background:#eee;border-radius:10px;box-shadow:inset 3px 3px 6px #d5d5d580,inset -3px -3px 6px #ffffff80;flex:1 1;min-height:0;overflow:hidden}.gherkin-content{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;height:100%;line-height:1.6;overflow-y:auto;padding:16px}.gherkin-content::-webkit-scrollbar{width:6px}.gherkin-content::-webkit-scrollbar-track{background:#0000}.gherkin-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.gherkin-line{padding:2px 0}.gherkin-keyword{color:#d73a49;font-weight:600}.gherkin-examples-name,.gherkin-feature-name,.gherkin-scenario-name{color:#1f2937}.gherkin-scenario-keyword{color:#d73a49;font-weight:600}.gherkin-step-keyword{color:#005cc5;font-weight:600}.gherkin-step-text{color:#1f2937}.gherkin-tag{color:#22863a;font-weight:600}.gherkin-comment{color:#6a737d;font-style:italic}.gherkin-table-separator{color:#6a737d}.gherkin-table-cell{color:#032f62}.typing-cursor{animation:blink 1s step-end infinite;background:var(--primary-color);display:inline-block;height:16px;margin-left:2px;width:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.empty-state{flex-direction:column;height:100%;padding:40px;text-align:center}.empty-icon,.empty-state{align-items:center;display:flex;justify-content:center}.empty-icon{background:#eee;border-radius:50%;box-shadow:4px 4px 8px #d5d5d599,-4px -4px 8px #fff9,inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #d5d5d54d;color:#6b7280;height:80px;margin-bottom:16px;width:80px}.empty-icon.error-icon{color:#ef4444}.empty-state h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.empty-state p{color:#6b7280;font-size:12px;line-height:1.5;margin:0;max-width:400px}.error-state{color:#dc2626}.spinning{animation:spin 1s linear infinite}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-dialog{background:#eee;border-radius:16px;box-shadow:8px 8px 20px #b4b4b4cc,-8px -8px 20px #ffffffe6,inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #c8c8c84d;margin:20px;max-width:420px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid #d5d5d566;padding:14px 18px}.modal-header h3{color:#1f2937;font-size:15px;font-weight:600;margin:0}.modal-body{padding:16px 18px}.modal-body p{color:#374151;font-size:12px;line-height:1.5;margin:0 0 8px}.modal-body p:last-child{margin-bottom:0}.modal-body strong{color:#1f2937}.modal-footer{border-top:1px solid #d5d5d54d;display:flex;gap:10px;justify-content:flex-end;padding:14px 18px}.modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px;transition:all .2s ease}.cancel-btn{background:#eee;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280}.cancel-btn:hover{color:#374151}.confirm-btn{background:var(--primary-color);box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff}.confirm-btn:hover{background:#7c3aed}.feature-file-direct-content .monaco-editor{border-radius:10px}@media (max-width:768px){.generate-feature-file-tab{padding:12px}.feature-file-header-compact{align-items:stretch;flex-direction:column;gap:12px}.header-left{flex-wrap:wrap}.header-actions{flex-wrap:wrap;justify-content:flex-end}.feature-file-header-compact h2{font-size:13px}}@media (max-width:480px){.action-btn{font-size:10px;padding:6px 8px}.action-btn span{display:none}}.x-ray-update-modal{max-width:700px}.x-ray-update-execution-card{background:#f9fafb;background:var(--hover-background,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:20px}.x-ray-update-execution-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.x-ray-update-execution-link{align-items:center;color:#0052cc;display:flex;font-size:18px;font-weight:700;gap:8px;text-decoration:none;transition:color .2s}.x-ray-update-execution-link:hover{color:#0747a6;text-decoration:underline}.x-ray-update-execution-info{display:flex;flex-direction:column;gap:10px}.x-ray-update-info-item{align-items:center;display:flex;font-size:13px;gap:8px}.x-ray-update-info-item svg{color:#6b7280;color:var(--text-secondary,#6b7280);flex-shrink:0}.x-ray-update-info-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-weight:500;min-width:60px}.x-ray-update-info-value{color:#1f2937;color:var(--text-color,#1f2937);font-weight:500}.x-ray-update-tests-list{display:flex;flex-direction:column;gap:12px}.x-ray-update-test-card{background:#f9fafb;background:var(--hover-background,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:16px;transition:all .2s}.x-ray-update-test-card:hover{border-color:#0052cc;box-shadow:0 2px 8px #0052cc1a}.x-ray-update-test-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.x-ray-update-status-badge{border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.x-ray-update-status-badge.success{background:#d1fae5;color:#065f46}.x-ray-update-status-badge.failure{background:#fee2e2;color:#991b1b}.x-ray-update-status-badge.running{background:#dbeafe;color:#1e40af}.x-ray-update-status-badge.unknown{background:#f3f4f6;color:#6b7280}.x-ray-update-test-details{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;flex-direction:column;gap:8px;padding-top:12px}.x-ray-update-test-time{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:12px;gap:8px}.x-ray-update-test-time svg{flex-shrink:0}.x-ray-update-test-comment{color:#1f2937;color:var(--text-color,#1f2937);display:flex;flex-direction:column;font-size:13px;gap:4px}.x-ray-update-comment-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.x-ray-update-evidence-info{align-items:center;background:#d1fae5;border-radius:4px;color:#10b981;display:flex;font-size:12px;gap:6px;padding:6px 10px;width:-webkit-fit-content;width:fit-content}.x-ray-update-evidence-info svg{flex-shrink:0}.dark-mode .x-ray-update-execution-card,.dark-mode .x-ray-update-test-card{background:#2d2d2d;border-color:#3d3d3d}.dark-mode .x-ray-update-execution-header{border-bottom-color:#3d3d3d}.dark-mode .x-ray-update-test-details{border-top-color:#3d3d3d}.dark-mode .x-ray-update-info-label,.dark-mode .x-ray-update-test-time{color:#9ca3af}.dark-mode .x-ray-update-info-value{color:#e5e7eb}@media (max-width:768px){.x-ray-update-modal{max-width:95%}.x-ray-update-execution-header{align-items:flex-start;flex-direction:column;gap:12px}.x-ray-update-test-header{align-items:flex-start;flex-direction:column;gap:8px}}.x-ray-upload-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.x-ray-upload-modal-dialog{animation:x-ray-upload-modal-slide-up .3s ease-out;background:#fff;background:var(--background-color,#fff);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:90%}@keyframes x-ray-upload-modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.x-ray-upload-preview-modal{max-width:800px}.x-ray-upload-success-modal{max-width:650px}.x-ray-upload-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:24px 28px}.x-ray-upload-modal-header-content{align-items:center;display:flex;gap:12px}.x-ray-upload-header-icon{color:#0052cc}.x-ray-upload-success-header .x-ray-upload-success-icon{color:#10b981}.x-ray-upload-modal-header h3{color:#1f2937;color:var(--text-color,#1f2937);font-size:20px;font-weight:600;margin:0}.x-ray-upload-modal-close{background:none;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;padding:4px;transition:all .2s}.x-ray-upload-modal-close:hover{background:#f3f4f6;background:var(--hover-background,#f3f4f6);color:#1f2937;color:var(--text-color,#1f2937)}.x-ray-upload-modal-close:disabled{cursor:not-allowed;opacity:.5}.x-ray-upload-modal-body{flex:1 1;overflow-y:auto;padding:24px 28px}.x-ray-upload-summary-section{margin-bottom:24px}.x-ray-upload-summary-section h4{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.x-ray-upload-summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.x-ray-upload-summary-item{background:#f9fafb;background:var(--hover-background,#f9fafb);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.x-ray-upload-summary-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:500}.x-ray-upload-summary-value{color:#1f2937;color:var(--text-color,#1f2937);font-size:14px;font-weight:600}.x-ray-upload-feature-section{background:#f9fafb;background:var(--hover-background,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;margin-bottom:24px;padding:20px}.x-ray-upload-feature-section h4{align-items:center;color:#1f2937;color:var(--text-color,#1f2937);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.x-ray-upload-feature-name{background:#fff;background:var(--background-color,#fff);border-radius:6px;display:flex;flex-direction:column;gap:6px;margin-bottom:16px;padding:12px}.x-ray-upload-feature-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:500}.x-ray-upload-feature-value{color:#1f2937;color:var(--text-color,#1f2937);font-size:15px;font-weight:600}.x-ray-upload-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.x-ray-upload-stat-card{background:#fff;background:var(--background-color,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:16px;text-align:center}.x-ray-upload-stat-number{color:#0052cc;font-size:28px;font-weight:700;margin-bottom:4px}.x-ray-upload-stat-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:500}.x-ray-upload-tags-section{margin-bottom:16px}.x-ray-upload-tags-label{color:#6b7280;color:var(--text-secondary,#6b7280);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.x-ray-upload-tags-list{display:flex;flex-wrap:wrap;gap:6px}.x-ray-upload-tag-badge{background:#0052cc;border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.x-ray-upload-scenarios-section{margin-top:16px}.x-ray-upload-scenarios-label{color:#6b7280;color:var(--text-secondary,#6b7280);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.x-ray-upload-scenarios-list{display:flex;flex-direction:column;gap:8px}.x-ray-upload-scenario-item{align-items:center;background:#fff;background:var(--background-color,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;display:flex;justify-content:space-between;padding:10px 12px}.x-ray-upload-scenario-name{color:#1f2937;color:var(--text-color,#1f2937);flex:1 1;font-size:13px;font-weight:500}.x-ray-upload-scenario-steps{background:#f3f4f6;background:var(--hover-background,#f3f4f6);border-radius:4px;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;padding:3px 8px}.x-ray-upload-preview-section{margin-bottom:20px}.x-ray-upload-preview-section h4{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.x-ray-upload-code-preview{background:#1e1e1e;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;max-height:300px;overflow-y:auto;padding:16px}.x-ray-upload-code-preview pre{color:#d4d4d4;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.x-ray-upload-info-banner{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;display:flex;font-size:13px;gap:12px;line-height:1.5;padding:14px 16px}.x-ray-upload-info-banner svg{flex-shrink:0;margin-top:2px}.x-ray-upload-result-section{margin-bottom:24px}.x-ray-upload-result-section h4{align-items:center;color:#1f2937;color:var(--text-color,#1f2937);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 14px}.x-ray-upload-links-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.x-ray-upload-link-card{background:#f9fafb;background:var(--hover-background,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:16px;transition:all .2s}.x-ray-upload-link-card:hover{border-color:#0052cc;box-shadow:0 2px 8px #0052cc1a}.x-ray-upload-link-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.x-ray-upload-link-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:500}.x-ray-upload-link-badge{border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.x-ray-upload-badge-execution{background:#dbeafe;color:#1e40af}.x-ray-upload-badge-plan{background:#fef3c7;color:#92400e}.x-ray-upload-badge-set{background:#d1fae5;color:#065f46}.x-ray-upload-jira-link{align-items:center;color:#0052cc;display:flex;font-size:14px;font-weight:600;gap:6px;text-decoration:none;transition:color .2s}.x-ray-upload-jira-link:hover{color:#0747a6;text-decoration:underline}.x-ray-upload-jira-link svg{flex-shrink:0}.x-ray-upload-tests-list{display:flex;flex-direction:column;gap:8px}.x-ray-upload-test-item{background:#f9fafb;background:var(--hover-background,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;padding:12px}.x-ray-upload-test-info{align-items:center;display:flex;gap:10px}.x-ray-upload-entity-badge{background:#0052cc;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:3px 8px}.x-ray-upload-warnings-section{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:16px}.x-ray-upload-warnings-section h4{color:#92400e}.x-ray-upload-errors-list{display:flex;flex-direction:column;gap:8px}.x-ray-upload-error-item{align-items:flex-start;background:#fff;border-radius:6px;color:#92400e;display:flex;font-size:13px;gap:10px;line-height:1.5;padding:10px 12px}.x-ray-upload-error-item svg{flex-shrink:0;margin-top:2px}.x-ray-upload-success-summary{align-items:flex-start;background:#d1fae5;border:1px solid #10b981;border-radius:8px;color:#065f46;display:flex;gap:12px;padding:16px}.x-ray-upload-success-summary svg{color:#10b981;flex-shrink:0;margin-top:2px}.x-ray-upload-success-text{display:flex;flex-direction:column;gap:4px}.x-ray-upload-success-text strong{color:#065f46;font-size:14px}.x-ray-upload-success-text span{color:#047857;font-size:13px;line-height:1.5}.x-ray-upload-modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.x-ray-upload-modal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.x-ray-upload-cancel-btn{background:#fff;background:var(--background-color,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#1f2937;color:var(--text-color,#1f2937)}.x-ray-upload-cancel-btn:hover{background:#f3f4f6;background:var(--hover-background,#f3f4f6)}.x-ray-upload-confirm-btn{background:#0052cc;border:1px solid #0052cc;color:#fff}.x-ray-upload-confirm-btn:hover:not(:disabled){background:#0747a6;border-color:#0747a6}.x-ray-upload-confirm-btn:disabled{cursor:not-allowed;opacity:.6}.x-ray-upload-spinner{animation:x-ray-upload-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes x-ray-upload-spin{to{transform:rotate(1turn)}}.dark-mode .x-ray-upload-modal-dialog{background:#1e1e1e}.dark-mode .x-ray-upload-modal-header{border-bottom-color:#2d2d2d}.dark-mode .x-ray-upload-modal-header h3{color:#e5e7eb}.dark-mode .x-ray-upload-modal-close{color:#9ca3af}.dark-mode .x-ray-upload-modal-close:hover{background:#2d2d2d;color:#e5e7eb}.dark-mode .x-ray-upload-feature-section,.dark-mode .x-ray-upload-summary-item{background:#2d2d2d;border-color:#3d3d3d}.dark-mode .x-ray-upload-feature-label,.dark-mode .x-ray-upload-scenarios-label,.dark-mode .x-ray-upload-summary-label,.dark-mode .x-ray-upload-tags-label{color:#9ca3af}.dark-mode .x-ray-upload-feature-value,.dark-mode .x-ray-upload-scenario-name,.dark-mode .x-ray-upload-summary-value{color:#e5e7eb}.dark-mode .x-ray-upload-feature-name,.dark-mode .x-ray-upload-scenario-item,.dark-mode .x-ray-upload-stat-card{background:#1e1e1e;border-color:#3d3d3d}.dark-mode .x-ray-upload-link-card,.dark-mode .x-ray-upload-test-item{background:#2d2d2d;border-color:#3d3d3d}.dark-mode .x-ray-upload-code-preview{background:#0d0d0d;border-color:#3d3d3d}.dark-mode .x-ray-upload-modal-footer{border-top-color:#2d2d2d}.dark-mode .x-ray-upload-cancel-btn{background:#2d2d2d;border-color:#3d3d3d;color:#e5e7eb}.dark-mode .x-ray-upload-cancel-btn:hover{background:#3d3d3d}@media (max-width:768px){.x-ray-upload-modal-dialog{max-height:90vh;width:95%}.x-ray-upload-links-grid,.x-ray-upload-stats-grid,.x-ray-upload-summary-grid{grid-template-columns:1fr}.x-ray-upload-modal-body,.x-ray-upload-modal-footer,.x-ray-upload-modal-header{padding:16px 20px}.x-ray-upload-code-preview{max-height:200px}}.x-ray-history-modal{max-width:800px}.x-ray-history-header-actions{align-items:center;display:flex;gap:8px}.x-ray-history-refresh-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.x-ray-history-refresh-btn:hover:not(:disabled){background:#f3f4f6;background:var(--hover-background,#f3f4f6);color:#1f2937;color:var(--text-color,#1f2937)}.x-ray-history-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.x-ray-history-refresh-btn svg.spinning{animation:x-ray-upload-spin 1s linear infinite}.x-ray-history-info-section{grid-gap:12px;background:#f9fafb;background:var(--hover-background,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:24px;padding:16px}.x-ray-history-info-item{display:flex;flex-direction:column;gap:4px}.x-ray-history-info-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:500}.x-ray-history-info-value{color:#1f2937;color:var(--text-color,#1f2937);font-size:14px;font-weight:600}.x-ray-history-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.x-ray-history-loading span{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px}.x-ray-history-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.x-ray-history-empty-state svg{color:#9ca3af;color:var(--text-secondary,#9ca3af);margin-bottom:16px}.x-ray-history-empty-state h4{color:#1f2937;color:var(--text-color,#1f2937);font-size:18px;font-weight:600;margin:0 0 8px}.x-ray-history-empty-state p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;line-height:1.5;margin:0;max-width:400px}.x-ray-history-list{display:flex;flex-direction:column;gap:16px}.x-ray-history-card{background:#fff;background:var(--background-color,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;overflow:hidden;transition:all .2s}.x-ray-history-card:hover{border-color:#0052cc;box-shadow:0 2px 8px #0052cc1a}.x-ray-history-card-header{align-items:center;background:#f9fafb;background:var(--hover-background,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:14px 16px}.x-ray-history-test-key{align-items:center;color:#0052cc;display:flex;font-size:16px;font-weight:700;gap:6px;text-decoration:none;transition:color .2s}.x-ray-history-test-key:hover{color:#0747a6;text-decoration:underline}.x-ray-history-badge{background:#0052cc;border-radius:4px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.x-ray-history-card-body{padding:16px}.x-ray-history-timestamps{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding-bottom:16px}.x-ray-history-timestamp{align-items:center;display:flex;font-size:13px;gap:8px}.x-ray-history-timestamp svg{color:#6b7280;color:var(--text-secondary,#6b7280);flex-shrink:0}.x-ray-history-timestamp-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-weight:500;min-width:70px}.x-ray-history-timestamp-value{color:#1f2937;color:var(--text-color,#1f2937);font-weight:500}.x-ray-history-links{display:flex;flex-direction:column;gap:10px}.x-ray-history-link-group{align-items:center;display:flex;font-size:13px;gap:8px}.x-ray-history-link-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-weight:500;min-width:110px}.x-ray-history-link{align-items:center;color:#0052cc;display:flex;font-weight:600;gap:4px;text-decoration:none;transition:color .2s}.x-ray-history-link:hover{color:#0747a6;text-decoration:underline}.x-ray-history-link svg{flex-shrink:0}.dark-mode .xray-menu-button{background:#0052cc;border-color:#0052cc;color:#fff}.dark-mode .xray-menu-button:hover:not(:disabled){background:#0747a6;border-color:#0747a6}.dark-mode .xray-menu-dropdown{background:#1e1e1e;border-color:#2d2d2d}.dark-mode .xray-menu-item{color:#e5e7eb}.dark-mode .xray-menu-item:hover{background:#2d2d2d}.dark-mode .xray-menu-item:not(:last-child){border-bottom-color:#2d2d2d}.dark-mode .x-ray-history-info-section{background:#2d2d2d;border-color:#3d3d3d}.dark-mode .x-ray-history-info-label{color:#9ca3af}.dark-mode .x-ray-history-info-value{color:#e5e7eb}.dark-mode .x-ray-history-card{background:#1e1e1e;border-color:#2d2d2d}.dark-mode .x-ray-history-card:hover{border-color:#0052cc}.dark-mode .x-ray-history-card-header{background:#2d2d2d;border-bottom-color:#3d3d3d}.dark-mode .x-ray-history-timestamps{border-bottom-color:#3d3d3d}.dark-mode .x-ray-history-timestamp-value{color:#e5e7eb}@media (max-width:768px){.x-ray-history-modal{max-width:95%}.x-ray-history-info-section{grid-template-columns:1fr}.x-ray-history-links,.x-ray-history-timestamps{align-items:flex-start;flex-direction:column}.x-ray-history-link-label,.x-ray-history-timestamp-label{min-width:auto}}.testfiles-tab-container{background:var(--background-color);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:24px}.testfiles-tab-header{flex-shrink:0;margin-bottom:24px}.testfiles-tab-success{align-items:center;display:flex;gap:8px;margin-bottom:8px}.testfiles-tab-success-icon{color:#10b981}.testfiles-tab-header h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.testfiles-tab-project-info{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;margin-bottom:8px}.testfiles-tab-separator{color:var(--text-muted)}.testfiles-tab-description{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0}.testfiles-tab-generation,.testfiles-tab-waiting{flex:1 1;min-height:200px;padding-top:32px}.testfiles-tab-generation-content{text-align:left}.testfiles-tab-thinking-indicator{align-items:center;background:var(--surface-color);border-radius:8px;box-shadow:var(--box-shadow);display:flex;gap:12px;padding:16px 24px}.testfiles-tab-spinner{animation:testfiles-tab-spin 1s linear infinite;color:var(--primary-color)}@keyframes testfiles-tab-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.testfiles-tab-generation-text{color:var(--text-primary);font-size:14px;font-weight:500;transition:opacity .3s ease}.testfiles-tab-error{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.testfiles-tab-error-icon{color:var(--text-muted);margin-bottom:16px}.testfiles-tab-error h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.testfiles-tab-error p{color:var(--text-secondary);line-height:1.4;margin:0 0 24px}.testfiles-tab-retry-btn{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .15s ease}.testfiles-tab-retry-btn:hover{background:var(--accent-color);transform:translateY(-1px)}.testfiles-tab-files{display:flex;flex:1 1;flex-direction:column;gap:20px;min-height:0;overflow-y:auto;padding-bottom:24px}.testfiles-tab-file-card{background:var(--surface-color);border-left:3px solid var(--primary-color);border-radius:8px;box-shadow:var(--box-shadow);margin-bottom:8px;overflow:visible}.testfiles-tab-file-header{align-items:center;background:var(--background-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px}.testfiles-tab-file-info{align-items:center;display:flex;flex:1 1;gap:12px}.testfiles-tab-file-icon{align-items:center;background:var(--primary-color);border-radius:6px;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.testfiles-tab-file-details h3{color:var(--text-primary);font-family:monospace;font-size:14px;font-weight:600;margin:0 0 4px}.testfiles-tab-file-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:8px}.testfiles-tab-file-actions{display:flex;gap:8px}.testfiles-tab-action-btn{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .15s ease}.testfiles-tab-action-btn:hover{background:var(--path-indicator);border-color:var(--primary-color);color:var(--primary-color)}.testfiles-tab-action-btn.testfiles-tab-primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.testfiles-tab-action-btn.testfiles-tab-primary:hover{background:var(--accent-color);transform:translateY(-1px)}.testfiles-tab-file-content{background:var(--surface-color)}.testfiles-tab-section{border-bottom:1px solid var(--border-color)}.testfiles-tab-section:last-child{border-bottom:none}.testfiles-tab-section-header{background:var(--path-indicator);border-bottom:1px solid var(--border-color);padding:12px 16px}.testfiles-tab-section-header h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.testfiles-tab-code-container{background:var(--code-file);max-height:400px;min-height:120px;overflow-x:auto;overflow-y:auto;position:relative}.testfiles-tab-section:last-child .testfiles-tab-code-container{border-radius:0 0 8px 8px}.testfiles-tab-code{background:var(--code-file);box-sizing:border-box;color:var(--text-primary);display:block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.5;margin:0;min-height:auto;padding:16px;white-space:pre;width:100%}.testfiles-tab-code code{background:none;color:inherit;padding:0}.testfiles-tab-code .token.property{color:#0451a5}.testfiles-tab-code .token.string{color:#a31515}.testfiles-tab-code .token.number{color:#098658}.testfiles-tab-code .token.boolean,.testfiles-tab-code .token.null{color:#00f}.testfiles-tab-code .token.operator,.testfiles-tab-code .token.punctuation{color:#000}.testfiles-tab-code .csv-header{color:#d73a49;font-weight:700}.testfiles-tab-code .csv-value{color:#032f62}.testfiles-tab-code .csv-delimiter{color:#6f42c1}.dark-mode .testfiles-tab-code .token.property{color:#9cdcfe}.dark-mode .testfiles-tab-code .token.string{color:#ce9178}.dark-mode .testfiles-tab-code .token.number{color:#b5cea8}.dark-mode .testfiles-tab-code .token.boolean,.dark-mode .testfiles-tab-code .token.null{color:#569cd6}.dark-mode .testfiles-tab-code .token.operator,.dark-mode .testfiles-tab-code .token.punctuation{color:#d4d4d4}.dark-mode .testfiles-tab-code .csv-header{color:#ff79c6}.dark-mode .testfiles-tab-code .csv-value{color:#f1fa8c}.dark-mode .testfiles-tab-code .csv-delimiter{color:#bd93f9}:not(.dark-mode) .testfiles-tab-code .token.property{color:#0451a5}:not(.dark-mode) .testfiles-tab-code .token.string{color:#a31515}:not(.dark-mode) .testfiles-tab-code .token.number{color:#098658}:not(.dark-mode) .testfiles-tab-code .token.boolean,:not(.dark-mode) .testfiles-tab-code .token.null{color:#00f}:not(.dark-mode) .testfiles-tab-code .csv-header{color:#d73a49}:not(.dark-mode) .testfiles-tab-code .csv-value{color:#032f62}:not(.dark-mode) .testfiles-tab-code .csv-delimiter{color:#6f42c1}.testfiles-tab-code-container::-webkit-scrollbar,.testfiles-tab-files::-webkit-scrollbar{height:8px;width:8px}.testfiles-tab-code-container::-webkit-scrollbar-track,.testfiles-tab-files::-webkit-scrollbar-track{background:var(--background-color);border-radius:4px}.testfiles-tab-code-container::-webkit-scrollbar-thumb,.testfiles-tab-files::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.testfiles-tab-code-container::-webkit-scrollbar-thumb:hover,.testfiles-tab-files::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.testfiles-tab-code-container::-webkit-scrollbar-corner,.testfiles-tab-files::-webkit-scrollbar-corner{background:var(--background-color)}@media (max-width:768px){.testfiles-tab-container{padding:16px}.testfiles-tab-file-header{align-items:flex-start;flex-direction:column;gap:12px}.testfiles-tab-file-actions{justify-content:flex-end;width:100%}.testfiles-tab-header h2{font-size:18px}.testfiles-tab-code{font-size:11px;padding:12px}.testfiles-tab-code-container{max-height:300px;min-height:100px}.testfiles-tab-section-header{padding:10px 12px}}.fileupload-tab-container{background:var(--background-color);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:24px}.fileupload-tab-header{flex-shrink:0;margin-bottom:24px}.fileupload-tab-success{align-items:center;display:flex;gap:8px;margin-bottom:8px}.fileupload-tab-success-icon{color:#10b981}.fileupload-tab-header h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.fileupload-tab-project-info{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;margin-bottom:8px}.fileupload-tab-separator{color:var(--text-muted)}.fileupload-tab-description{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0}.fileupload-tab-status{flex-shrink:0;margin-bottom:24px}.fileupload-tab-status-content{background:var( --background-color);border-radius:8px;box-shadow:var(--box-shadow);padding:16px}.fileupload-tab-status-item{align-items:center;color:#10b981;display:flex;gap:12px}.fileupload-tab-status-icon{flex-shrink:0}.fileupload-tab-spinner{animation:fileupload-spin 1s linear infinite;border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:16px;width:16px}@keyframes fileupload-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fileupload-tab-upload-details{display:flex;flex:1 1;flex-direction:column;gap:8px}.fileupload-tab-progress-bar{border-radius:2px;height:4px}.fileupload-tab-progress-fill{background:var(--primary-color)}.fileupload-tab-progress-text{color:var(--text-secondary);font-size:12px}.fileupload-tab-error-message,.fileupload-tab-success-message{align-items:center;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:8px}.fileupload-tab-success-message{color:#10b981}.fileupload-tab-error-message{color:#ef4444}.fileupload-tab-summary{grid-gap:12px;display:grid;flex-shrink:0;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px}.fileupload-tab-summary-card{align-items:center;background:var(--surface-color);border-radius:8px;box-shadow:var(--box-shadow);display:flex;gap:12px;padding:16px}.fileupload-tab-summary-card svg{color:var(--primary-color);flex-shrink:0}.fileupload-tab-summary-info{display:flex;flex-direction:column}.fileupload-tab-summary-count{color:var(--text-primary);font-size:18px;font-weight:600;line-height:1}.fileupload-tab-summary-label{color:var(--text-secondary);font-size:12px;margin-top:2px}.fileupload-tab-endpoints{display:flex;flex:1 1;flex-direction:column;min-height:0}.fileupload-tab-endpoints h3{color:var(--text-primary);flex-shrink:0;font-size:16px;font-weight:600;margin:0 0 16px}.fileupload-tab-endpoints-grid{grid-gap:16px;align-content:start;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));overflow-y:auto;padding-bottom:24px}.fileupload-tab-header-divider{background:var(--border-color);flex-shrink:0;height:1px;margin-bottom:24px;width:100%}.fileupload-tab-endpoint-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--box-shadow);height:-webkit-fit-content;height:fit-content;overflow:hidden;transition:all .2s ease}.fileupload-tab-endpoint-header{align-items:center;background:var(--background-color);border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.fileupload-tab-endpoint-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.fileupload-tab-method{align-items:center;-webkit-appearance:none!important;appearance:none!important;background:url('data:image/svg+xml;utf8,<svg width="149" height="75" viewBox="0 0 149 75" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url%28%23filter0_ddddii_1228_3868%29"><rect x="15" y="15" width="116" height="42" rx="21" fill="url%28%23paint0_linear_1228_3868%29"/></g><defs><filter id="filter0_ddddii_1228_3868" x="0" y="0" width="149" height="75" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="5" dy="5"/><feGaussianBlur stdDeviation="6.5"/><feColorMatrix type="matrix" values="0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.9 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1228_3868"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-5" dy="-5"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0"/><feBlend mode="normal" in2="effect1_dropShadow_1228_3868" result="effect2_dropShadow_1228_3868"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="5" dy="-5"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect2_dropShadow_1228_3868" result="effect3_dropShadow_1228_3868"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-5" dy="5"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect3_dropShadow_1228_3868" result="effect4_dropShadow_1228_3868"/><feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow_1228_3868" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.5 0"/><feBlend mode="normal" in2="shape" result="effect5_innerShadow_1228_3868"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/><feBlend mode="normal" in2="shape" result="effect6_innerShadow_1228_3868"/></filter><linearGradient id="paint0_linear_1228_3868" x1="15" y1="15" x2="41.8888" y2="89.2644" gradientUnits="userSpaceOnUse"><stop offset="1" stop-color="%23EEEEEE"/><stop stop-color="%23E2E2E2"/></linearGradient></defs></svg>') 50%/contain no-repeat;background-size:100% 100%;border-radius:21px;display:flex;flex-shrink:0;font-size:11px;font-weight:600;justify-content:center;min-height:34px;min-width:60px;padding:4px 12px;text-transform:uppercase}.fileupload-tab-method,.fileupload-tab-method:active,.fileupload-tab-method:focus,.fileupload-tab-method:hover{background-color:initial!important;border:none!important;box-shadow:none!important;outline:none!important}.fileupload-tab-path{color:var(--text-primary);font-family:monospace;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fileupload-tab-endpoint-meta{align-items:center;display:flex;flex-shrink:0;gap:12px}.fileupload-tab-endpoint-count{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.fileupload-tab-test-suite-btn{align-items:center;-webkit-appearance:none!important;appearance:none!important;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="154" height="74" viewBox="0 0 154 74" fill="none"><g filter="url%28%23filter0_ddddii_1244_4013%29"><path d="M23.1473 58.523L12.4152 40.305C12.1434 39.8436 12 39.3178 12 38.7823V15.0002C12 13.3434 13.3431 12.0002 15 12.0002L126.268 12C127.33 12 128.313 12.5619 128.853 13.4773L139.585 31.6952C139.857 32.1567 140 32.6824 140 33.218V57C140 58.6569 138.657 60 137 60L25.7321 60.0003C24.6697 60.0003 23.6865 59.4384 23.1473 58.523Z" fill="%23EEEEEE"/></g><defs><filter id="filter0_ddddii_1244_4013" x="0" y="0" width="154" height="74" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="4" dy="4"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.9 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1244_4013"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-4" dy="-4"/><feGaussianBlur stdDeviation="4"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0"/><feBlend mode="normal" in2="effect1_dropShadow_1244_4013" result="effect2_dropShadow_1244_4013"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="4" dy="-4"/><feGaussianBlur stdDeviation="4"/><feColorMatrix type="matrix" values="0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect2_dropShadow_1244_4013" result="effect3_dropShadow_1244_4013"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-4" dy="4"/><feGaussianBlur stdDeviation="4"/><feColorMatrix type="matrix" values="0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect3_dropShadow_1244_4013" result="effect4_dropShadow_1244_4013"/><feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow_1244_4013" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.5 0"/><feBlend mode="normal" in2="shape" result="effect5_innerShadow_1244_4013"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/><feBlend mode="normal" in2="effect5_innerShadow_1244_4013" result="effect6_innerShadow_1244_4013"/></filter></defs></svg>') 50%/contain no-repeat;background-color:initial!important;background-size:100% 100%;border:none;border-radius:0;box-shadow:none!important;color:var(--primary-color);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:6px;justify-content:center;letter-spacing:.5px;min-height:55px;min-width:120px;outline:none!important;padding:10px 16px;text-transform:uppercase;transition:all .2s ease}.fileupload-tab-test-suite-btn:hover{transform:scale(1.05)}.fileupload-tab-test-suite-btn:active{transform:scale(.98)}.fileupload-tab-test-suite-btn:active,.fileupload-tab-test-suite-btn:focus,.fileupload-tab-test-suite-btn:hover{background-color:initial!important;border:none!important;box-shadow:none!important;outline:none!important}.fileupload-tab-expand-icon{align-items:center;color:var(--text-secondary);display:flex;justify-content:center;transition:transform .2s}.fileupload-tab-endpoint-files{animation:fileupload-expand .2s ease-out;background:var(--surface-color);padding:16px}@keyframes fileupload-expand{0%{max-height:0;opacity:0;padding:0 16px}to{max-height:1000px;opacity:1;padding:16px}}.fileupload-tab-files-list{display:flex;flex-direction:column;gap:8px}.fileupload-tab-file-item{align-items:center;background:var(--background-color);border:2px solid #10b981;border-radius:6px;display:flex;gap:12px;padding:10px 12px;position:relative;transition:all .2s ease}.fileupload-tab-file-item:hover{border-color:#10b981}.fileupload-tab-file-item.uploading{background:var(--path-indicator);border-color:var(--primary-color)}.fileupload-tab-file-item.uploaded{background:#10b9811a;border-color:#10b981}.fileupload-tab-file-icon{align-items:center;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><g filter="url%28%23filter0_ddiiii_1245_4077%29"><circle cx="24" cy="24" r="21" fill="%23EEEEEE"/></g><defs><filter id="filter0_ddiiii_1245_4077" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.5 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1245_4077"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/><feBlend mode="normal" in2="effect1_dropShadow_1245_4077" result="effect2_dropShadow_1245_4077"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1245_4077" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="3" dy="3"/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.9 0"/><feBlend mode="normal" in2="shape" result="effect3_innerShadow_1245_4077"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-3" dy="-3"/><feGaussianBlur stdDeviation="3"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0"/><feBlend mode="normal" in2="effect3_innerShadow_1245_4077" result="effect4_innerShadow_1245_4077"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="3" dy="-3"/><feGaussianBlur stdDeviation="3"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect4_innerShadow_1245_4077" result="effect5_innerShadow_1245_4077"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-3" dy="3"/><feGaussianBlur stdDeviation="3"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect5_innerShadow_1245_4077" result="effect6_innerShadow_1245_4077"/></filter></defs></svg>') 50%/contain no-repeat;background-size:100% 100%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.fileupload-tab-file-details{display:flex;flex:1 1;flex-direction:column;min-width:0}.fileupload-tab-file-name{color:var(--text-primary);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fileupload-tab-file-type{color:var(--text-secondary);font-size:11px;margin-top:2px}.fileupload-tab-file-status{align-items:center;display:flex;flex-shrink:0;justify-content:center}.fileupload-tab-uploading-spinner{align-items:center;display:flex;height:18px;justify-content:center;width:18px}.fileupload-tab-uploading-spinner .fileupload-tab-spinner{border-width:1px;height:12px;width:12px}.fileupload-tab-success-check{align-items:center;animation:fileupload-success-pop .3s ease-out;background:#10b981;border-radius:50%;color:#fff;display:flex;height:18px;justify-content:center;width:18px}@keyframes fileupload-success-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.fileupload-tab-no-files{color:var(--text-muted);font-size:13px;font-style:italic;padding:20px;text-align:center}.fileupload-tab-endpoints-grid::-webkit-scrollbar{width:6px}.fileupload-tab-endpoints-grid::-webkit-scrollbar-track{background:var(--background-color);border-radius:3px}.fileupload-tab-endpoints-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.fileupload-tab-endpoints-grid::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:1200px){.fileupload-tab-endpoints-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.fileupload-tab-container{padding:16px}.fileupload-tab-summary{gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.fileupload-tab-summary-card{padding:12px}.fileupload-tab-endpoints-grid{gap:12px;grid-template-columns:1fr}.fileupload-tab-endpoint-header{padding:12px}.fileupload-tab-endpoint-info{gap:8px}.fileupload-tab-path{font-size:12px}.fileupload-tab-header h2{font-size:18px}}@media (max-width:480px){.fileupload-tab-endpoint-header{align-items:flex-start;flex-direction:column;gap:8px}.fileupload-tab-endpoint-meta{align-self:flex-end}.fileupload-tab-test-suite-btn{font-size:10px;padding:4px 8px}.fileupload-tab-path{white-space:normal;word-break:break-all}}.fileupload-tab-progress-section{background:var(--background-color);border-left:3px solid var(--primary-color);border-radius:8px;box-shadow:var(--box-shadow);margin-bottom:24px;padding:16px}.fileupload-tab-progress-info h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.fileupload-tab-progress-bar{background:var(--border-color);border-radius:4px;height:8px;margin:12px 0 8px;overflow:hidden;width:100%}.fileupload-tab-progress-fill{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:4px;height:100%;transition:width .3s ease}.openapi-tab-container{background:var(--background-color);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:24px}.openapi-tab-header{flex-shrink:0;margin-bottom:24px}.openapi-tab-success{align-items:center;display:flex;gap:8px;margin-bottom:8px}.openapi-tab-success-icon{color:#10b981}.openapi-tab-header h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.openapi-tab-project-info{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;margin-bottom:8px}.openapi-tab-separator{color:var(--text-muted)}.openapi-tab-endpoints-summary{flex-shrink:0;margin-bottom:24px}.openapi-tab-endpoints-summary h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 12px}.openapi-tab-endpoints-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.openapi-tab-endpoints-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-height:200px;overflow-y:auto}.openapi-tab-endpoint-card,.openapi-tab-endpoint-item{align-items:center;background:var(--surface-color);border-left:3px solid var(--primary-color);border-radius:6px;box-shadow:var(--box-shadow);display:flex;gap:12px;padding:8px 12px}.openapi-tab-endpoint-card{border-left:3px solid #10b981}.openapi-tab-path{color:var(--text-primary);flex:1 1;font-family:monospace;font-size:13px}.openapi-tab-check{color:#10b981;margin-left:auto}.openapi-tab-generation{flex:1 1;min-height:200px;padding-top:32px}.openapi-tab-generation-content{text-align:left}.openapi-tab-thinking-indicator{align-items:center;background:var(--surface-color);border-radius:8px;box-shadow:var(--box-shadow);display:flex;gap:12px;padding:16px 24px}.openapi-tab-spinner{animation:openapi-tab-spin 1s linear infinite;color:var(--primary-color)}@keyframes openapi-tab-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.openapi-tab-generation-text{color:var(--text-primary);font-size:14px;font-weight:500;transition:opacity .3s ease}.openapi-tab-file-info{flex-shrink:0;margin-bottom:24px}.openapi-tab-file-header{align-items:center;background:var(--surface-color);border-radius:8px;box-shadow:var(--box-shadow);display:flex;gap:16px;padding:16px}.openapi-tab-file-icon{align-items:center;background:var(--primary-color);border-radius:6px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.openapi-tab-file-details{flex:1 1}.openapi-tab-file-details h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.openapi-tab-file-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:8px}.openapi-tab-file-actions{display:flex;gap:8px}.openapi-tab-action-btn{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .15s ease}.openapi-tab-action-btn:hover{background:var(--path-indicator);border-color:var(--primary-color);color:var(--primary-color)}.openapi-tab-action-btn.openapi-tab-primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.openapi-tab-action-btn.openapi-tab-primary:hover{background:var(--accent-color);transform:translateY(-1px)}.openapi-tab-method{border-radius:3px;color:#fff;flex-shrink:0;font-size:11px;font-weight:600;padding:2px 6px;text-transform:uppercase}.openapi-tab-method.get{background:#10b981}.openapi-tab-method.post{background:#3b82f6}.openapi-tab-method.put{background:#f59e0b}.openapi-tab-method.delete{background:#ef4444}.openapi-tab-method.patch{background:#8b5cf6}.openapi-tab-document{display:flex;flex:1 1;flex-direction:column;min-height:0}.openapi-tab-document-header{flex-shrink:0;margin-bottom:12px}.openapi-tab-document-header h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.openapi-tab-document-content{background:var(--code-file);border-radius:8px;box-shadow:var(--box-shadow);flex:1 1;overflow:auto}.openapi-tab-code{word-wrap:break-word;background:var(--code-file);color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;height:100%;line-height:1.5;margin:0;min-height:300px;overflow:auto;padding:16px;white-space:pre-wrap}.openapi-tab-code code{background:none;color:inherit;padding:0}.openapi-tab-error{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.openapi-tab-error-icon{color:var(--text-muted);margin-bottom:16px}.openapi-tab-error h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.openapi-tab-error p{color:var(--text-secondary);line-height:1.4;margin:0}.openapi-tab-code::-webkit-scrollbar,.openapi-tab-endpoints-grid::-webkit-scrollbar,.openapi-tab-endpoints-list::-webkit-scrollbar{height:4px;width:4px}.openapi-tab-code::-webkit-scrollbar-track,.openapi-tab-endpoints-grid::-webkit-scrollbar-track,.openapi-tab-endpoints-list::-webkit-scrollbar-track{background:var(--background-color)}.openapi-tab-code::-webkit-scrollbar-thumb,.openapi-tab-endpoints-grid::-webkit-scrollbar-thumb,.openapi-tab-endpoints-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.openapi-tab-code::-webkit-scrollbar-thumb:hover,.openapi-tab-endpoints-grid::-webkit-scrollbar-thumb:hover,.openapi-tab-endpoints-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:768px){.openapi-tab-container{padding:16px}.openapi-tab-file-header{flex-direction:column;gap:12px;text-align:center}.openapi-tab-file-actions{justify-content:center}.openapi-tab-endpoints-grid{grid-template-columns:1fr}.openapi-tab-header h2{font-size:18px}.openapi-tab-code{font-size:11px;padding:12px}}.runner-tab-container{background:var(--background-color);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:24px}.runner-tab-header{flex-shrink:0;margin-bottom:24px}.runner-tab-success{align-items:center;display:flex;gap:8px;margin-bottom:8px}.runner-tab-success-icon{color:#10b981}.runner-tab-header h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.runner-tab-project-info{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;margin-bottom:8px}.runner-tab-separator{color:var(--text-muted)}.runner-tab-description{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0}.runner-tab-generation,.runner-tab-waiting{flex:1 1;min-height:200px;padding-top:32px}.runner-tab-generation-content{text-align:left}.runner-tab-thinking-indicator{align-items:center;background:var(--surface-color);border-radius:8px;box-shadow:var(--box-shadow);display:flex;gap:12px;padding:16px 24px}.runner-tab-spinner{animation:runner-tab-spin 1s linear infinite;color:var(--primary-color)}@keyframes runner-tab-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.runner-tab-generation-text{color:var(--text-primary);font-size:14px;font-weight:500;transition:opacity .3s ease}.runner-tab-error{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.runner-tab-error-icon{color:var(--text-muted);margin-bottom:16px}.runner-tab-error h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.runner-tab-error p{color:var(--text-secondary);line-height:1.4;margin:0 0 24px}.runner-tab-retry-btn{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .15s ease}.runner-tab-retry-btn:hover{background:var(--accent-color);transform:translateY(-1px)}.runner-tab-files{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding-bottom:24px}.runner-tab-file-card{background:var(--surface-color);border-left:3px solid var(--primary-color);border-radius:8px;box-shadow:var(--box-shadow);overflow:hidden}.runner-tab-file-header{align-items:center;background:var(--background-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px}.runner-tab-file-info{align-items:center;display:flex;flex:1 1;gap:12px}.runner-tab-file-icon{align-items:center;background:var(--primary-color);border-radius:6px;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.runner-tab-file-details h3{color:var(--text-primary);font-family:monospace;font-size:14px;font-weight:600;margin:0 0 4px}.runner-tab-file-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:8px}.runner-tab-file-actions{display:flex;gap:8px}.runner-tab-action-btn{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .15s ease}.runner-tab-action-btn:hover{background:var(--path-indicator);border-color:var(--primary-color);color:var(--primary-color)}.runner-tab-action-btn.runner-tab-primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.runner-tab-action-btn.runner-tab-primary:hover{background:var(--accent-color);transform:translateY(-1px)}.runner-tab-file-content{background:var(--surface-color)}.runner-tab-code-header{background:var(--background-color);border-bottom:1px solid var(--border-color);padding:12px 16px}.runner-tab-code-header h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.runner-tab-code-container{background:var(--code-file);max-height:70vh;overflow-x:auto;overflow-y:auto;position:relative}.runner-tab-code{background:var(--code-file);box-sizing:border-box;color:var(--text-primary);display:block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.6;margin:0;padding:16px;white-space:pre;width:100%}.runner-tab-code code{background:none;color:inherit;padding:0}.runner-tab-code .token.keyword{color:#ff79c6;font-weight:700}.runner-tab-code .token.class-name{color:#8be9fd}.runner-tab-code .token.function{color:#50fa7b}.runner-tab-code .token.string{color:#f1fa8c}.runner-tab-code .token.number{color:#bd93f9}.runner-tab-code .token.comment{color:#6272a4;font-style:italic}.runner-tab-code .token.annotation{color:#ffb86c;font-weight:700}.runner-tab-code .token.operator{color:#ff79c6}.runner-tab-code .token.punctuation{color:#f8f8f2}.runner-tab-code .token.boolean,.runner-tab-code .token.null{color:#bd93f9;font-weight:700}.dark-mode .runner-tab-code .token.keyword{color:#ff79c6}.dark-mode .runner-tab-code .token.class-name{color:#8be9fd}.dark-mode .runner-tab-code .token.function{color:#50fa7b}.dark-mode .runner-tab-code .token.string{color:#f1fa8c}.dark-mode .runner-tab-code .token.number{color:#bd93f9}.dark-mode .runner-tab-code .token.comment{color:#6272a4}.dark-mode .runner-tab-code .token.annotation{color:#ffb86c}.dark-mode .runner-tab-code .token.operator{color:#ff79c6}.dark-mode .runner-tab-code .token.boolean,.dark-mode .runner-tab-code .token.null{color:#bd93f9}:not(.dark-mode) .runner-tab-code .token.keyword{color:#d73a49;font-weight:700}:not(.dark-mode) .runner-tab-code .token.class-name{color:#6f42c1}:not(.dark-mode) .runner-tab-code .token.function{color:#005cc5}:not(.dark-mode) .runner-tab-code .token.string{color:#032f62}:not(.dark-mode) .runner-tab-code .token.number{color:#005cc5}:not(.dark-mode) .runner-tab-code .token.comment{color:#6a737d;font-style:italic}:not(.dark-mode) .runner-tab-code .token.annotation{color:#e36209;font-weight:700}:not(.dark-mode) .runner-tab-code .token.operator{color:#d73a49}:not(.dark-mode) .runner-tab-code .token.punctuation{color:#24292e}:not(.dark-mode) .runner-tab-code .token.boolean,:not(.dark-mode) .runner-tab-code .token.null{color:#005cc5;font-weight:700}.runner-tab-code-container::-webkit-scrollbar,.runner-tab-files::-webkit-scrollbar{height:8px;width:8px}.runner-tab-code-container::-webkit-scrollbar-track,.runner-tab-files::-webkit-scrollbar-track{background:var(--background-color);border-radius:4px}.runner-tab-code-container::-webkit-scrollbar-thumb,.runner-tab-files::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.runner-tab-code-container::-webkit-scrollbar-thumb:hover,.runner-tab-files::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.runner-tab-code-container::-webkit-scrollbar-corner,.runner-tab-files::-webkit-scrollbar-corner{background:var(--background-color)}@media (max-width:768px){.runner-tab-container{padding:16px}.runner-tab-file-header{align-items:flex-start;flex-direction:column;gap:12px}.runner-tab-file-actions{justify-content:flex-end;width:100%}.runner-tab-header h2{font-size:18px}.runner-tab-code{font-size:11px;padding:12px}}.testconfig-tab-container{background:var(--background-color);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:24px}.testconfig-tab-header{flex-shrink:0;margin-bottom:24px}.testconfig-tab-header h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.testconfig-tab-success{align-items:center;display:flex;gap:8px;margin-bottom:8px}.testconfig-tab-success-icon{color:#10b981;margin-bottom:8px}.testconfig-tab-project-info{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;margin-bottom:8px}.testconfig-tab-separator{color:var(--text-muted)}.testconfig-tab-description{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0}.testconfig-tab-progress{background:var(--surface-color);border-left:3px solid var(--primary-color);border-radius:8px;box-shadow:var(--box-shadow);margin-bottom:24px;padding:20px}.testconfig-tab-progress-info{margin-bottom:16px}.testconfig-tab-progress-info h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.testconfig-tab-current-endpoint{align-items:center;display:flex;gap:8px}.testconfig-tab-method{align-items:center;-webkit-appearance:none!important;appearance:none!important;background:url('data:image/svg+xml;utf8,<svg width="149" height="75" viewBox="0 0 149 75" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url%28%23filter0_ddddii_1228_3868%29"><rect x="15" y="15" width="116" height="42" rx="21" fill="url%28%23paint0_linear_1228_3868%29"/></g><defs><filter id="filter0_ddddii_1228_3868" x="0" y="0" width="149" height="75" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="5" dy="5"/><feGaussianBlur stdDeviation="6.5"/><feColorMatrix type="matrix" values="0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.9 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1228_3868"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-5" dy="-5"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0"/><feBlend mode="normal" in2="effect1_dropShadow_1228_3868" result="effect2_dropShadow_1228_3868"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="5" dy="-5"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect2_dropShadow_1228_3868" result="effect3_dropShadow_1228_3868"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-5" dy="5"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect3_dropShadow_1228_3868" result="effect4_dropShadow_1228_3868"/><feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow_1228_3868" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0 0.839216 0 0 0 0.5 0"/><feBlend mode="normal" in2="shape" result="effect5_innerShadow_1228_3868"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/><feBlend mode="normal" in2="shape" result="effect6_innerShadow_1228_3868"/></filter><linearGradient id="paint0_linear_1228_3868" x1="15" y1="15" x2="41.8888" y2="89.2644" gradientUnits="userSpaceOnUse"><stop offset="1" stop-color="%23EEEEEE"/><stop stop-color="%23E2E2E2"/></linearGradient></defs></svg>') 50%/contain no-repeat;background-size:100% 100%;border-radius:21px;display:flex;flex-shrink:0;font-size:11px;font-weight:600;justify-content:center;min-height:34px;min-width:60px;padding:4px 12px;text-transform:uppercase}.testconfig-tab-method,.testconfig-tab-method:active,.testconfig-tab-method:focus,.testconfig-tab-method:hover{background-color:initial!important;border:none!important;box-shadow:none!important;outline:none!important}.testconfig-tab-path{color:var(--text-primary);font-family:monospace;font-size:13px}.testconfig-tab-progress-bar{background:var(--border-color);border-radius:3px;height:6px;overflow:hidden}.testconfig-tab-progress-fill{background:var(--primary-color);height:100%;transition:width .3s ease}.testconfig-tab-generation{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:200px}.testconfig-tab-thinking-indicator{align-items:center;background:var(--surface-color);border-left:3px solid var(--primary-color);border-radius:8px;box-shadow:var(--box-shadow);display:flex;gap:12px;padding:20px 32px}.testconfig-tab-spinner{animation:spin 1s linear infinite;color:var(--primary-color)}.testconfig-tab-generation-text{color:var(--text-primary);font-size:14px;font-weight:500}.testconfig-tab-waiting{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:300px}.testconfig-tab-completed{background:var(--surface-color);border-radius:8px;box-shadow:var(--box-shadow);margin-top:24px;padding:20px}.testconfig-tab-completed h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.testconfig-tab-completed-list{display:flex;flex-direction:column;gap:8px}.testconfig-tab-completed-item{align-items:center;animation:slideIn .3s ease-out;background:var(--background-color);border-radius:6px;display:flex;gap:12px;padding:8px 12px}.testconfig-tab-completed-check{color:#10b981}.testconfig-tab-file-count{color:var(--text-secondary);font-size:12px;margin-left:auto}.testconfig-tab-empty{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center;min-height:400px;text-align:center}.testconfig-tab-empty-icon{color:var(--text-muted);margin-bottom:8px}.testconfig-tab-empty h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.testconfig-tab-empty p{color:var(--text-secondary);font-size:14px;margin:0}.testconfig-tab-endpoints{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto}.testconfig-tab-endpoint-card{animation:slideIn .3s ease-out;background:var(--background-color);border-left:3px solid var(--method-color,var(--primary-color));border-radius:8px;box-shadow:var(--box-shadow)}.testconfig-tab-endpoint-header{border-bottom:1px solid var(--border-color);padding:16px 20px}.testconfig-tab-endpoint-header.clickable{cursor:pointer}.testconfig-tab-endpoint-header.clickable:hover{background-color:rgba(var(--primary-rgb),.05)}.testconfig-tab-endpoint-info{align-items:center;display:flex;gap:12px}.testconfig-tab-file-checklist{display:flex;flex-direction:column;gap:16px;padding:16px 20px}.testconfig-tab-checklist-item{align-items:flex-start;background:var(--background-color);border-radius:6px;display:flex;gap:12px;padding:12px;transition:all .15s ease}.testconfig-tab-checklist-item:hover{transform:translateX(2px)}.testconfig-tab-checklist-check{color:#10b981;flex-shrink:0;margin-top:17px}.testconfig-tab-checklist-icon{align-items:center;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><g filter="url%28%23filter0_ddiiii_1245_4077%29"><circle cx="24" cy="24" r="21" fill="%23EEEEEE"/></g><defs><filter id="filter0_ddiiii_1245_4077" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.5 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1245_4077"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/><feBlend mode="normal" in2="effect1_dropShadow_1245_4077" result="effect2_dropShadow_1245_4077"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1245_4077" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="3" dy="3"/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.9 0"/><feBlend mode="normal" in2="shape" result="effect3_innerShadow_1245_4077"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-3" dy="-3"/><feGaussianBlur stdDeviation="3"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0"/><feBlend mode="normal" in2="effect3_innerShadow_1245_4077" result="effect4_innerShadow_1245_4077"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="3" dy="-3"/><feGaussianBlur stdDeviation="3"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect4_innerShadow_1245_4077" result="effect5_innerShadow_1245_4077"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-3" dy="3"/><feGaussianBlur stdDeviation="3"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0 0.811765 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect5_innerShadow_1245_4077" result="effect6_innerShadow_1245_4077"/></filter></defs></svg>') 50%/contain no-repeat;background-size:100% 100%;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-top:10px;width:32px}.fileupload-tab-file-icon svg{height:16px;width:16px;z-index:1}.testconfig-tab-checklist-content{flex:1 1;margin-top:1px}.testconfig-tab-checklist-content h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.testconfig-tab-checklist-content p{color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0 0 8px}.testconfig-tab-filename{background:rgba(var(--primary-rgb),.1);border-radius:3px;color:var(--text-muted);font-family:monospace;font-size:12px;padding:2px 6px}.testconfig-tab-endpoints::-webkit-scrollbar{width:4px}.testconfig-tab-endpoints::-webkit-scrollbar-track{background:var(--background-color)}.testconfig-tab-endpoints::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.testconfig-tab-endpoints::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:768px){.testconfig-tab-container{padding:16px}.testconfig-tab-endpoint-info{align-items:flex-start;flex-direction:column;gap:8px}.testconfig-tab-checklist-item{flex-direction:column;gap:8px}.testconfig-tab-checklist-check,.testconfig-tab-checklist-icon{margin-top:0}}.testconfig-tab-streaming-progress{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto}.testconfig-tab-endpoint-card.completed{opacity:.8}.testconfig-tab-endpoint-card.generating{border-left-color:#ffc107}.testconfig-tab-chevron{margin-left:auto;transition:transform .2s ease}.testconfig-tab-chevron.expanded{transform:rotate(180deg)}.testconfig-tab-checklist-item.pending{opacity:.5}.testconfig-tab-checklist-item.detected{border-left:2px solid #ffc107}.testconfig-tab-checklist-item.completed{border-left:2px solid #10b981}.testconfig-tab-pending-circle{border:2px solid var(--border-color);border-radius:50%;height:16px;width:16px}.testconfig-tab-mini-spinner{animation:spin 1s linear infinite;color:#ffc107}.testconfig-tab-status{font-size:11px;font-style:italic}.collab-modal-overlay{align-items:center;animation:collab-fade-in .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes collab-fade-in{0%{opacity:0}to{opacity:1}}.collab-modal-content{animation:collab-slide-in .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:650px;overflow:hidden;width:100%}@keyframes collab-slide-in{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.collab-modal-header{align-items:flex-start;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 32px}.collab-header-content{align-items:center;display:flex;flex:1 1;gap:16px}.collab-header-icon{align-items:center;background:#fff;border:1px solid #e0f2fe;border-radius:12px;color:#0ea5e9;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.collab-header-text h2{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.collab-header-text p{color:#6b7280;font-size:16px;margin:0}.collab-modal-close{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s}.collab-modal-close:hover:not(:disabled){background:#0000000d;color:#374151}.collab-modal-body{flex:1 1;overflow-y:auto;padding:32px}.collab-form-section{margin-bottom:32px}.collab-form-section:last-child{margin-bottom:0}.collab-section-label{color:#374151;display:block;font-size:16px;font-weight:600;margin-bottom:12px}.collab-item-count{color:#6b7280;font-size:14px;font-weight:400}.collab-error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.collab-error-icon{color:#dc2626;flex-shrink:0}.collab-error-content strong{color:#dc2626;display:block;margin-bottom:4px}.collab-error-content p{color:#7f1d1d;font-size:14px;margin:0}.collab-type-selector-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.collab-type-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:20px;position:relative;text-align:left;transition:all .2s}.collab-type-card:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.collab-type-card.active{background:#eff6ff;border-color:#3b82f6}.collab-type-card-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.collab-type-card-icon.users{background:#dbeafe;color:#1d4ed8}.collab-type-card-icon.groups{background:#e0e7ff;color:#6366f1}.collab-type-card-content h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 2px}.collab-type-card-count{color:#6b7280;font-size:14px}.collab-type-card-check{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.collab-security-notice{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;display:flex;font-size:13px;gap:8px;margin-top:12px;padding:12px}.collab-search-input-container{align-items:center;display:flex;position:relative}.collab-search-icon{color:#9ca3af;left:16px;pointer-events:none;position:absolute}.collab-search-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;padding:16px 16px 16px 48px;transition:all .2s;width:100%}.collab-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.collab-search-input:disabled{background:#f9fafb;cursor:not-allowed}.collab-search-clear{background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;padding:8px;position:absolute;right:12px;transition:all .2s}.collab-search-clear:hover{background:#f3f4f6;color:#6b7280}.collab-selection-container{background:#fff;border:2px solid #f1f5f9;border-radius:12px;max-height:400px;min-height:200px;overflow-y:auto}.collab-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.collab-loading-spinner{animation:collab-spin 1s linear infinite;border:3px solid #f1f5f9;border-radius:50%;border-top-color:#3b82f6;height:32px;margin-bottom:16px;width:32px}@keyframes collab-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.collab-loading-content h4{color:#374151;font-size:18px;margin:0 0 8px}.collab-loading-content p{color:#6b7280;font-size:14px;margin:0}.collab-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.collab-empty-icon{color:#d1d5db;margin-bottom:16px}.collab-empty-state h4{color:#374151;font-size:18px;margin:0 0 8px}.collab-empty-state p{color:#6b7280;font-size:14px;margin:0}.collab-items-grid{padding:8px}.collab-selection-item{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:16px;margin-bottom:8px;padding:16px;transition:all .2s}.collab-selection-item:hover{background:#f8fafc;border-color:#e2e8f0}.collab-selection-item.selected{background:#eff6ff;border-color:#3b82f6}.collab-selection-checkbox{flex-shrink:0;position:relative}.collab-selection-checkbox input[type=checkbox]{cursor:pointer;height:20px;margin:0;opacity:0;width:20px}.collab-checkbox-checkmark{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:6px;display:flex;height:20px;justify-content:center;left:0;position:absolute;top:0;transition:all .2s;width:20px}.collab-selection-item.selected .collab-checkbox-checkmark{background:#3b82f6;border-color:#3b82f6;color:#fff}.collab-selection-avatar{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.collab-user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.collab-group-avatar{background:#f0f9ff;border:1px solid #bae6fd;color:#0ea5e9}.collab-selection-info{flex:1 1;min-width:0}.collab-selection-name{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:2px}.collab-selection-details{color:#6b7280;font-size:14px;margin-bottom:4px}.collab-selection-meta{color:#9ca3af;font-size:12px}.collab-selected-items-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;padding:16px}.collab-selected-item{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;display:flex;font-size:14px;gap:8px;padding:8px 12px}.collab-selected-item-avatar{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.collab-selected-item-avatar.user{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.collab-selected-item-avatar.group{background:#f0f9ff;color:#0ea5e9}.collab-selected-item-name{color:#374151;font-weight:500}.collab-selected-item-remove{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;padding:4px;transition:all .2s}.collab-selected-item-remove:hover{background:#f3f4f6;color:#6b7280}.collab-permission-selector{grid-gap:12px;display:grid;gap:12px}.collab-permission-option{align-items:center;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;padding:16px;position:relative;transition:all .2s}.collab-permission-option:hover{background:#f9fafb;border-color:#d1d5db}.collab-permission-option.selected{background:#eff6ff;border-color:#3b82f6}.collab-permission-option input[type=radio]{cursor:pointer;opacity:0;position:absolute}.collab-permission-content{flex:1 1}.collab-permission-header{align-items:center;display:flex;gap:12px}.collab-permission-icon{align-items:center;background:#f1f5f9;border-radius:8px;color:#64748b;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.collab-permission-option.selected .collab-permission-icon{background:#dbeafe;color:#1d4ed8}.collab-permission-label{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:2px}.collab-permission-description{color:#6b7280;font-size:14px}.collab-permission-radio{align-items:center;border:2px solid #d1d5db;border-radius:50%;display:flex;height:20px;justify-content:center;transition:all .2s;width:20px}.collab-permission-option.selected .collab-permission-radio{background:#3b82f6;border-color:#3b82f6}.collab-radio-dot{background:#fff;border-radius:50%;height:8px;opacity:0;transition:opacity .2s;width:8px}.collab-permission-option.selected .collab-radio-dot{opacity:1}.collab-modal-footer{align-items:center;background:#fafafa;border-top:1px solid #f1f5f9;display:flex;gap:16px;justify-content:space-between;padding:24px 32px}.collab-footer-info{flex:1 1}.collab-selection-summary{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#374151;display:flex;font-size:14px;gap:8px;padding:8px 12px}.collab-summary-icon{color:#6b7280;flex-shrink:0}.collab-footer-actions{display:flex;gap:12px}.collab-btn-add,.collab-btn-cancel{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s}.collab-btn-cancel{background:#fff;border:1px solid #d1d5db;color:#6b7280}.collab-btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.collab-btn-add{background:#3b82f6;border:none;color:#fff}.collab-btn-add:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #2563eb66;transform:translateY(-1px)}.collab-btn-add:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.collab-button-spinner{animation:collab-spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:640px){.collab-modal-content{border-radius:12px;margin:16px;max-width:100%}.collab-modal-header{padding:20px}.collab-header-content{gap:12px}.collab-header-icon{height:48px;width:48px}.collab-header-text h2{font-size:20px}.collab-modal-body{padding:24px 20px}.collab-type-selector-grid{grid-template-columns:1fr}.collab-selection-container{max-height:300px}.collab-modal-footer{align-items:stretch;flex-direction:column;padding:20px}.collab-footer-actions{flex-direction:column-reverse}.collab-btn-add,.collab-btn-cancel{width:100%}}.del-proj-overlay{align-items:center;animation:del-proj-fade-in .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;opacity:1;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes del-proj-fade-in{0%{opacity:0}to{opacity:1}}.del-proj-content{animation:del-proj-slide-in .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;transform:scale(1);width:100%}@keyframes del-proj-slide-in{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.del-proj-header{background:linear-gradient(135deg,#fef2f2,#fecaca);border-bottom:1px solid #f1f5f9;padding:32px 32px 24px;position:relative;text-align:center}.del-proj-icon{align-items:center;background:#fee2e2;border:3px solid #fecaca;border-radius:50%;color:#dc2626;display:flex;height:72px;justify-content:center;margin:0 auto 16px;width:72px}.del-proj-header h2{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 8px}.del-proj-header p{color:#6b7280;font-size:16px;margin:0}.del-proj-close{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s}.del-proj-close:hover{background:#0000000d;color:#374151}.del-proj-body{flex:1 1;overflow-y:auto;padding:32px}.del-proj-info{margin-bottom:32px}.del-proj-info-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #dc2626;border-radius:12px;display:flex;gap:16px;padding:20px}.del-proj-info-icon{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#dc2626;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.del-proj-info-details h4{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 4px}.del-proj-id{color:#6b7280;font-family:Monaco,Menlo,monospace;font-size:14px}.del-proj-warning-section{margin-bottom:32px}.del-proj-warning-section h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px}.del-proj-warning-grid{grid-gap:16px;display:grid;gap:16px}.del-proj-warning-item{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;gap:12px;padding:16px}.del-proj-warning-icon{flex-shrink:0;font-size:20px;margin-top:2px}.del-proj-warning-item strong{color:#dc2626;display:block;font-weight:600;margin-bottom:2px}.del-proj-warning-item span{color:#6b7280;font-size:14px}.del-proj-confirmation-section{margin-bottom:24px}.del-proj-confirmation-section label{color:#374151;display:block;font-size:16px;font-weight:600;margin-bottom:12px}.del-proj-confirmation-section code{background:#f1f5f9;border-radius:6px;color:#dc2626;font-family:Monaco,Menlo,monospace;font-size:14px;font-weight:600;padding:4px 8px}.del-proj-confirmation-input{background:#fff;border:2px solid #d1d5db;border-radius:12px;font-family:Monaco,Menlo,monospace;font-size:16px;font-weight:600;padding:16px 20px;transition:all .2s;width:90%}.del-proj-confirmation-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.del-proj-confirmation-input:disabled{background:#f9fafb;cursor:not-allowed}.del-proj-confirmation-hint{color:#6b7280;font-size:14px;margin-top:8px}.del-proj-remaining-text{background:#fef2f2;border-radius:4px;color:#dc2626;font-family:Monaco,Menlo,monospace;padding:2px 4px}.del-proj-deleting-progress{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:32px;text-align:center}.del-proj-progress-spinner{margin-bottom:20px}.del-proj-spinner{animation:del-proj-spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#dc2626;height:48px;margin:0 auto;width:48px}@keyframes del-proj-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.del-proj-progress-content h4{color:#1f2937;font-size:18px;margin:0 0 8px}.del-proj-progress-content p{color:#6b7280;margin:0 0 24px}.del-proj-progress-steps{align-items:flex-start;display:flex;flex-direction:column;gap:12px;text-align:left}.del-proj-progress-step{align-items:center;display:flex;gap:12px;opacity:.4;transition:opacity .3s}.del-proj-progress-step.active{opacity:1}.del-proj-step-dot{background:#d1d5db;border-radius:50%;height:12px;transition:background .3s;width:12px}.del-proj-progress-step.active .del-proj-step-dot{background:#dc2626}.del-proj-actions{background:#fafafa;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.del-proj-btn-cancel,.del-proj-btn-delete{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s}.del-proj-btn-cancel{background:#fff;border:1px solid #d1d5db;color:#6b7280}.del-proj-btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.del-proj-btn-delete{background:#dc2626;border:none;color:#fff}.del-proj-btn-delete:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #b91c1c66;transform:translateY(-1px)}.del-proj-btn-delete:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.del-proj-button-spinner{animation:del-proj-spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:640px){.del-proj-content{border-radius:12px;margin:16px;max-width:100%}.del-proj-body,.del-proj-header{padding:24px 20px}.del-proj-actions{flex-direction:column-reverse;padding:20px}.del-proj-btn-cancel,.del-proj-btn-delete{width:100%}}.organization-setup-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.organization-setup-modal{background-color:#fff;border-radius:8px;margin:20px;max-height:90vh;max-width:1000px;overflow-y:auto;position:relative;width:100%}.organization-setup-modal-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:1.5rem}.organization-setup-modal-title{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.organization-setup-modal-close{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.organization-setup-modal-close:hover{color:#111827}.organization-setup-modal-content{padding:1.5rem}.organization-setup-modal-actions{border-top:1px solid #e5e5e5;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.organization-setup-form-group{margin-bottom:1.5rem;max-width:400px;position:relative;width:100%}.organization-setup-label{color:#111827;display:block;font-weight:500;margin-bottom:.5rem}.organization-setup-input,textarea.organization-setup-input{border:1px solid #e5e5e5;border-radius:6px;font-size:.875rem;padding:.75rem;resize:none!important;transition:border-color .15s ease;width:100%}.organization-setup-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}textarea.organization-setup-input{min-height:100px;resize:vertical}.organization-setup-cancel-button{background:none;border:1px solid #e5e5e5;border-radius:6px;color:#6b7280;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .15s ease}.organization-setup-cancel-button:hover{background-color:#f9fafb;color:#111827}.organization-setup-submit-button{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .15s ease}.organization-setup-submit-button:hover{background-color:#2563eb}.organization-setup-permissions-tabs{border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;margin:0 0 1rem;padding:0}.organization-setup-permissions-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;flex:1 1;font-weight:500;padding:.75rem .5rem;text-align:center}.organization-setup-permissions-tab:hover{color:#3b82f6}.organization-setup-permissions-tab-active{border-bottom-color:#3b82f6;color:#3b82f6}.organization-setup-permissions-content{background-color:#f9fafb;border-radius:6px;padding:1rem}.organization-setup-checkbox-item{align-items:center;display:flex;padding:.5rem 0}.organization-setup-checkbox-item input[type=checkbox]{border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;height:1rem;margin-right:.75rem;width:1rem}.organization-setup-checkbox-item label{color:#374151;cursor:pointer;font-size:.875rem}.organization-setup-select-button-container,.organization-setup-select-wrapper{position:relative;width:100%}.organization-setup-select-button{background:#fff;border:1px solid #e5e5e5;border-radius:6px;color:#111827;cursor:text;font-size:.875rem;padding:.75rem 2.5rem .75rem 1rem;text-align:left;transition:border-color .15s ease;width:90%}.organization-setup-select-dropdown{background:#fff;border:1px solid #e5e5e5;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);width:100%;z-index:50}.organization-setup-select-button::placeholder{color:#9ca3af}.organization-setup-select-button:hover{border-color:#d1d5db}.organization-setup-select-button:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.organization-setup-select-option{align-items:center;background:#0000;border:none;color:#111827;cursor:pointer;display:flex;font-size:.875rem;padding:.75rem 1rem;text-align:left;width:100%}.organization-setup-select-option:hover{background:#f3f4f6}.organization-setup-select-create-option{border-top:1px solid #e5e5e5;color:#3b82f6;font-weight:500}@media (max-width:640px){.organization-setup-modal{margin:1rem;width:calc(100% - 2rem)}.organization-setup-modal-actions{flex-direction:column-reverse}.organization-setup-modal-actions button{width:100%}}.organization-setup-roles-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.organization-setup-select{border:1px solid #e5e5e5;color:#111827;cursor:pointer;font-size:.875rem;min-width:200px;padding:.75rem}.organization-setup-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.organization-setup-roles-list{background-color:#f9fafb;border:1px solid #e5e5e5;border-radius:6px;min-height:100px;padding:1rem}.organization-setup-empty-roles{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:1rem;height:100px;justify-content:center;text-align:center}.organization-setup-role-item{align-items:center;background-color:#fff;border:1px solid #e5e5e5;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.organization-setup-role-item:last-child{margin-bottom:0}.organization-setup-role-info{align-items:center;display:flex;gap:.5rem}.organization-setup-role-name{color:#111827;font-weight:500}.organization-setup-remove-button{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.25rem}.organization-setup-remove-button:hover{color:#ef4444}.organization-setup-modal-overlay{z-index:1000}.organization-setup-modal-overlay+.organization-setup-modal-overlay{z-index:1001}.organization-setup-submit-button:disabled{background-color:#9ca3af;cursor:not-allowed}.organization-setup-submit-button:disabled:hover{background-color:#9ca3af}.organization-setup-filters{display:flex;gap:10px;margin-bottom:20px}.organization-setup-search-box{flex:1 1;position:relative}.organization-setup-search-icon{color:#6b7280;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.organization-setup-search-input{border:1px solid #e5e7eb;border-radius:6px;font-size:14px;padding:10px 10px 10px 36px;width:80%}.organization-setup-select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;min-width:150px;padding:10px}.organization-setup-table-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;max-width:100%;overflow-x:auto}.organization-setup-table{border-collapse:collapse;width:100%}.organization-setup-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#4b5563;font-weight:500;padding:12px 16px;text-align:left}.organization-setup-table td{border-bottom:1px solid #e5e7eb;color:#1f2937;padding:12px 16px}.organization-setup-table tr:last-child td{border-bottom:none}.organization-setup-actions{display:flex;gap:8px}.organization-setup-no-data{color:#6b7280;padding:24px!important;text-align:center}.organization-setup-delete-button,.organization-setup-edit-button{align-items:center;background:#0000;border-radius:4px;display:inline-flex;justify-content:center;padding:4px;transition:background-color .2s}.organization-setup-edit-button:hover{background-color:#f3f4f6}.organization-setup-delete-button:hover{background-color:#fee2e2}.proj-action-menu-container{animation:proj-action-menu-slide-in .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:80vh;max-width:380px;min-width:320px;overflow:hidden;position:fixed;transform-origin:top left;z-index:9999}@keyframes proj-action-menu-slide-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.proj-action-menu-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.proj-action-header-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.proj-action-header-icon{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#6366f1;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.proj-action-header-details h4{color:#1f2937;font-size:16px;font-weight:600;line-height:1.2;margin:0 0 2px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proj-action-header-details span{color:#6b7280;font-size:12px;font-weight:500}.proj-action-owner-badge{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:6px;color:#7c3aed;display:flex;flex-shrink:0;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.proj-action-menu-items{flex:1 1;max-height:50vh;overflow-x:hidden;overflow-y:auto;padding:8px;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.proj-action-menu-items::-webkit-scrollbar{width:6px}.proj-action-menu-items::-webkit-scrollbar-track{background:#0000}.proj-action-menu-items::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.proj-action-menu-items::-webkit-scrollbar-thumb:hover{background:#94a3b8}.proj-action-menu-item{align-items:center;background:#fff;border:none;border-radius:12px;cursor:pointer;display:flex;flex-shrink:0;gap:12px;margin-bottom:4px;overflow:hidden;padding:16px;position:relative;text-align:left;transition:all .2s ease;width:100%}.proj-action-menu-item:hover{background:#f8fafc;transform:translateX(2px)}.proj-action-menu-item:active{transform:translateX(1px) scale(.98)}.proj-action-menu-item.blue:hover{background:#3b82f60d;border-left:3px solid #3b82f6}.proj-action-menu-item.blue:hover .proj-action-menu-item-icon{color:#3b82f6}.proj-action-menu-item.purple:hover{background:#8b5cf60d;border-left:3px solid #8b5cf6}.proj-action-menu-item.purple:hover .proj-action-menu-item-icon{color:#8b5cf6}.proj-action-menu-item.red:hover{background:#ef44440d;border-left:3px solid #ef4444}.proj-action-menu-item.red:hover .proj-action-menu-item-icon{color:#ef4444}.proj-action-menu-item.danger:hover{background:#dc26260d;border-left:3px solid #dc2626}.proj-action-menu-item.danger:hover .proj-action-menu-item-icon,.proj-action-menu-item.danger:hover .proj-action-menu-item-label{color:#dc2626}.proj-action-menu-item-icon{align-items:center;background:#f1f5f9;border-radius:10px;color:#64748b;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s ease;width:44px}.proj-action-menu-item-content{flex:1 1;min-width:0}.proj-action-menu-item-label{color:#1f2937;font-size:15px;font-weight:600;margin-bottom:2px;transition:color .2s ease}.proj-action-menu-item-description{color:#6b7280;font-size:13px;line-height:1.3}.proj-action-menu-item-arrow{color:#d1d5db;flex-shrink:0;opacity:0;transform:translateX(-4px);transition:all .2s ease}.proj-action-menu-item:hover .proj-action-menu-item-arrow{color:#9ca3af;opacity:1;transform:translateX(0)}.proj-action-menu-divider{background:linear-gradient(90deg,#0000,#e2e8f0 50%,#0000);flex-shrink:0;height:1px;margin:8px 16px;position:relative}.proj-action-menu-divider:before{background:#f1f5f9;border-radius:2px;content:"";height:3px;left:50%;position:absolute;top:-1px;transform:translateX(-50%);width:30px}.proj-action-menu-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;padding:12px 20px}.proj-action-footer-tip{align-items:center;color:#6b7280;display:flex;font-size:12px;font-style:italic;gap:8px}.proj-action-footer-tip svg{flex-shrink:0;opacity:.6}@media (max-width:640px){.proj-action-menu-container{max-height:70vh;max-width:calc(100vw - 32px);min-width:280px}.proj-action-menu-header{padding:16px}.proj-action-header-icon{height:36px;width:36px}.proj-action-header-details h4{max-width:140px}.proj-action-menu-item{padding:14px}.proj-action-menu-item-icon{height:40px;width:40px}.proj-action-menu-items{max-height:40vh}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.proj-action-menu-container{box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000014}}.proj-action-menu-item:focus{background:#f8fafc;outline:2px solid #3b82f6;outline-offset:2px}.proj-action-menu-item:focus:not(:focus-visible){outline:none}.proj-action-menu-container:focus-within{box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000014,0 0 0 2px #3b82f64d}.proj-action-menu-items{scroll-behavior:smooth}.proj-perm-overlay{align-items:center;animation:proj-perm-fade-in .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes proj-perm-fade-in{0%{opacity:0}to{opacity:1}}.proj-perm-content{animation:proj-perm-slide-in .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}@keyframes proj-perm-slide-in{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.proj-perm-header{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 32px}.proj-perm-header-content{align-items:center;display:flex;flex:1 1;gap:16px}.proj-perm-header-icon{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.proj-perm-header-text h2{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.proj-perm-header-text p{color:#6b7280;font-size:16px;margin:0}.proj-perm-close{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s}.proj-perm-close:hover{background:#0000000d;color:#374151}.proj-perm-body{flex:1 1;overflow-y:auto;padding:32px}.proj-perm-error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.proj-perm-error-icon{color:#dc2626;flex-shrink:0}.proj-perm-error-content strong{color:#dc2626;display:block;margin-bottom:4px}.proj-perm-error-content p{color:#7f1d1d;font-size:14px;margin:0}.proj-perm-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.proj-perm-loading-spinner{animation:proj-perm-spin 1s linear infinite;border:3px solid #f1f5f9;border-radius:50%;border-top-color:#64748b;height:40px;margin-bottom:20px;width:40px}@keyframes proj-perm-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.proj-perm-loading-content h4{color:#374151;font-size:18px;margin:0 0 8px}.proj-perm-loading-content p{color:#6b7280;font-size:14px;margin:0}.proj-perm-section{margin-bottom:32px}.proj-perm-section:last-child{margin-bottom:0}.proj-perm-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.proj-perm-section-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.proj-perm-section-count{background:#f1f5f9;border-radius:12px;color:#64748b;font-size:13px;font-weight:600;padding:4px 10px}.proj-perm-section-badge{align-items:center;border-radius:8px;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.proj-perm-owner-badge{background:#f59e0b1a;border:1px solid #f59e0b33;color:#d97706}.proj-perm-collaborator-card,.proj-perm-owner-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s ease}.proj-perm-owner-card{background:linear-gradient(135deg,#fef3c7,#fed7aa);border-color:#f59e0b}.proj-perm-collaborator-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.proj-perm-collaborators-grid{grid-gap:16px;display:grid;gap:16px}.proj-perm-user-info{align-items:center;display:flex;gap:16px;margin-bottom:16px}.proj-perm-user-avatar{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.proj-perm-owner-avatar{background:#f59e0b;color:#fff}.proj-perm-collaborator-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.proj-perm-group-avatar{background:#f0f9ff;border:1px solid #bae6fd;color:#0ea5e9}.proj-perm-user-details{flex:1 1;min-width:0}.proj-perm-user-name{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:2px}.proj-perm-user-email{color:#6b7280;font-size:14px}.proj-perm-edit-controls,.proj-perm-view-controls{align-items:center;display:flex;gap:16px;justify-content:space-between}.proj-perm-permission-badges{display:flex;gap:8px}.proj-perm-permission-badge{align-items:center;border:1px solid #0000;border-radius:8px;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.proj-perm-owner-permission{background:#f59e0b;color:#fff}.proj-perm-permission-badge.green{background:#dcfce7;border-color:#bbf7d0;color:#166534}.proj-perm-permission-badge.blue{background:#dbeafe;border-color:#bfdbfe;color:#1e40af}.proj-perm-permission-badge.purple{background:#e0e7ff;border-color:#c7d2fe;color:#5b21b6}.proj-perm-permission-badge.red{background:#fecaca;border-color:#fca5a5;color:#991b1b}.proj-perm-action-buttons{display:flex;gap:8px}.proj-perm-cancel-button,.proj-perm-edit-button,.proj-perm-remove-button,.proj-perm-save-button{align-items:center;border:1px solid;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.proj-perm-edit-button{background:#dbeafe;border-color:#bfdbfe;color:#1e40af}.proj-perm-edit-button:hover{background:#bfdbfe;transform:translateY(-1px)}.proj-perm-remove-button{background:#fecaca;border-color:#fca5a5;color:#991b1b}.proj-perm-remove-button:hover{background:#fca5a5;transform:translateY(-1px)}.proj-perm-save-button{background:#dcfce7;border-color:#bbf7d0;color:#166534}.proj-perm-save-button:hover{background:#bbf7d0;transform:translateY(-1px)}.proj-perm-cancel-button{background:#f3f4f6;border-color:#d1d5db;color:#6b7280}.proj-perm-cancel-button:hover{background:#e5e7eb;transform:translateY(-1px)}.proj-perm-permission-selector{margin-bottom:12px}.proj-perm-permission-selector label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.proj-perm-permission-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;padding:8px 12px;width:100%}.proj-perm-permission-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.proj-perm-edit-actions{display:flex;gap:8px}.proj-perm-empty-state{align-items:center;background:#f8fafc;border:2px dashed #d1d5db;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:48px 20px;text-align:center}.proj-perm-empty-icon{color:#d1d5db;margin-bottom:16px}.proj-perm-empty-state h4{color:#374151;font-size:16px;margin:0 0 8px}.proj-perm-empty-state p{color:#6b7280;font-size:14px;margin:0 0 12px}.proj-perm-security-notice{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0369a1;display:flex;font-size:12px;gap:8px;padding:8px 12px}.proj-perm-help-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.proj-perm-help-header{margin-bottom:20px}.proj-perm-help-header h3{align-items:center;color:#374151;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.proj-perm-help-content{margin-bottom:24px}.proj-perm-help-item{display:flex;gap:12px;margin-bottom:16px}.proj-perm-help-step{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.proj-perm-help-text{color:#6b7280;flex:1 1;font-size:14px;line-height:1.5}.proj-perm-help-text strong{color:#374151}.proj-perm-permission-reference h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.proj-perm-reference-grid{grid-gap:8px;display:grid;gap:8px}.proj-perm-reference-item{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:12px}.proj-perm-reference-badge{align-items:center;border-radius:6px;display:flex;font-size:11px;font-weight:600;gap:4px;justify-content:center;min-width:100px;padding:4px 8px}.proj-perm-reference-badge.green{background:#dcfce7;color:#166534}.proj-perm-reference-badge.blue{background:#dbeafe;color:#1e40af}.proj-perm-reference-badge.purple{background:#e0e7ff;color:#5b21b6}.proj-perm-reference-badge.red{background:#fecaca;color:#991b1b}@media (max-width:640px){.proj-perm-content{border-radius:12px;margin:16px;max-width:100%}.proj-perm-header{padding:20px}.proj-perm-header-content{gap:12px}.proj-perm-header-icon{height:48px;width:48px}.proj-perm-header-text h2{font-size:20px}.proj-perm-body{padding:24px 20px}.proj-perm-edit-controls,.proj-perm-view-controls{align-items:stretch;flex-direction:column}.proj-perm-action-buttons,.proj-perm-edit-actions{width:100%}.proj-perm-cancel-button,.proj-perm-edit-button,.proj-perm-remove-button,.proj-perm-save-button{flex:1 1;justify-content:center}.proj-perm-reference-grid{gap:6px}.proj-perm-reference-item{align-items:flex-start;flex-direction:column;gap:4px}}.proj-perm-notification{align-items:center;animation:proj-perm-slide-down .3s ease-out;background:#fff;border:1px solid;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;gap:12px;min-width:300px;padding:16px 20px;position:fixed;right:24px;top:24px;z-index:10001}@keyframes proj-perm-slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.proj-perm-notification.success{background:#f0fdf4;border-color:#86efac}.proj-perm-notification.error{background:#fef2f2;border-color:#fca5a5}.proj-perm-notification-content{align-items:center;display:flex;flex:1 1;gap:12px}.proj-perm-notification.success .proj-perm-notification-content svg{color:#16a34a}.proj-perm-notification.error .proj-perm-notification-content svg{color:#dc2626}.proj-perm-notification-content span{color:#374151;font-size:14px;font-weight:500}.proj-perm-notification-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;transition:color .2s}.proj-perm-notification-close:hover{color:#374151}.proj-perm-card-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:12px;bottom:0;display:flex;flex-direction:column;gap:12px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.proj-perm-card-overlay.loading{background:#fffffff2}.proj-perm-card-overlay.notification-success{animation:proj-perm-success-pulse .5s ease-out;background:#dcfce7fa}.proj-perm-card-overlay.notification-error{background:#fef2f2fa}@keyframes proj-perm-success-pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.proj-perm-card-overlay.notification-success svg{animation:proj-perm-check-draw .5s ease-out;color:#16a34a}.proj-perm-card-overlay.notification-error svg{color:#dc2626}@keyframes proj-perm-check-draw{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.proj-perm-card-spinner{animation:proj-perm-spin .8s linear infinite;border:3px solid #f1f5f9;border-radius:50%;border-top-color:#3b82f6;height:32px;width:32px}.proj-perm-card-overlay span{color:#374151;font-size:14px;font-weight:600}.test-strategy-wizard-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.test-strategy-wizard-container{animation:slideUp .4s ease-out;background:#0000;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:16px;max-height:92vh;max-width:1400px;width:100%}.ancappage-wizard-section{transform:translateX(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.ancappage-capabilities-section.hidden-for-wizard{display:none}.ancappage-main-content:has(.ancappage-wizard-section.visible){justify-content:center}.ancappage-main-content:has(.ancappage-wizard-section.visible) .ancappage-wizard-section{max-width:1400px;width:100%}.wizard-header{align-items:center;background:#eee;border:none;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;padding:20px 32px}.wizard-header-content{align-items:center;display:flex;gap:16px}.wizard-header-icon{align-items:center;background:linear-gradient(135deg,#9404c3,#550173);border-radius:12px;box-shadow:0 4px 12px #9404c340;display:flex;height:56px;justify-content:center;width:48px}.wizard-header-text{display:flex;flex-direction:column;gap:4px}.wizard-title{color:#111827;font-size:22px;font-weight:700;line-height:1.2;margin:0}.wizard-subtitle{color:#6b7280;font-size:13px;line-height:1.4;margin:0}.wizard-close-button{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.wizard-close-button:hover{background:#e5e7eb;color:#374151}.wizard-navigation{background:#eee;border:none;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:20px 32px 16px}.wizard-steps-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.wizard-step{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;position:relative}.wizard-step.clickable{cursor:pointer}.wizard-step-indicator{align-items:center;border-radius:50%;display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;position:relative;transition:all .3s ease;width:36px;z-index:2}.wizard-step-indicator.upcoming{background:#f3f4f6;border:2px solid #e5e7eb;color:#9ca3af}.wizard-step-indicator.active{background:linear-gradient(135deg,#9404c3,#550173);border:2px solid #9404c3;box-shadow:0 4px 12px #9404c34d;color:#fff}.wizard-step-indicator.completed{background:#10b981;border:2px solid #10b981;color:#fff}.wizard-step-number{display:block}.wizard-step-text{align-items:center;display:flex;flex-direction:column;gap:2px;text-align:center}.wizard-step-title{font-size:12px;font-weight:600;transition:color .3s ease}.wizard-step-title.upcoming{color:#9ca3af}.wizard-step-title.active{color:#9404c3}.wizard-step-title.completed{color:#10b981}.wizard-step-description{font-size:11px;transition:color .3s ease}.wizard-step-description.upcoming{color:#d1d5db}.wizard-step-description.active{color:#6b7280}.wizard-step-description.completed{color:#9ca3af}.wizard-step-connector{align-items:center;display:flex;flex:1 1;margin-top:-28px;padding:0 8px;position:relative;z-index:1}.wizard-step-connector-line{height:2px;transition:background .3s ease;width:100%}.wizard-step-connector-line.upcoming{background:#e5e7eb}.wizard-step-connector-line.active{background:linear-gradient(90deg,#10b981 0,#e5e7eb)}.wizard-step-connector-line.completed{background:#10b981}.wizard-progress-bar{background:#e5e7eb;border-radius:2px;height:3px;overflow:hidden;width:100%}.wizard-progress-bar-fill{background:linear-gradient(135deg,#9404c3,#550173);border-radius:2px;height:100%;transition:width .4s ease}.wizard-content{background:#eee;border-radius:16px;box-shadow:0 2px 8px #00000014;flex:1 1;overflow-y:auto;padding:28px 32px}.wizard-content::-webkit-scrollbar{width:8px}.wizard-content::-webkit-scrollbar-track{background:#f3f4f6}.wizard-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.wizard-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.wizard-footer{align-items:center;background:#eee;border:none;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;padding:20px 32px}.wizard-footer-left,.wizard-footer-right{display:flex;gap:12px}.wizard-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;outline:none;padding:12px 24px;transition:all .2s ease}.wizard-button:disabled{cursor:not-allowed;opacity:.5}.wizard-button-primary{background:linear-gradient(135deg,#9404c3,#550173);box-shadow:0 2px 8px #9404c340;color:#fff}.wizard-button-primary:hover:not(:disabled){box-shadow:0 4px 12px #9404c359;transform:translateY(-1px)}.wizard-button-primary:active:not(:disabled){transform:translateY(0)}.wizard-button-secondary{background:#f3f4f6;color:#374151}.wizard-button-secondary:hover:not(:disabled){background:#e5e7eb}.wizard-button-generate{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98140;color:#fff;padding:12px 32px}.wizard-button-generate:hover:not(:disabled){box-shadow:0 4px 12px #10b98159;transform:translateY(-1px)}.wizard-button-danger{background:#ef4444;color:#fff}.wizard-button-danger:hover:not(:disabled){background:#dc2626}.wizard-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.wizard-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:32px;width:100%}.wizard-modal-title{color:#111827;font-size:20px;font-weight:700;margin:0 0 12px}.wizard-modal-text{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 24px}.wizard-modal-actions{display:flex;gap:12px;justify-content:flex-end}@media (max-width:768px){.test-strategy-wizard-container{border-radius:0;max-height:100vh;max-width:100%}.wizard-header{padding:16px 20px}.wizard-header-icon{height:48px;width:48px}.wizard-title{font-size:20px}.wizard-subtitle{font-size:13px}.wizard-navigation{padding:20px 16px 16px}.wizard-steps-container{flex-direction:column;gap:16px}.wizard-step{flex-direction:row;width:100%}.wizard-step-text{align-items:flex-start;text-align:left}.wizard-step-connector{display:none}.wizard-content{padding:20px 16px}.wizard-footer{flex-wrap:wrap;padding:16px 20px}.wizard-button{font-size:13px;padding:10px 20px}}@media (max-width:1600px){.test-strategy-wizard-container{max-width:1300px}}@media (max-width:1400px){.test-strategy-wizard-container{max-width:1200px}}@media (max-width:768px){.test-strategy-wizard-container{border-radius:0;max-height:100vh;max-width:100%}.wizard-header{padding:16px 20px}.wizard-navigation{padding:16px 20px 12px}.wizard-content{padding:20px 16px}}.wizard-section-header{margin-bottom:24px}.wizard-section-title{color:#111827;font-size:20px;font-weight:700;margin:0 0 8px}.wizard-section-subtitle{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.wizard-validation-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.wizard-info-box,.wizard-validation-error{display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px 16px}.wizard-info-box{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;line-height:1.5}.wizard-success-box{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#15803d;display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px 16px}.ancappage-wizard-section{flex:1 1;min-width:0;opacity:0;overflow:visible;pointer-events:none;transform:translateX(100%);transition:all .5s cubic-bezier(.4,0,.2,1);width:100%}.ancappage-wizard-section.visible{opacity:1;pointer-events:auto;transform:translateX(0)}.ancappage-wizard-section.hiding{opacity:0;pointer-events:none;transform:translateX(100%)}.test-strategy-wizard-container.inline-mode{background:#0000;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:16px;height:auto;max-height:none;max-width:none;position:relative;transform:translateX(0);transition:all .5s cubic-bezier(.4,0,.2,1);width:100%}.ancappage-wizard-section.visible .test-strategy-wizard-container.inline-mode{animation:slideInScale .5s cubic-bezier(.4,0,.2,1)}@keyframes slideInScale{0%{opacity:0;transform:translateX(20px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.step-container{margin:0 auto;max-width:1100px}.selection-summary{align-items:center;background:#eee;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px;padding:20px 24px}.selection-summary-stats{align-items:center;display:flex;gap:16px}.selection-stat{display:flex;flex-direction:column;gap:4px}.selection-stat-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.selection-stat-value{color:#111827;font-size:20px;font-weight:700}.selection-stat-value.required{color:#9404c3}.selection-stat-value.optional{color:#10b981}.selection-stat-divider{background:#e5e7eb;height:32px;width:1px}.selection-actions{display:flex;gap:8px}.selection-action-button{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.selection-action-button:hover{background:#f9f5ff;border-color:#9404c3;color:#9404c3}.category-tabs{background:#eee;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:8px;margin-bottom:24px;padding:8px}.category-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.category-tab:hover{background:#eee;color:#374151}.category-tab.active{background:linear-gradient(135deg,#9404c3,#550173);box-shadow:0 2px 8px #9404c340;color:#fff}.category-tab-label{display:block}.category-tab-count{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:0 8px}.category-tab.active .category-tab-count{background:#ffffff40}.sections-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-bottom:2px}.section-card{background:linear-gradient(145deg,#fff,#e8e8e8);border:2px solid #0000;border-radius:16px;box-shadow:14px 14px 30px #d5d5d5,-14px -14px 30px #fff,14px -14px 25px #d5d5d54d,-14px 14px 25px #d5d5d54d,inset -1px -1px 3px #d5d5d54d,inset 1px 1px 3px #ffffff80;cursor:pointer;overflow:hidden;padding:24px;position:relative;transform:scale(1);transition:all .3s cubic-bezier(.4,0,.2,1)}.section-card:hover:not(.selected):not(.required){border-color:#e9d5ff;box-shadow:18px 18px 40px #d5d5d5,-18px -18px 35px #fff,18px -18px 30px #d5d5d54d,-18px 18px 30px #d5d5d54d,inset -1px -1px 3px #d5d5d533,inset 1px 1px 3px #fff9;transform:translateY(-6px)}.section-card.selected{transform:scale(1)}.section-card.required,.section-card.selected{background:#eee;box-shadow:inset 0 0 20px #d5d5d5e6,inset 8px 8px 16px #d5d5d5b3,inset -8px -8px 16px #ffffff4d}.section-card.required{border-color:#0000;cursor:not-allowed;opacity:.95}.section-card.required:hover{box-shadow:inset 0 0 20px #d5d5d5e6,inset 8px 8px 16px #d5d5d5b3,inset -8px -8px 16px #ffffff4d}.section-card-header{align-items:center;display:flex;gap:16px;margin-bottom:16px;position:relative}.section-checkbox{color:#d1d5db;transition:color .2s ease}.section-checkbox.checked{color:#9404c3}.section-checkbox.disabled{color:#9404c3;opacity:.6}.section-icon-wrapper{align-items:center;display:flex;flex-shrink:0;height:70px;justify-content:center;position:relative;width:70px}.section-icon-wrapper:before{background:#eee;border-radius:50%;box-shadow:10px 10px 25px #d5d5d5e6,-10px -10px 20px #ffffffe6,10px -10px 20px #d5d5d533,-10px 10px 20px #d5d5d533,inset -1px -1px 2px #d5d5d580,inset 1px 1px 2px #ffffff4d;content:"";height:64px;position:absolute;right:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:64px}.section-card.required .section-icon-wrapper:before,.section-card.selected .section-icon-wrapper:before{background:#eee;box-shadow:inset 0 0 15px #d5d5d5e6,inset 6px 6px 12px #d5d5d5b3,inset -6px -6px 12px #ffffff4d}.section-icon{color:#9404c3;position:relative;right:8px;z-index:1}.section-card.required .section-icon,.section-card.selected .section-icon{color:#9404c3}.section-card-header-title{align-items:center;color:#1a1a1a;display:flex;flex:1 1;flex-wrap:wrap;font-size:18px;font-weight:700;gap:8px;margin:0}.section-card.required .section-card-header-title,.section-card.selected .section-card-header-title{color:#1a1a1a}.section-subsections-header{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:6px;margin:-8px -10px 0;padding:8px 10px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.section-subsections-header:hover{background:#ffffff1a}.section-card:not(.selected):not(.required) .section-subsections-header:hover{background:#eee}.section-card-content{display:flex;flex-direction:column;gap:16px}.section-required-badge{align-items:center;background:#9404c3;border-radius:6px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.section-card-divider{border-radius:1px;height:2px;width:100%}.section-card-divider,.section-card.required .section-card-divider,.section-card.selected .section-card-divider{background:linear-gradient(90deg,#0000,#cbd5e1,#0000)}.section-card-description{color:#64748b;font-size:14px;line-height:1.5;margin:5px}.section-card.required .section-card-description,.section-card.selected .section-card-description{color:#64748b}.section-card-badges{display:flex;flex-wrap:wrap;gap:8px}.section-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.section-badge.auto-generated{background:#3b82f626;color:#1e40af}.section-badge.configurable{background:#f59e0b26;color:#92400e}.section-badge.enhanced{background:#10b98126;color:#065f46}.section-subsections{border-top:1px solid #e5e7eb;overflow:hidden;padding-top:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.section-subsections.collapsed .section-subsections-content{margin-top:0;max-height:0;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.section-subsections.expanded .section-subsections-content{margin-top:8px;max-height:500px;opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.section-subsections-label{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.section-subsections-content{overflow:hidden}.section-subsections-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.section-subsections-list li{color:#6b7280;font-size:12px;line-height:1.5;padding-left:16px;position:relative}.section-subsections-list li:before{color:#9404c3;content:"•";font-weight:700;left:0;position:absolute}.section-card-overlay{background:linear-gradient(135deg,#0000 50%,#9404c3 0);bottom:0;height:60px;opacity:.9;pointer-events:none;position:absolute;right:0;width:60px}.section-card-checkmark{bottom:8px;color:#fff;font-size:20px;font-weight:700;position:absolute;right:12px}.sections-empty-state{color:#9ca3af;font-size:14px;padding:60px 20px;text-align:center}.step-footer-help{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-top:24px;padding:16px 20px}.step-footer-help p{color:#92400e;font-size:14px;line-height:1.6;margin:0}@media (max-width:768px){.sections-grid{grid-template-columns:1fr}.selection-summary{align-items:stretch;flex-direction:column}.selection-summary-stats{justify-content:space-around}.selection-actions{width:100%}.selection-action-button{flex:1 1}.category-tabs{flex-wrap:wrap}.category-tab{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;min-width:140px}.category-tab-label{font-size:12px}}.uploaded-files-summary{background:#f0fdf4;border:2px solid #bbf7d0;border-radius:12px;margin-bottom:24px;padding:16px 20px}.uploaded-files-title{color:#15803d;font-size:14px;font-weight:700;margin:0 0 12px}.uploaded-files-list{display:flex;flex-wrap:wrap;gap:8px}.uploaded-file-chip{align-items:center;background:#fff;border:1px solid #bbf7d0;border-radius:6px;color:#15803d;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.uploaded-file-chip svg{flex-shrink:0}.configuration-progress{background:#eee;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:20px 24px}.configuration-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.configuration-progress-info{display:flex;flex-direction:column;gap:4px}.configuration-progress-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.configuration-progress-count{color:#111827;font-size:14px;font-weight:600}.configuration-progress-percentage{color:#9404c3;font-size:24px;font-weight:700}.configuration-progress-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden;width:100%}.configuration-progress-fill{background:linear-gradient(135deg,#9404c3,#550173);border-radius:4px;height:100%;transition:width .4s ease}.configuration-list{display:flex;flex-direction:column;gap:16px}.configuration-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;padding:20px 24px;transition:all .3s ease}.configuration-item:hover{border-color:#9404c3;box-shadow:0 2px 8px #9404c31a}.configuration-item.configured{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#10b981}.configuration-item.error{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#ef4444}.configuration-item-left{align-items:center;display:flex;flex:1 1;gap:16px}.configuration-status{align-items:center;display:flex;justify-content:center}.configuration-status.pending{color:#d1d5db}.configuration-status.configured{color:#10b981}.configuration-item.error .configuration-status{color:#ef4444}.configuration-status-dot{background:#fff;border:3px solid #d1d5db;border-radius:50%;height:24px;width:24px}.configuration-icon-wrapper{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;color:#6b7280;display:flex;height:56px;justify-content:center;transition:all .3s ease;width:56px}.configuration-icon-wrapper.configured{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.configuration-item.error .configuration-icon-wrapper{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.configuration-item-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.configuration-item-title{align-items:center;color:#111827;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0}.configuration-required-badge{align-items:center;background:#9404c3;border-radius:4px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.configuration-item-description{color:#6b7280;font-size:13px;line-height:1.5;margin:0}.configuration-error-message{color:#ef4444;font-size:12px;font-weight:600;gap:4px}.configuration-button,.configuration-error-message,.configuration-item-right{align-items:center;display:flex}.configuration-button{background:#fff;border:2px solid #9404c3;border-radius:8px;color:#9404c3;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.configuration-button:hover{background:#9404c3;color:#fff;transform:translateX(4px)}.configuration-button.configured{border-color:#10b981;color:#10b981}.configuration-button.configured:hover{background:#10b981;color:#fff}.configuration-empty-state{background:#fff;border:2px dashed #d1d5db;border-radius:12px;padding:80px 20px;text-align:center}.configuration-empty-icon{color:#d1d5db;margin-bottom:16px}.configuration-empty-state h3{color:#374151;font-size:18px;font-weight:700;margin:0 0 8px}.configuration-empty-state p{color:#6b7280;font-size:14px;margin:0}.auto-generated-info{background:#eee;border:2px solid #e5e7eb;border-radius:12px;margin-top:32px;padding:24px}.auto-generated-info-title{color:#111827;font-size:16px;font-weight:700;margin:0 0 8px}.auto-generated-info-text{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 16px}.auto-generated-sections-list{display:flex;flex-wrap:wrap;gap:8px}.auto-generated-section-chip{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:6px;color:#1e40af;font-size:12px;font-weight:600;padding:6px 12px}.config-modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100000}.config-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;position:relative;z-index:100001}.config-modal-header{background:linear-gradient(135deg,#f9fafb,#fff);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;padding:24px 32px}.config-modal-title{color:#111827;font-size:20px}.config-modal-subtitle{color:#6b7280}.config-modal-close{background:#f3f4f6;border-radius:8px;color:#6b7280;height:40px;width:40px}.config-modal-close:hover{background:#e5e7eb;color:#374151}.config-modal-content::-webkit-scrollbar{width:8px}.config-modal-content::-webkit-scrollbar-track{background:#f3f4f6}.config-modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.config-modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.config-section{margin-bottom:32px}.config-section-title{color:#111827}.config-section-description{color:#6b7280}.config-form-label{font-weight:600}.config-form-input,.config-form-select,.config-form-textarea{border:2px solid #e5e7eb;border-radius:8px;color:#111827;padding:10px 14px}.config-form-input:focus,.config-form-select:focus,.config-form-textarea:focus{border-color:#9404c3;box-shadow:0 0 0 3px #9404c31a}.config-form-input.error,.config-form-select.error,.config-form-textarea.error{border-color:#ef4444}.config-button-primary,.config-button-secondary,.config-button-small{border-radius:8px;font-weight:600;padding:10px 20px}.config-button-primary{box-shadow:0 2px 8px #9404c340}.config-button-primary:hover{box-shadow:0 4px 12px #9404c359;transform:translateY(-1px)}.config-button-secondary{background:#f3f4f6;border:1px solid #e5e7eb}.config-button-secondary:hover{background:#e5e7eb}.config-button-small{background:#fff;border:1px solid #9404c3}.config-button-small:hover{background:#9404c3}.config-modal-footer{background:#fff;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;padding:20px 32px}@media (max-width:768px){.configuration-item{align-items:flex-start;flex-direction:column;gap:16px}.configuration-item-left,.configuration-item-right{width:100%}.configuration-button{justify-content:center;width:100%}.configuration-progress-header{align-items:flex-start;flex-direction:column;gap:8px}.config-modal{border-radius:0;max-height:100vh;max-width:100%}.config-modal-content,.config-modal-footer,.config-modal-header{padding-left:20px;padding-right:20px}.config-form-grid{grid-template-columns:1fr}}.config-info-box,.config-summary{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px}.config-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.config-modal{animation:slideUp .3s ease-out;background:#eee;border-radius:20px;display:flex;flex-direction:column;max-height:85vh;max-width:800px;width:100%}.config-modal-header{align-items:center;background:#eee;border-bottom:2px solid #0000;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:28px 32px}.config-modal-header-content{align-items:center;display:flex;gap:16px}.config-modal-title{color:#1a1a1a;font-size:22px;font-weight:700;margin:0}.config-modal-subtitle{color:#64748b;font-size:13px;margin:4px 0 0}.config-modal-close{align-items:center;background:#eee;border:none;border-radius:10px;box-shadow:6px 6px 12px #d5d5d5cc,-6px -6px 12px #ffffffe6,6px -6px 10px #d5d5d533,-6px 6px 10px #d5d5d533;color:#9404c3;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.config-modal-close:hover{box-shadow:inset 4px 4px 8px #d5d5d5b3,inset -4px -4px 8px #ffffff4d}.config-modal-content{background:#eee;flex:1 1;margin-top:-30px;overflow-y:auto;padding:32px}.config-modal-content::-webkit-scrollbar{width:10px}.config-modal-content::-webkit-scrollbar-track{background:#0000}.config-modal-content::-webkit-scrollbar-thumb{background:#eee;border-radius:5px;box-shadow:inset 4px 4px 8px #d5d5d5b3,inset -4px -4px 8px #ffffff4d}.config-modal-content::-webkit-scrollbar-thumb:hover{background:#e8e8e8}.config-section{margin-bottom:2px}.config-section:last-child{margin-bottom:0}.config-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-left:2px}.config-section-title{color:#1a1a1a;font-size:16px;font-weight:700;margin:0 0 8px}.config-section-description{color:#64748b;font-size:13px;line-height:1.5;margin:0 0 16px}.config-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.config-form-group{display:flex;flex-direction:column;gap:8px}.config-form-group.full-width{grid-column:1/-1}.config-form-label{color:#374151;font-size:13px;font-weight:700}.config-form-input,.config-form-select,.config-form-textarea{background:#eee;border:none;border-radius:10px;box-shadow:inset 4px 4px 8px #d5d5d5b3,inset -4px -4px 8px #ffffff4d;color:#1a1a1a;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s ease}.config-form-input:focus,.config-form-select:focus,.config-form-textarea:focus{box-shadow:inset 4px 4px 10px #d5d5d5cc,inset -4px -4px 10px #fff6,0 0 0 3px #9404c326;outline:none}.config-form-input.error,.config-form-select.error,.config-form-textarea.error{box-shadow:inset 4px 4px 8px #ef44444d,inset -4px -4px 8px #ffffff4d,0 0 0 2px #ef4444}.config-form-textarea{min-height:100px;resize:vertical}.config-form-helper{color:#9ca3af;font-size:12px;line-height:1.4}.config-form-error{color:#ef4444;font-size:12px;font-weight:600}.config-button-primary,.config-button-secondary,.config-button-small{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .2s ease}.config-button-primary{background:linear-gradient(135deg,#9404c3,#550173);box-shadow:8px 8px 16px #d5d5d5cc,-8px -8px 16px #fff6,0 4px 12px #9404c34d;color:#fff}.config-button-primary:hover{box-shadow:10px 10px 20px #d5d5d5e6,-10px -10px 20px #ffffff80,0 6px 16px #9404c366;transform:translateY(-2px)}.config-button-primary:active{box-shadow:inset 4px 4px 8px #55017380,inset -4px -4px 8px #9404c34d;transform:translateY(0)}.config-button-secondary{background:#eee;box-shadow:6px 6px 12px #d5d5d5cc,-6px -6px 12px #ffffffe6,6px -6px 10px #d5d5d533,-6px 6px 10px #d5d5d533;color:#374151}.config-button-secondary:hover{box-shadow:8px 8px 16px #d5d5d5e6,-8px -8px 16px #fff,8px -8px 12px #d5d5d54d,-8px 8px 12px #d5d5d54d;transform:translateY(-1px)}.config-button-secondary:active{box-shadow:inset 4px 4px 8px #d5d5d5b3,inset -4px -4px 8px #ffffff4d;transform:translateY(0)}.config-button-small{background:#eee;box-shadow:4px 4px 8px #d5d5d5b3,-4px -4px 8px #fffc;color:#9404c3;font-size:13px;padding:8px 16px}.config-button-small:hover{background:linear-gradient(135deg,#9404c3,#550173);box-shadow:6px 6px 12px #d5d5d5cc,-6px -6px 12px #ffffffe6,0 2px 8px #9404c34d;color:#fff}.phases-timeline{display:flex;flex-direction:column;gap:16px}.phase-item{background:#eee;border:none;border-radius:12px;box-shadow:8px 8px 16px #d5d5d5cc,-8px -8px 16px #ffffffe6,8px -8px 12px #d5d5d533,-8px 8px 12px #d5d5d533;padding:20px;transition:all .2s ease}.phase-item:hover{box-shadow:10px 10px 20px #d5d5d5e6,-10px -10px 20px #fff,10px -10px 16px #d5d5d54d,-10px 10px 16px #d5d5d54d;transform:translateY(-2px)}.phase-item-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.phase-item-number{align-items:center;background:linear-gradient(135deg,#9404c3,#550173);border-radius:50%;box-shadow:4px 4px 8px #9404c34d,-2px -2px 6px #fff3;color:#fff;display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.phase-item-name{background:#0000;border:none;color:#1a1a1a;flex:1 1;font-size:15px;font-weight:700;padding:0}.phase-item-name:focus{outline:none}.phase-item-delete{align-items:center;background:#eee;border:none;border-radius:8px;box-shadow:4px 4px 8px #d5d5d5b3,-4px -4px 8px #fffc;color:#ef4444;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.phase-item-delete:hover{box-shadow:inset 3px 3px 6px #ef44444d,inset -3px -3px 6px #ffffff4d}.phase-item-details{display:flex;gap:24px;margin-bottom:12px;padding-left:48px}.phase-item-date{display:flex;gap:8px}.phase-item-label{color:#6b7280;font-size:12px;font-weight:600}.phase-item-value{color:#1a1a1a;font-size:12px;font-weight:700}.phase-item-deliverables{padding-left:48px}.phase-deliverables-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.phase-deliverable-chip{background:#eee;border-radius:8px;box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 4px #fff6;color:#374151;font-size:11px;font-weight:600;padding:6px 12px}.config-summary{align-items:flex-start;background:#eee;border:none;border-radius:12px;box-shadow:inset 4px 4px 8px #3b82f626,inset -4px -4px 8px #ffffff4d;display:flex;gap:12px;margin-top:24px;padding:16px 20px}.config-summary strong{color:#1e40af}.config-modal-footer{align-items:center;background:#eee;border-radius:0 0 20px 20px;border-top:2px solid #0000;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}@media (max-width:768px){.config-modal{border-radius:0;max-height:100vh;max-width:100%}.config-modal-content,.config-modal-footer,.config-modal-header{padding-left:20px;padding-right:20px}.config-form-grid{grid-template-columns:1fr}.phase-item-details{flex-direction:column;gap:8px}}.config-modal-large{max-width:900px}.config-actions-row{display:flex;flex-wrap:wrap;gap:12px}.team-members-list{display:flex;flex-direction:column;gap:16px}.team-member-card{background:#eee;border:none;border-radius:12px;box-shadow:8px 8px 16px #d5d5d5cc,-8px -8px 16px #ffffffe6,8px -8px 12px #d5d5d533,-8px 8px 12px #d5d5d533;padding:20px;transition:all .2s ease}.team-member-card:hover{box-shadow:10px 10px 20px #d5d5d5e6,-10px -10px 20px #fff,10px -10px 16px #d5d5d54d,-10px 10px 16px #d5d5d54d;transform:translateY(-2px)}.team-member-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.team-member-avatar{align-items:center;background:linear-gradient(135deg,#9404c3,#550173);border-radius:50%;box-shadow:4px 4px 8px #9404c34d,-2px -2px 6px #fff3;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:56px;justify-content:center;width:56px}.team-member-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.team-member-name-input,.team-member-role-input{background:#0000;border:none;color:#1a1a1a;font-weight:700;padding:0}.team-member-name-input{font-size:16px}.team-member-role-input{color:#6b7280;font-size:13px}.team-member-name-input:focus,.team-member-role-input:focus{background:#eee;border-radius:6px;box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 4px #fff6;outline:none;padding:4px 8px}.team-member-delete{align-items:center;background:#eee;border:none;border-radius:8px;box-shadow:4px 4px 8px #d5d5d5b3,-4px -4px 8px #fffc;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.team-member-delete:hover{box-shadow:inset 3px 3px 6px #ef44444d,inset -3px -3px 6px #ffffff4d}.team-member-details{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding-left:72px}.team-member-detail{align-items:center;color:#6b7280;display:flex;gap:8px}.team-member-detail-input{background:#0000;border:none;color:#374151;flex:1 1;font-size:13px;padding:0}.team-member-detail-input:focus{background:#eee;border-radius:6px;box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 4px #fff6;outline:none;padding:4px 8px}.team-member-responsibilities{margin-top:12px;padding-left:72px}.team-member-responsibilities-input{background:#eee;border:none;border-radius:10px;box-shadow:inset 3px 3px 6px #d5d5d5b3,inset -3px -3px 6px #ffffff4d;color:#1a1a1a;font-family:inherit;font-size:13px;line-height:1.6;padding:12px 16px;resize:vertical;width:90%}.team-member-responsibilities-input:focus{box-shadow:inset 4px 4px 8px #d5d5d5cc,inset -4px -4px 8px #fff6,0 0 0 3px #9404c326;outline:none}.defect-levels-list{display:flex;flex-direction:column;gap:12px}.defect-level-item{background:#eee;border:none;border-radius:10px;box-shadow:inset 3px 3px 6px #d5d5d599,inset -3px -3px 6px #fff6;padding:14px 18px}.defect-level-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.defect-level-header strong{color:#1a1a1a;font-size:14px}.defect-level-response{color:#9404c3;font-size:12px;font-weight:700}.defect-level-description{color:#64748b;font-size:13px;margin:0}.automation-languages{display:flex;flex-wrap:wrap;gap:12px}.automation-language-checkbox{align-items:center;background:#eee;border:none;border-radius:10px;box-shadow:6px 6px 12px #d5d5d5b3,-6px -6px 12px #fffc;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.automation-language-checkbox:hover{box-shadow:8px 8px 16px #d5d5d5cc,-8px -8px 16px #ffffffe6;transform:translateY(-1px)}.automation-language-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.automation-language-checkbox input[type=checkbox]:checked{accent-color:#9404c3}.cicd-test-types{display:flex;flex-direction:column;gap:12px}.cicd-test-type-checkbox{align-items:center;background:#eee;border:none;border-radius:10px;box-shadow:6px 6px 12px #d5d5d5b3,-6px -6px 12px #fffc;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:12px 16px;transition:all .2s ease}.cicd-test-type-checkbox:hover{box-shadow:8px 8px 16px #d5d5d5cc,-8px -8px 16px #ffffffe6;transform:translateY(-1px)}.cicd-test-type-checkbox input[type=checkbox]{accent-color:#9404c3;cursor:pointer;height:18px;width:18px}.cicd-stages-preview{background:#eee;border-radius:12px;box-shadow:inset 4px 4px 8px #d5d5d599,inset -4px -4px 8px #fff6;overflow-x:auto;padding:16px}.cicd-stage-item,.cicd-stages-preview{align-items:center;display:flex;gap:8px}.cicd-stage-item{flex-direction:column;min-width:120px}.cicd-stage-number{align-items:center;background:linear-gradient(135deg,#9404c3,#550173);border-radius:50%;box-shadow:3px 3px 6px #9404c34d;color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.cicd-stage-name{color:#374151;font-size:12px;font-weight:600;text-align:center}.e2e-criteria-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.e2e-criteria-item{align-items:center;background:#eee;border:none;border-radius:10px;box-shadow:6px 6px 12px #d5d5d5b3,-6px -6px 12px #fffc;display:flex;gap:12px;padding:12px 16px}.e2e-criteria-bullet{color:#9404c3;font-size:18px;font-weight:700}.e2e-criteria-text{color:#374151;flex:1 1;font-size:13px}.e2e-criteria-remove{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #ffffffb3;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.e2e-criteria-remove:hover{box-shadow:inset 2px 2px 4px #ef44444d,inset -2px -2px 4px #ffffff4d}.e2e-add-item{display:flex;gap:8px}.e2e-add-input{background:#eee;border:none;border-radius:10px;box-shadow:inset 4px 4px 8px #d5d5d5b3,inset -4px -4px 8px #ffffff4d;color:#1a1a1a;flex:1 1;font-size:14px;padding:12px 16px}.e2e-add-input:focus{box-shadow:inset 4px 4px 10px #d5d5d5cc,inset -4px -4px 10px #fff6,0 0 0 3px #9404c326;outline:none}.e2e-add-button{align-items:center;background:linear-gradient(135deg,#9404c3,#550173);border:none;border-radius:10px;box-shadow:6px 6px 12px #d5d5d5b3,-6px -6px 12px #ffffff4d,0 3px 8px #9404c34d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:6px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.e2e-add-button:hover:not(:disabled){box-shadow:8px 8px 16px #d5d5d5cc,-8px -8px 16px #fff6,0 5px 12px #9404c366;transform:translateY(-2px)}.e2e-add-button:disabled{cursor:not-allowed;opacity:.5}.approval-table{background:#eee;border:none;border-radius:12px;box-shadow:inset 4px 4px 8px #d5d5d599,inset -4px -4px 8px #fff6;overflow:hidden}.approval-table-header{background:#eee;border-bottom:2px solid #d5d5d54d}.approval-table-header,.approval-table-row{display:grid;grid-template-columns:1.2fr 1.2fr 1.3fr 1fr 1fr 80px}.approval-table-row{border-bottom:1px solid #d5d5d533}.approval-table-row:last-child{border-bottom:none}.approval-table-cell{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:600;padding:12px}.approval-table-header .approval-table-cell{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.approval-table-input{background:#eee;border:none;border-radius:6px;box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 4px #fff6;color:#1a1a1a;font-size:13px;padding:8px 12px;width:100%}.approval-table-input:focus{box-shadow:inset 3px 3px 6px #d5d5d5b3,inset -3px -3px 6px #ffffff80,0 0 0 2px #9404c326;outline:none}.approval-remove-button{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #ffffffb3;color:#ef4444;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.approval-remove-button:hover{box-shadow:inset 2px 2px 4px #ef44444d,inset -2px -2px 4px #ffffff4d}.criteria-list{margin-bottom:16px}.criteria-item{align-items:center;background:#eee;border:none;border-radius:10px;box-shadow:6px 6px 12px #d5d5d5b3,-6px -6px 12px #fffc;display:flex;justify-content:space-between;padding:12px 16px}.criteria-checkbox-label{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:12px}.criteria-checkbox{accent-color:#9404c3;cursor:pointer;height:18px;width:18px}.criteria-text{color:#374151;font-size:14px}.criteria-remove-button{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #ffffffb3;color:#ef4444;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.criteria-remove-button:hover{box-shadow:inset 2px 2px 4px #ef44444d,inset -2px -2px 4px #ffffff4d}.criteria-add-row{display:flex;gap:8px}.criteria-add-input{background:#eee;border:none;border-radius:10px;box-shadow:inset 4px 4px 8px #d5d5d5b3,inset -4px -4px 8px #ffffff4d;flex:1 1;font-size:14px;padding:12px 16px}.criteria-add-input:focus{box-shadow:inset 4px 4px 10px #d5d5d5cc,inset -4px -4px 10px #fff6,0 0 0 3px #9404c326;outline:none}.criteria-add-button{align-items:center;background:linear-gradient(135deg,#9404c3,#550173);border:none;border-radius:10px;box-shadow:6px 6px 12px #d5d5d5b3,-6px -6px 12px #ffffff4d,0 3px 8px #9404c34d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:6px;padding:12px 24px;transition:all .2s ease}.criteria-add-button:hover:not(:disabled){box-shadow:8px 8px 16px #d5d5d5cc,-8px -8px 16px #fff6,0 5px 12px #9404c366;transform:translateY(-2px)}.criteria-add-button:disabled{cursor:not-allowed;opacity:.5}.process-phases-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.process-phase-card{background:#eee;border:none;border-radius:12px;box-shadow:8px 8px 16px #d5d5d5cc,-8px -8px 16px #ffffffe6,8px -8px 12px #d5d5d533,-8px 8px 12px #d5d5d533;padding:20px}.process-phase-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.process-phase-name{color:#1a1a1a;font-size:16px;font-weight:700;margin:0}.process-phase-remove{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:4px 4px 8px #d5d5d5b3,-4px -4px 8px #fffc;color:#ef4444;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.process-phase-remove:hover{box-shadow:inset 3px 3px 6px #ef44444d,inset -3px -3px 6px #ffffff4d}.process-phase-section{margin-bottom:12px}.process-phase-section:last-child{margin-bottom:0}.process-phase-label{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.process-phase-list{list-style:none;margin:8px 0 0;padding:0}.process-phase-list li{color:#374151;font-size:13px;padding:4px 0 4px 16px;position:relative}.process-phase-list li:before{color:#9404c3;content:"•";font-weight:700;left:0;position:absolute}.process-add-phase{background:#eee;border:none;border-radius:12px;box-shadow:inset 4px 4px 8px #d5d5d599,inset -4px -4px 8px #fff6;padding:20px}.process-add-title{color:#374151;font-size:14px;font-weight:700;margin:0 0 16px}.metrics-category{margin-bottom:24px}.metrics-category-title{color:#374151;font-size:14px;font-weight:700;margin:0 0 12px}.metrics-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.metric-checkbox-label{align-items:center;background:#eee;border:none;border-radius:10px;box-shadow:6px 6px 12px #d5d5d5b3,-6px -6px 12px #fffc;cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:all .2s ease}.metric-checkbox-label:hover{box-shadow:8px 8px 16px #d5d5d5cc,-8px -8px 16px #ffffffe6;transform:translateY(-1px)}.metric-checkbox{accent-color:#9404c3;cursor:pointer;height:18px;width:18px}.metric-label-text{color:#374151;font-size:13px;font-weight:600}.frequency-options{display:flex;flex-direction:column;gap:12px}.dashboard-option,.frequency-option{align-items:flex-start;background:#eee;border:none;border-radius:12px;box-shadow:8px 8px 16px #d5d5d5cc,-8px -8px 16px #ffffffe6,8px -8px 12px #d5d5d533,-8px 8px 12px #d5d5d533;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.dashboard-option:hover,.frequency-option:hover{box-shadow:10px 10px 20px #d5d5d5e6,-10px -10px 20px #fff,10px -10px 16px #d5d5d54d,-10px 10px 16px #d5d5d54d;transform:translateY(-1px)}.dashboard-checkbox,.frequency-checkbox{accent-color:#9404c3;cursor:pointer;height:20px;margin-top:2px;width:20px}.dashboard-content,.frequency-content{flex:1 1}.dashboard-label,.frequency-label{color:#1a1a1a;display:block;font-size:14px;font-weight:700;margin-bottom:4px}.dashboard-description,.frequency-description{color:#64748b;display:block;font-size:12px}.config-info-box{background:#eee;border:none;border-radius:12px;box-shadow:inset 4px 4px 8px #3b82f626,inset -4px -4px 8px #ffffff4d;color:#1e40af;font-size:13px;line-height:1.6;padding:16px}@media (max-width:768px){.approval-table-header,.approval-table-row{grid-template-columns:1fr}.approval-table-header{display:none}.approval-table-cell{border-bottom:1px solid #d5d5d533}.approval-table-cell:before{content:attr(data-label);font-weight:700;margin-right:8px}}.user-select-wrapper{position:relative}.user-select-trigger{align-items:center;background:#eee;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;gap:8px;justify-content:space-between;min-height:48px;padding:10px 14px;transition:all .2s ease}.user-select-trigger:hover{border-color:#9404c3;box-shadow:0 0 0 4px #9404c314;transform:translateY(-1px)}.user-select-trigger.error{background:#fef2f2;border-color:#ef4444}.user-select-trigger.has-value{background:linear-gradient(90deg,#eee,#eee);border-color:#9404c3}.selected-user{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.selected-user span{color:#333;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-avatar{align-items:center;background:linear-gradient(135deg,#9404c3,#c855e8);border-radius:50%;box-shadow:0 2px 8px #9404c34d;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;letter-spacing:.5px;width:36px}.placeholder{color:#999;font-size:14px}.dropdown-icon{color:#666;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.dropdown-icon.open{color:#9404c3;transform:rotate(180deg)}.user-select-dropdown{animation:slideDown .3s cubic-bezier(.4,0,.2,1);background:#eee;border:2px solid #9404c3;border-radius:12px;box-shadow:0 12px 32px #00000026,0 2px 8px #9404c31a;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:1000}.dropdown-search{align-items:center;background:linear-gradient(180deg,#eee,#eee);border-bottom:2px solid #f0f0f0;display:flex;gap:10px;padding:14px 16px}.dropdown-search svg{color:#9404c3;flex-shrink:0}.dropdown-search input{background:#0000;border:none;color:#333;flex:1 1;font-size:12px;font-weight:500;outline:none}.dropdown-search input::placeholder{color:#aaa}.dropdown-list{max-height:280px;overflow-y:auto}.dropdown-list::-webkit-scrollbar{width:8px}.dropdown-list::-webkit-scrollbar-track{background:#eee}.dropdown-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9404c3,#c855e8);border-radius:4px}.dropdown-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7a0399,#9404c3)}.dropdown-item{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .15s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:linear-gradient(90deg,#faf5ff,#f9f5ff);padding-left:20px}.dropdown-item:active{background:linear-gradient(90deg,#eee,#eee);transform:scale(.98)}.user-info{flex:1 1;min-width:0}.user-name{color:#333;font-size:14px;font-weight:600;margin-bottom:2px}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#777;font-size:12px}.dropdown-message{align-items:center;color:#888;display:flex;font-size:12px;font-weight:500;gap:10px;justify-content:center;padding:32px 16px}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#9404c3;height:18px;width:18px}@media (max-width:768px){.user-select-trigger{min-height:44px;padding:8px 12px}.user-avatar{font-size:12px;height:32px;width:32px}.dropdown-list{max-height:240px}}.milestones-list{display:flex;flex-direction:column;gap:16px}.milestone-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .3s ease}.milestone-item:hover{border-color:#9404c3;box-shadow:0 4px 12px #9404c31a}.milestone-item-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.milestone-item-name{background:#0000;border:none;border-radius:6px;color:#111827;flex:1 1;font-size:16px;font-weight:600;padding:8px;transition:all .2s ease}.milestone-item-name:not(:disabled):hover{background:#f9fafb}.milestone-item-name:disabled{color:#111827;cursor:default}.milestone-item-delete{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.milestone-item-delete:hover{background:#fee2e2;border-color:#fca5a5}.milestone-item-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.milestone-item-field{display:flex;flex-direction:column;gap:6px}.milestone-item-label{color:#6b7280;font-size:13px;font-weight:600}.milestone-item-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s ease}.milestone-item-input:focus{border-color:#9404c3;box-shadow:0 0 0 3px #9404c31a;outline:none}.milestone-item-input.error{background:#fef2f2;border-color:#ef4444}.milestone-item-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s ease}.milestone-item-select:focus{border-color:#9404c3;box-shadow:0 0 0 3px #9404c31a;outline:none}@media (max-width:768px){.milestone-item-details{grid-template-columns:1fr}}.quality-gates-summary{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:20px;margin-bottom:24px;padding:24px}.quality-gates-summary-icon{align-items:center;background:linear-gradient(135deg,#9404c3,#550173);border-radius:12px;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.quality-gates-summary-content{flex:1 1}.quality-gates-summary-title{color:#111827;font-size:18px;font-weight:700;margin:0 0 4px}.quality-gates-summary-text{color:#6b7280;font-size:14px;margin:0 0 12px}.quality-gates-progress-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden;width:100%}.quality-gates-progress-fill{background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;height:100%;transition:width .4s ease}.quality-gates-summary-percentage{color:#9404c3;font-size:32px;font-weight:700}.quality-gates-documents-list{display:flex;flex-direction:column;gap:12px}.quality-gate-document{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.quality-gate-document:hover{border-color:#9404c3;box-shadow:0 2px 8px #9404c31a}.quality-gate-document.received{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#10b981}.quality-gate-document.in-progress{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#f59e0b}.quality-gate-document.pending{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#ef4444}.quality-gate-document-left{align-items:center;display:flex;flex:1 1;gap:16px}.quality-gate-status-icon{align-items:center;display:flex;justify-content:center}.quality-gate-status-icon.received{color:#10b981}.quality-gate-status-icon.in-progress{color:#f59e0b}.quality-gate-status-icon.pending{color:#ef4444}.quality-gate-document-info{flex:1 1}.quality-gate-document-name{align-items:center;color:#111827;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0}.quality-gate-document-name-input{border:1px solid #d1d5db;border-radius:6px;color:#111827;flex:1 1;font-size:15px;font-weight:600;padding:8px 12px}.quality-gate-document-name-input:focus{border-color:#9404c3;box-shadow:0 0 0 3px #9404c31a;outline:none}.quality-gate-required-badge{align-items:center;background:#9404c3;border-radius:4px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.quality-gate-document-right{align-items:center;display:flex;gap:12px}.quality-gate-status-select{background:#fff;border:2px solid;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px;transition:all .2s ease}.quality-gate-status-select.received{border-color:#10b981;color:#10b981}.quality-gate-status-select.in-progress{border-color:#f59e0b;color:#f59e0b}.quality-gate-status-select.pending{border-color:#ef4444;color:#ef4444}.quality-gate-status-select:focus{box-shadow:0 0 0 3px #9404c31a;outline:none}.quality-gate-remove-button{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.quality-gate-remove-button:hover{background:#fecaca}.quality-gates-checkpoints-list{display:flex;flex-direction:column;gap:12px}.quality-gate-checkpoint{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;padding:16px}.quality-gate-checkpoint-inputs{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr 1fr auto auto}.quality-gate-checkpoint-input{border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:13px;padding:8px 12px}.quality-gate-checkpoint-input:focus{border-color:#9404c3;box-shadow:0 0 0 3px #9404c31a;outline:none}.quality-gates-empty-state{background:#fff;border:2px dashed #d1d5db;border-radius:12px;padding:60px 20px;text-align:center}.quality-gates-empty-icon{color:#d1d5db;margin-bottom:16px}.quality-gates-empty-state h4{color:#374151;font-size:16px;font-weight:700;margin:0 0 8px}.quality-gates-empty-state p{color:#6b7280;font-size:14px;margin:0}.quality-gates-impact{background:linear-gradient(135deg,#f9f5ff,#fff);border:2px solid #e9d5ff;border-radius:12px;margin-top:32px;padding:24px}.quality-gates-impact-title{color:#111827;font-size:16px;font-weight:700;margin:0 0 20px}.quality-gates-impact-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.quality-gates-impact-item{display:flex;gap:12px}.quality-gates-impact-icon{flex-shrink:0;font-size:32px}.quality-gates-impact-content h5{color:#111827;font-size:14px;font-weight:700;margin:0 0 4px}.quality-gates-impact-content p{color:#6b7280;font-size:13px;line-height:1.4;margin:0}@media (max-width:768px){.quality-gates-summary{align-items:flex-start;flex-direction:column}.quality-gate-checkpoint-inputs{grid-template-columns:1fr}.quality-gate-document{align-items:flex-start;flex-direction:column;gap:12px}.quality-gate-document-left,.quality-gate-document-right{width:100%}}.quality-gates-phase-list{display:flex;flex-direction:column;gap:16px}.quality-gate-phase-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s ease}.quality-gate-phase-card.completed{background:#f0fdf4;border-color:#10b981}.quality-gate-phase-card.in-progress{background:#fffbeb;border-color:#f59e0b}.quality-gate-phase-card.pending{background:#fef2f2;border-color:#ef4444}.quality-gate-phase-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.quality-gate-phase-content{display:flex;flex-direction:column;gap:16px}.quality-gate-field{display:flex;flex-direction:column;gap:8px}.quality-gate-field-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.quality-gate-label{color:#374151;font-size:14px;font-weight:600}.quality-gate-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .2s ease}.quality-gate-input:focus{border-color:#9404c3;box-shadow:0 0 0 3px #9404c31a;outline:none}.quality-gate-static-text{background:#f9fafb;border-radius:8px;color:#374151;font-size:14px;padding:10px 14px}.quality-gates-golive-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.quality-gate-approval-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s ease}.quality-gate-approval-card.approved{background:#f0fdf4;border-color:#10b981}.quality-gate-approval-card.pending{background:#fffbeb;border-color:#f59e0b}.quality-gate-approval-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:20px}.quality-gate-approval-icon{align-items:center;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.quality-gate-approval-icon.approved{background:#10b981}.quality-gate-approval-icon.pending{background:#f59e0b}.quality-gate-approval-title{color:#111827;font-size:16px;font-weight:700;margin:0}.quality-gate-approval-subtitle{color:#6b7280;font-size:13px;margin:4px 0 0}.quality-gate-approval-fields{display:flex;flex-direction:column;gap:16px}.quality-gate-approval-toggle{padding-top:8px}.quality-gate-checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px}.quality-gate-checkbox{cursor:pointer;height:20px;width:20px}@media (max-width:768px){.quality-gate-field-row,.quality-gates-golive-container{grid-template-columns:1fr}}.review-readiness-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:24px;margin-bottom:32px;padding:32px}.review-readiness-card.ready{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#10b981}.review-readiness-card.pending{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#f59e0b}.review-readiness-icon{flex-shrink:0}.review-readiness-card.ready .review-readiness-icon{color:#10b981}.review-readiness-card.pending .review-readiness-icon{color:#f59e0b}.review-readiness-content{flex:1 1}.review-readiness-title{color:#111827;font-size:20px;font-weight:700;margin:0 0 8px}.review-readiness-text{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 16px}.review-readiness-progress{align-items:center;display:flex;gap:12px}.review-readiness-progress-bar{background:#e5e7eb;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.review-readiness-progress-fill{background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;height:100%;transition:width .4s ease}.review-readiness-card.pending .review-readiness-progress-fill{background:linear-gradient(135deg,#f59e0b,#d97706)}.review-readiness-percentage{color:#111827;font-size:18px;font-weight:700}.review-summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.review-summary-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;padding:24px;transition:all .2s ease}.review-summary-card:hover{border-color:#9404c3;box-shadow:0 2px 8px #9404c31a}.review-summary-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.review-summary-content{flex:1 1}.review-summary-title{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.review-summary-value{color:#111827;font-size:28px;font-weight:700;margin:0 0 4px}.review-summary-subtitle{color:#9ca3af;font-size:12px;margin:0}.review-sections-breakdown{background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:28px}.review-sections-title{color:#111827;font-size:18px;font-weight:700;margin:0 0 24px}.review-section-category{margin-bottom:24px}.review-section-category:last-child{margin-bottom:0}.review-category-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.review-category-title{color:#374151;font-size:15px;font-weight:700;margin:0}.review-sections-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding-left:28px}.review-section-item{align-items:center;background:#f9fafb;border-radius:6px;color:#374151;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px}.review-section-item.pending{background:#fffbeb}.review-template-section{background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px}.review-template-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.review-template-title{color:#111827;font-size:16px;font-weight:700;margin:0}.review-template-subtitle{color:#6b7280;font-size:13px;margin:4px 0 0}.review-template-toggle{align-items:center;display:flex;gap:12px;margin-bottom:16px}.review-toggle-container{display:inline-block;height:26px;position:relative;width:48px}.review-toggle-input{height:0;opacity:0;width:0}.review-toggle-slider{background-color:#d1d5db;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.review-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:18px;left:4px;position:absolute;transition:.3s;width:18px}.review-toggle-input:checked+.review-toggle-slider{background:linear-gradient(135deg,#9404c3,#550173)}.review-toggle-input:checked+.review-toggle-slider:before{transform:translateX(22px)}.review-toggle-label{color:#374151;font-size:14px;font-weight:600}.review-template-name{align-items:center;display:flex;gap:12px}.review-template-input{border:2px solid #e5e7eb;border-radius:8px;color:#111827;flex:1 1;font-size:14px;padding:10px 14px}.review-template-input:focus{border-color:#9404c3;box-shadow:0 0 0 3px #9404c31a;outline:none}.review-template-save-button{align-items:center;background:linear-gradient(135deg,#9404c3,#550173);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.review-template-save-button:hover:not(:disabled){box-shadow:0 4px 12px #9404c359;transform:translateY(-1px)}.review-template-save-button:disabled{cursor:not-allowed;opacity:.5}.review-final-instructions{background:linear-gradient(135deg,#f9f5ff,#fff);border:2px solid #e9d5ff;border-radius:12px;margin-bottom:24px;padding:28px}.review-instructions-title{color:#111827;font-size:16px;font-weight:700;margin:0 0 20px}.review-instructions-list{display:flex;flex-direction:column;gap:16px}.review-instruction-item{display:flex;gap:16px}.review-instruction-number{align-items:center;background:linear-gradient(135deg,#9404c3,#550173);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.review-instruction-content h5{color:#111827;font-size:14px;font-weight:700;margin:0 0 4px}.review-instruction-content p{color:#6b7280;font-size:13px;line-height:1.5;margin:0}@media (max-width:768px){.review-readiness-card{align-items:flex-start;flex-direction:column}.review-sections-list,.review-summary-grid{grid-template-columns:1fr}.review-template-name{flex-direction:column}.review-template-input,.review-template-save-button{width:100%}}.test-plan-wizard-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.test-plan-wizard-container{animation:slideUp .4s ease-out;max-height:92vh;max-width:1400px}.test-plan-wizard-container,.test-plan-wizard-container.inline-mode{background:#0000;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:16px;width:100%}.test-plan-wizard-container.inline-mode{height:auto;max-height:none;max-width:none;position:relative;transform:translateX(0);transition:all .5s cubic-bezier(.4,0,.2,1)}.extraction-success-banner{align-items:center;animation:slideDown .4s ease-out;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:20px 24px}.extraction-success-banner h3{color:#065f46;font-size:16px;font-weight:700;margin:0 0 4px}.extraction-success-banner p{color:#047857;font-size:13px;line-height:1.5;margin:0}.extract-button{align-items:center;background:linear-gradient(135deg,#9404c3,#550173);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-left:12px;padding:8px 16px;transition:all .2s ease}.extract-button:hover:not(:disabled){box-shadow:0 4px 12px #9404c359;transform:translateY(-1px)}.extract-button:disabled{cursor:not-allowed;opacity:.7}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.import-mode-summary{background:#eee;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:20px 24px}.import-mode-stats{align-items:center;display:flex;gap:24px;justify-content:center}.import-stat{align-items:center;display:flex;gap:12px}.import-stat div{display:flex;flex-direction:column;gap:2px}.import-stat-value{color:#111827;font-size:24px;font-weight:700;line-height:1}.import-stat-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.import-stat-divider{background:#e5e7eb;height:40px;width:2px}.import-sections-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.import-section-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;padding:20px 24px;transition:all .3s ease}.import-section-card:hover{border-color:#9404c3;box-shadow:0 2px 8px #9404c31a}.import-section-card.import-enabled{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#10b981}.import-section-card.manual-mode{border-color:#e5e7eb}.import-section-left{align-items:center;display:flex;flex:1 1;gap:16px}.import-section-icon-wrapper{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;color:#6b7280;display:flex;height:56px;justify-content:center;transition:all .3s ease;width:56px}.import-section-icon-wrapper.import-mode{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.import-section-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.import-section-title{align-items:center;color:#111827;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0}.import-required-badge{align-items:center;background:#9404c3;border-radius:4px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;padding:2px 8px;text-transform:uppercase}.import-section-description{color:#6b7280;font-size:13px;line-height:1.5;margin:0}.import-data-preview,.import-data-warning,.import-manual-notice{align-items:center;border-radius:6px;display:flex;font-size:12px;gap:6px;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.import-data-preview{background:#10b9811a;color:#065f46}.import-data-warning{background:#f59e0b1a;color:#92400e}.import-manual-notice{background:#6b72801a;color:#374151}.import-toggle-button{align-items:center;background:#fff;border:2px solid;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.import-toggle-button:not(.active){border-color:#9404c3;color:#9404c3}.import-toggle-button:not(.active):hover:not(:disabled){background:#9404c3;color:#fff;transform:translateX(4px)}.import-toggle-button.active{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981;color:#10b981}.import-toggle-button:disabled{cursor:not-allowed;opacity:.5}.non-importable-notice{background:#eee;border:2px solid #e5e7eb;border-radius:12px;margin-top:32px;padding:24px}.non-importable-title{align-items:center;color:#111827;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 8px}.non-importable-text{color:#6b7280;font-size:14px;margin:0 0 16px}.non-importable-sections-list{display:flex;flex-wrap:wrap;gap:8px}.non-importable-section-chip{background:linear-gradient(135deg,#fff7ed,#fed7aa);border:1px solid #fdba74;border-radius:6px;color:#92400e;font-size:12px;font-weight:600;padding:6px 12px}.configuration-imported-badge{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #10b981;border-radius:4px;color:#065f46;display:inline-flex;font-size:10px;font-weight:700;gap:4px;padding:2px 8px;text-transform:uppercase}.configuration-import-notice{align-items:center;color:#059669;display:flex;font-size:11px;gap:4px;margin-top:4px}.config-imported-badge{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #10b981;border-radius:6px;color:#065f46;display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-top:8px;padding:4px 12px}.import-summary-section{background:linear-gradient(135deg,#f0fdf4,#fff);border:2px solid #10b981;border-radius:12px;margin-bottom:32px;padding:24px}.import-summary-title{align-items:center;color:#065f46;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 8px}.import-summary-text{color:#047857;font-size:14px;line-height:1.5;margin:0 0 16px}.import-summary-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.import-summary-item{align-items:center;background:#fff;border:1px solid #bbf7d0;border-radius:6px;color:#065f46;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px}.review-highlights{background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:28px}.review-highlights-title{color:#111827;font-size:18px;font-weight:700;margin:0 0 20px}.review-highlights-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.review-highlight-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;padding:16px}.review-highlight-icon{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.review-highlight-content h4{color:#111827;font-size:14px;font-weight:700;margin:0 0 8px}.review-highlight-content p{color:#6b7280;font-size:12px;margin:0 0 4px}.risks-list{display:flex;flex-direction:column;gap:16px}.risk-card{background:#eee;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.risk-card:hover{border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b1a}.risk-card-header{gap:12px;margin-bottom:16px}.risk-card-header,.risk-number{align-items:center;display:flex}.risk-number{border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.risk-description-input{border:1px solid #d1d5db;border-radius:8px;color:#111827;flex:1 1;font-size:15px;font-weight:600;padding:10px 14px}.risk-description-input:focus{border-color:#9404c3;box-shadow:0 0 0 3px #9404c31a;outline:none}.risk-delete-button{align-items:center;background:#fee2e2;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.risk-delete-button:hover{background:#fecaca}.risk-card-body{display:flex;flex-direction:column;gap:16px}.risk-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.risk-field{display:flex;flex-direction:column;gap:6px}.risk-label{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:600;gap:4px;letter-spacing:.5px;text-transform:uppercase}.risk-input,.risk-select{border:2px solid #e5e7eb;border-radius:6px;color:#111827;font-size:13px;padding:8px 12px}.risk-input:focus,.risk-select:focus{border-color:#9404c3;box-shadow:0 0 0 3px #9404c31a;outline:none}.risk-textarea-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.risk-textarea-field{display:flex;flex-direction:column;gap:8px}.risk-textarea{border:2px solid #e5e7eb;border-radius:8px;color:#111827;font-family:inherit;font-size:13px;padding:10px 14px;resize:vertical;width:100%}.risk-textarea:focus{border-color:#9404c3;box-shadow:0 0 0 3px #9404c31a;outline:none}.import-empty-state{background:#fff;border:2px dashed #d1d5db;border-radius:12px;padding:80px 20px;text-align:center}.import-empty-icon{color:#d1d5db;margin-bottom:16px}.import-empty-state h3{color:#374151;font-size:18px;font-weight:700;margin:0 0 8px}.import-empty-state p{color:#6b7280;font-size:14px;margin:0}@media (max-width:768px){.import-section-card{align-items:flex-start;flex-direction:column;gap:16px}.import-section-left{width:100%}.import-toggle-button{justify-content:center;width:100%}.review-highlights-grid,.risk-row,.risk-textarea-row{grid-template-columns:1fr}}.scope-items-list{display:flex;flex-direction:column;gap:8px}.scope-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:12px;padding:12px}.scope-item-indicator{border-radius:50%;flex-shrink:0;height:12px;width:12px}.scope-item-indicator.in-scope{background:#10b981}.scope-item-indicator.out-of-scope{background:#ef4444}.scope-item-input{border:1px solid #e5e7eb;border-radius:6px;flex:1 1;font-size:13px;padding:8px 12px}.scope-item-delete{align-items:center;background:#0000;border:none;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.scope-item-delete:hover{background:#fee2e2;border-radius:4px}.test-types-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.test-type-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.test-type-card:hover{border-color:#d1d5db;transform:translateY(-1px)}.test-type-card.selected{background:#f0fdf4}.test-type-checkbox{align-items:center;border:2px solid #d1d5db;border-radius:4px;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.test-type-label{color:#374151;font-size:13px;font-weight:600}.test-levels-list{display:flex;flex-direction:column;gap:8px}.test-level-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.test-level-item:hover{border-color:#d1d5db}.test-level-item.selected{background:#eff6ff;border-color:#3b82f6}.test-level-checkbox{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:4px;color:#3b82f6;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.test-level-item.selected .test-level-checkbox{background:#3b82f6;border-color:#3b82f6;color:#fff}.test-level-label{color:#374151;font-size:14px;font-weight:500}.criteria-list{display:flex;flex-direction:column;gap:8px}.criterion-item{background:#f9fafb;border-radius:8px;padding:12px}.criterion-item-content{display:flex;flex-direction:column;gap:8px}.criterion-input{border:1px solid #e5e7eb;border-radius:6px;font-size:13px;padding:10px 14px;width:100%}.criterion-controls{align-items:center;display:flex;justify-content:space-between}.criterion-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:6px}.criterion-checkbox{cursor:pointer}.criterion-delete-button{align-items:center;background:#0000;border:none;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.criterion-delete-button:hover{background:#fee2e2;border-radius:4px}.deliverables-list{display:flex;flex-direction:column;gap:16px}.deliverable-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden}.deliverable-card-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:16px}.deliverable-number{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.deliverable-name-input{border:1px solid #e5e7eb;border-radius:6px;flex:1 1;font-size:15px;font-weight:600;padding:8px 12px}.deliverable-delete-button{align-items:center;background:#0000;border:none;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.deliverable-delete-button:hover{background:#fee2e2;border-radius:6px}.deliverable-card-body{padding:16px;position:relative}.deliverable-type-badge{border-radius:6px;font-size:11px;font-weight:600;padding:4px 12px;position:absolute;right:12px;top:12px}.priority-levels-list,.severity-levels-list{display:flex;flex-direction:column;gap:8px}.priority-level-item,.severity-level-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.severity-level-indicator{border-radius:50%;flex-shrink:0;height:12px;width:12px}.priority-level-badge{align-items:center;background:#f3f4f6;border-radius:6px;color:#6b7280;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.priority-level-content,.severity-level-content{flex:1 1}.priority-level-name,.severity-level-name{color:#111827;font-size:14px;font-weight:600;margin:0 0 4px}.priority-level-description,.severity-level-description{color:#6b7280;font-size:12px;margin:0}.languages-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.language-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:12px;transition:all .2s ease}.language-card:hover{border-color:#d1d5db}.language-card.selected{background:#faf5ff;border-color:#9404c3}.language-checkbox{align-items:center;border:2px solid #d1d5db;border-radius:4px;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;width:18px}.language-card.selected .language-checkbox{background:#9404c3;border-color:#9404c3;color:#fff}.language-label{color:#374151;font-size:13px;font-weight:600}.automation-scope-list{display:flex;flex-direction:column;gap:12px}.automation-scope-item{align-items:flex-start;background:#f9fafb;border-radius:8px;display:flex;gap:12px;padding:12px}.automation-scope-content{flex:1 1}.automation-scope-delete{align-items:center;background:#0000;border:none;color:#ef4444;cursor:pointer;display:flex;justify-content:center;margin-top:28px;padding:4px;transition:all .2s ease}.automation-scope-delete:hover{background:#fee2e2;border-radius:4px}.channels-grid,.kpis-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.channel-card,.kpi-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:12px 16px;transition:all .2s ease}.channel-card:hover,.kpi-card:hover{border-color:#d1d5db}.channel-card.selected,.kpi-card.selected{background:#eff6ff;border-color:#3b82f6}.channel-checkbox,.kpi-checkbox{align-items:center;border:2px solid #d1d5db;border-radius:4px;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;width:18px}.channel-card.selected .channel-checkbox,.kpi-card.selected .kpi-checkbox{background:#3b82f6;border-color:#3b82f6;color:#fff}.channel-label,.kpi-label{color:#374151;font-size:13px;font-weight:600}.meetings-list,.metrics-list,.reports-list{display:flex;flex-direction:column;gap:12px}.meeting-card,.metric-card,.report-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden}.meeting-card-header,.metric-card-header,.report-card-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:12px 16px}.meeting-name-input,.metric-name-input,.report-name-input{border:1px solid #e5e7eb;border-radius:6px;flex:1 1;font-size:14px;font-weight:600;padding:8px 12px}.meeting-delete-button,.metric-delete-button,.report-delete-button{align-items:center;background:#0000;border:none;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.meeting-delete-button:hover,.metric-delete-button:hover,.report-delete-button:hover{background:#fee2e2;border-radius:4px}.meeting-card-body,.metric-card-body,.report-card-body{padding:16px}.environments-list{display:flex;flex-direction:column;gap:16px}.environment-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden}.environment-card-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:16px}.environment-status-indicator{border-radius:50%;flex-shrink:0;height:12px;width:12px}.environment-name-input{border:1px solid #e5e7eb;border-radius:6px;flex:1 1;font-size:15px;font-weight:600;padding:8px 12px}.environment-delete-button{align-items:center;background:#0000;border:none;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.environment-delete-button:hover{background:#fee2e2;border-radius:6px}.environment-card-body{padding:16px}.config-form-slider{-webkit-appearance:none;appearance:none;background:#e5e7eb;border-radius:3px;height:6px;outline:none}.config-form-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#9404c3;border-radius:50%;cursor:pointer;height:20px;width:20px}.config-form-slider::-moz-range-thumb{background:#9404c3;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.config-mode-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}.config-mode-card{align-items:center;background:#fff;border:3px solid #e5e7eb;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:20px;min-height:450px;padding:32px;text-align:center;transition:all .3s ease}.config-mode-card:hover:not(.disabled){border-color:#9404c3;box-shadow:0 8px 24px #9404c326;transform:translateY(-4px)}.config-mode-card.selected{background:linear-gradient(135deg,#faf5ff,#fff);border-color:#9404c3;border-width:4px;box-shadow:0 12px 32px #9404c340;transform:scale(1.02)}.config-mode-card.disabled{cursor:not-allowed;opacity:.5}.config-mode-icon{align-items:center;border-radius:20px;color:#fff;display:flex;height:90px;justify-content:center;width:90px}.config-mode-icon.import{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b9814d}.config-mode-icon.manual{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 24px #3b82f64d}.config-mode-title{color:#111827;font-size:24px;font-weight:700;margin:0}.config-mode-description{color:#6b7280;flex:1 1;font-size:14px;line-height:1.7;margin:0}.config-mode-features{align-items:flex-start;display:flex;flex-direction:column;gap:12px;width:100%}.config-mode-feature{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:500;gap:10px}.config-mode-feature svg{color:#10b981;flex-shrink:0}.config-mode-badge{border-radius:8px;font-size:13px;font-weight:600;margin-top:auto;padding:10px 20px}.config-mode-badge.import{background:#10b9811a;border:2px solid #10b9814d;color:#065f46}.config-mode-badge.manual{background:#3b82f61a;border:2px solid #3b82f64d;color:#1e40af}.config-mode-warning{background:#f59e0b1a;border:2px solid #f59e0b4d;border-radius:8px;color:#92400e;font-size:13px;font-weight:600;margin-top:auto;padding:10px 20px}@media (max-width:768px){.config-mode-grid{grid-template-columns:1fr}}:root{--background-color:#eee;--surface-color:#f3f0f0;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--border-color:#ddd;--card-background:#eee;--input-background:#eee;--shadow-base:#0000001a;--hex-color:#eee;--code-file:#fffff;--filter-border-color:#ccc;--filter-border-hover:#bbb;--neumorphic-shadow:1px 1px 2px 0px #ffffff4d inset,-1px -1px 2px 0px #cfcfcf80 inset,-10px 10px 20px 0px #cfcfcf33,10px -10px 20px 0px #cfcfcf33,-10px -10px 20px 0px #ffffffe6,10px 10px 25px 0px #cfcfcfe6;--box-shadow:inset -1px -1px 2px #d5d5d580,inset 1px 1px 2px #ffffff4d;--intense-box-shadow:inset 1px 1px 3px #c7c7c7e6,inset -1px -1px 3px #ffffffe6,inset 1px -1px 2px #c7c7c733,inset -1px 1px 2px #c7c7c733;--primary-color:#9404c3;--secondary-color:#530170;--accent-color:#700295;--accentHighlight-color:#710296;--shadowLight:#9404c34d;--shadowDark:#4d0565e6;--shadowMid:#70029580;--gradient1:linear-gradient(0deg,#4d0565,#9404c3);--gradient2:linear-gradient(90deg,#9404c3,#47025d);--path-indicator:#04c30e0d}.dark-mode{--background-color:#282b32;--surface-color:#303339;--text-primary:#fff;--text-secondary:#bfbfbf;--text-muted:grey;--border-color:#404040;--card-background:#282b32;--input-background:#282b32;--shadow-base:#0000004d;--hex-color:#404040;--code-file:#01011c;--filter-border-color:#505050;--filter-border-hover:#606060;--neumorphic-shadow:1px 1px 2px 0px #5050504d inset,-1px -1px 2px 0px #14141480 inset,-10px 10px 20px 0px #0006,10px -10px 20px 0px #0006,-10px -10px 20px 0px #5050504d,10px 10px 25px 0px #0009;--box-shadow:inset -1px -1px 2px #28282899,inset 1px 1px 2px #5a5a5a66;--intense-box-shadow:inset 1px 1px 3px #282b32e6,inset -1px -1px 3px #50555fe6,inset 1px -1px 2px #282b3233,inset -1px 1px 2px #282b3233}[data-theme=purple]{--primary-color:#9404c3;--secondary-color:#530170;--accent-color:#700295;--accentHighlight-color:#710296;--theme-border-color:#9404c366;--theme-border-hover:#9404c399;--shadowLight:#9404c34d;--shadowDark:#4d0565e6;--shadowMid:#70029580;--gradient1:linear-gradient(0deg,#4d0565,#9404c3);--gradient2:linear-gradient(90deg,#9404c3,#47025d);--path-indicator:#9404c30d}[data-theme=green]{--primary-color:#408122;--secondary-color:#0e4008;--accent-color:#2f5c17;--accentHighlight-color:#375328;--theme-border-color:#40812266;--theme-border-hover:#40812299;--shadowLight:#4081224d;--shadowDark:#2f5c1780;--shadowMid:#0e4008e6;--gradient1:linear-gradient(0deg,#0e4008,#408122);--gradient2:linear-gradient(90deg,#408122,#0e4008);--path-indicator:#04c30e0d}[data-theme=blue]{--primary-color:#4b89e7;--secondary-color:#113976;--accent-color:#2b5cb0;--accentHighlight-color:#3a6cc0;--theme-border-color:#4b89e766;--theme-border-hover:#4b89e799;--shadowLight:#4b89e74d;--shadowDark:#2b5cb080;--shadowMid:#113976e6;--gradient1:linear-gradient(0deg,#113976,#4b89e7);--gradient2:linear-gradient(90deg,#4b89e7,#113976);--path-indicator:#04adc30d}[data-theme=red]{--primary-color:#e03c31;--secondary-color:#711913;--accent-color:#a2261d;--accentHighlight-color:#b5352b;--theme-border-color:#e03c3166;--theme-border-hover:#e03c3199;--shadowLight:#e03c314d;--shadowDark:#a2261d80;--shadowMid:#711913e6;--gradient1:linear-gradient(0deg,#711913,#e03c31);--gradient2:linear-gradient(90deg,#e03c31,#711913);--path-indicator:#c32a040d}[data-theme=yellow]{--primary-color:#d8b732;--secondary-color:#d09a11;--accent-color:#d2a228;--accentHighlight-color:#d4ab44;--theme-border-color:#d8b73266;--theme-border-hover:#d8b73299;--shadowLight:#ccac2e4d;--shadowDark:#a0730080;--shadowMid:#8b6400e6;--gradient1:linear-gradient(0deg,#d09a11,#d8b732);--gradient2:linear-gradient(90deg,#d8b732,#d09a11);--path-indicator:#c3b3040d}:root{--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem}.hero-text{font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:600;line-height:1.2}.display-text,.hero-text{color:var(--text-primary);font-family:Poppins,sans-serif}.display-text{font-size:3rem;font-size:var(--font-size-5xl);font-weight:700;line-height:1.1}.heading{font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:600;line-height:1.3}.heading,.subheading{color:var(--text-primary);font-family:Poppins,sans-serif}.subheading{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:500;line-height:1.4}.section-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:600;line-height:1.3}.body-text{font-size:1rem;font-size:var(--font-size-base);font-weight:400}.body-large,.body-text{color:var(--text-primary);font-family:Poppins,sans-serif;line-height:1.6}.body-large{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:420}.body-small{color:var(--text-secondary);line-height:1.5}.body-small,.caption{font-family:Poppins,sans-serif;font-size:.875rem;font-size:var(--font-size-sm);font-weight:400}.caption,.small-caption{color:var(--text-muted);line-height:1.4}.small-caption{font-size:.75rem;font-size:var(--font-size-xs);font-weight:400}.button-text,.small-caption{font-family:Poppins,sans-serif}.button-text{font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.025em;text-transform:uppercase}.link{color:var(--primary-color);font-family:Poppins,sans-serif;text-decoration:underline;transition:color .2s ease}.link:hover{color:var(--accent-color)}.label{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500}@media (max-width:768px){.display-text{font-size:2.25rem;font-size:var(--font-size-4xl)}.hero-text{font-size:1.875rem;font-size:var(--font-size-3xl)}.heading{font-size:1.5rem;font-size:var(--font-size-2xl)}.section-title{font-size:1.25rem;font-size:var(--font-size-xl)}}.login-small-caption{font-size:11px}.login-body-text,.login-small-caption{font-family:Poppins,sans-serif;font-weight:400}.login-body-text{font-size:14px}.login-subheading{font-family:Poppins,sans-serif;font-size:30px;font-weight:630}.login-heading{font-family:Poppins,sans-serif;font-size:38px;font-weight:700}.login-hero-text{font-family:Poppins,sans-serif;font-size:16px;font-weight:600}.token-usage-dashboard{background:var(--background-color);color:var(--text-color);padding:2rem}.token-usage-dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.token-usage-dashboard-title-section{flex:1 1;min-width:300px}.token-usage-dashboard-title{color:var(--text-color);font-size:2rem;font-weight:600;margin:0 0 .5rem}.token-usage-dashboard-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.token-usage-dashboard-actions{align-items:center;display:flex;gap:1rem}.token-usage-refresh-btn{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.token-usage-refresh-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.token-usage-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.forecast-controls-disabled{background-color:#f5f5f5;background-color:var(--background-secondary,#f5f5f5);border:1px dashed #ddd;border:1px dashed var(--border-color,#ddd);border-radius:8px;padding:.75rem 1rem}[data-theme=dark] .forecast-controls-disabled{background-color:#ffffff0d;border-color:#ffffff1a}.forecast-unavailable-message{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;font-size:.875rem;gap:.5rem}.forecast-unavailable-message svg{color:#ff9800;color:var(--warning-color,#ff9800);flex-shrink:0}[data-theme=dark] .forecast-unavailable-message{color:#fff9}[data-theme=dark] .forecast-unavailable-message svg{color:#ffa726}.forecast-info-tooltip{align-items:center;background-color:#e3f2fd;background-color:var(--info-background,#e3f2fd);border-radius:6px;color:#1976d2;color:var(--info-color,#1976d2);display:flex;font-size:.8125rem;gap:.375rem;padding:.375rem .75rem}.forecast-info-tooltip svg{flex-shrink:0}.forecast-info-text{line-height:1.4}[data-theme=dark] .forecast-info-tooltip{background-color:#1976d226;color:#64b5f6}.forecast-badge{background-color:#9c27b0;background-color:var(--primary-color,#9c27b0);border-radius:4px;color:#fff;display:inline-block;font-size:.6875rem;font-weight:600;letter-spacing:.5px;margin-left:.5rem;padding:.125rem .5rem;text-transform:uppercase}.trends-chart-tooltip-note{border-top:1px solid #0000001a;color:#999;color:var(--text-tertiary,#999);font-size:.75rem;font-style:italic;margin-top:.5rem;padding-top:.5rem}[data-theme=dark] .trends-chart-tooltip-note{border-top-color:#ffffff1a;color:#ffffff80}.forecast-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.forecast-toggle-btn{transition:all .2s ease}.forecast-toggle-btn:hover{box-shadow:0 2px 8px #9c27b033;transform:translateY(-1px)}.forecast-toggle-btn.active{background-color:#9c27b0;background-color:var(--primary-color,#9c27b0);color:#fff}@media (max-width:768px){.forecast-controls{align-items:stretch;flex-direction:column}.forecast-unavailable-message{justify-content:center;padding:.875rem;text-align:center}.forecast-info-tooltip{flex-direction:column;padding:.75rem;text-align:center}}.forecast-info-card-beautiful{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea33;color:#fff;margin-bottom:1.5rem;padding:1.5rem}[data-theme=dark] .forecast-info-card-beautiful{background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:0 10px 30px #0006}.forecast-info-header-beautiful{align-items:center;border-bottom:1px solid #fff3;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.forecast-info-icon-beautiful{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.forecast-info-title-beautiful h4{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.forecast-info-title-beautiful p{color:#fffc;font-size:.875rem;margin:.25rem 0 0}.forecast-info-title-beautiful strong{color:#fff;font-weight:600}.forecast-info-grid-beautiful{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}@media (max-width:768px){.forecast-info-grid-beautiful{grid-template-columns:1fr}}.forecast-metric-card-beautiful{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.forecast-metric-card-beautiful:hover{background:#ffffff26;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.forecast-metric-label-beautiful{align-items:center;color:#ffffffb3;display:flex;font-size:.8125rem;font-weight:500;gap:.5rem;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.forecast-metric-value-beautiful{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.forecast-metric-value-beautiful,.forecast-trend-value{align-items:center;display:flex;gap:.5rem}.forecast-confidence-badge{border-radius:6px;color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.forecast-metric-detail-beautiful{color:#ffffffb3;font-size:.8125rem}.forecast-trend-warning{color:#ffcdd2;font-weight:500}.forecast-trend-success{color:#c8e6c9;font-weight:500}.forecast-trend-neutral{color:#ffe0b2;font-weight:500}.forecast-explanation-box-beautiful{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;display:flex;gap:.75rem;padding:1rem}.forecast-explanation-icon{align-items:center;background:#ffffff26;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.forecast-explanation-content{flex:1 1}.forecast-explanation-title{color:#fff;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.forecast-explanation-text{color:#fffc;font-size:.8125rem;line-height:1.5;margin:0}.forecast-explanation-text strong{color:#fff;font-weight:600}.forecast-controls-beautiful{background:#f5f5f5;background:var(--background-secondary,#f5f5f5);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1rem}[data-theme=dark] .forecast-controls-beautiful{background:#ffffff08;border-color:#ffffff1a}.forecast-toggle-btn-beautiful{align-items:center;background:#fff;border:2px solid #9c27b0;border-radius:10px;box-shadow:0 2px 8px #9c27b01a;color:#9c27b0;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.forecast-toggle-btn-beautiful:hover{background:#f3e5f5;box-shadow:0 4px 12px #9c27b033;transform:translateY(-1px)}.forecast-toggle-btn-beautiful.active{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border-color:#9c27b0;color:#fff}.forecast-toggle-btn-beautiful.active:hover{background:linear-gradient(135deg,#8e24aa,#6a1b9a);box-shadow:0 4px 16px #9c27b04d}[data-theme=dark] .forecast-toggle-btn-beautiful{background:#ffffff0d;border-color:#ba68c8;color:#ba68c8}[data-theme=dark] .forecast-toggle-btn-beautiful:hover{background:#9c27b026}[data-theme=dark] .forecast-toggle-btn-beautiful.active{background:linear-gradient(135deg,#ba68c8,#9c27b0);color:#fff}.forecast-options-section-beautiful,.forecast-period-section-beautiful{display:flex;flex-direction:column;gap:.75rem}.forecast-label-beautiful{color:#333;color:var(--text-primary,#333);font-size:.875rem;font-weight:600}[data-theme=dark] .forecast-label-beautiful{color:#ffffffe6}.forecast-period-buttons-beautiful{display:flex;flex-wrap:wrap;gap:.5rem}.forecast-period-btn-beautiful{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;min-width:100px;padding:.75rem 1rem;transition:all .2s ease}.forecast-period-btn-beautiful:hover{background:#f3e5f5;border-color:#9c27b0;box-shadow:0 4px 8px #9c27b026;transform:translateY(-2px)}.forecast-period-btn-beautiful.active{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border-color:#9c27b0;box-shadow:0 4px 12px #9c27b040;color:#fff}[data-theme=dark] .forecast-period-btn-beautiful{background:#ffffff0d;border-color:#ffffff1a;color:#ffffffe6}[data-theme=dark] .forecast-period-btn-beautiful:hover{background:#9c27b026;border-color:#ba68c8}[data-theme=dark] .forecast-period-btn-beautiful.active{background:linear-gradient(135deg,#ba68c8,#9c27b0);border-color:#ba68c8}.forecast-period-label{font-size:.9375rem;font-weight:600}.forecast-period-sublabel{font-size:.75rem;margin-top:.125rem;opacity:.7}.forecast-period-btn-beautiful.active .forecast-period-sublabel{opacity:.9}.forecast-info-tooltip-beautiful{align-items:center;background:#e3f2fd;border-left:3px solid #1976d2;border-radius:8px;color:#1976d2;display:flex;font-size:.8125rem;gap:.5rem;padding:.75rem}[data-theme=dark] .forecast-info-tooltip-beautiful{background:#1976d226;border-left-color:#64b5f6;color:#64b5f6}.forecast-info-text-beautiful{line-height:1.4}.forecast-controls-disabled-beautiful{background:#fafafa;background:var(--background-tertiary,#fafafa);border:1px dashed #ddd;border:1px dashed var(--border-color,#ddd);border-radius:12px;padding:1rem}[data-theme=dark] .forecast-controls-disabled-beautiful{background:#ffffff05;border-color:#ffffff1a}.forecast-unavailable-message-beautiful{align-items:flex-start;color:#666;color:var(--text-secondary,#666);display:flex;gap:.75rem}.forecast-unavailable-message-beautiful svg{color:#ff9800;flex-shrink:0;margin-top:.125rem}.forecast-unavailable-text{display:flex;flex-direction:column;gap:.25rem}.forecast-unavailable-title{color:#333;color:var(--text-primary,#333);font-size:.9375rem;font-weight:600}[data-theme=dark] .forecast-unavailable-title{color:#ffffffe6}.forecast-unavailable-reason{color:#666;color:var(--text-secondary,#666);font-size:.8125rem}[data-theme=dark] .forecast-unavailable-reason{color:#fff9}[data-theme=dark] .forecast-unavailable-message-beautiful svg{color:#ffa726}@media (max-width:768px){.forecast-period-buttons-beautiful{flex-direction:column}.forecast-period-btn-beautiful{width:100%}.forecast-toggle-btn-beautiful{justify-content:center;width:100%}}.token-usage-loading-container{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:70vh}.token-usage-loading-spinner{animation:spin 1s linear infinite;color:#9404c3;color:var(--primary-color,#9404c3)}.token-usage-non-admin-message{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin:0 auto;max-width:600px;min-height:70vh;padding:2rem;text-align:center}.token-usage-non-admin-message svg{margin-bottom:1rem}.token-usage-non-admin-message h1{color:#1e293b;color:var(--text-primary,#1e293b);font-size:2rem;font-weight:700;margin:0}.token-usage-non-admin-message p{color:#64748b;color:var(--text-secondary,#64748b);font-size:1.125rem;line-height:1.6;margin:.5rem 0}.token-usage-non-admin-hint{background:#f8fafc;background:var(--background-secondary,#f8fafc);border:1px dashed #e2e8f0;border:1px dashed var(--border-color,#e2e8f0);border-radius:8px;color:#94a3b8!important;color:var(--text-tertiary,#94a3b8)!important;font-size:.95rem!important;font-style:italic;margin-top:1rem!important;padding:1rem}[data-theme=dark] .token-usage-loading-container,[data-theme=dark] .token-usage-non-admin-message{color:#ffffffb3}[data-theme=dark] .token-usage-non-admin-message h1{color:#fffffff2}[data-theme=dark] .token-usage-non-admin-message p{color:#ffffffb3}[data-theme=dark] .token-usage-non-admin-hint{background:#ffffff0d;border-color:#ffffff1a;color:#ffffff80!important}@media (max-width:768px){.token-usage-non-admin-message{min-height:50vh;padding:1.5rem}.token-usage-non-admin-message h1{font-size:1.5rem}.token-usage-non-admin-message p{font-size:1rem}.token-usage-non-admin-hint{font-size:.875rem!important}}.token-usage-dashboard{min-height:100vh}.forecast-controls-compact{padding:.5rem .75rem}.forecast-toggle-compact{align-items:center;background:#fff;border:1.5px solid #9c27b0;border-radius:8px;color:#9c27b0;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.5rem .875rem;transition:all .15s ease;white-space:nowrap}.forecast-toggle-compact:hover{background:#f3e5f5;transform:translateY(-1px)}.forecast-toggle-compact.active{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border-color:#9c27b0;color:#fff}[data-theme=dark] .forecast-toggle-compact{background:#9c27b01a;border-color:#ba68c8;color:#ba68c8}[data-theme=dark] .forecast-toggle-compact:hover{background:#9c27b033}[data-theme=dark] .forecast-toggle-compact.active{background:linear-gradient(135deg,#ba68c8,#9c27b0);color:#fff}.forecast-divider-compact{background:#e0e0e0;background:var(--border-color,#e0e0e0);height:24px;width:1px}[data-theme=dark] .forecast-divider-compact{background:#ffffff26}.forecast-label-compact{color:#666;color:var(--text-secondary,#666);font-size:.8125rem;font-weight:500;white-space:nowrap}[data-theme=dark] .forecast-label-compact{color:#ffffffb3}.forecast-options-compact{align-items:center;display:inline-flex;gap:.375rem}.forecast-option-compact{align-items:center;background:#fff;border:1.5px solid #e0e0e0;border-radius:6px;color:#333;color:var(--text-primary,#333);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;justify-content:center;min-width:40px;padding:.375rem .625rem;transition:all .15s ease;white-space:nowrap}.forecast-option-compact:hover{background:#f3e5f5;border-color:#9c27b0}.forecast-option-compact.active{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border-color:#9c27b0;color:#fff}[data-theme=dark] .forecast-option-compact{background:#ffffff0d;border-color:#fff3;color:#ffffffe6}[data-theme=dark] .forecast-option-compact:hover{background:#9c27b026;border-color:#ba68c8}[data-theme=dark] .forecast-option-compact.active{background:linear-gradient(135deg,#ba68c8,#9c27b0);border-color:#ba68c8;color:#fff}.forecast-disabled-compact{align-items:center;background:#ff98001a;border:1px solid #ff98004d;border-radius:6px;color:#f57c00;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.5rem .875rem}[data-theme=dark] .forecast-disabled-compact{background:#ff980026;border-color:#ff98004d;color:#ffa726}@media (max-width:640px){.forecast-controls-compact{flex-wrap:wrap}.forecast-toggle-compact{width:100%}.forecast-options-compact{justify-content:space-between;width:100%}}.trends-chart-tooltip{background-color:var(--card-background);box-shadow:0 4px 12px var(--shadow-base);min-width:200px}.trends-chart-tooltip-label{color:var(--text-primary);font-size:.9rem}.trends-chart-tooltip-item{align-items:center;color:var(--text-secondary);font-size:.85rem}.trends-chart-tooltip-item span:first-child{margin-right:1rem}.trends-chart-tooltip-value{color:var(--text-primary);font-weight:600}.trends-chart-tooltip-total{border-top:1px solid var(--border-color);font-size:.9rem!important;font-weight:700!important;margin-top:.5rem;padding-top:.5rem}.trends-chart-tooltip-total .trends-chart-tooltip-value{color:#f44336!important;font-size:.95rem;font-weight:700}.token-usage-filters-section{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.token-usage-filter-group{display:flex;flex-direction:column;gap:.5rem}.token-usage-filter-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.token-usage-filter-select{background:var(--input-background);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:.95rem;padding:.5rem 1rem;transition:border-color .2s ease}.token-usage-filter-select:focus,.token-usage-filter-select:hover{border-color:var(--primary-color)}.token-usage-filter-select:focus{box-shadow:0 0 0 3px #4096ff1a;outline:none}.token-usage-reset-filters-btn{background:var(--secondary-background);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:.95rem;padding:.5rem 1rem;transition:all .2s ease}.token-usage-reset-filters-btn:hover{background:var(--hover-background);border-color:var(--primary-color)}.token-usage-date-picker-container{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:400px}.token-usage-date-picker-icon{color:var(--text-secondary)}.token-usage-date-picker-inputs{align-items:center;display:flex;flex:1 1;gap:1rem}.token-usage-date-input-group{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.token-usage-date-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.token-usage-date-input{background:var(--input-background);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:.95rem;padding:.5rem 1rem;transition:border-color .2s ease}.token-usage-date-input:focus,.token-usage-date-input:hover{border-color:var(--primary-color)}.token-usage-date-input:focus{box-shadow:0 0 0 3px #4096ff1a;outline:none}.token-usage-date-separator{color:var(--text-secondary);font-size:.95rem;margin-top:1.5rem}.token-usage-export-container{align-items:center;display:flex;gap:.5rem}.token-usage-export-format-select{background:var(--input-background);border:1px solid var(--border-color);border-radius:8px 0 0 8px;color:var(--text-color);cursor:pointer;font-size:.95rem;padding:.75rem 1rem;transition:border-color .2s ease}.token-usage-export-format-select:hover:not(:disabled){border-color:var(--primary-color)}.token-usage-export-btn{align-items:center;background:#4caf50;background:var(--success-color,#4caf50);border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.token-usage-export-btn:hover:not(:disabled){background:#45a049;background:var(--success-hover,#45a049);transform:translateY(-1px)}.token-usage-export-btn:disabled{cursor:not-allowed;opacity:.6}.token-usage-dashboard-content{display:flex;flex-direction:column;gap:2rem}.token-usage-overview-container,.token-usage-section{width:100%}.token-usage-overview-card-main{border-radius:12px;min-height:300px;overflow:hidden;padding:2rem;position:relative}.token-usage-card-background-svg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.token-usage-overview-content{position:relative;z-index:1}.token-usage-overview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.token-usage-overview-title{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0}.token-usage-status-badge{align-items:center;border-radius:20px;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.token-usage-overview-main-metric{margin-bottom:2rem}.token-usage-cost-section{margin-bottom:1.5rem}.token-usage-cost-label{color:var(--text-secondary);font-size:.875rem;margin:0 0 .5rem}.token-usage-cost-value{color:var(--text-color);font-size:3rem;font-weight:700;margin:0}.token-usage-cost-sublabel{color:var(--text-secondary);font-size:.95rem;margin:.25rem 0 0}.token-usage-progress-section{margin-top:1rem}.token-usage-progress-bar{background:#e0e0e0;background:var(--progress-background,#e0e0e0);border-radius:6px;height:12px;margin-bottom:.5rem;overflow:hidden;width:100%}.token-usage-progress-fill{border-radius:6px;height:100%;transition:width .3s ease}.token-usage-progress-text{color:var(--text-secondary);font-size:.875rem;margin:0}.token-usage-overview-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.token-usage-stat-item{display:flex;flex-direction:column;gap:.25rem}.token-usage-stat-label{color:var(--text-secondary);font-size:.875rem}.token-usage-stat-value{color:var(--text-color);font-size:1.25rem;font-weight:600}.token-usage-chart-container{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.token-usage-chart-header{margin-bottom:1.5rem}.token-usage-chart-title{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0}.token-usage-chart-wrapper{width:100%}.token-usage-table-container{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.token-usage-table-header{margin-bottom:1.5rem}.token-usage-table-title{color:var(--text-color);font-size:1.5rem;font-weight:600}.token-usage-table-subtitle{color:var(--text-secondary);font-size:.95rem}.token-usage-table{border-collapse:collapse}.token-usage-table thead{background:var(--table-header-background);border-bottom:2px solid var(--border-color)}.token-usage-table th{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.token-usage-table-th-clickable{transition:background .2s ease}.token-usage-table-th-clickable:hover{background:var(--hover-background)}.token-usage-table-th-content{gap:.5rem}.token-usage-sort-indicator{font-size:.875rem}.token-usage-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s ease}.token-usage-table tbody tr:hover{background:var(--hover-background)}.token-usage-table td{color:var(--text-color);font-size:.95rem;padding:1rem}.token-usage-table-cell-userid{font-family:monospace;font-size:.875rem}.token-usage-userid-text{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-usage-table-cell-cost{color:var(--primary-color)}.token-usage-table-cell-number{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.token-usage-table-cell-percentage{font-weight:500}.token-usage-table-cell-username{font-size:.95rem;font-weight:500}.token-usage-username-text{display:inline-block;max-width:200px}.token-usage-view-details-btn{background:var(--primary-color);border-radius:6px;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.token-usage-view-details-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.token-usage-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.token-usage-modal-content{background:var(--card-background);border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.token-usage-modal-large{max-width:1000px}.token-usage-modal-header{align-items:flex-start;border-bottom:1px solid var(--border-color);padding:2rem}.token-usage-modal-title{color:var(--text-color);font-size:1.5rem}.token-usage-modal-subtitle{color:var(--text-secondary);font-family:monospace;font-size:.875rem;margin:.5rem 0 0;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-usage-modal-close-icon{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:.5rem;transition:all .2s ease}.token-usage-modal-close-icon:hover{background:var(--hover-background);color:var(--text-color)}.token-usage-modal-footer{border-top:1px solid var(--border-color);padding:1.5rem 2rem}.token-usage-modal-close-btn{background:var(--secondary-background);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.token-usage-modal-close-btn:hover{background:var(--hover-background);border-color:var(--primary-color)}.token-usage-sticky-filters{background:var(--background-color);border-bottom:3px solid #9404c3;box-shadow:0 6px 20px #0000001f;margin:-1rem -2rem 2rem;padding:1.5rem;transition:all .3s ease}[data-theme=dark] .token-usage-sticky-filters{box-shadow:0 6px 20px #00000080}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.token-usage-sticky-filters{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}[data-theme=dark] .token-usage-sticky-filters{background:#121212f2}}.token-usage-filters-section{align-items:flex-end;gap:1.5rem}.metrics-overview-cost-cards-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.metrics-cost-card{align-items:center;background:#00000005;background:var(--hover-background,#00000005);border:2px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.metrics-cost-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.metrics-cost-card-total{border-color:#f44336}.metrics-cost-card-input{border-color:#ff9800}.metrics-cost-card-output{border-color:#4caf50}.metrics-cost-card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.metrics-cost-card-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.metrics-cost-card-label{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.metrics-cost-card-amount{color:var(--text-color);font-size:1.75rem;font-weight:700;line-height:1}.metrics-cost-card-limit,.metrics-cost-card-sublabel{color:var(--text-secondary);font-size:.875rem}@media (max-width:968px){.metrics-overview-cost-cards-row{grid-template-columns:1fr}}.token-usage-details-stats-grid{grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.token-usage-details-stat-card{background:var(--secondary-background);border:1px solid var(--border-color);border-radius:8px;gap:1rem;padding:1.5rem}.token-usage-details-stat-icon{border-radius:8px;height:48px;width:48px}.token-usage-stat-icon-cost{background:#ff6b6b1a;color:#ff6b6b}.token-usage-stat-icon-requests{background:#9404c31a}.token-usage-stat-icon-tokens{background:#95e1d31a;color:#95e1d3}.token-usage-stat-icon-avg{background:#9404c31a;color:#9404c3}.token-usage-details-stat-label{color:var(--text-secondary);font-size:.875rem;margin:0 0 .25rem}.token-usage-details-stat-value{color:var(--text-color);font-size:1.5rem}.token-usage-details-conversations-section{margin-top:2rem}.token-usage-details-section-title{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.token-usage-conversations-table-wrapper{overflow-x:auto}.token-usage-conversations-table{font-size:.875rem}.token-usage-table-cell-convid{font-family:monospace;font-size:.875rem}.token-usage-table-cell-duration{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.token-usage-details-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.token-usage-details-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 2px 4px #00000008;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.token-usage-details-stat-card:before{background:linear-gradient(90deg,#0000,currentColor,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.token-usage-details-stat-card:hover{box-shadow:0 12px 24px #0000000f,0 6px 12px #0000000a;transform:translateY(-4px)}.token-usage-details-stat-card:hover:before{opacity:1}.token-usage-details-stat-icon{align-items:center;border-radius:14px;box-shadow:0 2px 8px #00000014;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.token-usage-stat-icon-cost{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.token-usage-stat-icon-requests{background:linear-gradient(135deg,#9404c326,#9404c340);color:#9404c3}.token-usage-stat-icon-tokens{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.token-usage-stat-icon-avg{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.token-usage-details-stat-info{flex:1 1;min-width:0}.token-usage-details-stat-label{color:#6b7280;font-size:13px;font-weight:500;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.token-usage-details-stat-value{color:#111827;font-size:28px;font-weight:700;line-height:1;margin:0}.token-usage-header-content{display:flex;flex-direction:column;gap:8px}.token-usage-modal-title{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.token-usage-modal-username{color:var(--primary-color);font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.token-usage-details-conversations-section{margin-top:32px}.token-usage-accordion-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.token-usage-accordion-wrapper::-webkit-scrollbar-thumb{background:#d1d5db}.token-usage-accordion-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}.token-usage-accordion-table{border-collapse:initial;border-spacing:0;font-size:14px}.token-usage-accordion-table thead{border-bottom:2px solid #e5e7eb}.token-usage-accordion-table thead th{background:linear-gradient(180deg,#f9fafb,#f3f4f6);border-bottom:2px solid #d1d5db;color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.token-usage-accordion-expand-col{padding:12px 16px!important;text-align:center;width:50px}.token-usage-accordion-conversation-col{min-width:300px}.token-usage-accordion-cost-col{padding-right:24px!important}.token-usage-conversation-row{background:linear-gradient(180deg,#fafbfc,#f5f7fa);border-top:1px solid #e5e7eb;transition:all .2s ease}.token-usage-conversation-row:hover{background:linear-gradient(180deg,#f0f4f8,#e8eef5);box-shadow:inset 0 1px 0 #ffffff80}.token-usage-conversation-row.expanded{background:linear-gradient(180deg,#9404c314,#9404c30d);border-bottom:2px solid var(--primary-color)}.token-usage-conversation-row td{padding:16px 20px;vertical-align:middle}.token-usage-expand-icon{align-items:center;color:#6b7280;display:flex;justify-content:center;transition:color .2s ease}.token-usage-conversation-row:hover .token-usage-expand-icon{color:var(--primary-color)}.token-usage-conversation-row.expanded .token-usage-expand-icon{color:var(--secondary-color)}.token-usage-conversation-title{color:#111827;font-size:14px}.token-usage-conversation-title strong{font-weight:600}.token-usage-request-row{background:#fff;border-top:1px solid #f3f4f6;transition:background-color .15s ease}.token-usage-request-row:hover{background:#f9fafb}.token-usage-request-row td{padding:12px 20px;vertical-align:middle}.token-usage-request-process{color:#4b5563;font-size:13px;padding-left:32px!important}.token-usage-request-indent{color:#9ca3af;font-size:16px;font-weight:500;margin-right:12px}.token-usage-process-name{color:#374151;font-weight:500}.token-usage-table-cell-cost{color:#047857;padding-right:24px!important;text-align:left}.token-usage-total-cost{color:#dc2626;font-size:14px}.token-usage-table-cell-duration{color:#9404c3;font-weight:600;text-align:left}.token-usage-request-badge{background:var(--gradient1);border-radius:12px;box-shadow:0 2px 4px var(--shadowLight);font-size:12px;min-width:32px;padding:4px 12px}.token-usage-table-cell-requests{text-align:left}.token-usage-empty-state{background:linear-gradient(180deg,#fafbfc,#f9fafb);border:2px dashed #e5e7eb;border-radius:12px;color:#9ca3af;font-size:16px;font-weight:500;padding:60px 20px}.token-usage-loading{font-size:15px;padding:40px 20px}@media (max-width:1200px){.token-usage-accordion-table{font-size:13px}.token-usage-accordion-table thead th{font-size:12px;padding:12px 16px}.token-usage-conversation-row td,.token-usage-request-row td{padding:12px 16px}.token-usage-modal-username{font-size:20px}}@media (max-width:768px){.token-usage-accordion-wrapper{overflow-x:auto}.token-usage-accordion-table{min-width:800px}.token-usage-modal-username{font-size:18px}}.token-usage-conversation-row{position:relative}.token-usage-conversation-row:after{background:linear-gradient(90deg,#0000,#e5e7eb 20%,#e5e7eb 80%,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.token-usage-request-row{animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.token-usage-request-row:nth-child(2n){background:#fafbfc}.token-usage-request-row:nth-child(2n):hover{background:#f3f4f6}.token-usage-pagination{align-items:center;background:#fff;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column-reverse;gap:12px;padding:20px}.token-usage-pagination-info{align-items:center;color:#b3b3b3;font-size:14px;text-align:center}.token-usage-pagination-controls{align-items:center;display:flex;gap:8px}.token-usage-pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.token-usage-pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:var(--primary-color);color:var(--primary-color)}.token-usage-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.token-usage-pagination-btn.active{background:var(--gradient1);border-color:var(--primary-color);color:#fff}.token-usage-pagination-page-numbers{display:flex;gap:4px}.token-usage-pagination-page-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;min-width:40px;padding:8px 12px;transition:all .2s ease}.token-usage-pagination-page-btn:hover{background:#f9fafb;border-color:var(--primary-color);color:var(--primary-color)}.token-usage-pagination-page-btn.active{background:var(--gradient1);border-color:var(--primary-color);color:#fff}.token-usage-conversation-row{transition:background-color .3s ease,box-shadow .3s ease,border-left .3s ease}.token-usage-conversation-row.selected{background-color:var(--path-indicator);border-left:3px solid var(--primary-color);box-shadow:inset 0 0 15px #9404c30d,0 1px 3px var(--theme-border-color)}body.dark-mode .token-usage-conversation-row.selected{background-color:#9404c31f;box-shadow:inset 0 0 15px #9404c314,0 1px 3px var(--theme-border-color)}.token-usage-conversation-row.selected.expanded{background-color:var(--path-indicator);border-left:4px solid var(--primary-color)}body.dark-mode .token-usage-conversation-row.selected.expanded{background-color:#9404c326}.token-usage-conversation-row.selected:hover{background-color:#9404c314;box-shadow:inset 0 0 20px #9404c314,0 2px 6px var(--theme-border-color)}body.dark-mode .token-usage-conversation-row.selected:hover{background-color:#9404c32e}.token-usage-conversation-row.selected .token-usage-conversation-title strong{color:var(--primary-color);font-weight:600}.token-usage-conversation-row.selected .token-usage-expand-icon{color:var(--primary-color)}@keyframes subtle-pulse{0%{box-shadow:inset 0 0 15px #9404c30d,0 1px 3px var(--theme-border-color)}50%{box-shadow:inset 0 0 20px #9404c31a,0 2px 6px var(--theme-border-color)}to{box-shadow:inset 0 0 15px #9404c30d,0 1px 3px var(--theme-border-color)}}.token-usage-conversation-row.selected{animation:subtle-pulse .6s ease-out}.token-usage-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 2px 4px #00000008;padding:24px}.token-usage-table-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.token-usage-table-header-left{display:flex;flex-direction:column;gap:4px}.token-usage-table-title{color:#111827;font-size:24px;font-weight:700;margin:0}.token-usage-table-subtitle{color:#6b7280;font-size:14px;margin:0}.token-usage-search-wrapper{flex:1 1;max-width:400px;min-width:250px}.token-usage-search-container{align-items:center;display:flex;position:relative}.token-usage-search-icon{color:#6b7280;left:14px;pointer-events:none;position:absolute}.token-usage-search-input{background:#fff;border:2px solid #d1d5db;border-radius:12px;box-shadow:0 2px 6px #00000014,0 1px 3px #0000000f;font-size:15px;font-weight:500;outline:none;padding:12px 40px 12px 44px;transition:all .2s ease;width:100%}.token-usage-search-input:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 4px 12px #9404c326,0 0 0 3px #9404c31a}.token-usage-search-input::placeholder{color:#6b7280;font-weight:400}.token-usage-search-clear{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:all .2s ease}.token-usage-search-clear:hover{background:#f3f4f6;color:#111827}.token-usage-table-wrapper{border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.token-usage-table{border-collapse:initial;border-spacing:0;font-size:14px;min-width:800px;width:100%}.token-usage-table thead{background:linear-gradient(180deg,#f9fafb,#f3f4f6)}.token-usage-table thead th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.token-usage-table-th-clickable{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.token-usage-table-th-clickable:hover{background:#f3f4f6}.token-usage-table-th-content{align-items:center;display:flex;gap:8px}.token-usage-sort-indicator{color:var(--primary-color);font-size:14px;font-weight:700}.token-usage-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.token-usage-table-row:hover{background:linear-gradient(90deg,#fafbfc,#f9fafb);box-shadow:inset 0 0 0 1px #e5e7eb}.token-usage-table tbody td{color:#374151;padding:14px 12px;vertical-align:middle}.token-usage-table-cell-username{color:#111827;font-weight:600;max-width:180px}.token-usage-username-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-usage-table-cell-cost{color:#059669;font-weight:600}.token-usage-table-cell-number{color:#6b7280;font-weight:500}.token-usage-table-cell-percentage{color:#9404c3;font-weight:600}.token-usage-table-cell-actions{text-align:right}.token-usage-view-details-btn{background:var(--gradient1);border:none;border-radius:10px;box-shadow:0 2px 4px #9404c333;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s ease;white-space:nowrap}.token-usage-view-details-btn:hover{box-shadow:0 4px 8px #9404c34d;transform:translateY(-2px)}.token-usage-view-details-btn:active{transform:translateY(0)}.token-usage-no-results{background:#fafbfc;padding:60px 20px!important;text-align:center}.token-usage-no-results-content{align-items:center;display:flex;flex-direction:column;gap:16px}.token-usage-no-results-icon{color:#d1d5db}.token-usage-no-results-text{color:#6b7280;font-size:16px;font-weight:500;margin:0}.token-usage-clear-search-btn{background:#fff;border:2px solid var(--primary-color);border-radius:10px;color:var(--primary-color);cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s ease}.token-usage-clear-search-btn:hover{background:var(--primary-color);box-shadow:0 4px 8px #9404c333;color:#fff;transform:translateY(-2px)}.token-usage-loading{color:#6b7280;font-size:16px;font-weight:500;padding:60px 20px;text-align:center}.token-usage-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;padding:40px 20px}.token-usage-error,.token-usage-no-data{font-size:16px;font-weight:500;text-align:center}.token-usage-no-data{background:#fafbfc;border:2px dashed #e5e7eb;border-radius:12px;color:#6b7280;padding:60px 20px}@media (max-width:1200px){.token-usage-table{font-size:13px}.token-usage-table thead th{font-size:12px;padding:12px 10px}.token-usage-table tbody td{padding:12px 10px}.token-usage-view-details-btn{font-size:13px;padding:6px 14px}}@media (max-width:768px){.token-usage-table-header{align-items:stretch;flex-direction:column}.token-usage-search-wrapper{max-width:100%}.token-usage-table-title{font-size:20px}}.token-usage-table-row{position:relative}.token-usage-table-row:after{background:linear-gradient(90deg,#0000,#e5e7eb 20%,#e5e7eb 80%,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.token-usage-table-wrapper{scrollbar-color:#d1d5db #f3f4f6;scrollbar-width:thin}.token-usage-table-wrapper::-webkit-scrollbar{height:8px}.token-usage-table-wrapper::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.token-usage-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.token-usage-table-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}.date-range-folder-tabs{margin-bottom:0;position:relative;width:100%;z-index:10}.folder-tabs-container{background:#0000;flex-wrap:wrap;padding:.5rem 1rem;position:relative}.folder-tab{box-shadow:0 2px 8px #00000014,0 1px 3px #0000000f;display:flex;font-size:.9rem;gap:.5rem;padding:.65rem 1.5rem;transform:translateY(2px);transition:all .3s cubic-bezier(.4,0,.2,1)}.folder-tab:hover{box-shadow:0 6px 16px #0000001f,0 3px 6px #00000014;transform:translateY(-2px)}.folder-tab.active{background:#fff;background:var(--card-background,#fff);border-color:#9404c3;border-color:var(--primary-color,#9404c3);border-width:.5px;border-bottom:none;box-shadow:0 8px 24px #00000026,0 4px 8px #0000001a,inset 0 0 0 1px #9404c3;box-shadow:0 8px 24px #00000026,0 4px 8px #0000001a,0 0 0 1px var(--primary-color,#9404c3) inset;color:#9404c3;color:var(--primary-color,#9404c3);position:relative;transform:translateY(-4px);z-index:3}.folder-tab.active:after{background:#9404c3;background:var(--primary-color,#9404c3);border-radius:2px;bottom:-3px;box-shadow:0 2px 8px #9404c366;box-shadow:0 2px 8px var(--primary-color,#9404c366);content:"";height:3px;left:10%;position:absolute;right:10%}.folder-tab.active:hover{background:#fff;background:var(--card-background,#fff);box-shadow:0 12px 32px #0000002e,0 6px 12px #0000001f,inset 0 0 0 1px #9404c3;box-shadow:0 12px 32px #0000002e,0 6px 12px #0000001f,0 0 0 1px var(--primary-color,#9404c3) inset;transform:translateY(-6px)}.folder-tab-notch{display:none}.folder-tab-icon{align-items:center;display:flex;justify-content:center;transition:transform .3s ease}.folder-tab.active .folder-tab-icon{animation:iconBounce .6s ease}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.folder-tab-label{font-weight:600;letter-spacing:.02em}.token-usage-custom-date-picker-folder{animation:slideDownFade .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a;margin-top:1rem;padding:1.5rem}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.token-usage-filter-actions-folder{flex-wrap:wrap;gap:1rem;margin-top:1rem;position:relative;z-index:1}.token-usage-reset-filters-btn-folder{box-shadow:0 2px 4px #0000000f,var(--box-shadow);font-size:.9rem;padding:.75rem 1.5rem;transition:all .3s ease}.token-usage-reset-filters-btn-folder:hover{box-shadow:0 6px 12px #0000001a,var(--box-shadow);transform:translateY(-2px)}.token-usage-reset-filters-btn-folder:active{box-shadow:var(--intense-box-shadow);transform:translateY(0)}@media (max-width:1024px){.folder-tabs-container{gap:.4rem;padding-left:.75rem}.folder-tab{font-size:.85rem;padding:.6rem 1.25rem}}@media (max-width:768px){.folder-tabs-container{gap:.3rem;padding-left:.5rem}.folder-tab{font-size:.8rem;gap:.4rem;padding:.55rem 1rem}.folder-tab-icon svg{height:16px;width:16px}}@media (max-width:640px){.folder-tabs-container{flex-wrap:wrap;padding-left:.5rem}.folder-tab{flex-basis:calc(50% - 0.15rem);flex-grow:1;flex-shrink:1;justify-content:center;min-width:0;padding:.55rem .7rem}.folder-tab-label{font-size:.75rem}}.dark-mode .folder-tab{background:#282b32;background:var(--card-background,#282b32);border-color:#404040;border-color:var(--border-color,#404040);box-shadow:0 2px 8px #0000004d,0 1px 3px #0003;color:#bfbfbf;color:var(--text-secondary,#bfbfbf)}.dark-mode .folder-tab:hover{border-color:#9404c366;border-color:var(--theme-border-color,#9404c366);box-shadow:0 6px 16px #0006,0 3px 6px #0000004d;color:#9404c3;color:var(--primary-color,#9404c3)}.dark-mode .folder-tab.active{background:#282b32;background:var(--card-background,#282b32);border-color:#9404c3;border-color:var(--primary-color,#9404c3);box-shadow:0 8px 24px #00000080,0 4px 8px #0000004d,inset 0 0 0 1px #9404c3;box-shadow:0 8px 24px #00000080,0 4px 8px #0000004d,0 0 0 1px var(--primary-color,#9404c3) inset;color:#9404c3;color:var(--primary-color,#9404c3)}.dark-mode .folder-tab.active:after{background:#9404c3;background:var(--primary-color,#9404c3);box-shadow:0 2px 8px #9404c399;box-shadow:0 2px 8px var(--primary-color,#9404c399)}.dark-mode .token-usage-custom-date-picker-folder{box-shadow:0 2px 8px #00000080,0 1px 3px #0000004d}.dark-mode .token-usage-custom-date-picker-folder,.dark-mode .token-usage-reset-filters-btn-folder{background:#282b32;background:var(--card-background,#282b32);border-color:#404040;border-color:var(--border-color,#404040)}.dark-mode .token-usage-reset-filters-btn-folder{box-shadow:0 2px 4px #0000004d;color:#bfbfbf;color:var(--text-secondary,#bfbfbf)}.dark-mode .token-usage-reset-filters-btn-folder:hover{background:#282b32;background:var(--card-background,#282b32);border-color:#9404c3;border-color:var(--primary-color,#9404c3);box-shadow:0 6px 12px #0006;color:#9404c3;color:var(--primary-color,#9404c3)}.folder-tab:focus{outline:2px solid #9404c3;outline:2px solid var(--primary-color,#9404c3);outline-offset:2px}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.token-usage-sticky-filters{padding-bottom:1rem;padding-top:1rem}.dark-mode .token-usage-sticky-filters{background:#282b32;background:var(--background-color,#282b32);border-bottom:2px solid #9404c3;border-bottom:2px solid var(--primary-color,#9404c3);box-shadow:0 2px 8px #0000004d}.token-usage-table-cell-timestamp{font-family:Courier New,monospace}@media (max-width:1200px){.token-usage-accordion-timestamp-col{width:160px}.token-usage-table-cell-timestamp{font-size:12px}}@media (max-width:768px){.token-usage-accordion-timestamp-col{width:140px}.token-usage-table-cell-timestamp{font-size:11px}}.token-usage-conversation-row:hover .token-usage-table-cell-timestamp,.token-usage-request-row:hover .token-usage-table-cell-timestamp{color:var(--primary-color,#9404c3)}.token-usage-modal-large{max-width:1400px!important;width:95%!important}.token-usage-accordion-timestamp-col{font-size:13px;font-weight:600;text-align:left;text-transform:uppercase;width:200px}.token-usage-table-cell-timestamp{color:#6b7280;font-family:Courier New,Courier,monospace;font-size:13px;font-weight:500;letter-spacing:.3px;text-align:left;white-space:nowrap}.token-usage-conversation-row .token-usage-table-cell-timestamp{color:#374151;font-size:13px;font-weight:600}.token-usage-request-row .token-usage-table-cell-timestamp{color:#6b7280;font-size:13px;font-weight:500;padding-left:32px!important}.token-usage-conversation-row:hover .token-usage-table-cell-timestamp,.token-usage-request-row:hover .token-usage-table-cell-timestamp{color:#9404c3;font-weight:600}[data-theme=dark] .token-usage-table-cell-timestamp{color:#9ca3af}[data-theme=dark] .token-usage-conversation-row .token-usage-table-cell-timestamp{color:#d1d5db}[data-theme=dark] .token-usage-request-row .token-usage-table-cell-timestamp{color:#9ca3af}.token-usage-accordion-wrapper{max-height:600px;overflow-y:auto;position:relative;scrollbar-color:#9404c3 #f3f4f6}.token-usage-accordion-wrapper::-webkit-scrollbar{width:8px}.token-usage-accordion-wrapper::-webkit-scrollbar-track{background:#f3f4f6}.token-usage-accordion-wrapper::-webkit-scrollbar-thumb{background:#9404c3}.token-usage-accordion-wrapper::-webkit-scrollbar-thumb:hover{background:#7a0399}[data-theme=dark] .token-usage-accordion-wrapper::-webkit-scrollbar-track{background:#374151}[data-theme=dark] .token-usage-accordion-wrapper::-webkit-scrollbar-thumb{background:#9404c3}@media (max-width:1600px){.token-usage-modal-large{max-width:1300px!important;width:92%!important}}@media (max-width:1400px){.token-usage-modal-large{max-width:1200px!important;width:90%!important}.token-usage-accordion-timestamp-col{width:180px}.token-usage-table-cell-timestamp{font-size:12px}}@media (max-width:1200px){.token-usage-modal-large{max-width:1000px!important;width:88%!important}.token-usage-accordion-timestamp-col{width:170px}.token-usage-table-cell-timestamp{font-size:12px}.token-usage-accordion-table{min-width:1000px}}@media (max-width:768px){.token-usage-modal-large{max-width:95%!important;width:95%!important}.token-usage-accordion-timestamp-col{width:160px}.token-usage-table-cell-timestamp{font-size:11px}.token-usage-accordion-table{min-width:900px}}.token-usage-accordion-table thead{background:linear-gradient(180deg,#f9fafb,#f3f4f6);box-shadow:0 2px 4px #0000000d}[data-theme=dark] .token-usage-accordion-table thead{background:linear-gradient(180deg,#1f2937,#111827)}.token-usage-modal-body{max-height:calc(90vh - 200px);overflow-y:auto;padding:2rem}.token-usage-accordion-table td,.token-usage-accordion-table th{padding:14px 12px;vertical-align:middle}.token-usage-accordion-conversation-col{max-width:400px;min-width:250px}.token-usage-accordion-cost-col{min-width:110px;text-align:left;width:110px}.token-usage-accordion-duration-col{min-width:120px;text-align:left;width:120px}.token-usage-accordion-requests-col{min-width:100px;text-align:left;width:100px}.token-usage-accordion-wrapper:after{background:linear-gradient(270deg,#0000000d,#0000);bottom:0;content:"";pointer-events:none;position:-webkit-sticky;position:sticky;right:0;top:0;width:30px;z-index:5}[data-theme=dark] .token-usage-accordion-wrapper:after{background:linear-gradient(270deg,#0000004d,#0000)}.token-usage-error,.token-usage-loading,.token-usage-no-data{font-size:1rem;padding:3rem;text-align:center}.token-usage-loading{color:var(--text-secondary)}.token-usage-error{color:#f44336;color:var(--error-color,#f44336)}.token-usage-no-data{color:var(--text-secondary)}.token-usage-error-container{padding:3rem;text-align:center}.token-usage-date-range-warning{align-items:flex-start;background:#ff98001a;border:2px solid #ff9800;border-radius:8px;color:#e65100;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.token-usage-date-range-warning svg{stroke:#ff9800!important;color:#ff9800!important;flex-shrink:0;margin-top:.25rem}.token-usage-date-range-warning-content{flex:1 1}.token-usage-date-range-warning-content strong{display:block;font-size:1.1rem;margin-bottom:.5rem}.token-usage-date-range-warning-content p{font-size:.95rem;margin:0}.token-usage-empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.token-usage-empty-state svg{stroke:var(--text-secondary)!important;color:var(--text-secondary)!important;margin-bottom:1rem;opacity:.5}.token-usage-empty-state h3{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.token-usage-empty-state p{font-size:1rem;margin:0;max-width:400px}.token-usage-date-input-error{background-color:#f443360d;border-color:#f44336!important;border-color:var(--error-color,#f44336)!important}.token-usage-date-input-error:focus{box-shadow:0 0 0 3px #f443361a!important}.metrics-overview-card{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.metrics-overview-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.metrics-overview-title-section{flex:1 1}.metrics-overview-title{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.metrics-overview-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.metrics-overview-status-badge{align-items:center;border-radius:20px;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;white-space:nowrap}.metrics-overview-cost-section{margin-bottom:2rem}.metrics-overview-cost-header{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:1.5rem}.metrics-overview-cost-icon{color:#2196f3;color:var(--primary-color,#2196f3);flex-shrink:0;margin-top:.5rem}.metrics-overview-cost-details{flex:1 1}.metrics-overview-cost-label{color:var(--text-secondary);display:block;font-size:.875rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.metrics-overview-cost-amount{color:var(--text-color);font-size:3rem;font-weight:700;line-height:1;margin-bottom:.5rem}.metrics-overview-cost-limit{color:var(--text-secondary);font-size:1rem}.metrics-overview-progress-container{margin-top:1rem}.metrics-overview-progress-bar{background:#e0e0e0;background:var(--progress-bg,#e0e0e0);border-radius:6px;height:12px;margin-bottom:.5rem;overflow:hidden;width:100%}.metrics-overview-progress-fill{border-radius:6px;height:100%;transition:width .3s ease,background-color .3s ease}.metrics-overview-progress-label{display:block;font-size:.875rem;font-weight:600;text-align:right}.metrics-overview-stats-grid{grid-gap:1rem;border-top:1px solid var(--border-color);display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem;padding-top:2rem}.metrics-overview-stat-card{align-items:center;background:#00000005;background:var(--hover-background,#00000005);border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.metrics-overview-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.metrics-overview-stat-icon{align-items:center;background:#2196f3;background:var(--primary-color,#2196f3);border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.metrics-overview-stat-content{display:flex;flex-direction:column;gap:.25rem}.metrics-overview-stat-label{color:var(--text-secondary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.metrics-overview-stat-value{color:var(--text-color);font-size:1.25rem;font-weight:700}.metrics-overview-empty,.metrics-overview-error,.metrics-overview-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.metrics-overview-error{color:#f44336;color:var(--error-color,#f44336)}@media (max-width:768px){.metrics-overview-card{padding:1.5rem}.metrics-overview-header{flex-direction:column;gap:1rem}.metrics-overview-cost-amount{font-size:2.5rem}.metrics-overview-stats-grid{grid-template-columns:1fr}}.trends-charts-container{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.trends-charts-header{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem}.trends-charts-title{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.trends-charts-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.trends-charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.trends-single-chart-card{background:#00000005;background:var(--hover-background,#00000005);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.trends-single-chart-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.trends-single-chart-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.trends-single-chart-info{flex:1 1}.trends-single-chart-title{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 .25rem}.trends-single-chart-total{color:var(--text-secondary);font-size:.875rem;margin:0}.trends-single-chart-total span{font-size:1rem;font-weight:700}.trends-cost-legend{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:1rem;padding-top:1rem}.trends-cost-legend-item{align-items:center;color:var(--text-color);display:flex;font-size:.875rem;font-weight:500;gap:.75rem}.trends-cost-legend-line{flex-shrink:0}.trends-chart-tooltip{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;padding:.75rem}.trends-chart-tooltip-label{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:.875rem;font-weight:600;margin-bottom:.5rem;padding-bottom:.5rem}.trends-chart-tooltip-item{display:flex;font-size:.875rem;gap:1rem;justify-content:space-between;margin:.25rem 0}.trends-chart-tooltip-value{font-weight:700;margin-left:.5rem}.token-usage-accordion-timestamp-col,.token-usage-table-cell-timestamp{color:var(--text-secondary);font-family:Courier New,monospace;font-size:13px;padding:.75rem 1rem;transition:color .2s ease;white-space:nowrap}.token-usage-conversation-row:hover .token-usage-table-cell-timestamp,.token-usage-conversation-row:hover td.token-usage-table-cell-timestamp{color:var(--primary-color)!important}.token-usage-conversation-row.selected .token-usage-table-cell-timestamp,.token-usage-conversation-row.selected td.token-usage-table-cell-timestamp{color:var(--primary-color)}.token-usage-request-row:hover .token-usage-table-cell-timestamp{color:var(--text-primary);transition:color .2s ease}.token-usage-modal-content.token-usage-modal-large{max-height:90vh;max-width:95vw;width:95vw}@media (min-width:1400px){.token-usage-modal-content.token-usage-modal-large{max-width:1600px}}@media (min-width:1200px) and (max-width:1399px){.token-usage-modal-content.token-usage-modal-large{max-width:90vw;width:90vw}}@media (max-width:1199px){.token-usage-modal-content.token-usage-modal-large{max-width:95vw;width:95vw}}.token-usage-accordion-wrapper{background:var(--card-background);border-radius:8px;margin-top:1rem;overflow-x:auto;overflow-y:visible;width:100%}.token-usage-accordion-table{border-collapse:collapse;min-width:1200px;table-layout:auto;width:100%}.token-usage-accordion-expand-col{max-width:40px;min-width:40px;width:40px}.token-usage-accordion-conversation-col{min-width:200px;width:25%}.token-usage-accordion-timestamp-col{max-width:180px;min-width:180px;white-space:nowrap;width:180px}.token-usage-accordion-cost-col{min-width:90px;text-align:right;white-space:nowrap;width:90px}.token-usage-accordion-duration-col{min-width:100px;text-align:center;white-space:nowrap;width:100px}.token-usage-accordion-requests-col{min-width:80px;text-align:center;width:80px}.token-usage-accordion-table td,.token-usage-accordion-table th{padding:.65rem .75rem}.token-usage-table-cell-cost{font-family:Courier New,monospace;font-size:13px;padding:.65rem .75rem;text-align:right;white-space:nowrap}.token-usage-table-cell-duration{font-size:13px;white-space:nowrap}.token-usage-table-cell-duration,.token-usage-table-cell-requests{padding:.65rem .75rem;text-align:center}.token-usage-request-badge{align-items:center;background-color:var(--primary-color);border-radius:10px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;justify-content:center;min-width:20px;padding:3px 8px}.token-usage-conversation-title{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-usage-conversation-title:hover{overflow:visible;white-space:normal;word-break:break-word}.token-usage-conversation-title strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-usage-request-process{align-items:center;display:flex;gap:.5rem;max-width:300px}.token-usage-process-name,.token-usage-request-process{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.token-usage-modal-content.token-usage-modal-large{margin:1vh 1vw;max-width:98vw;width:98vw}.token-usage-details-stats-grid{gap:.75rem;grid-template-columns:1fr}.token-usage-accordion-wrapper{overflow-x:scroll}.token-usage-accordion-table{font-size:12px;min-width:1000px}.token-usage-table-cell-timestamp{font-size:11px}}.token-usage-accordion-wrapper::-webkit-scrollbar{height:8px}.token-usage-accordion-wrapper::-webkit-scrollbar-track{background:var(--surface-color);border-radius:4px}.token-usage-accordion-wrapper::-webkit-scrollbar-thumb{background:var(--primary-color);border:1px solid var(--surface-color);border-radius:4px}.token-usage-accordion-wrapper::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.token-usage-accordion-wrapper{scrollbar-color:var(--primary-color) var(--surface-color);scrollbar-width:thin}.token-usage-accordion-table thead{background:var(--card-background);box-shadow:0 2px 4px var(--shadow-base);position:-webkit-sticky;position:sticky;top:0;z-index:10}.token-usage-accordion-table th{background:var(--card-background);border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:.75rem;text-transform:uppercase}.token-usage-total-cost{color:var(--primary-color);font-weight:600}.token-usage-sticky-filters{background:#eee;background:var(--background-color,#eee);box-shadow:0 2px 8px #0000000f;margin-bottom:1rem;padding:.5rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.token-usage-sticky-filters,[data-theme=dark] .token-usage-sticky-filters{border-bottom:2px solid #9404c3;border-bottom:2px solid var(--primary-color,#9404c3)}[data-theme=dark] .token-usage-sticky-filters{background:#282b32;background:var(--background-color,#282b32);box-shadow:0 2px 8px #0000004d}.token-usage-filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.folder-tabs-container{align-items:center;display:flex;gap:.5rem;overflow-x:auto;padding-bottom:0;padding-left:1rem;scrollbar-width:none}.folder-tab{align-items:center;border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-bottom:none;border-radius:12px 12px 4px 4px;box-shadow:0 2px 4px #0000000a;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;position:relative;transform:translateY(1px);transition:all .2s ease;white-space:nowrap;z-index:1}.folder-tab,.folder-tab:hover{background:#fff;background:var(--card-background,#fff)}.folder-tab:hover{border-color:#9404c34d;border-color:var(--theme-border-color,#9404c34d);box-shadow:0 4px 8px #00000014;color:#9404c3;color:var(--primary-color,#9404c3);transform:translateY(-1px)}.folder-tab.active{box-shadow:0 6px 16px #0000001f,0 2px 4px #00000014,inset 0 0 0 1px #9404c3;box-shadow:0 6px 16px #0000001f,0 2px 4px #00000014,0 0 0 1px var(--primary-color,#9404c3) inset;transform:translateY(-2px)}.folder-tab.active:hover{box-shadow:0 8px 20px #00000024,0 4px 8px #0000001a,inset 0 0 0 1px #9404c3;box-shadow:0 8px 20px #00000024,0 4px 8px #0000001a,0 0 0 1px var(--primary-color,#9404c3) inset;transform:translateY(-3px)}.token-usage-custom-date-picker-folder{animation:slideDownFade .3s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--card-background,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:12px;box-shadow:0 2px 4px #0000000a;margin-top:.5rem;padding:1rem;position:relative;z-index:2}.token-usage-filter-actions-folder{align-items:center;display:flex;gap:.75rem;margin-left:auto}.token-usage-reset-filters-btn-folder{background:#fff;background:var(--card-background,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;box-shadow:0 2px 4px #0000000a;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.token-usage-reset-filters-btn-folder:hover{background:#fff;background:var(--card-background,#fff);border-color:#9404c3;border-color:var(--primary-color,#9404c3);box-shadow:0 4px 8px #00000014;color:#9404c3;color:var(--primary-color,#9404c3);transform:translateY(-1px)}.forecast-controls-compact{align-items:center;background:#0000;display:flex;flex-wrap:wrap;gap:.75rem;padding:0}.folder-tab-icon svg{height:18px;width:18px}@media (max-width:1200px){.folder-tab{font-size:.8125rem}.folder-tab,.token-usage-reset-filters-btn-folder{padding:.5rem .875rem}}@media (max-width:768px){.token-usage-sticky-filters{padding:.5rem .75rem}.token-usage-filters-section{gap:.5rem}.folder-tab{font-size:.75rem;gap:.375rem;padding:.5rem .75rem}.folder-tab-icon svg{height:16px;width:16px}}@media (max-width:640px){.folder-tabs-container{flex-wrap:wrap;padding-left:.5rem}.folder-tab{flex-basis:calc(50% - 0.25rem);flex-grow:1;flex-shrink:1;justify-content:center;min-width:0;padding:.5rem .75rem}}[data-theme=dark] .folder-tab{background:#282b32;background:var(--card-background,#282b32);border-color:#404040;border-color:var(--border-color,#404040);color:#bfbfbf;color:var(--text-secondary,#bfbfbf)}[data-theme=dark] .folder-tab:hover{border-color:#9404c366;border-color:var(--theme-border-color,#9404c366);color:#9404c3;color:var(--primary-color,#9404c3)}[data-theme=dark] .folder-tab.active{background:#282b32;background:var(--card-background,#282b32);border-color:#9404c3;border-color:var(--primary-color,#9404c3);color:#9404c3;color:var(--primary-color,#9404c3)}[data-theme=dark] .token-usage-custom-date-picker-folder,[data-theme=dark] .token-usage-reset-filters-btn-folder{background:#282b32;background:var(--card-background,#282b32);border-color:#404040;border-color:var(--border-color,#404040)}[data-theme=dark] .token-usage-reset-filters-btn-folder{color:#bfbfbf;color:var(--text-secondary,#bfbfbf)}[data-theme=dark] .token-usage-reset-filters-btn-folder:hover{border-color:#9404c3;border-color:var(--primary-color,#9404c3);color:#9404c3;color:var(--primary-color,#9404c3)}.token-usage-header-actions{align-items:center;display:flex;gap:1rem}.token-usage-modal-close-icon{margin-left:.5rem}.token-usage-export-pdf-btn-header{align-items:center;background:linear-gradient(135deg,#9404c3,#7b03a0);border:none;border-radius:8px;box-shadow:0 2px 8px #9404c340;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.token-usage-export-pdf-btn-header:hover:not(:disabled){background:linear-gradient(135deg,#a605d6,#8c04b3);box-shadow:0 4px 12px #9404c359;transform:translateY(-1px)}.token-usage-export-pdf-btn-header:active:not(:disabled){box-shadow:0 2px 8px #9404c340;transform:translateY(0)}.token-usage-export-pdf-btn-header:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.token-usage-export-pdf-btn-header svg{flex-shrink:0}.token-usage-modal-header{align-items:center;background:#fff;background:var(--card-background,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:1.5rem}[data-theme=dark] .token-usage-modal-footer,[data-theme=dark] .token-usage-modal-header{background:#1f2937;background:var(--card-background,#1f2937);border-color:#ffffff1a}[data-theme=dark] .token-usage-export-pdf-btn-header{box-shadow:0 2px 8px #9404c366}[data-theme=dark] .token-usage-export-pdf-btn-header:hover:not(:disabled){box-shadow:0 4px 12px #9404c380}@media (max-width:640px){.token-usage-modal-header{align-items:flex-start;flex-direction:column;gap:1rem}.token-usage-header-actions{justify-content:space-between;width:100%}.token-usage-export-pdf-btn-header{flex:1 1;justify-content:center}}.token-usage-modal-footer{align-items:center;background:#fff;background:var(--card-background,#fff);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.token-usage-export-pdf-btn{align-items:center;background:linear-gradient(135deg,#9404c3,#7b03a0);border:none;border-radius:8px;box-shadow:0 2px 4px #9404c333;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.token-usage-export-pdf-btn:hover:not(:disabled){background:linear-gradient(135deg,#a605d6,#8c04b3);box-shadow:0 4px 12px #9404c34d;transform:translateY(-1px)}.token-usage-export-pdf-btn:active:not(:disabled){box-shadow:0 2px 4px #9404c333;transform:translateY(0)}.token-usage-export-pdf-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.token-usage-export-pdf-btn svg{flex-shrink:0}[data-theme=dark] .token-usage-modal-footer{background:#1f2937;background:var(--card-background,#1f2937);border-top-color:#ffffff1a}[data-theme=dark] .token-usage-export-pdf-btn{box-shadow:0 2px 4px #9404c366}[data-theme=dark] .token-usage-export-pdf-btn:hover:not(:disabled){box-shadow:0 4px 12px #9404c380}@media (max-width:640px){.token-usage-modal-footer{flex-direction:column-reverse;gap:.75rem}.token-usage-export-pdf-btn,.token-usage-modal-close-btn{justify-content:center;width:100%}}@media print{.token-usage-modal-content.token-usage-modal-large{max-width:100%;width:100%}.token-usage-accordion-wrapper{overflow:visible}.token-usage-accordion-table{min-width:auto}}.trends-chart-empty,.trends-chart-error,.trends-chart-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.trends-chart-error{color:#f44336;color:var(--error-color,#f44336)}.trends-chart-empty svg{margin-bottom:1rem;opacity:.3}@media (max-width:1200px){.trends-charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.trends-charts-container{padding:1.5rem}.token-usage-dashboard,.trends-single-chart-card{padding:1rem}.token-usage-dashboard-header{align-items:stretch;flex-direction:column}.token-usage-dashboard-actions{flex-direction:column}.token-usage-filters-section{align-items:stretch;flex-direction:column}.token-usage-date-picker-container{flex-direction:column;min-width:auto}.token-usage-date-picker-inputs{flex-direction:column}.token-usage-date-separator{margin-top:0}.token-usage-details-stats-grid,.token-usage-overview-stats{grid-template-columns:1fr}.token-usage-modal-content{margin:1rem;max-width:100%}.token-usage-table-wrapper{overflow-x:auto}}.confirmation-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.confirmation-modal-container{animation:slideDown .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow:auto;position:relative;width:90%;z-index:100000}.confirmation-modal-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 24px 16px}.confirmation-modal-title-wrapper{align-items:center;display:flex;flex:1 1;gap:12px}.confirmation-modal-title{color:#111827;font-size:20px;font-weight:600;line-height:1.4;margin:0}.confirmation-modal-icon{flex-shrink:0}.confirmation-modal-icon.danger{color:#dc2626}.confirmation-modal-icon.warning{color:#f59e0b}.confirmation-modal-icon.info{color:#3b82f6}.confirmation-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.confirmation-modal-close:hover{background-color:#f3f4f6;color:#111827}.confirmation-modal-close:active{background-color:#e5e7eb}.confirmation-modal-body{padding:20px 24px}.confirmation-modal-message{word-wrap:break-word;color:#4b5563;font-size:15px;line-height:1.6;margin:0}.confirmation-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.confirmation-modal-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;min-width:80px;padding:10px 20px;transition:all .2s ease}.confirmation-modal-button:focus{box-shadow:0 0 0 3px #3b82f64d;outline:none}.confirmation-modal-button.cancel{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.confirmation-modal-button.cancel:hover{background-color:#e5e7eb;border-color:#9ca3af}.confirmation-modal-button.cancel:active{background-color:#d1d5db}.confirmation-modal-button.confirm.default{background-color:#9404c3;color:#fff}.confirmation-modal-button.confirm.default:hover{background-color:#7a03a1}.confirmation-modal-button.confirm.default:active{background-color:#600280}.confirmation-modal-button.confirm.danger{background-color:#dc2626;color:#fff}.confirmation-modal-button.confirm.danger:hover{background-color:#b91c1c}.confirmation-modal-button.confirm.danger:active{background-color:#991b1b}.confirmation-modal-button.confirm.warning{background-color:#f59e0b;color:#fff}.confirmation-modal-button.confirm.warning:hover{background-color:#d97706}.confirmation-modal-button.confirm.warning:active{background-color:#b45309}.confirmation-modal-button.confirm.info{background-color:#3b82f6;color:#fff}.confirmation-modal-button.confirm.info:hover{background-color:#2563eb}.confirmation-modal-button.confirm.info:active{background-color:#1d4ed8}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.confirmation-modal-container{max-height:95vh;width:95%}.confirmation-modal-header{padding:20px 20px 12px}.confirmation-modal-body{padding:16px 20px}.confirmation-modal-footer{flex-direction:column-reverse;padding:12px 20px 20px}.confirmation-modal-button{width:100%}.confirmation-modal-title{font-size:18px}.confirmation-modal-message{font-size:14px}}._1e0c1o8l{display:inline-block}._3se11kw7>svg{fill:inherit}._4t3i1tcg{height:24px}._4t3i1ylp{height:40px}._4t3i7vkz{height:1pc}._4t3ickbl{height:3pc}._4t3igktf{height:20px}._4t3izwfg{height:2pc}._kqswh2mm{position:relative}._lswu1xf6{fill:var(--logo-fill)}._o5724jg8{white-space:normal}._syaz1vry{color:var(--logo-color)}._uiztglyw{-webkit-user-select:none;user-select:none}._vc881r31 stop{stop-color:currentColor}._vwz4kb7n{line-height:1}._zbji1osq>svg{height:100%}.step-flow-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.step-flow-modal{background-color:#eee;border-radius:16px;display:flex;flex-direction:column;max-height:85vh;max-width:800px;overflow:hidden;width:90%}.step-flow-modal-header{align-items:center;border-bottom:1px solid #d5d5d566;display:flex;justify-content:space-between;padding:20px 24px}.step-flow-modal-header h2{color:#1f2937;font-size:18px;font-weight:600;margin:0}.step-flow-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:32px;font-weight:300;height:32px;justify-content:center;transition:all .2s ease;width:32px}.step-flow-close-btn:hover{background-color:#d5d5d54d;color:#1f2937}.step-flow-description{background-color:#ffffff4d;color:#6b7280;font-size:13px}.step-flow-description,.step-flow-toolbar{border-bottom:1px solid #d5d5d54d;padding:16px 24px}.step-flow-toolbar{background-color:#fff3;display:flex;gap:10px}.step-flow-toolbar-btn{background-color:#eee;border:none;border-radius:8px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#4b5563;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .2s ease}.step-flow-toolbar-btn:hover{box-shadow:3px 3px 6px #d5d5d5b3,-3px -3px 6px #ffffffb3;color:var(--primary-color);transform:translateY(-1px)}.step-flow-toolbar-btn:active{box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 3px #ffffff80;transform:translateY(0)}.step-flow-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px 24px}.step-flow-item{align-items:center;background-color:#eee;border-radius:12px;box-shadow:inset 1px 1px 3px #d5d5d580,inset -1px -1px 2px #ffffff80;display:flex;gap:16px;opacity:.6;padding:14px 16px;transition:all .2s ease}.step-flow-item.selected{box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 3px #fff6;opacity:1}.step-flow-checkbox-wrapper{align-items:center;display:flex;position:relative}.step-flow-checkbox{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.step-flow-checkbox-label{background-color:#eee;border-radius:6px;box-shadow:inset 1px 1px 2px #d5d5d599,inset -1px -1px 2px #fff9;cursor:pointer;display:inline-block;height:20px;position:relative;transition:all .2s ease;width:20px}.step-flow-checkbox:checked+.step-flow-checkbox-label{background-color:var(--primary-color);box-shadow:inset 1px 1px 3px #0000004d,inset -1px -1px 2px #fff3}.step-flow-checkbox:checked+.step-flow-checkbox-label:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:3px;transform:rotate(45deg);width:5px}.step-flow-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.step-flow-step-number{color:var(--primary-color);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.step-flow-step-name{color:#1f2937;font-size:14px;font-weight:600}.step-flow-step-type{color:#6b7280;font-size:11px;font-weight:500}.step-flow-request-selector{align-items:center;display:flex;gap:8px;min-width:200px}.step-flow-request-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.step-flow-request-dropdown{background-color:#eee;border:1px solid #d5d5d580;border-radius:8px;box-shadow:inset 1px 1px 2px #d5d5d580,inset -1px -1px 2px #ffffff80;color:#1f2937;cursor:pointer;flex:1 1;font-size:12px;outline:none;padding:6px 10px;transition:all .2s ease}.step-flow-request-dropdown:hover:not(:disabled){border-color:var(--primary-color)}.step-flow-request-dropdown:focus{border-color:var(--primary-color);box-shadow:inset 1px 1px 3px #d5d5d599,inset -1px -1px 2px #fff9,0 0 0 2px rgba(var(--primary-color-rgb),.1)}.step-flow-request-dropdown:disabled{cursor:not-allowed;opacity:.5}.step-flow-single-config{background-color:#fff6;border-radius:8px;color:#6b7280;font-size:11px;font-weight:500;padding:6px 12px;white-space:nowrap}.step-flow-preview{background-color:#fff3;border-top:1px solid #d5d5d54d;padding:16px 24px}.step-flow-preview-header{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.step-flow-visual-preview{align-items:center;background-color:#eee;border-radius:12px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;display:flex;flex-wrap:wrap;gap:8px;min-height:80px;padding:16px}.step-flow-preview-step{background:#eee;border:2px solid #d5d5d5;border-radius:8px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#374151;display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:4px;padding:8px 12px;transition:all .2s ease}.step-flow-preview-step.highlighted{background:linear-gradient(135deg,#8b5cf626,#7c3aed26);border-color:#8b5cf6;color:#7c3aed}.step-flow-arrow{color:#9ca3af;font-size:16px;font-weight:700}.step-preview-name{font-size:12px;font-weight:600;line-height:1.3}.step-preview-request{color:#8b5cf6;font-size:10px;font-weight:700;margin-top:2px}.step-flow-empty-preview{color:#9ca3af;font-size:13px;font-style:italic;padding:20px;text-align:center;width:100%}.step-flow-preview-notation{align-items:center;background-color:#eee;border-radius:8px;box-shadow:inset 1px 1px 3px #d5d5d580,inset -1px -1px 2px #ffffff80;display:flex;gap:10px;margin-top:12px;padding:10px 14px}.notation-label{color:#6b7280;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.step-flow-preview-notation code{color:#1f2937;flex:1 1;font-family:Courier New,monospace;font-size:12px;word-break:break-all}.step-badge{align-items:center;align-self:flex-start;border:1px solid;border-radius:4px;display:inline-flex;font-size:9px;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.step-badge.api{background-color:#8b5cf61a;border-color:#8b5cf64d;color:#7c3aed}.step-badge.database{background-color:#3b82f61a;border-color:#3b82f64d;color:#2563eb}.step-badge.kafka{background-color:#f973161a;border-color:#f973164d;color:#c2410c}.step-badge.web-ui{background-color:#ec48991a;border-color:#ec48994d;color:#be185d}.step-flow-errors{background-color:#ef44441a;border-top:1px solid #ef44444d;padding:16px 24px}.step-flow-errors-header{color:#ef4444;font-size:12px;font-weight:700;margin-bottom:8px}.step-flow-error-item{color:#dc2626;font-size:12px;margin-bottom:4px}.step-flow-modal-footer{background-color:#ffffff4d;border-top:1px solid #d5d5d566;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.step-flow-cancel-btn,.step-flow-save-btn{border:none;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;padding:10px 24px;transition:all .2s ease}.step-flow-cancel-btn{background-color:#eee;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#4b5563}.step-flow-cancel-btn:hover{box-shadow:3px 3px 6px #d5d5d5b3,-3px -3px 6px #ffffffb3;transform:translateY(-1px)}.step-flow-cancel-btn:active{box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 3px #ffffff80;transform:translateY(0)}.step-flow-save-btn{background-color:#10b981;box-shadow:2px 2px 4px #10b9814d,-2px -2px 4px #ffffff4d;color:#fff}.step-flow-save-btn:hover:not(:disabled){background-color:#059669;box-shadow:3px 3px 6px #10b98166,-3px -3px 6px #fff6;transform:translateY(-1px)}.step-flow-save-btn:active:not(:disabled){box-shadow:inset 2px 2px 4px #05966999,inset -2px -2px 3px #10b9814d;transform:translateY(0)}.step-flow-save-btn:disabled{background-color:#9ca3af;box-shadow:2px 2px 4px #9ca3af4d,-2px -2px 4px #ffffff4d;cursor:not-allowed;opacity:.6}.step-flow-list::-webkit-scrollbar{width:8px}.step-flow-list::-webkit-scrollbar-track{background:#eee;border-radius:4px;box-shadow:inset 1px 1px 2px #d5d5d580,inset -1px -1px 2px #ffffff80}.step-flow-list::-webkit-scrollbar-thumb{background:linear-gradient(145deg,#d5d5d5,#fff);border-radius:4px;box-shadow:1px 1px 2px #d5d5d566,-1px -1px 2px #fff6}.step-flow-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,silver,#e0e0e0)}@media (max-width:768px){.step-flow-modal{max-height:90vh;width:95%}.step-flow-item{align-items:flex-start;flex-direction:column}.step-flow-request-selector{width:100%}.step-flow-visual-preview{align-items:stretch;flex-direction:column}.step-flow-arrow{align-self:center;transform:rotate(90deg)}}.step-flow-help-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.step-flow-help-modal{background-color:#eee;border-radius:16px;box-shadow:4px 4px 12px #d5d5d5cc,-4px -4px 12px #fffc;display:flex;flex-direction:column;max-height:85vh;max-width:700px;overflow:hidden;width:90%}.step-flow-help-header{align-items:center;background-color:#ffffff4d;border-bottom:1px solid #d5d5d566;display:flex;justify-content:space-between;padding:20px 24px}.step-flow-help-header h2{color:#1f2937;font-size:18px;font-weight:600;margin:0}.step-flow-help-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:32px;font-weight:300;height:32px;justify-content:center;transition:all .2s ease;width:32px}.step-flow-help-close-btn:hover{background-color:#d5d5d54d;color:#1f2937}.step-flow-help-content{flex:1 1;overflow-y:auto;padding:24px}.step-flow-help-section{margin-bottom:28px}.step-flow-help-section:last-child{margin-bottom:0}.step-flow-help-section h3{border-bottom:2px solid rgba(var(--primary-color-rgb),.2);color:var(--primary-color);font-size:15px;font-weight:600;margin:0 0 12px;padding-bottom:6px}.step-flow-help-section p{color:#4b5563;font-size:13px;line-height:1.6;margin:0 0 12px}.step-flow-help-code{background-color:#eee;border-radius:8px;box-shadow:inset 1px 1px 3px #d5d5d580,inset -1px -1px 2px #ffffff80;color:#1f2937;font-size:13px;margin:12px 0;padding:12px 16px;word-break:break-all}.step-flow-help-code,code{font-family:Courier New,monospace}code{background-color:rgba(var(--primary-color-rgb),.1);border-radius:4px;color:var(--primary-color);font-size:12px;padding:2px 6px}.step-flow-help-list{margin:12px 0;padding-left:24px}.step-flow-help-list li{color:#4b5563;font-size:13px;line-height:1.8;margin-bottom:8px}.step-flow-help-list li strong{color:#1f2937;font-weight:600}.step-flow-help-example{background-color:#ffffff80;border-radius:10px;box-shadow:1px 1px 3px #d5d5d566,-1px -1px 3px #fff6;margin:16px 0;padding:16px}.step-flow-help-example-title{color:#1f2937;font-size:13px;font-weight:600;margin-bottom:8px}.step-flow-help-example .step-flow-help-code{margin:8px 0}.step-flow-help-example-desc{color:#6b7280;font-size:12px;line-height:1.8;margin:8px 0 0}.step-flow-help-footer{background-color:#ffffff4d;border-top:1px solid #d5d5d566;display:flex;justify-content:center;padding:16px 24px}.step-flow-help-ok-btn{background-color:var(--primary-color);border:none;border-radius:10px;box-shadow:2px 2px 4px rgba(var(--primary-color-rgb),.3),-2px -2px 4px #ffffff4d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 32px;transition:all .2s ease}.step-flow-help-ok-btn:hover{box-shadow:3px 3px 6px rgba(var(--primary-color-rgb),.4),-3px -3px 6px #fff6;transform:translateY(-1px)}.step-flow-help-ok-btn:active{box-shadow:inset 2px 2px 4px #0003,inset -2px -2px 3px #fff3;transform:translateY(0)}.step-flow-help-content::-webkit-scrollbar{width:8px}.step-flow-help-content::-webkit-scrollbar-track{background:#eee;border-radius:4px;box-shadow:inset 1px 1px 2px #d5d5d580,inset -1px -1px 2px #ffffff80}.step-flow-help-content::-webkit-scrollbar-thumb{background:linear-gradient(145deg,#d5d5d5,#fff);border-radius:4px;box-shadow:1px 1px 2px #d5d5d566,-1px -1px 2px #fff6}.step-flow-help-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,silver,#e0e0e0)}@media (max-width:768px){.step-flow-help-modal{max-height:90vh;width:95%}.step-flow-help-content{padding:16px}}.response-id-editor-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.response-id-editor{animation:slideUp .3s ease-out;background:#eee;border-radius:16px;box-shadow:8px 8px 24px #00000026,-4px -4px 12px #ffffff4d;max-width:500px;overflow:hidden;width:90%}.response-id-editor-large{display:flex;flex-direction:column;max-height:85vh;max-width:900px}.response-id-editor-header{align-items:center;background:#ffffff4d;border-bottom:1px solid #d5d5d566;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.response-id-editor-title{color:#1f2937;font-size:16px;font-weight:600;margin:0}.response-id-editor-subtitle{color:#6b7280;font-size:12px;font-weight:500;margin:4px 0 0}.response-id-editor-close{align-items:center;background:#eee;border:none;border-radius:8px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.response-id-editor-close:hover{box-shadow:1px 1px 3px #d5d5d599,-1px -1px 3px #fff9;color:#374151}.response-id-editor-close:active{box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 3px #ffffff80}.response-id-editor-content{flex:1 1;min-height:0;overflow-y:auto;padding:20px 24px}.response-id-input-section{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.response-id-label{color:#374151;font-size:13px;font-weight:600}.response-id-input{background:#fff;border:2px solid #d1d5db;border-radius:8px;box-shadow:inset 1px 1px 2px #d5d5d54d,inset -1px -1px 1px #ffffff4d;color:#1f2937;font-size:14px;padding:12px 14px;transition:all .2s ease;width:100%}.response-id-input:focus{border-color:var(--primary-color);box-shadow:inset 1px 1px 2px #d5d5d54d,inset -1px -1px 1px #ffffff4d,0 0 0 3px #8b5cf61a;outline:none}.response-id-input.error{border-color:#ef4444;box-shadow:inset 1px 1px 2px #d5d5d54d,inset -1px -1px 1px #ffffff4d,0 0 0 3px #ef44441a}.response-id-error{align-items:center;background:#ef44441a;border-left:3px solid #ef4444;border-radius:6px;color:#dc2626;display:flex;font-size:12px;gap:6px;padding:8px 12px}.response-id-error svg{flex-shrink:0}.response-id-success{align-items:center;background:#10b9811a;border-left:3px solid #10b981;border-radius:6px;color:#059669;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 12px}.response-id-success svg{flex-shrink:0}.response-id-hint{color:#6b7280;font-size:12px;font-style:italic;margin:0}.response-id-divider{background:linear-gradient(90deg,#0000,#d5d5d580,#0000);height:1px;margin:16px 0 20px}.response-id-table-container{display:flex;flex-direction:column;gap:12px}.response-id-instruction{color:#6b7280;font-size:13px;font-weight:600;margin:0}.response-id-table-wrapper{background:#fff;border-radius:10px;box-shadow:inset 2px 2px 4px #d5d5d54d,inset -2px -2px 3px #ffffff4d;max-height:350px;overflow:auto}.response-id-table{border-collapse:initial;border-spacing:0;font-size:12px;width:100%}.response-id-table thead{background:#8b5cf61a;position:-webkit-sticky;position:sticky;top:0;z-index:1}.response-id-table th{border-bottom:2px solid #d5d5d566;color:#374151;font-size:11px;font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.response-id-select-col{text-align:center!important;width:50px}.response-id-index-col{text-align:center!important;width:100px}.response-id-table-row{cursor:pointer;transition:all .2s ease}.response-id-table-row:hover{background:#8b5cf60d}.response-id-table-row.selected{background:#8b5cf626}.response-id-table-row.selected:hover{background:#8b5cf633}.response-id-table td{border-bottom:1px solid #d5d5d533;padding:10px 12px}.response-id-table tbody tr:last-child td{border-bottom:none}.response-id-radio{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.response-id-badge{background:#8b5cf626;border-radius:6px;box-shadow:inset 1px 1px 2px #d5d5d54d,inset -1px -1px 1px #ffffff4d;color:var(--primary-color);display:inline-block;font-size:11px;font-weight:600;padding:4px 10px}.response-id-cell-value{display:block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.response-id-no-data{color:#6b7280;padding:40px 20px;text-align:center}.response-id-no-data p{font-size:13px;margin:8px 0}.response-id-editor-footer{background:#fff3;border-top:1px solid #d5d5d54d;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:16px 20px}.response-id-cancel-btn,.response-id-save-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease}.response-id-cancel-btn{background:#eee;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280}.response-id-cancel-btn:hover{box-shadow:1px 1px 3px #d5d5d599,-1px -1px 3px #fff9;color:#374151}.response-id-save-btn{background:var(--primary-color);box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff}.response-id-save-btn:hover:not(:disabled){background:#7c3aed}.response-id-save-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.response-id-editor-content::-webkit-scrollbar,.response-id-table-wrapper::-webkit-scrollbar{height:8px;width:8px}.response-id-editor-content::-webkit-scrollbar-track,.response-id-table-wrapper::-webkit-scrollbar-track{background:#d5d5d533;border-radius:4px}.response-id-editor-content::-webkit-scrollbar-thumb,.response-id-table-wrapper::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}.response-id-editor-content::-webkit-scrollbar-thumb:hover,.response-id-table-wrapper::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.response-id-editor-content::-webkit-scrollbar-corner,.response-id-table-wrapper::-webkit-scrollbar-corner{background:#0000}@media (max-width:768px){.response-id-editor{width:95%}.response-id-editor-large{max-height:90vh;max-width:95%}.response-id-editor-content{padding:16px 20px}.response-id-editor-footer{padding:12px 16px}.response-id-table-wrapper{max-height:250px}.response-id-cell-value{max-width:150px}}.tree-structure-editor{background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:13px;line-height:1.6;max-height:500px;overflow-y:auto;padding:16px}.tree-editor-empty{color:#9ca3af;font-size:14px;padding:32px;text-align:center}.tree-node{position:relative}.tree-node-header{align-items:center;display:flex;gap:8px;min-height:28px;padding:4px 0}.tree-node-header:hover{background-color:#f9fafb;border-radius:4px}.tree-node-header:hover .tree-node-actions{opacity:1}.tree-expand-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s}.tree-expand-btn:hover{background-color:#e5e7eb;color:#374151}.tree-expand-spacer{display:inline-block;flex-shrink:0;width:22px}.tree-key{color:#be185d;flex-shrink:0;font-weight:500;margin-right:4px}.tree-value{color:#374151;flex-grow:1}.tree-value-null{color:#9ca3af;font-style:italic}.tree-value-boolean{color:#7c3aed;font-weight:500}.tree-value-number{color:#0891b2;font-weight:500}.tree-value-string{color:#059669}.tree-value-type{color:#6b7280;font-size:12px;font-style:italic}.tree-node-actions{display:flex;gap:4px;margin-left:auto;opacity:0;transition:opacity .2s}.tree-action-btn{align-items:center;background:none;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.tree-action-btn:hover{background-color:#f3f4f6;border-color:#d1d5db;color:#374151}.tree-action-btn-delete:hover{background-color:#fee2e2;border-color:#fca5a5;color:#dc2626}.tree-edit-container{align-items:center;display:flex;flex-grow:1;gap:6px}.tree-edit-input{border:1px solid #3b82f6;border-radius:4px;box-shadow:0 0 0 3px #3b82f61a;flex-grow:1;font-family:inherit;font-size:13px;outline:none;padding:4px 8px}.tree-edit-input:focus{box-shadow:0 0 0 3px #3b82f633}.tree-edit-btn{align-items:center;background:none;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.tree-edit-btn-save{border-color:#059669;color:#059669}.tree-edit-btn-save:hover{background-color:#d1fae5}.tree-edit-btn-cancel{border-color:#dc2626;color:#dc2626}.tree-edit-btn-cancel:hover{background-color:#fee2e2}.tree-node-children{position:relative}.tree-node-children:before{background-color:#e5e7eb;bottom:0;content:"";left:11px;position:absolute;top:0;width:1px}.tree-structure-editor::-webkit-scrollbar{width:8px}.tree-structure-editor::-webkit-scrollbar-track{background:#f9fafb;border-radius:4px}.tree-structure-editor::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.tree-structure-editor::-webkit-scrollbar-thumb:hover{background:#9ca3af}.kafka-step-details{background:#eee;display:flex;flex-direction:column;height:100%}.kafka-step-details-nav{align-items:center;border-bottom:1px solid #d5d5d54d;display:flex;flex-shrink:0;gap:6px;overflow-x:auto;padding:10px 14px}.kafka-step-details-nav::-webkit-scrollbar{height:4px}.kafka-step-details-nav::-webkit-scrollbar-track{background:#0000}.kafka-step-details-nav::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.kafka-step-details-nav-link{background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#6b7280;cursor:pointer;font-size:11px;font-weight:600;padding:6px 12px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.kafka-step-details-nav-link:hover{box-shadow:1px 1px 2px #d5d5d580,-1px -1px 2px #ffffff80;color:var(--primary-color)}.kafka-step-details-nav-link.active{box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80;color:var(--primary-color)}.kafka-step-details-container{flex:1 1;overflow-y:auto;padding:14px 16px}.kafka-step-details-container::-webkit-scrollbar{width:6px}.kafka-step-details-container::-webkit-scrollbar-track{background:#0000}.kafka-step-details-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.kafka-step-details-container>div{margin-bottom:16px}.kafka-step-details-container>div:last-child{margin-bottom:0}.kafka-step-details-empty{align-items:center;display:flex;height:100%;justify-content:center;padding:40px}.kafka-step-details-empty p{color:#6b7280;font-size:13px}.kafka-connection-section,.kafka-consumer-section,.kafka-operation-section,.kafka-producer-section,.kafka-security-section{background:#eee;border-radius:10px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;box-sizing:border-box;margin-bottom:12px;padding:12px 14px}.kafka-section-header{align-items:center;border-bottom:1px solid #d5d5d54d;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.kafka-section-header.kafka-collapsible-header{border-bottom:none;cursor:pointer;margin-bottom:0;padding:8px 0;transition:background .2s ease}.kafka-section-header.kafka-collapsible-header:hover{opacity:.8}.kafka-section-header-actions{display:flex;gap:6px}.kafka-section-title{align-items:center;display:flex;gap:8px}.kafka-section-title svg{color:var(--primary-color);flex-shrink:0}.kafka-section-title h3{color:#1f2937;font-size:13px;font-weight:600;margin:0}.kafka-collapse-icon{align-items:center;color:#6b7280;display:flex;transition:transform .2s ease}.kafka-section-content{display:flex;flex-direction:column;gap:10px;padding-top:4px}.kafka-subsection{background:#ffffff4d;border:1px solid #d5d5d533;border-radius:8px;box-sizing:border-box;margin-top:6px;padding:10px 12px}.kafka-subsection h4{align-items:center;color:#374151;display:flex;font-size:11px;font-weight:600;gap:6px;margin:0 0 8px}.kafka-subsection-header-clickable{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;margin-top:12px;padding:8px 0;transition:opacity .2s ease}.kafka-subsection-header-clickable:hover{opacity:.7}.kafka-subsection-header-clickable h4{align-items:center;color:#6b7280;display:flex;font-size:11px;font-weight:600;gap:6px;margin:0}.kafka-form-group{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.kafka-form-row{display:flex;gap:10px;min-width:0}.kafka-form-group label{color:#374151;font-size:11px;font-weight:600;margin:0}.kafka-form-group p{color:#1f2937;font-size:12px;margin:0;padding:6px 0}.kafka-input,.kafka-select,.kafka-textarea{background:#eee;border:1px solid #d5d5d580;border-radius:6px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;box-sizing:border-box;color:#1f2937;font-size:12px;min-width:0;padding:6px 10px;transition:all .2s ease;width:100%}.kafka-input:focus,.kafka-select:focus,.kafka-textarea:focus{border-color:var(--primary-color);box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80,0 0 0 2px #8b5cf61a;outline:none}.kafka-input::placeholder,.kafka-textarea::placeholder{color:#9ca3af;font-size:11px}.kafka-input:disabled,.kafka-select:disabled,.kafka-textarea:disabled{background:#f9fafb80;cursor:not-allowed;opacity:.6}.kafka-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 8 2 4h8z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;cursor:pointer;padding-right:30px}.kafka-select optgroup{color:#374151;font-weight:600}.kafka-textarea{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:11px;line-height:1.5;min-height:80px;resize:vertical}input[type=number].kafka-input{-moz-appearance:textfield}input[type=number].kafka-input::-webkit-inner-spin-button,input[type=number].kafka-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=password].kafka-input{letter-spacing:.1em}input[type=checkbox].kafka-checkbox{accent-color:var(--primary-color);cursor:pointer;height:16px;width:16px}.kafka-button-primary{align-items:center;background:var(--primary-color);border:none;border-radius:8px;box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 14px;transition:all .2s ease}.kafka-button-primary:hover:not(:disabled){background:#7c3aed}.kafka-button-primary:disabled{cursor:not-allowed;opacity:.5}.kafka-button-primary:active:not(:disabled){box-shadow:inset 2px 2px 4px #8b5cf666}.kafka-button-secondary{align-items:center;background:#eee;border:none;border-radius:8px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.kafka-button-secondary:hover{color:#374151}.kafka-button-secondary:active{box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80}.kafka-icon-button{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.kafka-icon-button:hover{box-shadow:1px 1px 2px #d5d5d580,-1px -1px 2px #ffffff80;color:var(--primary-color)}.kafka-icon-button:active{box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80}.kafka-icon-button.kafka-button-danger{color:#ef4444}.kafka-icon-button.kafka-button-danger:hover{background:#ef44440d;color:#dc2626}.kafka-button-add{justify-content:center;margin-top:8px;width:100%}.kafka-key-value-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.kafka-input-key{flex:1 1;min-width:120px}.kafka-input-value{flex:2 1;min-width:150px}.kafka-filter-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.kafka-filter-row .kafka-select-small{flex:0 0 110px}.kafka-filter-row .kafka-input-small:first-of-type{flex:1 1;min-width:100px}.kafka-filter-row .kafka-select-small:nth-of-type(2){flex:0 0 130px}.kafka-filter-row .kafka-input-small:last-of-type{flex:1 1;min-width:120px}.kafka-assertion-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.kafka-assertion-row .kafka-input-small{flex:1 1;min-width:120px}.kafka-assertion-row .kafka-select-small{flex:0 0 140px}.kafka-input-small,.kafka-select-small{font-size:11px;padding:6px 8px}.kafka-select-small{background-size:10px 10px;padding-right:24px}.kafka-request-configuration-tabs{background:#eee;border-radius:10px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;margin-top:16px;padding:0}.kafka-request-tabs-header{align-items:center;border-bottom:1px solid #d5d5d54d;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.kafka-request-tabs-list{align-items:center;display:flex;flex:1 1;gap:6px;overflow-x:auto}.kafka-request-tabs-list::-webkit-scrollbar{height:4px}.kafka-request-tabs-list::-webkit-scrollbar-track{background:#0000}.kafka-request-tabs-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.kafka-request-tab{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#6b7280;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.kafka-request-tab:hover{box-shadow:1px 1px 2px #d5d5d580,-1px -1px 2px #ffffff80;color:var(--primary-color)}.kafka-request-tab.active{box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80;color:var(--primary-color)}.kafka-request-tab-label{flex:1 1}.kafka-request-tab-edit-alias{align-items:center;background:#0000;border:none;border-radius:3px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:2px;transition:all .2s ease}.kafka-request-tab:hover .kafka-request-tab-edit-alias{opacity:1}.kafka-request-tab-edit-alias:hover{background:#8b5cf61a;color:var(--primary-color)}.kafka-request-tab-remove{align-items:center;background:#0000;border:none;border-radius:3px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all .2s ease}.kafka-request-tab-remove:hover{background:#dc26261a;color:#dc2626}.kafka-request-tab-alias-editor{align-items:center;display:flex;gap:4px;padding:0}.kafka-request-tab-alias-input{background:#eee;border:1px solid var(--primary-color);border-radius:4px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;color:#1f2937;font-size:11px;font-weight:600;max-width:150px;min-width:80px;padding:4px 8px}.kafka-request-tab-alias-input:focus{border-color:var(--primary-color);box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6,0 0 0 2px #8b5cf633;outline:none}.kafka-request-tab-alias-save{align-items:center;background:var(--primary-color);border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:3px;transition:all .2s ease}.kafka-request-tab-alias-save:hover{background:#7c3aed}.kafka-request-tab-alias-cancel{align-items:center;background:#e5e7eb;border:none;border-radius:3px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:3px;transition:all .2s ease}.kafka-request-tab-alias-cancel:hover{background:#d1d5db;color:#374151}.kafka-request-tab-add{align-items:center;background:var(--primary-color);border:none;border-radius:6px;box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:600;gap:5px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.kafka-request-tab-add:hover{background:#7c3aed}.kafka-request-tab-content{display:flex;flex-direction:column;gap:16px;min-height:200px;padding:14px;position:relative}.kafka-request-loading-overlay{align-items:center;background:#eee;border-radius:8px;box-shadow:inset 3px 3px 6px #d5d5d599,inset -3px -3px 6px #fff9;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:400px;padding:60px 20px;position:static;width:100%}.kafka-request-loading-overlay p{color:var(--primary-color);font-size:13px;font-weight:600;margin:0;text-align:center}.kafka-request-loading-overlay small{color:#6b7280;font-size:11px;margin:0;text-align:center}.kafka-request-loading-spinner{animation:kafkaSpinLoading 1s linear infinite;border:4px solid #d5d5d54d;border-radius:50%;border-top:4px solid var(--primary-color);box-shadow:2px 2px 4px #d5d5d566,-2px -2px 4px #fff6;height:40px;width:40px}.kafka-request-content{display:flex;flex-direction:column;gap:16px}.kafka-request-operation{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:8px;padding:12px}.kafka-request-operation h4{color:var(--primary-color);font-size:12px;font-weight:600;margin:0 0 6px}.kafka-request-section{background:#ffffff4d;border:1px solid #d5d5d533;border-radius:8px;padding:12px}.kafka-request-section-header{align-items:center;border-bottom:1px solid #d5d5d533;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;transition:opacity .2s ease}.kafka-request-section-header:hover{opacity:.7}.kafka-request-section-header h4{align-items:center;color:#6b7280;display:flex;font-size:11px;font-weight:600;gap:6px;margin:0}.kafka-request-section-content{display:flex;flex-direction:column;gap:8px}.kafka-operation-section{background:#eee;border-radius:12px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;margin-bottom:16px;overflow:hidden;transition:all .2s ease}.kafka-operation-section[style*="cursor: pointer"]:hover{box-shadow:2px 2px 5px #d5d5d5b3,-2px -2px 5px #ffffffb3}.kafka-operation-section[style*="cursor: pointer"]:active{box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9}.kafka-operation-section .kafka-section-header{background:#fff3;border-bottom:1px solid #d5d5d54d;padding:12px 16px}.kafka-operation-section .kafka-section-content{padding:16px}.kafka-section-title .kafka-operation-type-badge{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:5px;color:var(--primary-color);display:inline-flex;font-size:10px;font-weight:600;margin-left:8px;padding:4px 10px}.kafka-operation-form{display:flex;flex-direction:column;gap:14px}.kafka-operation-display{background:#ffffff4d;border:1px solid #d5d5d533;border-radius:8px;padding:12px}.kafka-info-row{grid-gap:12px;align-items:center;border-bottom:1px solid #d5d5d526;display:grid;gap:12px;grid-template-columns:180px 1fr;padding:8px 0}.kafka-info-row:last-child{border-bottom:none;padding-bottom:0}.kafka-info-row:first-child{padding-top:0}.kafka-info-label{color:#6b7280;font-size:11px;font-weight:600;text-align:left}.kafka-info-value{color:#1f2937;font-size:12px;font-weight:500;word-break:break-word}.kafka-info-value em{color:#9ca3af;font-size:11px;font-style:italic}.kafka-operation-actions{align-items:center;border-top:1px solid #d5d5d54d;display:flex;gap:10px;margin-top:14px;padding-top:14px}.kafka-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s ease}.kafka-btn-save{background:var(--primary-color);box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff}.kafka-btn-save:hover:not(:disabled){background:#7c3aed;box-shadow:3px 3px 6px #8b5cf666,-2px -2px 4px #fff6}.kafka-btn-save:disabled{cursor:not-allowed;opacity:.6}.kafka-btn-save:active:not(:disabled){box-shadow:1px 1px 2px #8b5cf64d;transform:translateY(1px)}.kafka-btn-cancel{background:#eee;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280}.kafka-btn-cancel:hover:not(:disabled){box-shadow:1px 1px 2px #d5d5d599,-1px -1px 2px #fff9;color:#374151}.kafka-btn-cancel:disabled{cursor:not-allowed;opacity:.6}.kafka-btn-cancel:active:not(:disabled){box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80;transform:translateY(1px)}.kafka-btn-edit{align-items:center;background:var(--primary-color);border:none;border-radius:6px;box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:5px 10px;transition:all .2s ease}.kafka-btn-edit:hover{background:#7c3aed;box-shadow:2px 2px 5px #8b5cf666,-1px -1px 3px #fff6}.kafka-btn-edit:active{box-shadow:1px 1px 2px #8b5cf64d;transform:translateY(1px)}.kafka-btn-cancel-small,.kafka-btn-save-small{font-size:11px;padding:5px 10px}.kafka-btn-add,.kafka-btn-remove{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:5px 10px;transition:all .2s ease}.kafka-btn-add{background:var(--primary-color);box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff}.kafka-btn-add:hover{background:#7c3aed}.kafka-btn-remove{background:#ef4444;box-shadow:2px 2px 4px #ef44444d,-1px -1px 3px #ffffff4d;color:#fff}.kafka-btn-remove:hover{background:#dc2626}.kafka-array-item{align-items:center;display:flex;gap:6px;margin-bottom:6px}.kafka-array-item .kafka-input{flex:1 1}.kafka-form-group ul{list-style:none;margin:4px 0;padding-left:16px}.kafka-form-group ul li{color:#1f2937;font-size:11px;margin-bottom:3px;padding-left:12px;position:relative}.kafka-form-group ul li:before{color:var(--primary-color);content:"•";font-weight:700;left:0;position:absolute}.kafka-message-filters-section{display:flex;flex-direction:column;gap:14px}.kafka-section-header-inline{border-bottom:1px solid #d5d5d54d;display:flex;flex-direction:column;gap:4px;padding-bottom:10px}.kafka-section-header-inline h4{color:#374151;font-size:13px;font-weight:600;margin:0}.kafka-filters-list{display:flex;flex-direction:column;gap:10px}.kafka-filter-item{background:#fff6;border:1px solid #d5d5d54d;border-radius:8px;box-shadow:2px 2px 4px #d5d5d54d,-2px -2px 4px #ffffff4d;padding:12px}.kafka-filter-item-header{align-items:center;border-bottom:1px solid #d5d5d533;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.kafka-filter-item-type{align-items:center;display:flex;gap:8px}.kafka-filter-icon{font-size:16px}.kafka-filter-type-label{color:var(--primary-color);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.kafka-filter-item-details{display:flex;flex-direction:column;gap:6px}.kafka-filter-detail{align-items:baseline;display:flex;gap:8px}.kafka-filter-detail-label{color:#6b7280;flex-shrink:0;font-size:10px;font-weight:600;min-width:70px}.kafka-filter-detail-value{color:#1f2937;font-size:11px;font-weight:500;word-break:break-word}.kafka-filter-detail-value code,code.kafka-filter-detail-value{background:#8b5cf614;border:1px solid #8b5cf626;border-radius:3px;color:var(--primary-color);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:10px;padding:2px 6px}.kafka-add-filter-form{background:#fff3;border:1px dashed #d5d5d566;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:14px}.kafka-empty-state{background:#fff3;border:1px dashed #d5d5d566;border-radius:8px;padding:24px;text-align:center}.kafka-empty-state p{color:#6b7280;font-size:12px;font-weight:600;margin:0 0 4px}.kafka-empty-state small{color:#9ca3af;font-size:10px}.kafka-input-error{box-shadow:inset 2px 2px 4px #ef44441a,inset -2px -2px 4px #fff6,0 0 0 2px #ef44441a!important}.kafka-field-dropdown-container{position:relative}.kafka-field-dropdown-trigger{align-items:center;background:#eee;border:1px solid #d5d5d580;border-radius:6px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;cursor:pointer;display:flex;font-size:12px;gap:8px;justify-content:space-between;padding:8px 10px;transition:all .2s ease}.kafka-field-dropdown-trigger:hover{border-color:#9ca3af}.kafka-field-dropdown-trigger.active{border-color:var(--primary-color);box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80,0 0 0 2px #8b5cf61a}.kafka-field-selected{color:#1f2937;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;font-weight:500}.kafka-field-placeholder{color:#9ca3af;font-size:11px}.kafka-field-dropdown-trigger svg{color:#6b7280;flex-shrink:0;transition:transform .2s ease}.kafka-field-dropdown-trigger svg.rotated{transform:rotate(180deg)}.kafka-field-dropdown-menu{background:#eee;border-radius:8px;box-shadow:4px 4px 8px #d5d5d5cc,-2px -2px 6px #fffc,0 4px 12px #0000001a;display:flex;flex-direction:column;left:0;max-height:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.kafka-field-dropdown-search{background:#ffffff4d;border:none;border-bottom:1px solid #d5d5d566;color:#1f2937;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;outline:none;padding:10px 12px}.kafka-field-dropdown-search::placeholder{color:#9ca3af}.kafka-field-dropdown-options{max-height:220px;overflow-y:auto}.kafka-field-dropdown-options::-webkit-scrollbar{width:6px}.kafka-field-dropdown-options::-webkit-scrollbar-track{background:#d5d5d533}.kafka-field-dropdown-options::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.kafka-field-dropdown-options::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.kafka-field-dropdown-option{border-bottom:1px solid #d5d5d533;cursor:pointer;padding:8px 12px;transition:all .15s ease}.kafka-field-dropdown-option:last-child{border-bottom:none}.kafka-field-dropdown-option:hover{background:#8b5cf614}.kafka-field-option-content{align-items:center;display:flex;gap:12px;justify-content:space-between}.kafka-field-option-path{color:#1f2937;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px}.kafka-field-option-source{border:1px solid;border-radius:3px;flex-shrink:0;font-size:9px;font-weight:600;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase;white-space:nowrap}.kafka-field-option-source:has-text("Request"){background:#3b82f61a;border-color:#3b82f64d;color:#2563eb}.kafka-source-request{background:#3b82f61a;border-color:#3b82f64d;color:#2563eb}.kafka-source-response{background:#10b9811a;border-color:#10b9814d;color:#059669}.kafka-source-both{background:#8b5cf61a;border-color:#8b5cf64d;color:#7c3aed}.kafka-field-dropdown-empty{color:#9ca3af;font-size:11px;padding:16px 12px;text-align:center}.kafka-badge{border:1px solid;border-radius:4px;padding:3px 8px}.kafka-badge.operation-produce{background-color:#10b9811a;border-color:#10b9814d;color:#059669}.kafka-badge.operation-consume{background-color:#3b82f61a;border-color:#3b82f64d;color:#2563eb}.kafka-badge.operation-both{background-color:#8b5cf61a;border-color:#8b5cf64d;color:#7c3aed}.kafka-loading{align-items:center;color:#6b7280;display:flex;font-size:12px;justify-content:center;padding:32px}.kafka-loading-spinner{animation:kafkaSpin .8s linear infinite;border:2px solid #6b728033;border-radius:50%;border-top:2px solid var(--primary-color);height:16px;width:16px}.kafka-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#b91c1c;font-size:11px;padding:12px 14px}.kafka-error-message{color:#ef4444;display:block;font-size:10px;margin-top:2px}.kafka-hint{color:#6b7280;display:block;font-size:10px;font-style:italic;margin-top:4px}.kafka-mono{font-family:Monaco,Menlo,monospace;font-size:10px}.kafka-break-all{word-break:break-all}.kafka-text-muted{color:#6b7280}.kafka-text-sm{font-size:11px}.kafka-text-xs{font-size:10px}.kafka-textarea::-webkit-scrollbar{height:8px;width:8px}.kafka-textarea::-webkit-scrollbar-track{background:#d5d5d533;border-radius:4px}.kafka-textarea::-webkit-scrollbar-thumb{background:#6b72804d;border-radius:4px}.kafka-textarea::-webkit-scrollbar-thumb:hover{background:#6b728080}@media (max-width:768px){.kafka-step-details-nav{gap:4px;padding:8px 12px}.kafka-step-details-container{padding:12px 14px}.kafka-connection-section,.kafka-consumer-section,.kafka-operation-section,.kafka-producer-section,.kafka-security-section{padding:12px}.kafka-form-row{flex-direction:column;gap:12px}.kafka-section-title h3{font-size:13px}.kafka-subsection{padding:10px}.kafka-assertion-row,.kafka-filter-row,.kafka-key-value-row{flex-wrap:wrap}.kafka-filter-row .kafka-input-small,.kafka-filter-row .kafka-select-small,.kafka-key-value-row .kafka-input-key,.kafka-key-value-row .kafka-input-value{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;min-width:0}.kafka-filter-row .kafka-icon-button{flex:0 0 28px}.kafka-assertion-row .kafka-input-small,.kafka-assertion-row .kafka-select-small{flex:1 1 100%}}@media (max-width:640px){.kafka-step-details-nav-link{font-size:10px;padding:5px 10px}.kafka-section-title h3{font-size:12px}}@media (prefers-color-scheme:dark){.kafka-step-details{background:#1f2937;color:#e5e7eb}.kafka-connection-section,.kafka-consumer-section,.kafka-operation-section,.kafka-producer-section,.kafka-security-section{background:#1f2937;box-shadow:3px 3px 6px #0000004d,-3px -3px 6px #3741514d}.kafka-input,.kafka-select,.kafka-textarea{background:#1f2937;border-color:#37415180;box-shadow:inset 2px 2px 4px #0000004d,inset -2px -2px 4px #37415133;color:#e5e7eb}.kafka-subsection{background:#0003;border-color:#3741514d}}.kafka-input:focus-visible,.kafka-select:focus-visible,.kafka-textarea:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.kafka-listener-info-banner{align-items:flex-start;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-left:4px solid #6366f1;border-radius:8px;box-shadow:2px 2px 6px #d5d5d580,-2px -2px 6px #ffffff80;display:flex;gap:12px;margin-bottom:20px;padding:14px}.kafka-listener-info-banner svg{color:#6366f1;flex-shrink:0;margin-top:2px}.kafka-listener-banner-text{color:#4c1d95;font-size:13px;font-weight:500;margin:0 0 4px}.kafka-badge{align-items:center;background:#6366f1;border-radius:10px;color:#fff;display:inline-flex;font-size:11px;height:20px;justify-content:center;margin-left:8px;min-width:20px;padding:0 6px}.kafka-listener-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.kafka-listener-item{background:#ffffff4d;border:1px solid #d5d5d54d;border-radius:6px;box-shadow:2px 2px 4px #d5d5d54d,-2px -2px 4px #ffffff4d;padding:10px 12px;transition:all .2s ease}.kafka-listener-item:hover{background:#ffffff80;border-color:#8b5cf64d;box-shadow:2px 2px 5px #d5d5d566,-2px -2px 5px #fff6}.kafka-listener-name{color:#1f2937;font-size:12px;font-weight:600;margin-bottom:4px}.kafka-listener-description{color:#6b7280;font-size:11px;font-style:italic}.kafka-input-error{background:#fef2f2;border-color:#ef4444!important}.kafka-error-text{color:#dc2626;display:block;font-size:11px;font-weight:500;margin-top:4px}.kafka-value-input-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.kafka-value-input-row:last-child{margin-bottom:0}.kafka-value-input-row input{flex:1 1}.kafka-value-input-row .kafka-icon-button{flex-shrink:0}.kafka-button-link{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;margin-top:4px;padding:6px 10px;transition:all .2s ease}.kafka-button-link:hover{background:#8b5cf614;color:#7c3aed}.kafka-button-link:active{background:#8b5cf626}.kafka-button-link svg{flex-shrink:0}.kafka-button-add-value{font-weight:500;text-transform:none}.kafka-filter-values-list{align-items:flex-start;display:flex;flex-wrap:wrap;gap:6px}.kafka-filter-value-chip{align-items:center;background:#8b5cf614;border:1px solid #8b5cf626;border-radius:4px;box-shadow:1px 1px 2px #d5d5d54d,-1px -1px 2px #ffffff4d;color:var(--primary-color);display:inline-flex;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:10px;padding:4px 8px}@media (max-width:768px){.kafka-value-input-row{flex-wrap:nowrap}.kafka-filter-values-list{gap:4px}.kafka-filter-value-chip{font-size:9px;padding:3px 6px}}.kafka-toggle-label{align-items:center;cursor:pointer;display:flex;gap:10px;margin:0;padding:0;position:relative;width:-webkit-fit-content;width:fit-content}.kafka-toggle-input{height:0;opacity:0;position:absolute;width:0}.kafka-toggle-slider{background:#eee;border-radius:11px;box-shadow:inset 2px 2px 3px #d5d5d580,inset -2px -2px 3px #ffffff80;flex-shrink:0;height:22px;position:relative;transition:all .25s ease;width:42px}.kafka-toggle-slider:before{background:#fff;border-radius:50%;box-shadow:2px 2px 3px #d5d5d599,-1px -1px 2px #fffc;content:"";height:16px;left:3px;position:absolute;top:3px;transition:all .25s ease;width:16px}.kafka-toggle-input:checked+.kafka-toggle-slider{background:var(--primary-color);box-shadow:inset 2px 2px 3px #8b5cf666,inset -2px -2px 3px #a78bfa33}.kafka-toggle-input:checked+.kafka-toggle-slider:before{box-shadow:2px 2px 3px #8b5cf666,-1px -1px 2px #ffffffe6;transform:translateX(20px)}.kafka-toggle-text{color:#374151;font-size:12px;font-weight:600;-webkit-user-select:none;user-select:none}.kafka-form-group .kafka-toggle-label{margin-bottom:6px;margin-top:4px}.kafka-form-group .kafka-hint{color:#6b7280;display:block;font-size:10px;line-height:1.4;margin-top:6px}.kafka-form-container .kafka-form-group:has(.kafka-toggle-label){margin-top:18px}.kafka-badge{border-radius:5px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.kafka-badge-success{background:#10b9811f;box-shadow:1px 1px 2px #10b98126,-1px -1px 2px #fff6;color:#059669}.kafka-badge-default{background:#6b728014;box-shadow:1px 1px 2px #d5d5d540,-1px -1px 2px #fff6;color:#6b7280}.database-query-test-section{align-items:center;background:#ffffff4d;border:1px solid #d5d5d533;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:12px}.database-query-test-btn{align-items:center;background:var(--primary-color);border:none;border-radius:6px;box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #fff3;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.database-query-test-btn:hover:not(:disabled){background:#7c3aed;box-shadow:3px 3px 6px #8b5cf666,-1px -1px 3px #ffffff4d;transform:translateY(-1px)}.database-query-test-btn:active:not(:disabled){box-shadow:inset 2px 2px 4px #0003,inset -1px -1px 2px #ffffff1a;transform:translateY(0)}.database-query-test-btn:disabled{cursor:not-allowed;opacity:.6}.database-query-test-btn .spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.database-query-test-help{color:#6b7280;font-size:10px;margin:0;text-align:center}.database-test-results{display:flex;flex-direction:column;gap:10px;margin-top:12px}.database-test-results-header{align-items:center;background:#eee;border-radius:8px;box-shadow:inset 1px 1px 3px #d5d5d54d,inset -1px -1px 3px #ffffff4d;display:flex;gap:8px;padding:8px 12px}.database-test-results-header .success-icon{color:#059669;flex-shrink:0}.database-test-results-header strong{color:#1f2937;display:block;font-size:12px;font-weight:600;margin-bottom:2px}.database-test-results-header small{color:#6b7280;display:block;font-size:10px}.database-test-json-preview h4{color:#374151;font-size:11px;font-weight:600;margin:0 0 6px}.database-test-json-wrapper{border-radius:8px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;max-height:300px;overflow:auto;padding:12px}.database-test-json-wrapper,.database-test-json-wrapper *,.database-test-json-wrapper pre{background-color:initial!important}.database-test-json-wrapper{background:#eee!important}.database-test-json-wrapper pre{color:#1f2937;font-family:Monaco,Menlo,Consolas,Cascadia Code,monospace;font-size:11px;line-height:1.5;margin:0;white-space:pre}.database-test-json-wrapper .json-key{color:#0369a1;font-weight:600}.database-test-json-wrapper .json-string{color:#15803d}.database-test-json-wrapper .json-number{color:#b45309}.database-test-json-wrapper .json-boolean{color:#7c3aed;font-weight:600}.database-test-json-wrapper .json-null{color:#dc2626;font-style:italic;font-weight:600}.database-test-json-wrapper::-webkit-scrollbar{height:4px;width:4px}.database-test-json-wrapper::-webkit-scrollbar-track{background:#0000}.database-test-json-wrapper::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.database-test-results-table-section{margin-top:12px}.database-test-results-table-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.database-test-results-table-header h4{margin:0 0 4px}.database-fullscreen-btn{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:var(--primary-color);cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.database-fullscreen-btn:hover{box-shadow:3px 3px 6px #d5d5d599,-2px -2px 4px #fff9;transform:translateY(-1px)}.database-results-table-wrapper{background:#fff;border:1px solid #d5d5d566;border-radius:8px;box-shadow:2px 2px 6px #d5d5d54d,-1px -1px 4px #ffffff80;max-height:400px;overflow:auto}.database-results-table{border-collapse:collapse;font-family:Monaco,Menlo,Consolas,monospace;font-size:11px;width:100%}.database-results-table thead{background:linear-gradient(180deg,#f8f9fa 0,#f0f0f0);box-shadow:0 2px 4px #0000000d;position:-webkit-sticky;position:sticky;top:0;z-index:10}.database-results-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:11px;font-weight:600;letter-spacing:.3px;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.database-results-table th.row-index-header{color:#9ca3af;font-size:10px;text-align:center;width:50px}.database-results-table tbody tr{transition:background .15s ease}.database-results-table tbody tr:nth-child(odd){background:#fff}.database-results-table tbody tr:nth-child(2n){background:#f9fafb}.database-results-table tbody tr:hover{background:#f3f4f6!important}.database-results-table td{border-bottom:1px solid #e5e7eb;color:#1f2937;padding:8px 12px}.database-results-table td.row-index-cell{background:#f3f4f680;border-right:1px solid #e5e7eb;color:#9ca3af;font-size:10px;font-weight:600;text-align:center}.database-results-table td.clickable-row-index{cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.database-results-table td.clickable-row-index:hover{background:#8b5cf61a;color:var(--primary-color)}.database-results-table td.clickable-row-index.selected{background:#8b5cf633;color:var(--primary-color);font-weight:700}.database-results-table tr.row-fully-selected{background:#8b5cf60d!important;border-left:3px solid var(--primary-color)}.database-results-table td.clickable-cell{cursor:pointer;padding-left:20px;position:relative;transition:all .15s ease}.database-results-table td.clickable-cell:hover{background:#8b5cf614!important;color:var(--primary-color)}.database-results-table td.clickable-cell.selected{background:#8b5cf61f!important;color:var(--primary-color);font-weight:600}.database-results-table td.clickable-cell.selected:before{color:var(--primary-color);content:"✓";font-size:11px;font-weight:700;left:6px;position:absolute;top:50%;transform:translateY(-50%)}.database-results-table-wrapper::-webkit-scrollbar{height:10px;width:10px}.database-results-table-wrapper::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.database-results-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f3f4f6;border-radius:4px}.database-results-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.database-results-table-wrapper::-webkit-scrollbar-corner{background:#f3f4f6}.database-fullscreen-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.database-fullscreen-content{background:#fff;border-radius:12px;box-shadow:0 20px 50px #0000004d,0 10px 20px #0003;display:flex;flex-direction:column;height:90%;width:95%}.database-fullscreen-header{align-items:center;background:linear-gradient(180deg,#f8f9fa 0,#f0f0f0);border-bottom:2px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.database-fullscreen-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.database-fullscreen-header small{color:#6b7280;font-size:11px}.database-fullscreen-close{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.database-fullscreen-close:hover{color:#ef4444;transform:rotate(90deg)}.database-fullscreen-table{background:#f9fafb;flex:1 1;overflow:auto;padding:20px}.database-fullscreen-table .database-results-table-wrapper{height:100%;max-height:none}.database-test-fields-section{margin-top:8px}.database-test-fields-section h4{color:#374151;font-size:11px;font-weight:600;margin:0 0 4px}.database-test-fields-help{color:#9ca3af;font-size:10px;margin:0 0 10px}.database-test-fields-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:10px}.database-test-field-item{align-items:flex-start;background:#eee;border-radius:6px;box-shadow:1px 1px 3px #d5d5d54d,-1px -1px 3px #ffffff4d;cursor:pointer;display:flex;gap:8px;padding:8px 10px;transition:all .2s ease}.database-test-field-item:hover{box-shadow:2px 2px 4px #d5d5d566,-1px -1px 3px #fff6}.database-test-field-item.selected{background:#8b5cf60d;box-shadow:inset 1px 1px 3px #8b5cf633,inset -1px -1px 2px #fff3}.database-test-field-item input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;flex-shrink:0;height:14px;margin-top:2px;width:14px}.database-test-field-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.database-test-field-content strong{color:#1f2937;font-size:11px;font-weight:600}.database-test-field-content small{color:#6b7280;font-size:10px}.database-test-field-content .field-path{color:var(--primary-color);font-family:Monaco,Menlo,monospace}.database-test-field-content .field-sample{color:#9ca3af;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.database-test-selected-summary{background:#eee;border-radius:6px;box-shadow:inset 1px 1px 3px #d5d5d54d,inset -1px -1px 3px #ffffff4d;display:flex;flex-direction:column;gap:3px;padding:8px 10px}.database-test-selected-summary strong{color:#374151;font-size:11px;font-weight:600}.database-test-selected-summary small{color:#6b7280;font-size:10px}.database-test-error-result{align-items:center;background:#eee;border-radius:8px;box-shadow:inset 1px 1px 3px #d5d5d54d,inset -1px -1px 3px #ffffff4d;display:flex;gap:10px;margin-top:12px;padding:10px 12px}.database-test-error-result svg{color:#dc2626;flex-shrink:0}.database-test-error-result strong{color:#1f2937;display:block;font-size:11px;font-weight:600;margin-bottom:2px}.database-test-error-result p{color:#6b7280;font-size:10px;margin:0}.database-test-error-result .retry-btn{background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:var(--primary-color);cursor:pointer;font-size:11px;font-weight:600;margin-left:auto;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.database-test-error-result .retry-btn:hover{box-shadow:3px 3px 6px #d5d5d599,-2px -2px 4px #fff9;transform:translateY(-1px)}.payload-manipulation-step-details{background:#eee;display:flex;flex-direction:column;height:100%}.payload-manipulation-step-details-nav{align-items:center;border-bottom:1px solid #d5d5d54d;display:flex;flex-shrink:0;gap:6px;overflow-x:auto;padding:10px 14px}.payload-manipulation-step-details-nav::-webkit-scrollbar{height:4px}.payload-manipulation-step-details-nav::-webkit-scrollbar-track{background:#0000}.payload-manipulation-step-details-nav::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.payload-manipulation-step-details-nav-link{background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#6b7280;cursor:pointer;font-size:11px;font-weight:600;padding:6px 12px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.payload-manipulation-step-details-nav-link:hover{box-shadow:1px 1px 2px #d5d5d580,-1px -1px 2px #ffffff80;color:var(--primary-color)}.payload-manipulation-step-details-nav-link.active{box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80;color:var(--primary-color)}.payload-manipulation-step-details-container{flex:1 1;overflow-y:auto;padding:14px 16px}.payload-manipulation-step-details-container::-webkit-scrollbar{width:6px}.payload-manipulation-step-details-container::-webkit-scrollbar-track{background:#0000}.payload-manipulation-step-details-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.payload-manipulation-step-details-container>div{margin-bottom:16px}.payload-manipulation-step-details-container>div:last-child{margin-bottom:0}.payload-manipulation-step-details-empty{align-items:center;display:flex;height:100%;justify-content:center;padding:40px}.payload-manipulation-step-details-empty p{color:#6b7280;font-size:13px}.payload-manipulation-connection-section,.payload-manipulation-consumer-section,.payload-manipulation-operation-section,.payload-manipulation-producer-section,.payload-manipulation-security-section{background:#eee;border-radius:10px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;box-sizing:border-box;margin-bottom:12px;padding:12px 14px}.payload-manipulation-section-header{align-items:center;border-bottom:1px solid #d5d5d54d;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.payload-manipulation-section-header.payload-manipulation-collapsible-header{border-bottom:none;cursor:pointer;margin-bottom:0;padding:8px 0;transition:background .2s ease}.payload-manipulation-section-header.payload-manipulation-collapsible-header:hover{opacity:.8}.payload-manipulation-section-header-actions{display:flex;gap:6px}.payload-manipulation-section-title{align-items:center;display:flex;gap:8px}.payload-manipulation-section-title svg{color:var(--primary-color);flex-shrink:0}.payload-manipulation-section-title h3{color:#1f2937;font-size:13px;font-weight:600;margin:0}.payload-manipulation-collapse-icon{align-items:center;color:#6b7280;display:flex;transition:transform .2s ease}.payload-manipulation-section-content{display:flex;flex-direction:column;gap:10px;padding-top:4px}.payload-manipulation-subsection{background:#ffffff4d;border:1px solid #d5d5d533;border-radius:8px;box-sizing:border-box;margin-top:6px;padding:10px 12px}.payload-manipulation-subsection h4{align-items:center;color:#374151;display:flex;font-size:11px;font-weight:600;gap:6px;margin:0 0 8px}.payload-manipulation-subsection-header-clickable{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;margin-top:12px;padding:8px 0;transition:opacity .2s ease}.payload-manipulation-subsection-header-clickable:hover{opacity:.7}.payload-manipulation-subsection-header-clickable h4{align-items:center;color:#6b7280;display:flex;font-size:11px;font-weight:600;gap:6px;margin:0}.payload-manipulation-form-group{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.payload-manipulation-form-row{display:flex;gap:10px;min-width:0}.payload-manipulation-form-group label{color:#374151;font-size:11px;font-weight:600;margin:0}.payload-manipulation-form-group p{color:#1f2937;font-size:12px;margin:0;padding:6px 0}.payload-manipulation-input,.payload-manipulation-select,.payload-manipulation-textarea{background:#eee;border:1px solid #d5d5d580;border-radius:6px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;box-sizing:border-box;color:#1f2937;font-size:12px;min-width:0;padding:6px 10px;transition:all .2s ease;width:100%}.payload-manipulation-input:focus,.payload-manipulation-select:focus,.payload-manipulation-textarea:focus{border-color:var(--primary-color);box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80,0 0 0 2px #8b5cf61a;outline:none}.payload-manipulation-input::placeholder,.payload-manipulation-textarea::placeholder{color:#9ca3af;font-size:11px}.payload-manipulation-input:disabled,.payload-manipulation-select:disabled,.payload-manipulation-textarea:disabled{background:#f9fafb80;cursor:not-allowed;opacity:.6}.payload-manipulation-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 8 2 4h8z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;cursor:pointer;padding-right:30px}.payload-manipulation-select optgroup{color:#374151;font-weight:600}.payload-manipulation-textarea{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:11px;line-height:1.5;min-height:80px;resize:vertical}input[type=number].payload-manipulation-input{-moz-appearance:textfield}input[type=number].payload-manipulation-input::-webkit-inner-spin-button,input[type=number].payload-manipulation-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=password].payload-manipulation-input{letter-spacing:.1em}input[type=checkbox].payload-manipulation-checkbox{accent-color:var(--primary-color);cursor:pointer;height:16px;width:16px}.payload-manipulation-button-primary{align-items:center;background:var(--primary-color);border:none;border-radius:8px;box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 14px;transition:all .2s ease}.payload-manipulation-button-primary:hover:not(:disabled){background:#7c3aed}.payload-manipulation-button-primary:disabled{cursor:not-allowed;opacity:.5}.payload-manipulation-button-primary:active:not(:disabled){box-shadow:inset 2px 2px 4px #8b5cf666}.payload-manipulation-button-secondary{align-items:center;background:#eee;border:none;border-radius:8px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.payload-manipulation-button-secondary:hover{color:#374151}.payload-manipulation-button-secondary:active{box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80}.payload-manipulation-icon-button{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.payload-manipulation-icon-button:hover{box-shadow:1px 1px 2px #d5d5d580,-1px -1px 2px #ffffff80;color:var(--primary-color)}.payload-manipulation-icon-button:active{box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80}.payload-manipulation-icon-button.payload-manipulation-button-danger{color:#ef4444}.payload-manipulation-icon-button.payload-manipulation-button-danger:hover{background:#ef44440d;color:#dc2626}.payload-manipulation-button-add{justify-content:center;margin-top:8px;width:100%}.payload-manipulation-key-value-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.payload-manipulation-input-key{flex:1 1;min-width:120px}.payload-manipulation-input-value{flex:2 1;min-width:150px}.payload-manipulation-filter-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.payload-manipulation-filter-row .payload-manipulation-select-small{flex:0 0 110px}.payload-manipulation-filter-row .payload-manipulation-input-small:first-of-type{flex:1 1;min-width:100px}.payload-manipulation-filter-row .payload-manipulation-select-small:nth-of-type(2){flex:0 0 130px}.payload-manipulation-filter-row .payload-manipulation-input-small:last-of-type{flex:1 1;min-width:120px}.payload-manipulation-assertion-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.payload-manipulation-assertion-row .payload-manipulation-input-small{flex:1 1;min-width:120px}.payload-manipulation-assertion-row .payload-manipulation-select-small{flex:0 0 140px}.payload-manipulation-input-small,.payload-manipulation-select-small{font-size:11px;padding:6px 8px}.payload-manipulation-select-small{background-size:10px 10px;padding-right:24px}.payload-manipulation-request-configuration-tabs{background:#eee;border-radius:10px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;margin-top:16px;padding:0}.payload-manipulation-request-tabs-header{align-items:center;border-bottom:1px solid #d5d5d54d;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.payload-manipulation-request-tabs-list{align-items:center;display:flex;flex:1 1;gap:6px;overflow-x:auto}.payload-manipulation-request-tabs-list::-webkit-scrollbar{height:4px}.payload-manipulation-request-tabs-list::-webkit-scrollbar-track{background:#0000}.payload-manipulation-request-tabs-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.payload-manipulation-request-tab{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d580,-2px -2px 4px #ffffff80;color:#6b7280;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.payload-manipulation-request-tab:hover{box-shadow:1px 1px 2px #d5d5d580,-1px -1px 2px #ffffff80;color:var(--primary-color)}.payload-manipulation-request-tab.active{box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80;color:var(--primary-color)}.payload-manipulation-request-tab-label{flex:1 1}.payload-manipulation-request-tab-edit-alias{align-items:center;background:#0000;border:none;border-radius:3px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:2px;transition:all .2s ease}.payload-manipulation-request-tab:hover .payload-manipulation-request-tab-edit-alias{opacity:1}.payload-manipulation-request-tab-edit-alias:hover{background:#8b5cf61a;color:var(--primary-color)}.payload-manipulation-request-tab-remove{align-items:center;background:#0000;border:none;border-radius:3px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all .2s ease}.payload-manipulation-request-tab-remove:hover{background:#dc26261a;color:#dc2626}.payload-manipulation-request-tab-alias-editor{align-items:center;display:flex;gap:4px;padding:0}.payload-manipulation-request-tab-alias-input{background:#eee;border:1px solid var(--primary-color);border-radius:4px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;color:#1f2937;font-size:11px;font-weight:600;max-width:150px;min-width:80px;padding:4px 8px}.payload-manipulation-request-tab-alias-input:focus{border-color:var(--primary-color);box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6,0 0 0 2px #8b5cf633;outline:none}.payload-manipulation-request-tab-alias-save{align-items:center;background:var(--primary-color);border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:3px;transition:all .2s ease}.payload-manipulation-request-tab-alias-save:hover{background:#7c3aed}.payload-manipulation-request-tab-alias-cancel{align-items:center;background:#e5e7eb;border:none;border-radius:3px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:3px;transition:all .2s ease}.payload-manipulation-request-tab-alias-cancel:hover{background:#d1d5db;color:#374151}.payload-manipulation-request-tab-add{align-items:center;background:var(--primary-color);border:none;border-radius:6px;box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:600;gap:5px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.payload-manipulation-request-tab-add:hover{background:#7c3aed}.payload-manipulation-request-tab-content{display:flex;flex-direction:column;gap:16px;min-height:200px;padding:14px;position:relative}.payload-manipulation-request-loading-overlay{align-items:center;background:#eee;border-radius:8px;box-shadow:inset 3px 3px 6px #d5d5d599,inset -3px -3px 6px #fff9;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:400px;padding:60px 20px;position:static;width:100%}.payload-manipulation-request-loading-overlay p{color:var(--primary-color);font-size:13px;font-weight:600;margin:0;text-align:center}.payload-manipulation-request-loading-overlay small{color:#6b7280;font-size:11px;margin:0;text-align:center}.payload-manipulation-request-loading-spinner{animation:kafkaSpinLoading 1s linear infinite;border:4px solid #d5d5d54d;border-radius:50%;border-top:4px solid var(--primary-color);box-shadow:2px 2px 4px #d5d5d566,-2px -2px 4px #fff6;height:40px;width:40px}@keyframes kafkaSpinLoading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.payload-manipulation-request-content{display:flex;flex-direction:column;gap:16px}.payload-manipulation-request-operation{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:8px;padding:12px}.payload-manipulation-request-operation h4{color:var(--primary-color);font-size:12px;font-weight:600;margin:0 0 6px}.payload-manipulation-request-section{background:#ffffff4d;border:1px solid #d5d5d533;border-radius:8px;padding:12px}.payload-manipulation-request-section-header{align-items:center;border-bottom:1px solid #d5d5d533;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;transition:opacity .2s ease}.payload-manipulation-request-section-header:hover{opacity:.7}.payload-manipulation-request-section-header h4{align-items:center;color:#6b7280;display:flex;font-size:11px;font-weight:600;gap:6px;margin:0}.payload-manipulation-request-section-content{display:flex;flex-direction:column;gap:8px}.payload-manipulation-operation-section{background:#eee;border-radius:12px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;margin-bottom:16px;overflow:hidden;transition:all .2s ease}.payload-manipulation-operation-section[style*="cursor: pointer"]:hover{box-shadow:2px 2px 5px #d5d5d5b3,-2px -2px 5px #ffffffb3}.payload-manipulation-operation-section[style*="cursor: pointer"]:active{box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9}.payload-manipulation-operation-section .payload-manipulation-section-header{background:#fff3;border-bottom:1px solid #d5d5d54d;padding:12px 16px}.payload-manipulation-operation-section .payload-manipulation-section-content{padding:16px}.payload-manipulation-section-title .payload-manipulation-operation-type-badge{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:5px;color:var(--primary-color);display:inline-flex;font-size:10px;font-weight:600;margin-left:8px;padding:4px 10px}.payload-manipulation-operation-form{display:flex;flex-direction:column;gap:14px}.payload-manipulation-operation-display{background:#ffffff4d;border:1px solid #d5d5d533;border-radius:8px;padding:12px}.payload-manipulation-info-row{grid-gap:12px;align-items:center;border-bottom:1px solid #d5d5d526;display:grid;gap:12px;grid-template-columns:180px 1fr;padding:8px 0}.payload-manipulation-info-row:last-child{border-bottom:none;padding-bottom:0}.payload-manipulation-info-row:first-child{padding-top:0}.payload-manipulation-info-label{color:#6b7280;font-size:11px;font-weight:600;text-align:left}.payload-manipulation-info-value{color:#1f2937;font-size:12px;font-weight:500;word-break:break-word}.payload-manipulation-info-value em{color:#9ca3af;font-size:11px;font-style:italic}.payload-manipulation-operation-actions{align-items:center;border-top:1px solid #d5d5d54d;display:flex;gap:10px;margin-top:14px;padding-top:14px}.payload-manipulation-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s ease}.payload-manipulation-btn-save{background:var(--primary-color);box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff}.payload-manipulation-btn-save:hover:not(:disabled){background:#7c3aed;box-shadow:3px 3px 6px #8b5cf666,-2px -2px 4px #fff6}.payload-manipulation-btn-save:disabled{cursor:not-allowed;opacity:.6}.payload-manipulation-btn-save:active:not(:disabled){box-shadow:1px 1px 2px #8b5cf64d;transform:translateY(1px)}.payload-manipulation-btn-cancel{background:#eee;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280}.payload-manipulation-btn-cancel:hover:not(:disabled){box-shadow:1px 1px 2px #d5d5d599,-1px -1px 2px #fff9;color:#374151}.payload-manipulation-btn-cancel:disabled{cursor:not-allowed;opacity:.6}.payload-manipulation-btn-cancel:active:not(:disabled){box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80;transform:translateY(1px)}.payload-manipulation-btn-edit{align-items:center;background:var(--primary-color);border:none;border-radius:6px;box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:5px 10px;transition:all .2s ease}.payload-manipulation-btn-edit:hover{background:#7c3aed;box-shadow:2px 2px 5px #8b5cf666,-1px -1px 3px #fff6}.payload-manipulation-btn-edit:active{box-shadow:1px 1px 2px #8b5cf64d;transform:translateY(1px)}.payload-manipulation-btn-cancel-small,.payload-manipulation-btn-save-small{font-size:11px;padding:5px 10px}.payload-manipulation-btn-add,.payload-manipulation-btn-remove{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:5px 10px;transition:all .2s ease}.payload-manipulation-btn-add{background:var(--primary-color);box-shadow:2px 2px 4px #8b5cf64d,-1px -1px 3px #ffffff4d;color:#fff}.payload-manipulation-btn-add:hover{background:#7c3aed}.payload-manipulation-btn-remove{background:#ef4444;box-shadow:2px 2px 4px #ef44444d,-1px -1px 3px #ffffff4d;color:#fff}.payload-manipulation-btn-remove:hover{background:#dc2626}.payload-manipulation-array-item{align-items:center;display:flex;gap:6px;margin-bottom:6px}.payload-manipulation-array-item .payload-manipulation-input{flex:1 1}.payload-manipulation-form-group ul{list-style:none;margin:4px 0;padding-left:16px}.payload-manipulation-form-group ul li{color:#1f2937;font-size:11px;margin-bottom:3px;padding-left:12px;position:relative}.payload-manipulation-form-group ul li:before{color:var(--primary-color);content:"•";font-weight:700;left:0;position:absolute}.payload-manipulation-message-filters-section{display:flex;flex-direction:column;gap:14px}.payload-manipulation-section-header-inline{border-bottom:1px solid #d5d5d54d;display:flex;flex-direction:column;gap:4px;padding-bottom:10px}.payload-manipulation-section-header-inline h4{color:#374151;font-size:13px;font-weight:600;margin:0}.payload-manipulation-filters-list{display:flex;flex-direction:column;gap:10px}.payload-manipulation-filter-item{background:#fff6;border:1px solid #d5d5d54d;border-radius:8px;box-shadow:2px 2px 4px #d5d5d54d,-2px -2px 4px #ffffff4d;padding:12px}.payload-manipulation-filter-item-header{align-items:center;border-bottom:1px solid #d5d5d533;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.payload-manipulation-filter-item-type{align-items:center;display:flex;gap:8px}.payload-manipulation-filter-icon{font-size:16px}.payload-manipulation-filter-type-label{color:var(--primary-color);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.payload-manipulation-filter-item-details{display:flex;flex-direction:column;gap:6px}.payload-manipulation-filter-detail{align-items:baseline;display:flex;gap:8px}.payload-manipulation-filter-detail-label{color:#6b7280;flex-shrink:0;font-size:10px;font-weight:600;min-width:70px}.payload-manipulation-filter-detail-value{color:#1f2937;font-size:11px;font-weight:500;word-break:break-word}.payload-manipulation-filter-detail-value code,code.payload-manipulation-filter-detail-value{background:#8b5cf614;border:1px solid #8b5cf626;border-radius:3px;color:var(--primary-color);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:10px;padding:2px 6px}.payload-manipulation-add-filter-form{background:#fff3;border:1px dashed #d5d5d566;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:14px}.payload-manipulation-empty-state{background:#fff3;border:1px dashed #d5d5d566;border-radius:8px;padding:24px;text-align:center}.payload-manipulation-empty-state p{color:#6b7280;font-size:12px;font-weight:600;margin:0 0 4px}.payload-manipulation-empty-state small{color:#9ca3af;font-size:10px}.payload-manipulation-input-error{box-shadow:inset 2px 2px 4px #ef44441a,inset -2px -2px 4px #fff6,0 0 0 2px #ef44441a!important}.payload-manipulation-field-dropdown-container{position:relative}.payload-manipulation-field-dropdown-trigger{align-items:center;background:#eee;border:1px solid #d5d5d580;border-radius:6px;box-shadow:inset 2px 2px 4px #d5d5d566,inset -2px -2px 4px #fff6;cursor:pointer;display:flex;font-size:12px;gap:8px;justify-content:space-between;padding:8px 10px;transition:all .2s ease}.payload-manipulation-field-dropdown-trigger:hover{border-color:#9ca3af}.payload-manipulation-field-dropdown-trigger.active{border-color:var(--primary-color);box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80,0 0 0 2px #8b5cf61a}.payload-manipulation-field-selected{color:#1f2937;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;font-weight:500}.payload-manipulation-field-placeholder{color:#9ca3af;font-size:11px}.payload-manipulation-field-dropdown-trigger svg{color:#6b7280;flex-shrink:0;transition:transform .2s ease}.payload-manipulation-field-dropdown-trigger svg.rotated{transform:rotate(180deg)}.payload-manipulation-field-dropdown-menu{background:#eee;border-radius:8px;box-shadow:4px 4px 8px #d5d5d5cc,-2px -2px 6px #fffc,0 4px 12px #0000001a;display:flex;flex-direction:column;left:0;max-height:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.payload-manipulation-field-dropdown-search{background:#ffffff4d;border:none;border-bottom:1px solid #d5d5d566;color:#1f2937;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;outline:none;padding:10px 12px}.payload-manipulation-field-dropdown-search::placeholder{color:#9ca3af}.payload-manipulation-field-dropdown-options{max-height:220px;overflow-y:auto}.payload-manipulation-field-dropdown-options::-webkit-scrollbar{width:6px}.payload-manipulation-field-dropdown-options::-webkit-scrollbar-track{background:#d5d5d533}.payload-manipulation-field-dropdown-options::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.payload-manipulation-field-dropdown-options::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.payload-manipulation-field-dropdown-option{border-bottom:1px solid #d5d5d533;cursor:pointer;padding:8px 12px;transition:all .15s ease}.payload-manipulation-field-dropdown-option:last-child{border-bottom:none}.payload-manipulation-field-dropdown-option:hover{background:#8b5cf614}.payload-manipulation-field-option-content{align-items:center;display:flex;gap:12px;justify-content:space-between}.payload-manipulation-field-option-path{color:#1f2937;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px}.payload-manipulation-field-option-source{border:1px solid;border-radius:3px;flex-shrink:0;font-size:9px;font-weight:600;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase;white-space:nowrap}.payload-manipulation-field-option-source:has-text("Request"){background:#3b82f61a;border-color:#3b82f64d;color:#2563eb}.payload-manipulation-source-request{background:#3b82f61a;border-color:#3b82f64d;color:#2563eb}.payload-manipulation-source-response{background:#10b9811a;border-color:#10b9814d;color:#059669}.payload-manipulation-source-both{background:#8b5cf61a;border-color:#8b5cf64d;color:#7c3aed}.payload-manipulation-field-dropdown-empty{color:#9ca3af;font-size:11px;padding:16px 12px;text-align:center}.payload-manipulation-badge{border:1px solid;border-radius:4px;padding:3px 8px}.payload-manipulation-badge.operation-produce{background-color:#10b9811a;border-color:#10b9814d;color:#059669}.payload-manipulation-badge.operation-consume{background-color:#3b82f61a;border-color:#3b82f64d;color:#2563eb}.payload-manipulation-badge.operation-both{background-color:#8b5cf61a;border-color:#8b5cf64d;color:#7c3aed}.payload-manipulation-loading{align-items:center;color:#6b7280;display:flex;font-size:12px;justify-content:center;padding:32px}.payload-manipulation-loading-spinner{animation:kafkaSpin .8s linear infinite;border:2px solid #6b728033;border-radius:50%;border-top:2px solid var(--primary-color);height:16px;width:16px}@keyframes kafkaSpin{to{transform:rotate(1turn)}}.payload-manipulation-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#b91c1c;font-size:11px;padding:12px 14px}.payload-manipulation-error-message{color:#ef4444;display:block;font-size:10px;margin-top:2px}.payload-manipulation-hint{color:#6b7280;display:block;font-size:10px;font-style:italic;margin-top:4px}.payload-manipulation-mono{font-family:Monaco,Menlo,monospace;font-size:10px}.payload-manipulation-break-all{word-break:break-all}.payload-manipulation-text-muted{color:#6b7280}.payload-manipulation-text-sm{font-size:11px}.payload-manipulation-text-xs{font-size:10px}.payload-manipulation-textarea::-webkit-scrollbar{height:8px;width:8px}.payload-manipulation-textarea::-webkit-scrollbar-track{background:#d5d5d533;border-radius:4px}.payload-manipulation-textarea::-webkit-scrollbar-thumb{background:#6b72804d;border-radius:4px}.payload-manipulation-textarea::-webkit-scrollbar-thumb:hover{background:#6b728080}@media (max-width:768px){.payload-manipulation-step-details-nav{gap:4px;padding:8px 12px}.payload-manipulation-step-details-container{padding:12px 14px}.payload-manipulation-connection-section,.payload-manipulation-consumer-section,.payload-manipulation-operation-section,.payload-manipulation-producer-section,.payload-manipulation-security-section{padding:12px}.payload-manipulation-form-row{flex-direction:column;gap:12px}.payload-manipulation-section-title h3{font-size:13px}.payload-manipulation-subsection{padding:10px}.payload-manipulation-assertion-row,.payload-manipulation-filter-row,.payload-manipulation-key-value-row{flex-wrap:wrap}.payload-manipulation-filter-row .payload-manipulation-input-small,.payload-manipulation-filter-row .payload-manipulation-select-small,.payload-manipulation-key-value-row .payload-manipulation-input-key,.payload-manipulation-key-value-row .payload-manipulation-input-value{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;min-width:0}.payload-manipulation-filter-row .payload-manipulation-icon-button{flex:0 0 28px}.payload-manipulation-assertion-row .payload-manipulation-input-small,.payload-manipulation-assertion-row .payload-manipulation-select-small{flex:1 1 100%}}@media (max-width:640px){.payload-manipulation-step-details-nav-link{font-size:10px;padding:5px 10px}.payload-manipulation-section-title h3{font-size:12px}}@media (prefers-color-scheme:dark){.payload-manipulation-step-details{background:#1f2937;color:#e5e7eb}.payload-manipulation-connection-section,.payload-manipulation-consumer-section,.payload-manipulation-operation-section,.payload-manipulation-producer-section,.payload-manipulation-security-section{background:#1f2937;box-shadow:3px 3px 6px #0000004d,-3px -3px 6px #3741514d}.payload-manipulation-input,.payload-manipulation-select,.payload-manipulation-textarea{background:#1f2937;border-color:#37415180;box-shadow:inset 2px 2px 4px #0000004d,inset -2px -2px 4px #37415133;color:#e5e7eb}.payload-manipulation-subsection{background:#0003;border-color:#3741514d}}.payload-manipulation-input:focus-visible,.payload-manipulation-select:focus-visible,.payload-manipulation-textarea:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.payload-manipulation-listener-info-banner{align-items:flex-start;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-left:4px solid #6366f1;border-radius:8px;box-shadow:2px 2px 6px #d5d5d580,-2px -2px 6px #ffffff80;display:flex;gap:12px;margin-bottom:20px;padding:14px}.payload-manipulation-listener-info-banner svg{color:#6366f1;flex-shrink:0;margin-top:2px}.payload-manipulation-listener-banner-text{color:#4c1d95;font-size:13px;font-weight:500;margin:0 0 4px}.payload-manipulation-badge{align-items:center;background:#6366f1;border-radius:10px;color:#fff;display:inline-flex;font-size:11px;height:20px;justify-content:center;margin-left:8px;min-width:20px;padding:0 6px}.payload-manipulation-listener-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.payload-manipulation-listener-item{background:#ffffff4d;border:1px solid #d5d5d54d;border-radius:6px;box-shadow:2px 2px 4px #d5d5d54d,-2px -2px 4px #ffffff4d;padding:10px 12px;transition:all .2s ease}.payload-manipulation-listener-item:hover{background:#ffffff80;border-color:#8b5cf64d;box-shadow:2px 2px 5px #d5d5d566,-2px -2px 5px #fff6}.payload-manipulation-listener-name{color:#1f2937;font-size:12px;font-weight:600;margin-bottom:4px}.payload-manipulation-listener-description{color:#6b7280;font-size:11px;font-style:italic}.payload-manipulation-input-error{background:#fef2f2;border-color:#ef4444!important}.payload-manipulation-error-text{color:#dc2626;display:block;font-size:11px;font-weight:500;margin-top:4px}.payload-manipulation-value-input-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.payload-manipulation-value-input-row:last-child{margin-bottom:0}.payload-manipulation-value-input-row input{flex:1 1}.payload-manipulation-value-input-row .payload-manipulation-icon-button{flex-shrink:0}.payload-manipulation-button-link{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;margin-top:4px;padding:6px 10px;transition:all .2s ease}.payload-manipulation-button-link:hover{background:#8b5cf614;color:#7c3aed}.payload-manipulation-button-link:active{background:#8b5cf626}.payload-manipulation-button-link svg{flex-shrink:0}.payload-manipulation-button-add-value{font-weight:500;text-transform:none}.payload-manipulation-filter-values-list{align-items:flex-start;display:flex;flex-wrap:wrap;gap:6px}.payload-manipulation-filter-value-chip{align-items:center;background:#8b5cf614;border:1px solid #8b5cf626;border-radius:4px;box-shadow:1px 1px 2px #d5d5d54d,-1px -1px 2px #ffffff4d;color:var(--primary-color);display:inline-flex;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:10px;padding:4px 8px}@media (max-width:768px){.payload-manipulation-value-input-row{flex-wrap:nowrap}.payload-manipulation-filter-values-list{gap:4px}.payload-manipulation-filter-value-chip{font-size:9px;padding:3px 6px}}.payload-manipulation-toggle-label{align-items:center;cursor:pointer;display:flex;gap:10px;margin:0;padding:0;position:relative;width:-webkit-fit-content;width:fit-content}.payload-manipulation-toggle-input{height:0;opacity:0;position:absolute;width:0}.payload-manipulation-toggle-slider{background:#eee;border-radius:11px;box-shadow:inset 2px 2px 3px #d5d5d580,inset -2px -2px 3px #ffffff80;flex-shrink:0;height:22px;position:relative;transition:all .25s ease;width:42px}.payload-manipulation-toggle-slider:before{background:#fff;border-radius:50%;box-shadow:2px 2px 3px #d5d5d599,-1px -1px 2px #fffc;content:"";height:16px;left:3px;position:absolute;top:3px;transition:all .25s ease;width:16px}.payload-manipulation-toggle-input:checked+.payload-manipulation-toggle-slider{background:var(--primary-color);box-shadow:inset 2px 2px 3px #8b5cf666,inset -2px -2px 3px #a78bfa33}.payload-manipulation-toggle-input:checked+.payload-manipulation-toggle-slider:before{box-shadow:2px 2px 3px #8b5cf666,-1px -1px 2px #ffffffe6;transform:translateX(20px)}.payload-manipulation-toggle-text{color:#374151;font-size:12px;font-weight:600;-webkit-user-select:none;user-select:none}.payload-manipulation-form-group .payload-manipulation-toggle-label{margin-bottom:6px;margin-top:4px}.payload-manipulation-form-group .payload-manipulation-hint{color:#6b7280;display:block;font-size:10px;line-height:1.4;margin-top:6px}.payload-manipulation-form-container .payload-manipulation-form-group:has(.payload-manipulation-toggle-label){margin-top:18px}.payload-manipulation-badge{border-radius:5px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.payload-manipulation-badge-success{background:#10b9811f;box-shadow:1px 1px 2px #10b98126,-1px -1px 2px #fff6;color:#059669}.payload-manipulation-badge-default{background:#6b728014;box-shadow:1px 1px 2px #d5d5d540,-1px -1px 2px #fff6;color:#6b7280}.payload-manipulation-info-tooltip{cursor:help;display:inline-block;margin-left:6px;outline:none;position:relative;vertical-align:middle}.payload-manipulation-info-icon{color:#9ca3af;transition:color .2s ease;vertical-align:middle}.payload-manipulation-info-tooltip:focus .payload-manipulation-info-icon,.payload-manipulation-info-tooltip:hover .payload-manipulation-info-icon{color:var(--primary-color)}.payload-manipulation-tooltip-text{background-color:#1f2937;border-radius:8px;bottom:150%;box-shadow:0 4px 12px #0003,2px 2px 4px #00000026;color:#fff;font-size:12px;font-style:normal;font-weight:400;left:50%;line-height:1.6;margin-left:-140px;opacity:0;padding:12px;pointer-events:none;position:absolute;text-align:left;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:280px;z-index:1000}.payload-manipulation-tooltip-text:after{border:6px solid #0000;border-top-color:#1f2937;content:"";left:50%;margin-left:-6px;position:absolute;top:100%}.payload-manipulation-info-tooltip:focus .payload-manipulation-tooltip-text,.payload-manipulation-info-tooltip:hover .payload-manipulation-tooltip-text{opacity:1;visibility:visible}.payload-manipulation-info-tooltip.tooltip-right .payload-manipulation-tooltip-text{left:auto;margin-left:0;right:0}.payload-manipulation-info-tooltip.tooltip-right .payload-manipulation-tooltip-text:after{left:auto;margin-left:0;right:12px}.payload-manipulation-info-tooltip.tooltip-left .payload-manipulation-tooltip-text{left:0;margin-left:0}.payload-manipulation-info-tooltip.tooltip-left .payload-manipulation-tooltip-text:after{left:12px;margin-left:0}@media (max-width:640px){.payload-manipulation-tooltip-text{font-size:11px;margin-left:-110px;padding:10px;width:220px}}.payload-manipulation-info-tooltip:focus-visible{border-radius:3px;outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-color-scheme:dark){.payload-manipulation-tooltip-text{background-color:#374151;box-shadow:0 4px 12px #0006,2px 2px 4px #0000004d}.payload-manipulation-tooltip-text:after{border-color:#374151 #0000 #0000}}.payload-manipulation-operation-info-block{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #3b82f6;border-radius:8px;box-shadow:2px 2px 6px #3b82f61a,-1px -1px 4px #fffc;margin-top:12px;padding:14px}.payload-manipulation-operation-info-header{align-items:center;color:#1e40af;display:flex;font-size:13px;gap:8px;margin-bottom:8px}.payload-manipulation-operation-info-header svg{color:#3b82f6;flex-shrink:0}.payload-manipulation-operation-info-header strong{color:#1e40af;font-weight:600}.payload-manipulation-operation-info-description{color:#1e3a8a;font-size:12px;line-height:1.6;margin:0 0 10px 24px}.payload-manipulation-operation-info-example{background:#ffffffb3;border:1px solid #3b82f633;border-radius:6px;display:flex;flex-direction:column;gap:6px;margin:8px 0 0 24px;padding:8px 12px}.payload-manipulation-operation-info-example-label{color:#1e40af;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.payload-manipulation-operation-info-example code{background:#3b82f614;border:1px solid #3b82f626;border-radius:4px;color:#0c4a6e;display:block;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:11px;line-height:1.5;padding:4px 8px;white-space:pre-wrap;word-break:break-word}@media (max-width:640px){.payload-manipulation-operation-info-block{padding:12px}.payload-manipulation-operation-info-header{font-size:12px}.payload-manipulation-operation-info-description{font-size:11px;margin-left:0}.payload-manipulation-operation-info-example{margin-left:0}}@media (prefers-color-scheme:dark){.payload-manipulation-operation-info-block{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-left-color:#60a5fa}.payload-manipulation-operation-info-header strong{color:#bfdbfe}.payload-manipulation-operation-info-description{color:#dbeafe}.payload-manipulation-operation-info-example{background:#0000004d;border-color:#60a5fa4d}.payload-manipulation-operation-info-example-label{color:#93c5fd}.payload-manipulation-operation-info-example code{background:#3b82f626;border-color:#60a5fa40;color:#bfdbfe}}.kafka-operation-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.kafka-operation-modal{animation:slideUp .3s ease-out;background:#eee;border-radius:12px;box-shadow:5px 5px 10px #d5d5d5cc,-5px -5px 10px #fffc;display:flex;flex-direction:column;max-height:85vh;max-width:500px;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.kafka-operation-modal-header{border-bottom:1px solid #d5d5d54d;padding:20px 24px 16px;position:relative}.kafka-operation-modal-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 40px 6px 0}.kafka-operation-modal-subtitle{color:#6b7280;font-size:12px;line-height:1.5;margin:0}.kafka-operation-modal-close{align-items:center;background:#eee;border:none;border-radius:6px;box-shadow:2px 2px 4px #d5d5d599,-2px -2px 4px #fff9;color:#6b7280;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:absolute;right:20px;top:18px;transition:all .2s ease;width:28px}.kafka-operation-modal-close:hover{box-shadow:1px 1px 2px #d5d5d599,-1px -1px 2px #fff9;color:#dc2626}.kafka-operation-modal-close:active{box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 4px #fff6}.kafka-operation-modal-body{display:flex;flex-direction:column;gap:12px;max-height:calc(85vh - 100px);overflow-y:auto;padding:20px}.kafka-operation-modal-body::-webkit-scrollbar{width:6px}.kafka-operation-modal-body::-webkit-scrollbar-track{background:#0000}.kafka-operation-modal-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.kafka-operation-option{align-items:flex-start;background:#eee;border:none;border-radius:10px;box-shadow:3px 3px 6px #d5d5d599,-3px -3px 6px #fff9;cursor:pointer;display:flex;gap:14px;padding:16px;text-align:left;transition:all .2s ease}.kafka-operation-option:hover{box-shadow:2px 2px 4px #d5d5d5b3,-2px -2px 4px #ffffffb3;transform:translateY(-1px)}.kafka-operation-option:active{box-shadow:inset 2px 2px 4px #d5d5d599,inset -2px -2px 4px #fff6;transform:translateY(0)}.kafka-operation-icon{align-items:center;background:#eee;border-radius:10px;box-shadow:inset 2px 2px 4px #d5d5d580,inset -2px -2px 4px #ffffff80;color:var(--primary-color);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.kafka-operation-content{flex:1 1;min-width:0}.kafka-operation-content h4{color:#1f2937;font-size:15px;font-weight:600;margin:0 0 4px}.kafka-operation-content p{color:#6b7280;font-size:12px;line-height:1.4;margin:0 0 10px}.kafka-operation-features{display:flex;flex-wrap:wrap;gap:6px}.kafka-operation-features span{background:#8b5cf61a;border-radius:4px;box-shadow:inset 1px 1px 2px #d5d5d54d,inset -1px -1px 2px #ffffff4d;color:var(--primary-color);font-size:10px;font-weight:500;padding:3px 8px}@media (max-width:600px){.kafka-operation-modal{max-width:none;width:95%}.kafka-operation-modal-header{padding:16px 20px 12px}.kafka-operation-modal-header h3{font-size:16px}.kafka-operation-modal-body{padding:16px}.kafka-operation-option{gap:12px;padding:12px}.kafka-operation-icon{height:42px;width:42px}.kafka-operation-content h4{font-size:14px}}.analyzer-nav-blocker-overlay{align-items:center;animation:analyzer-nav-fadeIn .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0a19d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes analyzer-nav-fadeIn{0%{opacity:0}to{opacity:1}}.analyzer-nav-blocker-modal{align-items:center;animation:analyzer-nav-slideUp .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,#f5f5f5,#eee);border-radius:24px;box-shadow:0 25px 50px -12px #9404c340,0 0 0 1px #9404c31a,inset 0 1px 0 #fffc;display:flex;flex-direction:column;max-width:480px;overflow:hidden;padding:48px 44px;position:relative;text-align:center;width:90%}@keyframes analyzer-nav-slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.analyzer-nav-blocker-bg-decoration{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.analyzer-nav-blocker-orb{border-radius:50%;filter:blur(60px);opacity:.4;position:absolute}.analyzer-nav-blocker-orb-1{animation:analyzer-nav-orbFloat1 8s ease-in-out infinite;background:linear-gradient(135deg,#9404c3,#7c2d92);height:200px;right:-60px;top:-80px;width:200px}.analyzer-nav-blocker-orb-2{animation:analyzer-nav-orbFloat2 10s ease-in-out infinite;background:linear-gradient(135deg,#550173,#9404c3);bottom:-50px;height:150px;left:-40px;width:150px}.analyzer-nav-blocker-orb-3{animation:analyzer-nav-orbFloat3 6s ease-in-out infinite;background:linear-gradient(135deg,#7c2d92,#550173);height:100px;left:50%;top:50%;transform:translate(-50%,-50%);width:100px}@keyframes analyzer-nav-orbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,20px) scale(1.1)}}@keyframes analyzer-nav-orbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.15)}}@keyframes analyzer-nav-orbFloat3{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.2)}}.analyzer-nav-blocker-icon-wrapper{margin-bottom:28px;position:relative;z-index:1}.analyzer-nav-blocker-icon-ring{animation:analyzer-nav-ringRotate 2s linear infinite;border-color:#9404c3 #7c2d92 #0000 #0000;border-radius:50%;border-style:solid;border-width:3px;height:100px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}@keyframes analyzer-nav-ringRotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.analyzer-nav-blocker-icon{align-items:center;animation:analyzer-nav-iconPulse 2s ease-in-out infinite;background:linear-gradient(145deg,#fff,#f0f0f0);border-radius:50%;box-shadow:8px 8px 20px #c8c8c8b3,-8px -8px 20px #ffffffe6,inset 0 0 0 1px #9404c31a;color:#9404c3;display:flex;height:80px;justify-content:center;width:80px}@keyframes analyzer-nav-iconPulse{0%,to{box-shadow:8px 8px 20px #c8c8c8b3,-8px -8px 20px #ffffffe6,inset 0 0 0 1px #9404c31a;transform:scale(1)}50%{box-shadow:10px 10px 25px #c8c8c8cc,-10px -10px 25px #fffffff2,inset 0 0 0 1px #9404c333,0 0 30px #9404c326;transform:scale(1.05)}}.analyzer-nav-blocker-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1a1a,#374151);-webkit-background-clip:text;background-clip:text;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:26px;font-weight:700;margin:0 0 12px;position:relative;z-index:1}.analyzer-nav-blocker-message{color:#6b7280;font-size:15px;line-height:1.7;margin:0 0 24px;max-width:380px;position:relative;z-index:1}.analyzer-nav-blocker-progress{margin-bottom:32px;max-width:320px;position:relative;width:100%;z-index:1}.analyzer-nav-blocker-progress-bar{background:#9404c326;border-radius:3px;height:6px;margin-bottom:10px;overflow:hidden}.analyzer-nav-blocker-progress-fill{animation:analyzer-nav-progressSlide 2s ease-in-out infinite;background:linear-gradient(90deg,#9404c3,#7c2d92,#9404c3);background-size:200% 100%;border-radius:3px;height:100%;width:30%}@keyframes analyzer-nav-progressSlide{0%{background-position:0 50%;margin-left:0;width:20%}50%{background-position:100% 50%;margin-left:30%;width:40%}to{background-position:0 50%;margin-left:80%;width:20%}}.analyzer-nav-blocker-progress-text{color:#9404c3;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.analyzer-nav-blocker-actions{display:flex;gap:16px;position:relative;width:100%;z-index:1}.analyzer-nav-blocker-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;flex:1 1;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.analyzer-nav-blocker-btn-primary{background:linear-gradient(135deg,#9404c3,#7c2d92);box-shadow:0 8px 24px #9404c359,0 2px 8px #9404c333;color:#fff}.analyzer-nav-blocker-btn-primary:hover{background:linear-gradient(135deg,#a315d4,#8c3da2);box-shadow:0 12px 32px #9404c373,0 4px 12px #9404c34d;transform:translateY(-3px)}.analyzer-nav-blocker-btn-primary:active{box-shadow:0 6px 20px #9404c366,0 2px 8px #9404c340;transform:translateY(-1px)}.analyzer-nav-blocker-btn-secondary{background:linear-gradient(145deg,#f8f8f8,#e8e8e8);box-shadow:6px 6px 16px #c8c8c899,-6px -6px 16px #ffffffe6;color:#6b7280}.analyzer-nav-blocker-btn-secondary:hover{box-shadow:8px 8px 20px #c8c8c8b3,-8px -8px 20px #fffffff2;color:#9404c3;transform:translateY(-2px)}.analyzer-nav-blocker-btn-secondary:active{box-shadow:inset 4px 4px 10px #c8c8c899,inset -4px -4px 10px #fffc;transform:translateY(0)}.analyzer-nav-blocker-close{align-items:center;background:linear-gradient(145deg,#f0f0f0,#e0e0e0);border:none;border-radius:10px;box-shadow:4px 4px 10px #c8c8c880,-4px -4px 10px #fffc;color:#9ca3af;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .25s ease;width:36px;z-index:2}.analyzer-nav-blocker-close:hover{box-shadow:5px 5px 12px #c8c8c899,-5px -5px 12px #ffffffe6;color:#9404c3;transform:rotate(90deg)}.analyzer-nav-blocker-close:active{box-shadow:inset 3px 3px 6px #c8c8c899,inset -3px -3px 6px #fffc}@media (max-width:768px){.analyzer-nav-blocker-modal{margin:16px;padding:40px 28px;width:95%}.analyzer-nav-blocker-title{font-size:22px}.analyzer-nav-blocker-message{font-size:14px}.analyzer-nav-blocker-actions{flex-direction:column;gap:12px}.analyzer-nav-blocker-btn{padding:14px 20px;width:100%}.analyzer-nav-blocker-icon-wrapper{margin-bottom:24px}.analyzer-nav-blocker-icon{height:70px;width:70px}.analyzer-nav-blocker-icon-ring{height:90px;width:90px}.analyzer-nav-blocker-orb-1{height:150px;width:150px}.analyzer-nav-blocker-orb-2{height:100px;width:100px}}@media (prefers-reduced-motion:reduce){.analyzer-nav-blocker-btn,.analyzer-nav-blocker-close,.analyzer-nav-blocker-icon,.analyzer-nav-blocker-modal,.analyzer-nav-blocker-overlay{animation:none;transition:none}.analyzer-nav-blocker-icon-ring{animation:none;border-color:#9404c3}.analyzer-nav-blocker-progress-fill{animation:none;margin-left:0;width:50%}.analyzer-nav-blocker-orb{animation:none}}
/*# sourceMappingURL=main.2971c186.css.map*/