@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}.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}}.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}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}.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)}.dropdown-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;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}.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}}.invite-error-message{color:red;font-size:.9rem;margin-bottom:1rem;text-align:center}.error-message{color:#d32f2f}@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:8px;max-width:320px;pointer-events:none;position:fixed;right:16px;top:16px;z-index:10002}.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:3px solid var(--primary-color);border-radius:8px;display:flex;gap:8px;padding:10px 12px;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(-1px)}.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;height:16px;margin-top:1px;width:16px}.toast-notification-icon svg{height:16px;width:16px}.toast-notification-content{flex:1 1;min-width:0}.toast-notification-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:12px;font-weight:600;line-height:1.3;margin:0 0 2px}.toast-notification-message{word-wrap:break-word;color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:11px;line-height:1.4;margin:0 0 4px}.toast-notification-link{border-radius:3px;color:var(--primary-color);cursor:pointer;display:inline-block;font-family:Poppins,sans-serif;font-size:10px;font-weight:500;padding:1px 2px;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:2px;position:absolute;right:8px;top:8px;transition:all .2s ease}.toast-notification-close-button svg{height:14px;width:14px}.toast-notification-close-button:hover{background:var(--shadowLight);color:var(--text-primary)}.toast-notification-item.success{background:var(--success-bg);border-left-color:var(--success-color)}.toast-notification-item.success .toast-notification-icon,.toast-notification-item.success .toast-notification-link{color:var(--success-color)}.toast-notification-item.success .toast-notification-link:hover{background:var(--success-hover-bg)}.toast-notification-item.error,.toast-notification-item.failure{background:var(--error-bg);border-left-color:var(--error-color)}.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:var(--error-color)}.toast-notification-item.error .toast-notification-link:hover,.toast-notification-item.failure .toast-notification-link:hover{background:var(--error-hover-bg)}.toast-notification-item.warning{background:var(--warning-bg);border-left-color:var(--warning-color)}.toast-notification-item.warning .toast-notification-icon,.toast-notification-item.warning .toast-notification-link{color:var(--warning-color)}.toast-notification-item.warning .toast-notification-link:hover{background:var(--warning-hover-bg)}.toast-notification-item.critical{background:var(--critical-bg);border-left-color:var(--critical-color);box-shadow:var(--neumorphic-shadow),0 0 0 1px var(--critical-shadow)}.toast-notification-item.critical .toast-notification-icon,.toast-notification-item.critical .toast-notification-link{color:var(--critical-color)}.toast-notification-item.critical .toast-notification-link:hover{background:var(--critical-hover-bg)}.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)}@media (max-width:480px){.toast-notification-wrapper{left:12px;max-width:none;right:12px;top:12px}.toast-notification-item{border-radius:6px;padding:8px 10px}.toast-notification-title{font-size:11px}.toast-notification-message{font-size:10px}}.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%}}.screen-container{background-color:var(--background-color);display:flex;flex-direction:column;height:100vh;min-width:320px;overflow:hidden;overflow-x:hidden;position:relative;width:100vw}.topbar-container{box-sizing:border-box;flex-shrink:0;height:auto;overflow:hidden;padding:0 5px;width:100%;z-index:150}.layout-body{display:flex;flex:1 1;flex-direction:row}.layout-body,.sidebar-container{overflow:hidden;position:relative}.sidebar-container{flex-shrink:0;height:100%;left:0;min-width:60px;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{max-width:80px;min-width:80px;width:80px!important}.main-content-wrapper{display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0;overflow:hidden;transition:all .3s ease-in-out}.content-container{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:10px;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:color-mix(in srgb,var(--primary-color) 10%,#0000);opacity:.7;width:12px}.sidebar-container.collapsed .sidebar-resize-handle:hover{background-color:color-mix(in srgb,var(--primary-color) 40%,#0000);opacity:1}.sidebar-resize-handle{transition:all .2s ease}@media screen and (max-width:768px){.sidebar-resize-handle{display:none!important}.sidebar-container{min-width:60px!important;width:60px!important}}.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 [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}.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}.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-tooltip{animation:menu-tooltip-in .15s ease-out;background:var(--gradient1);border-radius:6px;box-shadow:0 4px 12px #0003;color:#fff;font-size:11px;font-weight:600;letter-spacing:.2px;padding:5px 10px;pointer-events:none;position:fixed;transform:translateY(-50%);white-space:nowrap;z-index:10001}.menu-tooltip:before{border:5px solid #0000;border-right:5px solid var(--primary-color);content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%)}@keyframes menu-tooltip-in{0%{opacity:0;transform:translateY(-50%) translateX(-4px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.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:100%;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:90px;left:0;padding:0 10px 0 0;position:absolute;width:100%}.sidebar-button-container{bottom:16px;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:color-mix(in srgb,var(--primary-color) 30%,#0000)}.sidebar-resize-handle.resizing{background-color:color-mix(in srgb,var(--primary-color) 60%,#0000)}.sidebar-resize-handle:after{background:var(--text-muted);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(to bottom,#0000 0,color-mix(in srgb,var(--primary-color) 40%,#0000) 20%,color-mix(in srgb,var(--primary-color) 60%,#0000) 50%,color-mix(in srgb,var(--primary-color) 40%,#0000) 80%,#0000 100%);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:all .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}.sidebar-section-label{color:var(--text-tertiary);display:block;font-size:9px;font-weight:700;letter-spacing:1.2px;opacity:.7;padding:6px 16px 4px;text-transform:uppercase}.sidebar-script-gen-item{align-items:flex-start;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:10px;margin:2px 8px;padding:10px 14px;transition:all .15s ease}.sidebar-script-gen-item:hover{background:var(--primary-hover-bg);color:var(--primary-color);transform:translateX(2px)}.sidebar-script-gen-dot{animation:sidebar-script-gen-pulse 2s ease-in-out infinite;background:var(--primary-color);border-radius:50%;flex-shrink:0;height:8px;margin-top:4px;width:8px}.sidebar-script-gen-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.sidebar-script-gen-text{font-weight:600}.sidebar-script-gen-status,.sidebar-script-gen-text{line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-script-gen-status{color:var(--text-tertiary);font-size:10px;font-weight:500}.sidebar-script-gen-status.action-needed{color:var(--primary-color);font-weight:600}@keyframes sidebar-script-gen-pulse{0%,to{opacity:1}50%{opacity:.4}}.sidebar-script-gen-item.action-needed{background:color-mix(in srgb,var(--primary-color) 8%,#0000)}.sidebar-script-gen-item.action-needed:hover{background:color-mix(in srgb,var(--primary-color) 15%,#0000);color:var(--primary-color)}.sidebar-script-gen-dot.action-needed{animation:sidebar-action-needed-pulse 1s ease-in-out infinite;background:var(--primary-color);box-shadow:0 0 6px color-mix(in srgb,var(--primary-color) 50%,#0000)}@keyframes sidebar-action-needed-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.sidebar-script-gen-dot.pulsing{animation:sidebar-action-needed-pulse 1.4s ease-in-out infinite;background:var(--primary-color);box-shadow:0 0 6px color-mix(in srgb,var(--primary-color) 50%,#0000)}.sidebar-action-badge{background:color-mix(in srgb,var(--primary-color) 12%,#0000);border-radius:4px;color:var(--primary-color);flex-shrink:0;font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase;white-space:nowrap}.sidebar-action-badge.complete{background:color-mix(in srgb,var(--success-color) 12%,#0000);color:var(--success-color)}.sidebar-script-gen-item.complete{background:color-mix(in srgb,var(--success-color) 8%,#0000)}.sidebar-script-gen-item.complete:hover{background:color-mix(in srgb,var(--success-color) 15%,#0000)}.sidebar-script-gen-dot.complete{animation:sidebar-complete-pulse 1.5s ease-in-out 3;background:var(--success-color);box-shadow:0 0 6px color-mix(in srgb,var(--success-color) 50%,#0000)}@keyframes sidebar-complete-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.sidebar-script-gen-status.complete{color:var(--success-color);font-weight:600}.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;border-radius:3px;padding:0 2px}.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:340px}.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:14px 16px}.notification-panel-title{align-items:center;display:flex;gap:6px}.notification-panel-title h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:14px;font-weight:600;margin:0}.notification-count{background:var(--primary-color);border-radius:10px;color:#fff;font-size:10px;font-weight:600;min-width:16px;padding:1px 6px;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:11px;font-weight:500;padding:4px 8px;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:12px;font-weight:500;gap:4px;padding:8px 12px;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:var(--error-color);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:36px 20px;text-align:center}.no-notifications-icon{color:var(--primary-color);margin-bottom:12px;opacity:.5}.no-notifications h4{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:13px;font-weight:600;margin:0 0 4px}.no-notifications p{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:12px;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(--box-shadow);display:flex;gap:8px;margin:4px 12px;padding:10px 12px;position:relative;transition:transform .15s ease,box-shadow .15s ease}.notification-item:hover{box-shadow:var(--intense-box-shadow);transform:translateY(-1px)}.notification-item:last-child{margin-bottom:12px}.notification-item.error,.notification-item.failure{border-left:4px solid var(--error-color)}.notification-item.warning{border-left:4px solid var(--warning-color)}.notification-item.success{border-left:4px solid var(--success-color)}.notification-item.critical{border-left:4px solid var(--critical-color);box-shadow:var(--neumorphic-shadow),0 0 0 1px var(--critical-shadow)}.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:6px;justify-content:space-between;margin-bottom:4px}.notification-item-main{flex:1 1;min-width:0}.notification-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:12px;font-weight:600;line-height:1.3;margin:0 0 2px}.notification-time{color:var(--text-muted);font-family:Poppins,sans-serif;font-size:10px;font-weight:500;white-space:nowrap}.notification-description{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:11px;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;margin:0;overflow-wrap:break-word;word-break:break-word}.notification-item.clickable{transition:background .15s ease,transform .15s ease}.notification-item.clickable:hover{background:var(--primary-hover-bg);transform:translateX(2px)}.notification-action-link{align-items:center;color:var(--primary-color);display:inline-flex;font-size:10px;font-weight:600;gap:3px;letter-spacing:.3px;margin-top:4px}.notification-item.clickable:hover .notification-action-link{text-decoration:underline}.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:2px;position:absolute;right:8px;top:8px;transition:all .2s}.mark-read-btn svg{height:14px;width:14px}.mark-read-btn:hover{background:var(--shadowLight);color:var(--primary-color)}.notification-icon{flex-shrink:0;margin-top:1px}.notification-icon,.notification-icon svg{height:16px;width:16px}.notification-icon.error,.notification-icon.failure{color:var(--error-color)}.notification-icon.warning{color:var(--warning-color)}.notification-icon.success{color:var(--success-color)}.notification-icon.critical{color:var(--critical-color)}.notification-icon.info{color:var(--accent-color)}@media (max-width:480px){.notification-panel{right:0;width:100vw}.notification-panel-header{padding:12px 16px}.notification-item{margin:3px 8px;padding:8px 10px}}.HomeScreen-container{height:100vh;overflow:hidden;position:relative;width:100vw}.HomeScreen-background{height:calc(100% + 120px);left:-60px;position:absolute;top:-60px;width:calc(100% + 120px);z-index:-1}.HomeScreen-background img{filter:blur(0);height:100%;object-fit:cover;transition:filter .45s cubic-bezier(.4,0,.2,1);width:100%;will-change:filter}.HomeScreen-background.HomeScreen-blur img{filter:blur(16.5px);transform:scale(1.08)}.HomeScreen-content-container.HomeScreen-blur{filter:blur(16.5px);transition:filter .45s cubic-bezier(.4,0,.2,1)}.HomeScreen-main-wrapper{align-items:center;display:flex;height:100%;isolation:isolate;justify-content:center;position:relative;transition:transform .45s cubic-bezier(.4,0,.2,1);width:100%}.HomeScreen-main-wrapper:after,.HomeScreen-main-wrapper:before{background:#0000;border:1px solid #9404c34d;border-radius:50%;content:"";height:160px;left:50%;opacity:0;pointer-events:none;position:absolute;top:42%;transform:translate(-50%,-50%) scale(0);width:160px;z-index:-1}.HomeScreen-main-wrapper:before{animation:bg-ripple-wave-1 5s ease-out infinite}.HomeScreen-main-wrapper:after{animation:bg-ripple-wave-2 5s ease-out infinite}@keyframes bg-ripple-wave-1{0%,49.9%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:.3;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(13)}}@keyframes bg-ripple-wave-2{0%,59.9%{opacity:0;transform:translate(-50%,-50%) scale(0)}60%{opacity:.18;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(9)}}.HomeScreen-content-container{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:80%;padding:2rem;transition:filter .45s cubic-bezier(.4,0,.2,1);width:100%}@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;position:relative;width:100%}.HomeScreen-icon-container img{animation:tonic-pulse 5s ease-in-out infinite;height:auto;max-width:100%;width:150px}@keyframes tonic-pulse{0%,to{filter:drop-shadow(0 0 10px rgba(148,4,195,.25));transform:scale(1)}50%{filter:drop-shadow(0 0 22px rgba(148,4,195,.5));transform:scale(1.06)}}.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 .45s cubic-bezier(.4,0,.2,1)}.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 .45s cubic-bezier(.4,0,.2,1);z-index:5}.HomeScreen-slider-expanded+.HomeScreen-tab-arrow{right:calc(47.5vw - 40px)}.HomeScreen-arrow-icon{height:32px;transition:transform .45s cubic-bezier(.4,0,.2,1);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}}@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}}@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;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;overflow-y:auto;padding:10%;width:100%}.login-form-title{color:#fff;font-size:clamp(1.2rem,3.5vw,2.4rem);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{color:#9c9da7;font-size:11px;margin-bottom:-4%;margin-top:16%;text-align:center}.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:var(--background-color);border-radius:20px;box-shadow:var(--neumorphic-shadow);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:var(--text-primary);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 var(--border-color);border-radius:50%;color:var(--primary-color);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:var(--surface-color);border-radius:20px;box-shadow:0 2px 8px var(--shadow-base);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 var(--shadowLight);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 var(--shadowMid);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:var(--text-muted);cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:6px;transition:all .2s ease}.config-form-close-button:hover{background:var(--surface-color);color:var(--text-secondary)}.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:var(--background-color);border-radius:16px;box-shadow:0 20px 60px var(--shadow-base);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 var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.config-form-help-header h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.config-form-help-close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.config-form-help-close:hover{background:var(--surface-color);color:var(--text-secondary)}.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:var(--surface-color);border-radius:4px}.config-form-help-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.config-form-help-step{align-items:flex-start;display:flex;gap:16px}.config-form-help-step-number{align-items:center;background:var(--gradient1);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:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 6px}.config-form-help-step-content p{color:var(--text-secondary);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:var(--border-color);border-radius:3px}.config-form-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.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:var(--text-primary);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:var(--text-muted);cursor:help;transition:color .2s ease}.config-form-hint-icon:hover{color:var(--text-secondary)}.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:var(--surface-color);border:2px solid var(--border-color);border-radius:8px;box-shadow:var(--intense-box-shadow);color:var(--text-primary);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:var(--input-background);border-color:var(--primary-color);outline:none}.config-form-input:disabled{background:var(--surface-color);color:var(--text-muted);cursor:not-allowed}.config-form-toggle-secret{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);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:var(--path-indicator);color:var(--primary-color)}.config-form-searchable-dropdown{position:relative;width:100%}.config-form-dropdown-trigger{align-items:center;background:var(--background-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);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:var(--surface-color);border-color:var(--filter-border-color)}.config-form-dropdown-trigger:focus{outline:none}.config-form-dropdown-trigger-open,.config-form-dropdown-trigger:focus{background:var(--input-background);border-color:var(--primary-color)}.config-form-dropdown-trigger:disabled{background:var(--surface-color);color:var(--text-muted);cursor:not-allowed}.config-form-dropdown-placeholder{color:var(--text-muted)}.config-form-dropdown-selected-value{color:var(--text-primary)}.config-form-dropdown-chevron{color:var(--text-secondary);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:var(--background-color);border:2px solid var(--border-color);border-radius:8px;box-shadow:0 10px 25px var(--shadow-base);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:var(--surface-color);border-bottom:1px solid var(--border-color);display:flex;gap:6px;padding:10px}.config-form-dropdown-search svg{color:var(--text-muted);flex-shrink:0}.config-form-dropdown-search input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:13px;outline:none}.config-form-dropdown-search input::placeholder{color:var(--text-muted)}.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:var(--surface-color);border-radius:3px}.config-form-dropdown-options::-webkit-scrollbar-thumb{background:var(--border-color);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:var(--surface-color)}.config-form-dropdown-option-selected{background:var(--path-indicator);color:var(--primary-color)}.config-form-dropdown-option-label{color:var(--text-primary);font-size:13px;font-weight:500}.config-form-dropdown-option-selected .config-form-dropdown-option-label{color:var(--primary-color);font-weight:600}.config-form-dropdown-option-value{color:var(--text-secondary);font-size:11px}.config-form-dropdown-option-selected .config-form-dropdown-option-value{color:var(--accent-color)}.config-form-dropdown-no-options{color:var(--text-muted);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:#9404c314;background:rgba(var(--primary-color-rgb,148,4,195),.08);border:1px solid var(--primary-color);border-radius:6px;color:var(--primary-color)}.config-form-actions{border-top:1px solid var(--border-color);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 var(--shadowLight);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{align-items:center;animation:help-modal-fade-in .2s ease;-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 help-modal-fade-in{0%{opacity:0}to{opacity:1}}.help-modal-content{animation:help-modal-slide-up .3s ease;background:var(--background-color);border-radius:20px;box-shadow:0 25px 70px var(--shadow-base);display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;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{align-items:center;background:var(--surface-color);border-bottom:2px solid var(--border-color);display:flex;flex-shrink:0;gap:16px;padding:24px 28px}.help-modal-header h2{color:var(--text-primary);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:var(--primary-color);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:var(--path-indicator);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:var(--surface-color);border-radius:5px}.help-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}.help-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.help-title{color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 12px}.help-intro{color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0 0 28px}.help-section{border:2px solid var(--border-color);border-radius:12px;margin-bottom:16px;overflow:hidden;transition:all .2s ease}.help-section:hover{border-color:var(--filter-border-color)}.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:var(--path-indicator)!important}.help-section-icon{color:var(--primary-color);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:var(--text-primary);font-size:16px;font-weight:600;margin:20px 0 12px}.help-section-content p{color:var(--text-secondary);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:var(--text-secondary);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:var(--gradient1);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:var(--text-secondary);flex:1 1;font-size:14px;line-height:1.6;padding-top:5px}.help-step strong{color:var(--text-primary);display:block;margin-bottom:4px}.help-step a{color:var(--primary-color);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:var(--surface-color);border:2px solid var(--border-color);border-radius:10px;gap:6px;padding:12px 16px}.help-example code{background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--primary-color);display:inline-block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;padding:6px 10px;word-break:break-all}.example-label{color:var(--text-secondary);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:var(--text-primary);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 var(--border-color);margin-top:32px;padding-top:24px}.help-resources h4{color:var(--text-primary);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:var(--path-indicator);border-radius:8px;color:var(--primary-color);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:var(--path-indicator);transform:translateX(3px)}.help-troubleshooting{border-top:2px solid var(--border-color);margin-top:32px;padding-top:24px}.help-troubleshooting h4{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 16px}.help-troubleshooting details{border:2px solid var(--border-color);border-radius:10px;margin-bottom:12px;overflow:hidden;transition:all .2s ease}.help-troubleshooting details:hover{border-color:var(--filter-border-color)}.help-troubleshooting summary{background:var(--surface-color);color:var(--text-primary);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:var(--primary-color);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:var(--card-background)}.help-troubleshooting details p{color:var(--text-secondary);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{color:var(--text-secondary);margin:6px 0}.help-troubleshooting details code{background:var(--surface-color);border-radius:4px;color:var(--primary-color);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:var(--text-primary);font-size:16px;font-weight:700;margin:0 0 12px}.help-security ul{margin:0;padding-left:24px}.help-security li{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:8px 0}code{background:var(--surface-color);border-radius:4px;color:var(--primary-color);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;padding:2px 6px}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}}.signup-form-container{align-items:center;box-sizing:border-box;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:clamp(1.2rem,3.5vw,2.2rem);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;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;overflow-y:auto;padding:10%;width:100%}.otp-form-title{color:#fff;font-size:clamp(1.2rem,3.5vw,2.4rem);font-weight:700;text-align:center}.otp-form-description{color:#ccc;font-size:clamp(.75rem,1.4vw,.95rem);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}}.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}.organization-setup-container{background-color:initial;min-height:70vh;padding:40px 24px}.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:var(--text-primary);font-size:20px;font-weight:700;margin:0;padding-left:4px}.org-setup-card-content{display:flex;flex:1 1;flex-direction:column;gap:25px}.org-setup-field-row{align-items:center;display:flex;gap:16px}.org-setup-field-label{color:var(--text-secondary);flex-shrink:0;font-size:14px;font-weight:600;min-width:120px}.org-setup-theme-card-wrapper{align-items:center;background:var(--background-color);border-radius:16px;box-shadow:var(--neumorphic-shadow);display:flex;justify-content:center;padding:12px 24px}.org-setup-current-theme{align-items:center;display:flex;flex-direction:row;gap:16px}.org-setup-theme-display{pointer-events:none;transform:scale(1)}.org-setup-change-theme-link{background:none;border:none;border-radius:6px;color:var(--primary-color);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:var(--shadowLight);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:var(--background-color);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:var(--surface-color);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:24px 28px}.org-setup-theme-modal-header h3{color:var(--text-primary);font-size:22px;font-weight:700;margin:0}.org-setup-theme-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.org-setup-theme-modal-close:hover{background:var(--surface-color);color:var(--text-primary)}.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:var(--surface-color);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:var(--card-background);transform:translateY(-2px)}.org-setup-theme-option.selected{background:var(--shadowLight);border-color:var(--primary-color)}.org-setup-theme-option-button{pointer-events:none}.org-setup-theme-option-name{color:var(--text-primary);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:var(--text-secondary);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}@keyframes org-setup-skeleton-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.org-setup-integration-card-skeleton{background:var(--background-color);border:2px solid var(--border-color);border-radius:16px;cursor:default!important;padding:20px;pointer-events:none}.org-setup-skeleton-circle{border-radius:50%;flex-shrink:0;height:70px;width:70px}.org-setup-skeleton-circle,.org-setup-skeleton-line{animation:org-setup-skeleton-shimmer 1.6s linear infinite;background:linear-gradient(90deg,var(--border-color) 25%,var(--background-color) 50%,var(--border-color) 75%);background-size:1200px 100%}.org-setup-skeleton-line{border-radius:6px}.org-setup-skeleton-title{height:16px;margin-bottom:10px;width:50%}.org-setup-skeleton-badge{border-radius:20px;height:20px;margin-bottom:12px;width:70px}.org-setup-skeleton-status{height:13px;width:40%}.org-setup-integration-card{background:var(--background-color);border:2px solid var(--border-color);border-radius:16px;box-shadow:var(--neumorphic-shadow);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:var(--filter-border-color);box-shadow:8px 12px 20px var(--shadowLight),-8px -8px 15px var(--shadow-base);transform:translateY(-4px)}.org-setup-integration-card.selected{background:var(--shadowLight);border-color:var(--primary-color);cursor:default}.org-setup-integration-card.configured{background:#9404c30d;background:rgba(var(--primary-color-rgb,148,4,195),.05);border-color:var(--primary-color)}.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:var(--border-color)!important;box-shadow:var(--neumorphic-shadow)!important;transform:none!important}@keyframes org-setup-invalid-pulse{0%,to{box-shadow:5px 5px 15px #ef44444d,-5px -5px 15px var(--shadow-base)}50%{box-shadow:5px 5px 20px #ef444480,-5px -5px 15px var(--shadow-base)}}.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:var(--text-primary);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;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:5px;letter-spacing:.01em;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.org-setup-integration-status{background:#9404c31a;background:rgba(var(--primary-color-rgb,148,4,195),.1);border:1px solid #9404c340;border:1px solid rgba(var(--primary-color-rgb,148,4,195),.25);color:var(--primary-color)}.org-setup-integration-warning{background:#ef44441a;border:1px solid #ef444440;color:#ef4444}.org-setup-integration-unconfigured{background:#64748b14;border:1px solid #64748b33;color:#64748b}.org-setup-integration-close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);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:var(--surface-color);color:var(--text-primary)}.org-setup-integration-delete{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;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-delete:hover{background:#ef44441a;color:#ef4444}.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{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:focus{outline:none}.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:var(--text-primary);font-size:18px;font-weight:600;margin:20px 0 24px;position:relative;z-index:1}.organization-roles-permissions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);position:relative;z-index:1}.organization-roles-permission-column{display:flex;flex-direction:column;gap:6px}.organization-roles-column-title{word-wrap:break-word;color:var(--text-primary);font-size:14px;font-weight:600;margin:0;overflow-wrap:break-word}.organization-roles-permission-list{display:flex;flex-direction:column;gap:4px}.organization-roles-permission-item{word-wrap:break-word;overflow-wrap:break-word}@media (max-width:768px){.organization-roles-permissions-grid{gap:12px;grid-template-columns:1fr}}.org-users-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;margin-top:.25rem}.org-add-member-btn{align-items:center;background:var(--primary-color);border:none;border-radius:50%;box-shadow:4px 4px 8px #0000001f,-2px -2px 6px #fffc;box-shadow:var(--neumorphic-shadow,4px 4px 8px #0000001f,-2px -2px 6px #fffc);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:opacity .2s ease,transform .15s ease,box-shadow .2s ease;width:32px}.org-add-member-btn:hover{opacity:.88;transform:scale(1.07)}.org-add-member-btn:active{opacity:1;transform:scale(.96)}.org-add-member-modal{max-width:580px;min-width:520px}.org-add-member-modal-header{align-items:center;display:flex;justify-content:space-between}.org-add-member-close-btn{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:16px;line-height:1;padding:4px 8px;transition:color .15s ease,background-color .15s ease}.org-add-member-close-btn:hover{background-color:#0000000f;color:var(--text-primary)}.org-add-member-search-wrap{margin-bottom:1rem}.org-add-member-search-wrap .org-sidebar-search-input{box-sizing:border-box;width:100%}.org-add-member-list{display:flex;flex-direction:column;margin-bottom:.5rem;max-height:340px;overflow-y:auto;scrollbar-color:var(--primary-color) #0000;scrollbar-width:thin}.org-add-member-list::-webkit-scrollbar{width:4px}.org-add-member-list::-webkit-scrollbar-track{background:#0000}.org-add-member-list::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px;opacity:.6}.org-add-member-item{align-items:center;border-bottom:1px solid #0000000f;border-radius:6px;display:flex;gap:12px;padding:10px 4px;transition:background-color .15s ease}.org-add-member-item:last-child{border-bottom:none}.org-add-member-item:hover{background-color:rgba(0,0,0,.025)}.org-add-member-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.org-add-member-name{color:var(--text-primary);font-size:13px;font-weight:500}.org-add-member-email,.org-add-member-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-add-member-email{color:var(--text-secondary);font-size:12px;opacity:.75}.org-add-member-action-btn{background:#0000;border:1.5px solid var(--primary-color);border-radius:20px;color:var(--primary-color);cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;padding:5px 14px;transition:background-color .18s ease,color .18s ease,opacity .18s ease;white-space:nowrap}.org-add-member-action-btn:hover:not(:disabled){background:var(--primary-color);color:#fff}.org-add-member-action-btn.adding{cursor:default;opacity:.55}.org-add-member-action-btn:disabled{cursor:not-allowed;opacity:.4}.org-add-member-empty{opacity:.6;padding:1rem 0;text-align:center}.org-members-column-header{align-items:center;border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:50px 1.5fr 2fr 1fr 50px;margin-bottom:4px;padding:0 16px 6px}.org-col-header{color:var(--primary-color);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.org-col-header-spacer{display:block}.org-member-remove-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-left:auto;margin-right:15px;transition:background-color .15s ease,color .15s ease;width:28px}.org-member-remove-btn:hover{background-color:#dc26261a;color:#dc2626}.org-add-member-checkbox{accent-color:var(--primary-color);border-radius:4px;cursor:pointer;flex-shrink:0;height:16px;width:16px}.org-add-member-item.selected{background-color:#635bff0f;background-color:rgba(var(--primary-color-rgb,99,91,255),.06)}.org-add-member-error{background-color:#fff5f5;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:13px;margin-top:.75rem;padding:10px 14px}.org-add-member-footer{display:flex;justify-content:flex-end;margin-top:1rem}.org-add-member-submit-btn{background:var(--primary-color);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:9px 22px;transition:opacity .18s ease,transform .15s ease;white-space:nowrap}.org-add-member-submit-btn:hover:not(:disabled){opacity:.88;transform:scale(1.03)}.org-add-member-submit-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.organization-invite-edit-button-container{display:flex;justify-content:flex-end;margin-top:25px;padding-right:0;width:55vh}.pph-blocks{display:flex;gap:12px;margin-bottom:6px}.pph-left{border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #00000014;flex-shrink:0;min-height:72px;width:72px}.pph-icon-box,.pph-left{align-items:center;background:var(--background-color);display:flex;justify-content:center}.pph-icon-box{border-radius:50%;box-shadow:inset 3px 3px 6px #00000021,inset -3px -3px 6px #fffc;height:48px;width:48px}.pph-right{background:var(--background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px #00000014;display:flex;flex:1 1;flex-direction:column;gap:3px;justify-content:center;min-height:72px;padding:10px 16px;position:relative}.pph-title{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0;overflow:hidden;padding-bottom:5px;padding-right:180px;text-overflow:ellipsis;white-space:nowrap}.pph-subtitle{color:var(--text-secondary);font-size:12px;font-weight:500;line-height:1.3;margin:0}.org-pph-action{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:160px}.org-pph-action--multi{display:flex;gap:8px;width:auto}.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:var(--text-primary);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:var(--text-secondary);font-size:16px;margin:0}.organization-main-grid{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:320px 1fr;grid-template-rows:1fr;height:calc(80vh - 120px);padding-right:10px;padding-top:2vh}.organization-sidebar{background-color:initial;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0}.organization-list{display:flex;flex:1 1;flex-direction:column;gap:1px;min-height:0;overflow-y:auto}.organization-item{background:none;border:none;border-radius:0;color:var(--text-secondary);cursor:pointer;font-size:16px;padding:0;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:var(--background-color);border-radius:30px;box-shadow:var(--intense-box-shadow)}.organization-list::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:20px}.organization-list::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.organization-content{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;width:101%}.organization-card{background-color:var(--background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;height:calc(80vh - 120px);min-height:calc(80vh - 120px);padding-bottom:24px;padding-left:24px;padding-right:24px;position:relative}.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:var(--text-primary);font-size:20px;font-weight:600}.organization-card-description,.organization-card-subtitle{color:var(--text-secondary);font-size:14px}.organization-card-header>div:first-child{word-wrap:break-word;max-width:95ch;min-width:0;overflow-wrap:break-word}.organization-card-header>div:first-child .body-small{word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.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;min-height:0;overflow:hidden;position:relative;z-index:1}.organization-empty-message{color:var(--text-secondary);font-size:14px;margin:0;padding:40px 20px;text-align:center}.org-state-container{background-color:var(--background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #00000014;flex-direction:column;margin-top:2vh;min-height:300px;padding:60px 24px;position:relative;text-align:center}.org-state-container,.org-state-icon{align-items:center;display:flex;justify-content:center}.org-state-icon{color:var(--primary-color);margin-bottom:20px;opacity:.7}.org-state-icon--error{color:#dc2626;opacity:.85}.org-state-spinner{animation:org-spin 1s linear infinite;color:var(--primary-color)}@keyframes org-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.org-state-title{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.org-state-message{color:#666;color:var(--text-secondary,#666);font-size:14px;line-height:1.5;margin:0 0 24px;max-width:400px}.org-state-action{margin-top:8px;max-width:200px;width:200px}.org-sidebar-search{margin-bottom:12px}.org-sidebar-search-input{background-color:var(--background-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 18 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:12px;background-repeat:no-repeat;background-size:16px 16px;border:none;border-radius:12px;box-shadow:var(--intense-box-shadow);box-sizing:border-box;color:var(--text-primary);font-size:13px;height:34px;outline:none;padding:0 12px 0 38px;transition:all .2s ease;width:100%}.org-sidebar-search-input::placeholder{color:var(--text-muted);font-size:13px}.org-sidebar-search-input:focus{box-shadow:var(--intense-box-shadow)}.org-sidebar-no-results{color:#999;color:var(--text-muted,#999);font-size:13px;padding:20px 8px;text-align:center}.organization-empty-message--enhanced{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;flex-direction:column;font-size:14px;gap:8px;margin:0;padding:40px 20px;text-align:center}.organization-empty-message--enhanced .org-nested-icon{color:var(--primary-color);margin-bottom:4px;opacity:.5}.organization-pending-section,.organization-users-section{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.organization-users-list{display:flex;flex:1 1;flex-direction:column;gap:5px;min-height:0;overflow-y:auto}.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:var(--text-secondary);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:var(--text-primary);font-size:14px;font-weight:500}.organization-invite-input::placeholder{color:var(--text-muted)}.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:var(--text-primary);font-size:20px;font-weight:600;margin:0;text-align:left}.organization-popup-description{color:var(--text-secondary);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:var(--text-primary);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:var(--text-primary);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:280px 1fr}}@media (max-width:768px){.org-state-container{min-height:200px;padding:40px 16px}.org-state-action{max-width:none;width:100%}.organization-container{padding:0 16px}.organization-header{align-items:stretch;flex-direction:column;gap:16px;margin-bottom:20px;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{border:2px solid var(--border-color);box-shadow:0 2px 8px #00000014;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{border:2px solid var(--border-color);box-shadow:0 2px 8px #00000014}.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:var(--surface-color)}.organization-user-info{flex:1 1;min-width:0}.organization-user-display-name{color:var(--text-secondary);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:var(--background-color);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:var(--intense-box-shadow);color:var(--text-primary);font-size:14px;height:30px;outline:none;padding:0 16px 0 45px;transition:all .2s ease;width:70%}.users-overview-search-input::placeholder{color:var(--text-muted);font-size:14px}.users-overview-search-input:focus{box-shadow:var(--intense-box-shadow)}.organization-field-footer{align-items:flex-start;display:flex;justify-content:space-between;margin-top:4px;min-height:18px}.invite-input-with-counter input{box-sizing:border-box!important;font-size:13px!important;padding-right:50px!important}.organization-char-counter{color:#9ca3af;color:var(--text-secondary,#9ca3af);flex-shrink:0;font-size:11px;margin-left:auto;white-space:nowrap}.organization-char-counter.counter-warning{color:#f59e0b;font-weight:500}.organization-char-counter.counter-limit{color:#ef4444;font-weight:600}.organization-validation-error{align-items:center;color:#ef4444;display:flex;font-size:12px;font-weight:500;gap:4px;margin-top:5px}.organization-validation-error.permissions-error{margin-bottom:8px}.organization-error-banner{align-items:flex-start;background:#ef444412;border:1px solid #ef444440;border-left:3px solid #ef4444;border-radius:8px;color:#dc2626;display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:16px;padding:12px 16px}.organization-error-banner p{line-height:1.5;margin:0}.organization-error-banner-icon{color:#ef4444;flex-shrink:0;margin-top:1px}.org-pending-invites-section{border-top:1px solid var(--border-color);flex-shrink:0;margin-top:12px;padding-top:10px}.org-pending-invites-header{align-items:center;display:flex;justify-content:space-between;padding:0 4px 6px}.org-pending-count-badge{background-color:#fef3c7;border-radius:10px;color:#ca8a04;font-size:10px;font-weight:700;padding:2px 7px}.org-pending-invites-list{max-height:180px;overflow-y:auto}.org-pending-invite-item{align-items:center;display:flex;gap:10px;padding:6px 4px}.org-pending-avatar{border-color:#ca8a04!important;color:#ca8a04!important}.org-pending-badge{background-color:#fef3c7;border-radius:12px;color:#ca8a04;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-top:2px;padding:2px 6px;text-transform:uppercase}.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:var(--text-primary);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:var(--background-color);border-radius:12px;box-shadow:var(--neumorphic-shadow);gap:24px;height:-webkit-fit-content;height:fit-content;padding:24px}.create-team-overview-title{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.create-team-field-group{display:flex;flex-direction:column;gap:12px}.create-team-field-label{color:var(--text-primary);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:var(--background-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);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:var(--filter-border-color)}.create-team-location-active{background-color:var(--surface-color);border-color:var(--primary-color);color:var(--primary-color)}@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:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;min-height:26px;padding-left:50px;position:relative}.create-team-radio-label:before{background:var(--background-color);box-shadow:var(--intense-box-shadow);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:var(--box-shadow)}.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{border-radius:24px;flex-direction:column;max-height:85vh;max-width:650px;overflow-y:auto;padding:48px 40px;position:relative;width:90%}.invalid-credentials-close,.invalid-credentials-modal{align-items:center;background:var(--background-color);display:flex}.invalid-credentials-close{border:none;border-radius:12px;box-shadow:var(--neumorphic-shadow);color:var(--text-secondary);cursor:pointer;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:var(--background-color);border-radius:50%;box-shadow:var(--neumorphic-shadow);margin-bottom:24px;padding:20px}.invalid-credentials-title{color:var(--text-primary);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:var(--text-secondary);font-size:16px;line-height:1.6;margin:0 0 20px;text-align:center}.invalid-credentials-list{background:var(--background-color);border-radius:16px;box-shadow:var(--box-shadow);list-style:none;margin:0 0 24px;overflow:hidden;padding:0}.invalid-credentials-item{border-bottom:1px solid var(--shadowLight);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:var(--text-secondary);font-size:14px;line-height:1.5;margin-left:0;padding-left:0}.invalid-credentials-instruction{background:var(--background-color);border-left:4px solid #f59e0b;border-radius:12px;box-shadow:var(--box-shadow);color:var(--text-primary);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:var(--background-color);border-radius:10px;box-shadow:var(--box-shadow);color:var(--text-secondary);font-size:14px;font-style:italic;line-height:1.6;margin:0;padding:12px;text-align:center}.invalid-credentials-button{background:var(--gradient1);border:none;border-radius:14px;box-shadow:0 6px 20px var(--shadowMid);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 var(--shadowMid);transform:translateY(-3px)}.invalid-credentials-button:active{box-shadow:0 4px 15px var(--shadowMid);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:var(--background-color);border-radius:4px}.invalid-credentials-modal::-webkit-scrollbar-thumb{background:var(--gradient1);border-radius:4px}.invalid-credentials-modal::-webkit-scrollbar-thumb:hover{background:var(--gradient2)}.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:var(--text-primary);font-size:20px;font-weight:600;margin:0;text-align:left}.theme-popup-description{color:var(--text-secondary);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:var(--text-primary);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:var(--surface-color);box-shadow:var(--neumorphic-shadow);color:var(--text-secondary)}.theme-popup-cancel-btn:hover{box-shadow:var(--box-shadow)}.theme-popup-cancel-btn:active{box-shadow:var(--intense-box-shadow)}.theme-popup-confirm-btn{background:var(--primary-color);box-shadow:4px 4px 8px var(--shadowLight),-4px -4px 8px var(--shadow-base),inset 1px 1px 2px #fff3,inset -1px -1px 2px var(--shadowLight);color:#fff}.theme-popup-confirm-btn:hover{background:var(--accent-color);box-shadow:2px 2px 4px var(--shadowMid),-2px -2px 4px var(--shadow-base),inset 2px 2px 4px var(--shadowLight),inset -2px -2px 4px #fff3}.theme-popup-confirm-btn:active{background:var(--secondary-color);box-shadow:inset 3px 3px 6px var(--shadowLight),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:var(--text-primary);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:var(--text-primary);font-size:16px;font-weight:500}.organization-crud-textarea{height:120px;resize:none}.organization-crud-textarea::placeholder{color:var(--text-muted)}.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%}}.project-view-container{background:var(--background-color);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:var(--text-primary);font-size:24px;font-weight:600;letter-spacing:-.01em;margin:0}.project-view-subtitle{color:var(--text-secondary);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:var(--primary-color);display:flex;justify-content:center;left:16px;pointer-events:none;position:absolute;z-index:1}.project-view-container .project-view-search-input{background-color:var(--background-color);border:1px solid var(--primary-color-10);border-radius:10px;box-shadow:var(--neumorphic-shadow);color:var(--text-primary);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:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-8),var(--neumorphic-shadow-hover);outline:none}.project-view-container .project-view-search-input::placeholder{color:var(--text-muted)}.project-view-container .project-view-search-clear{align-items:center;background:none;border:none;border-radius:6px;color:var(--primary-color);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:var(--primary-color-10);color:var(--primary-color-dark)}.project-view-content{margin:0 auto;max-width:1400px}.project-view-projects-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:24px}.project-view-project-card{background:var(--background-color);border:1px solid var(--primary-color-8);border-radius:10px;box-shadow:var(--neumorphic-shadow);cursor:pointer;padding:14px;position:relative;transform:scale(1);transition:all .3s cubic-bezier(.4,0,.2,1)}.project-view-project-card:hover{border-color:var(--primary-color-15);box-shadow:var(--neumorphic-shadow-hover);transform:translateY(-2px)}.project-view-project-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.project-view-project-icon-group{align-items:center;display:flex;flex-shrink:0;gap:6px}.project-view-project-icon{background:var(--primary-gradient-10);border-radius:8px;flex-shrink:0;height:32px;position:relative;width:32px}.project-status-icon,.project-view-project-icon{align-items:center;display:flex;justify-content:center}.project-view-project-icon svg{color:var(--primary-color);height:18px;position:relative;transition:all .3s ease;width:18px;z-index:1}.project-view-project-card:hover .project-view-project-icon{background:var(--primary-gradient-15)}.project-view-project-card-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.project-view-project-name{color:var(--text-primary);font-size:13px;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:var(--text-secondary);font-size:11px;font-weight:400;margin:0}.project-view-project-id{color:#999;color:var(--text-tertiary,#999);display:block;font-family:monospace;font-size:11px;margin:0 0 2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:all;user-select:all;white-space:nowrap}.project-view-project-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:11px;line-height:1.4;margin:0;overflow:hidden}.project-view-project-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.project-view-project-priority,.project-view-project-status,.project-view-project-version{border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 8px;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:10px;margin-top:6px;padding-top:6px}.project-view-no-projects-state{background:var(--card-background);border:1.5px dashed var(--border-color);border-radius:10px;margin:0 auto;max-width:360px;padding:40px 20px;text-align:center}.project-view-no-projects-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 10%,var(--card-background));border-radius:10px;color:var(--primary-color);display:flex;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.project-view-no-projects-state h3{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 6px}.project-view-no-projects-state p{color:var(--text-secondary);font-size:12px;line-height:1.5;margin:0 0 16px}.project-view-clear-search-button{background:var(--gradient1);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 18px;transition:all .2s ease}.project-view-clear-search-button:hover{box-shadow:0 4px 12px var(--shadowLight);transform:translateY(-1px)}.project-view-loading{background:var(--card-background);border:1.5px solid var(--border-color);border-radius:10px;margin:40px auto;max-width:360px;padding:40px 20px;text-align:center}.project-view-loading-spinner{animation: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:32px;margin:0 auto 16px;width:32px}.project-view-loading-text{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.project-view-loading-subtext{color:var(--text-secondary);font-size:12px}.project-view-error{background:var(--card-background);border:1.5px solid var(--error-color);border-radius:10px;margin:40px auto;max-width:360px;padding:40px 20px;text-align:center}.project-view-error-icon{align-items:center;background:var(--error-bg);border-radius:10px;color:var(--error-color);display:flex;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.project-view-error h3{color:var(--error-color);font-size:15px;font-weight:600;margin:0 0 6px}.project-view-error p{color:var(--text-secondary);font-size:12px;margin:0 0 16px}.project-view-retry-button{background:var(--error-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 18px;transition:all .2s ease}.project-view-retry-button:hover{opacity:.9;transform:translateY(-1px)}.project-view-add-project-button{background:var(--gradient2);border:none;border-radius:50px;bottom:32px;box-shadow:0 8px 25px var(--shadowLight);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 var(--shadowMid);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:var(--background-color);border:2px solid var(--primary-color-10);border-radius:20px;box-shadow:var(--neumorphic-shadow);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:var(--text-primary);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:var(--text-secondary)}.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:var(--background-color);border:2px solid var(--border-color);border-radius:16px;box-shadow:var(--neumorphic-shadow);cursor:pointer;display:flex;gap:16px;padding:20px;text-align:left;transition:all .3s ease}.create-option-item:hover{border-color:var(--primary-color);box-shadow:var(--neumorphic-shadow-hover);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:var(--gradient2);box-shadow:0 4px 12px var(--primary-color-30);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:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:4px}.option-description{color:var(--text-secondary);font-size:14px;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:var(--background-color);border:1px solid var(--primary-color-15);border-radius:8px;box-shadow:var(--neumorphic-shadow);color:var(--primary-color);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:var(--primary-color);box-shadow:var(--neumorphic-shadow-hover);color:var(--primary-color-dark);transform:translateY(-1px)}.select-mode-button.active{background:var(--gradient2);border-color:var(--primary-color);box-shadow:0 2px 8px var(--primary-color-30);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:var(--background-color);border:1px solid var(--primary-color-15);border-radius:8px;box-shadow:var(--neumorphic-shadow);color:var(--primary-color);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.view-menu-trigger:hover{border-color:var(--primary-color);box-shadow:var(--neumorphic-shadow-hover);color:var(--primary-color-dark);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:var(--background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--neumorphic-shadow);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:var(--primary-color-8);color:var(--primary-color)}.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:var(--primary-color);font-weight:700;margin-left:auto}.view-menu-item.active{background-color:var(--primary-color-10);color:var(--primary-color);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:var(--primary-color);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.project-card-action-trigger:hover{background-color:var(--primary-color-10);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:var(--background-color);border:1px solid var(--primary-color-10);border-radius:8px;box-shadow:var(--neumorphic-shadow);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:var(--primary-color-8);color:var(--primary-color)}.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:var(--gradient2);border-color:var(--primary-color)}.project-card-selected{background-color:var(--primary-color-2);border-color:var(--primary-color);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:var(--background-color);border:2px solid var(--primary-color-10);border-radius:12px;box-shadow:var(--neumorphic-shadow);display:flex;justify-content:space-between;margin:16px 0;padding:16px 24px}.bulk-action-info{align-items:center;color:var(--primary-color);display:flex;font-weight:600;gap:12px}.bulk-action-info svg{transition:transform .3s ease}.bulk-checkbox{accent-color:var(--primary-color);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:var(--neumorphic-shadow-hover)}.project-detail-view-container{background-color:var(--background-color);box-sizing:border-box;padding:14px 24px 8px;width:100%}.project-detail-view-container .pph-blocks{margin-bottom:16px}.project-detail-view-container .pph-left{min-height:70px;width:70px}.project-detail-view-container .pph-icon-box{height:50px;width:50px}.project-detail-view-container .pph-right{gap:4px;min-height:70px;padding:10px 16px}.project-detail-view-container .pph-title{font-size:18px;padding-bottom:6px}.project-detail-view-container .pph-subtitle{font-size:12px}.project-detail-view-container .pph-back-btn{font-size:12px;padding:6px 12px}.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:var(--background-color);border:1px solid var(--primary-color-10);border-radius:10px;box-shadow:var(--neumorphic-shadow);color:var(--text-secondary);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:var(--primary-color-8);border-color:var(--primary-color-20);box-shadow:var(--neumorphic-shadow-hover);color:var(--primary-color);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:var(--gradient2);border-radius:12px;box-shadow:var(--neumorphic-shadow);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:var(--text-primary);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:var(--text-secondary);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:var(--gradient2);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:var(--background-color);border:1px solid #9404c333;box-shadow:4px 4px 8px #d5d5d580,-4px -4px 8px #ffffffe6;color:var(--text-secondary)}.project-detail-view-action-btn.project-detail-view-secondary:hover{background-color:var(--primary-color-8);border-color:var(--primary-color-30);color:var(--primary-color);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-trash-btn{align-items:center;background:var(--background-color);border:1px solid var(--primary-color-15);border-radius:10px;box-shadow:3px 3px 6px #d5d5d566,-3px -3px 6px #ffffffb3;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:6px;padding:7px 14px;transition:all .2s ease;white-space:nowrap}.project-detail-view-trash-btn:hover{background:var(--primary-color-8);border-color:var(--primary-color-20);color:var(--primary-color)}.automation-card-delete-btn{align-items:center;background:#dc26260f;border:1px solid #dc262626;border-radius:7px;bottom:14px;color:#dc2626;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:14px;transition:all .2s ease;width:28px}.automation-list-row:hover .automation-card-delete-btn,.project-detail-view-test-suite-card:hover .automation-card-delete-btn{opacity:1}.automation-card-delete-btn:hover{background:#dc2626;border-color:#0000;box-shadow:0 2px 8px #dc26264d;color:#fff}.automation-card-delete-btn:disabled{cursor:not-allowed;opacity:.4}.automation-list-row .automation-card-delete-btn{flex-shrink:0;opacity:0;position:static}.pfs-file-item .automation-card-delete-btn,.pfs-overview-chip .automation-card-delete-btn,.tcs-overview-chip-card .automation-card-delete-btn,.tcs-sidebar-item .automation-card-delete-btn{flex-shrink:0;height:20px;margin-left:auto;min-width:20px;opacity:0;padding:0;position:static;width:20px}.pfs-file-item:hover .automation-card-delete-btn,.pfs-overview-chip:hover .automation-card-delete-btn,.tcs-overview-chip-card:hover .automation-card-delete-btn,.tcs-sidebar-item:hover .automation-card-delete-btn{opacity:1}.project-detail-view-test-suite-card .project-card-checkbox{position:absolute;right:12px;top:12px;z-index:2}.automation-list-row .project-card-checkbox{flex-shrink:0}.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:var(--primary-color);left:16px;pointer-events:none;position:absolute;z-index:1}.project-detail-view-search-input{background-color:var(--background-color);border:1px solid var(--primary-color-15);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:var(--text-primary);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:var(--primary-color-30);box-shadow:inset 4px 4px 8px #d5d5d599,inset -4px -4px 8px #fff,0 0 0 3px var(--primary-color-10);outline:none}.project-detail-view-search-input::placeholder{color:#94a3b8}.project-detail-view-search-clear{background:none;border:none;border-radius:6px;color:var(--primary-color);cursor:pointer;padding:4px;position:absolute;right:16px;transition:all .2s ease}.project-detail-view-search-clear:hover{background-color:#9404c31a;color:var(--primary-color-dark);transform:scale(1.1)}.project-detail-view-content{width:100%}.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:var(--background-color);border:1px solid var(--primary-color-8);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:var(--primary-color-15);box-shadow:10px 10px 20px #d5d5d599,-10px -10px 20px #fff;transform:translateY(-2px)}.project-detail-view-test-suite-icon{align-items:center;background:var(--primary-gradient-10);border-radius:10px;box-shadow:4px 4px 8px #d5d5d54d,-2px -2px 6px #ffffff80;color:var(--primary-color);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:var(--text-primary);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:var(--text-secondary);font-size:13px;line-height:1.4;margin:0}.project-detail-view-loading,.project-detail-view-test-suites-loading{background:var(--background-color);border:1px solid var(--primary-color-10);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-top:4px solid var(--primary-color-10);border:4px solid var(--primary-color-10);border-radius:50%;border-top-color:var(--primary-color);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:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.project-detail-view-loading-subtext{color:var(--text-secondary);font-size:13px}.project-detail-view-error{background:var(--background-color);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:var(--gradient2);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:var(--background-color);border:1px solid var(--primary-color-10);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{color:var(--primary-color);font-size:56px;margin-bottom:20px}.project-detail-view-no-test-suites-state h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 10px}.project-detail-view-no-test-suites-state p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 20px}.project-detail-view-clear-search-button{background:var(--gradient2);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:var(--gradient2);border:none;border-radius:50px;bottom:32px;box-shadow:8px 8px 20px #d5d5d599,-4px -4px 12px #ffffff4d,0 4px 16px var(--primary-color-30);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 var(--primary-color-40);transform:translateY(-2px)}.project-detail-view-add-test-suite-button:active{transform:translateY(0)}.project-detail-view-add-test-suite-button--raised{bottom:80px;transition:bottom .3s cubic-bezier(.4,0,.2,1)}@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:var(--background-color);border:1px solid var(--primary-color-10);border-radius:10px;box-shadow:4px 4px 8px #d5d5d580,-4px -4px 8px #ffffffe6;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.project-detail-view-actions-menu-btn:hover{background-color:var(--primary-color-8);border-color:var(--primary-color-20);box-shadow:6px 6px 12px #d5d5d599,-6px -6px 12px #fff;color:var(--primary-color)}.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:var(--background-color);border:1px solid var(--primary-color-10);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:var(--text-secondary);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:var(--primary-color-8);color:var(--primary-color)}.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}.project-detail-view-test-suites-grid.bento-grid{gap:12px;grid-auto-flow:row dense;grid-auto-rows:140px;grid-template-columns:repeat(4,1fr);margin-bottom:0}.project-detail-view-test-suite-card.bento-hero{align-items:flex-start;background:var(--gradient2);border:none;box-shadow:0 8px 32px #9404c338,0 2px 8px #00000014;flex-direction:column;gap:0;grid-column:span 2;grid-row:span 2;justify-content:flex-end;overflow:hidden;padding:22px}.project-detail-view-test-suite-card.bento-hero:hover{border-color:#0000;box-shadow:0 14px 44px #9404c352,0 4px 12px #0000001a;transform:translateY(-3px)}.bento-hex{overflow:visible;pointer-events:none;position:absolute}.bento-hex-lg{height:260px;right:-70px;top:-60px;width:300px}.bento-hex-sm{bottom:35px;height:148px;right:55px;width:170px}.project-detail-view-test-suite-card.bento-wide{align-items:flex-start;background:var(--primary-gradient-10);border-color:var(--primary-color-15);flex-direction:column;gap:12px;grid-column:span 2;justify-content:flex-start;padding:18px 20px}.project-detail-view-test-suite-card.bento-wide .project-detail-view-test-suite-name{font-size:15px;font-weight:700;line-height:1.3;white-space:normal}.project-detail-view-test-suite-card.bento-wide .project-detail-view-test-suite-description{font-size:12px}.project-detail-view-test-suite-card.bento-sm{align-items:flex-start;flex-direction:column;gap:12px;justify-content:flex-start;padding:18px}.bento-hero-icon{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff1f;border-radius:16px;color:#fff;display:flex;flex-shrink:0;height:58px;justify-content:center;margin-bottom:auto;transition:transform .3s ease,background .3s ease;width:58px}.project-detail-view-test-suite-card.bento-hero:hover .bento-hero-icon{background:#ffffff38;transform:scale(1.08)}.bento-hero-arrow{align-items:center;background:#ffffff24;border:1px solid #ffffff1a;border-radius:10px;color:#fff;display:flex;height:34px;justify-content:center;position:absolute;right:22px;top:22px;transition:background .2s ease,transform .2s ease;width:34px}.project-detail-view-test-suite-card.bento-hero:hover .bento-hero-arrow{background:#ffffff42;transform:translate(2px,-2px)}.project-detail-view-test-suite-card.bento-hero .project-detail-view-test-suite-info{gap:6px;overflow:visible}.project-detail-view-test-suite-card.bento-hero .project-detail-view-test-suite-name{color:#fff;font-size:21px;font-weight:700;line-height:1.2;margin-top:10px;text-overflow:clip;white-space:normal}.project-detail-view-test-suite-card.bento-hero .project-detail-view-test-suite-description{color:#ffffffa6;font-size:13px;font-weight:400}.project-detail-view-test-suite-card.bento-wide:hover{background:var(--primary-gradient-10)}.project-detail-view-test-suite-card.bento-sm .project-detail-view-test-suite-icon{border-radius:9px;flex-shrink:0;height:36px;width:36px}.project-detail-view-test-suite-card.bento-sm .project-detail-view-test-suite-info,.project-detail-view-test-suite-card.bento-wide .project-detail-view-test-suite-info{flex:0 0 auto;gap:2px}.project-detail-view-test-suite-card.bento-sm .project-detail-view-test-suite-name{font-size:13px;font-weight:700;line-height:1.3;text-overflow:clip;white-space:normal}.project-detail-view-test-suite-card.bento-sm .project-detail-view-test-suite-description{font-size:11px;margin-bottom:2px}.project-detail-view-test-suite-card.bento-sm{position:relative}.automation-card-run-btn{align-items:center;background:var(--primary-gradient-10);border:1px solid var(--primary-color-15);border-radius:20px;color:var(--primary-color);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:5px 10px;position:absolute;right:14px;top:18px;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.automation-card-run-btn:hover{background:var(--primary-color);border-color:#0000;box-shadow:0 4px 12px #9404c34d;color:#fff;transform:translateY(-1px)}.automation-card-run-btn:active{transform:translateY(0)}.automation-card-run-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}.automation-card-run-btn:disabled:hover{background:var(--primary-gradient-10);border-color:var(--primary-color-15);color:var(--primary-color)}.automation-card-run-btn--running{background:var(--primary-color);border-color:#0000;color:#fff;cursor:default}.automation-card-run-btn--running:hover{box-shadow:none;transform:none}.automation-card-run-btn__spinner{animation:automation-spin 1s linear infinite}@keyframes automation-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.automation-filter-bar{align-items:center;display:flex;flex-direction:row;gap:12px;margin-bottom:20px}.automation-filter-bar .project-detail-view-search-input-container{flex:1 1}.automation-tag-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.automation-tag-filters-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px;font-weight:600;letter-spacing:.5px;margin-right:2px;text-transform:uppercase;white-space:nowrap}.automation-tag-filter-btn{border-radius:20px;cursor:pointer;font-size:12px;font-weight:600;opacity:.6;padding:5px 14px;transition:opacity .15s ease,transform .15s ease,box-shadow .15s ease}.automation-tag-filter-btn:hover{opacity:.85;transform:translateY(-1px)}.automation-tag-filter-btn.active{box-shadow:0 2px 8px #00000026;opacity:1;transform:translateY(-1px)}.automation-step-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px;margin-top:6px}.automation-step-tag{align-items:center;border-radius:20px;display:inline-flex;font-size:10px;font-weight:600;letter-spacing:.3px;line-height:1.6;padding:2px 7px}.automation-step-tag--api{background:#3b82f61f;border:1px solid #3b82f640;color:#2563eb}.automation-step-tag--database{background:#f973161f;border:1px solid #f9731640;color:#ea580c}.automation-step-tag--webui{background:#22c55e1f;border:1px solid #22c55e40;color:#16a34a}.automation-view-toggle{align-items:center;background:var(--background-color);border:1px solid var(--primary-color-15);border-radius:10px;box-shadow:4px 4px 8px #d5d5d566,-2px -2px 6px #ffffffb3;display:flex;flex-shrink:0;gap:2px;padding:3px}.automation-view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:7px;color:var(--primary-color);cursor:pointer;display:flex;height:30px;justify-content:center;opacity:.4;transition:background .18s ease,opacity .18s ease,box-shadow .18s ease;width:32px}.automation-view-toggle-btn:hover{opacity:.75}.automation-view-toggle-btn.active{background:var(--primary-color);box-shadow:0 2px 8px #9404c34d;color:#fff;opacity:1}@keyframes row-grow-in{0%{opacity:0;transform:scale(.88) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.automation-scripts-grid .project-detail-view-test-suite-card{animation:row-grow-in .32s cubic-bezier(.34,1.56,.64,1) both}.automation-scripts-grid .project-detail-view-test-suite-card:first-child{animation-delay:0ms}.automation-scripts-grid .project-detail-view-test-suite-card:nth-child(2){animation-delay:45ms}.automation-scripts-grid .project-detail-view-test-suite-card:nth-child(3){animation-delay:90ms}.automation-scripts-grid .project-detail-view-test-suite-card:nth-child(4){animation-delay:135ms}.automation-scripts-grid .project-detail-view-test-suite-card:nth-child(5){animation-delay:.18s}.automation-scripts-grid .project-detail-view-test-suite-card:nth-child(6){animation-delay:225ms}.automation-scripts-grid .project-detail-view-test-suite-card:nth-child(7){animation-delay:.27s}.automation-scripts-grid .project-detail-view-test-suite-card:nth-child(8){animation-delay:315ms}.automation-scripts-grid .project-detail-view-test-suite-card:nth-child(9){animation-delay:.36s}.automation-scripts-grid .project-detail-view-test-suite-card:nth-child(10){animation-delay:405ms}.automation-list-view{display:flex;flex-direction:column;gap:16px}.automation-list-row{align-items:center;animation:row-grow-in .32s cubic-bezier(.34,1.56,.64,1) both;background:var(--background-color);border:1px solid var(--primary-color-8);border-radius:12px;box-shadow:8px 8px 16px #d5d5d580,-8px -8px 16px #ffffffe6;cursor:pointer;display:flex;gap:14px;padding:14px 18px;transition:all .3s ease}.automation-list-row:first-child{animation-delay:0ms}.automation-list-row:nth-child(2){animation-delay:45ms}.automation-list-row:nth-child(3){animation-delay:90ms}.automation-list-row:nth-child(4){animation-delay:135ms}.automation-list-row:nth-child(5){animation-delay:.18s}.automation-list-row:nth-child(6){animation-delay:225ms}.automation-list-row:nth-child(7){animation-delay:.27s}.automation-list-row:nth-child(8){animation-delay:315ms}.automation-list-row:nth-child(9){animation-delay:.36s}.automation-list-row:nth-child(10){animation-delay:405ms}.automation-list-row:hover{border-color:var(--primary-color-15);box-shadow:10px 10px 20px #d5d5d599,-10px -10px 20px #fff;transform:translateY(-2px)}.automation-list-row-icon{align-items:center;background:var(--primary-gradient-10);border-radius:9px;box-shadow:4px 4px 8px #d5d5d54d,-2px -2px 6px #ffffff80;color:var(--primary-color);display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;width:36px}.automation-list-row:hover .automation-list-row-icon{transform:scale(1.05)}.automation-list-row-name{color:var(--text-color);flex:1 1;font-size:13px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automation-list-row-tags{align-items:center;display:flex;flex-shrink:0;gap:6px}.automation-list-row .automation-card-run-btn{flex-shrink:0;position:static}@media (max-width:1100px){.project-detail-view-test-suites-grid.bento-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:800px){.project-detail-view-test-suites-grid.bento-grid{grid-auto-rows:150px;grid-template-columns:repeat(2,1fr)}.project-detail-view-test-suite-card.bento-hero{grid-column:span 2;grid-row:span 2}.project-detail-view-test-suite-card.bento-wide{grid-column:span 2}}@media (max-width:540px){.project-detail-view-test-suites-grid.bento-grid{grid-auto-rows:auto;grid-template-columns:1fr}.project-detail-view-test-suite-card.bento-hero,.project-detail-view-test-suite-card.bento-wide{grid-column:span 1;grid-row:span 1;min-height:160px}.project-detail-view-test-suite-card.bento-sm{align-items:center;flex-direction:row;gap:14px;justify-content:flex-start;min-height:100px}}.collab-modal-overlay{align-items:center;animation:collab-fade-in .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:32px 16px;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:var(--card-background);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:100%;max-width:650px;overflow:hidden;width:100%}@keyframes collab-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.collab-modal-header{align-items:flex-start;display:flex;justify-content:space-between;padding:24px 28px 0}.collab-header-content{align-items:center;display:flex;flex:1 1;gap:16px}.collab-header-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 10%,var(--card-background));border:1px solid var(--border-color);border-radius:12px;color:var(--primary-color);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.collab-header-text h2{-webkit-text-fill-color:#0000;background:var(--gradient1);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:600;margin:0 0 4px}.collab-header-text p{color:var(--text-secondary);font-size:14px;margin:0}.collab-modal-close{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .2s}.collab-modal-close:hover:not(:disabled){background:#0000000d;color:var(--text-primary)}.collab-modal-body{flex:1 1;overflow-y:auto;padding:24px 28px 28px}.collab-form-section{margin-bottom:24px}.collab-form-section:last-child{margin-bottom:0}.collab-section-label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:12px}.collab-item-count{color:var(--text-secondary);font-size:13px;font-weight:400}.collab-error-banner{background:var(--error-bg);border:1px solid var(--error-color);border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:12px 16px}.collab-error-icon{color:var(--error-color);flex-shrink:0}.collab-error-content strong{color:var(--error-color);display:block;margin-bottom:4px}.collab-error-content p{color:var(--error-color);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:var(--card-background);border:2px solid var(--border-color);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:var(--surface-color);border-color:var(--primary-color)}.collab-type-card.active{background:color-mix(in srgb,var(--primary-color) 5%,var(--card-background));border-color:var(--primary-color)}.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:color-mix(in srgb,var(--primary-color) 10%,var(--card-background));color:var(--primary-color)}.collab-type-card-icon.groups{background:color-mix(in srgb,var(--accent-color) 10%,var(--card-background));color:var(--accent-color)}.collab-type-card-content h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 2px}.collab-type-card-count{color:var(--text-secondary);font-size:13px}.collab-type-card-check{align-items:center;background:var(--primary-color);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:color-mix(in srgb,var(--primary-color) 5%,var(--card-background));border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);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:var(--text-muted);left:16px;pointer-events:none;position:absolute}.collab-search-input{background:var(--card-background);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 16px 12px 48px;transition:all .2s;width:100%}.collab-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--shadowLight);outline:none}.collab-search-input:disabled{background:var(--surface-color);cursor:not-allowed}.collab-search-clear{background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;padding:8px;position:absolute;right:12px;transition:all .2s}.collab-search-clear:hover{background:var(--surface-color);color:var(--text-secondary)}.collab-selection-container{background:var(--card-background);border:2px solid var(--border-color);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-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:32px;margin-bottom:16px;width:32px}@keyframes collab-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.collab-loading-content h4{color:var(--text-primary);font-size:16px;margin:0 0 8px}.collab-loading-content p{color:var(--text-secondary);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:var(--text-muted);margin-bottom:16px}.collab-empty-state h4{color:var(--text-primary);font-size:16px;margin:0 0 8px}.collab-empty-state p{color:var(--text-secondary);font-size:14px;margin:0}.collab-items-grid{padding:8px}.collab-selection-item{align-items:center;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:16px;margin-bottom:4px;padding:12px 16px;transition:all .2s}.collab-selection-item:hover{background:var(--surface-color);border-color:var(--border-color)}.collab-selection-item.selected{background:color-mix(in srgb,var(--primary-color) 5%,var(--card-background));border-color:var(--primary-color)}.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:var(--card-background);border:2px solid var(--border-color);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:var(--primary-color);border-color:var(--primary-color);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:var(--gradient1);color:#fff}.collab-group-avatar{background:color-mix(in srgb,var(--primary-color) 10%,var(--card-background));border:1px solid var(--border-color);color:var(--primary-color)}.collab-selection-info{flex:1 1;min-width:0}.collab-selection-name{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:2px}.collab-selection-details{color:var(--text-secondary);font-size:13px;margin-bottom:4px}.collab-selection-meta{color:var(--text-muted);font-size:12px}.collab-selected-items-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;padding:16px}.collab-selected-item{align-items:center;background:var(--card-background);border:1px solid var(--border-color);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:var(--gradient1);color:#fff}.collab-selected-item-avatar.group{background:color-mix(in srgb,var(--primary-color) 10%,var(--card-background));color:var(--primary-color)}.collab-selected-item-name{color:var(--text-primary);font-weight:500}.collab-selected-item-remove{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;padding:4px;transition:all .2s}.collab-selected-item-remove:hover{background:var(--surface-color);color:var(--text-secondary)}.collab-permission-selector{grid-gap:12px;display:grid;gap:12px}.collab-permission-option{align-items:center;background:var(--card-background);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;padding:16px;position:relative;transition:all .2s}.collab-permission-option:hover{background:var(--surface-color);border-color:var(--primary-color)}.collab-permission-option.selected{background:color-mix(in srgb,var(--primary-color) 5%,var(--card-background));border-color:var(--primary-color)}.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:var(--surface-color);border-radius:8px;color:var(--text-secondary);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.collab-permission-option.selected .collab-permission-icon{background:color-mix(in srgb,var(--primary-color) 10%,var(--card-background));color:var(--primary-color)}.collab-permission-label{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:2px}.collab-permission-description{color:var(--text-secondary);font-size:13px}.collab-permission-radio{align-items:center;border:2px solid var(--border-color);border-radius:50%;display:flex;height:20px;justify-content:center;transition:all .2s;width:20px}.collab-permission-option.selected .collab-permission-radio{background:var(--primary-color);border-color:var(--primary-color)}.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;display:flex;gap:16px;justify-content:space-between;margin-top:24px;padding:0 28px 28px}.collab-footer-info{flex:1 1}.collab-selection-summary{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);display:flex;font-size:14px;gap:8px;padding:8px 12px}.collab-summary-icon{color:var(--text-secondary);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:500;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s}.collab-btn-cancel{background:var(--card-background);border:2px solid var(--border-color);color:var(--text-primary)}.collab-btn-cancel:hover:not(:disabled){background:var(--surface-color)}.collab-btn-add{background:var(--gradient1);border:none;color:#fff}.collab-btn-add:hover:not(:disabled){box-shadow:0 4px 12px var(--shadowLight);transform:translateY(-2px)}.collab-btn-add:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;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:768px){.collab-modal-overlay{padding:16px}.collab-modal-header{padding:20px 20px 0}.collab-modal-body{padding:20px}}@media (max-width:640px){.collab-modal-content{border-radius:12px;margin:16px;max-width:100%}.collab-header-content{gap:12px}.collab-header-icon{height:48px;width:48px}.collab-type-selector-grid{grid-template-columns:1fr}.collab-selection-container{max-height:300px}.collab-modal-footer{align-items:stretch;flex-direction:column}.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;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:32px 16px;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:var(--card-background);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:100%;max-width:520px;overflow:hidden;width:100%}@keyframes del-proj-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.del-proj-header{padding:24px 28px 0;position:relative;text-align:center}.del-proj-icon{align-items:center;background:var(--error-bg);border:3px solid var(--error-color);border-radius:50%;color:var(--error-color);display:flex;height:72px;justify-content:center;margin:0 auto 16px;width:72px}.del-proj-header h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 8px}.del-proj-header p{color:var(--text-secondary);font-size:14px;margin:0}.del-proj-close{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:8px;position:absolute;right:28px;top:24px;transition:all .2s}.del-proj-close:hover{background:#0000000d;color:var(--text-primary)}.del-proj-body{flex:1 1;overflow-y:auto;padding:24px 28px}.del-proj-info{margin-bottom:24px}.del-proj-info-card{background:var(--surface-color);border:1px solid var(--border-color);border-left:4px solid var(--error-color);gap:16px;padding:16px}.del-proj-info-card,.del-proj-info-icon{align-items:center;border-radius:8px;display:flex}.del-proj-info-icon{background:var(--card-background);border:1px solid var(--border-color);color:var(--error-color);flex-shrink:0;height:48px;justify-content:center;width:48px}.del-proj-info-details h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.del-proj-id{color:var(--text-secondary);font-family:Monaco,Menlo,monospace;font-size:14px}.del-proj-warning-section{margin-bottom:24px}.del-proj-warning-section h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.del-proj-warning-grid{grid-gap:12px;display:grid;gap:12px}.del-proj-warning-item{align-items:flex-start;background:var(--error-bg);border:1px solid var(--error-color);border-radius:8px;display:flex;gap:12px;padding:12px 16px}.del-proj-warning-icon{flex-shrink:0;font-size:20px;margin-top:2px}.del-proj-warning-item strong{color:var(--error-color);display:block;font-weight:600;margin-bottom:2px}.del-proj-warning-item span{color:var(--text-secondary);font-size:14px}.del-proj-confirmation-section{margin-bottom:24px}.del-proj-confirmation-section label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:12px}.del-proj-confirmation-section code{background:var(--surface-color);border-radius:6px;color:var(--error-color);padding:4px 8px}.del-proj-confirmation-input,.del-proj-confirmation-section code{font-family:Monaco,Menlo,monospace;font-size:14px;font-weight:600}.del-proj-confirmation-input{background:var(--card-background);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:12px 16px;transition:all .2s;width:90%}.del-proj-confirmation-input:focus{border-color:var(--error-color);box-shadow:0 0 0 3px #dc26261a;outline:none}.del-proj-confirmation-input:disabled{background:var(--surface-color);cursor:not-allowed}.del-proj-confirmation-hint{color:var(--text-secondary);font-size:14px;margin-top:8px}.del-proj-remaining-text{background:var(--error-bg);border-radius:4px;color:var(--error-color);font-family:Monaco,Menlo,monospace;padding:2px 4px}.del-proj-deleting-progress{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:32px;text-align:center}.del-proj-progress-spinner{margin-bottom:20px}.del-proj-spinner{animation:del-proj-spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--error-color);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:var(--text-primary);font-size:16px;margin:0 0 8px}.del-proj-progress-content p{color:var(--text-secondary);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;color:var(--text-secondary);display:flex;gap:12px;opacity:.4;transition:opacity .3s}.del-proj-progress-step.active{opacity:1}.del-proj-step-dot{background:var(--border-color);border-radius:50%;height:12px;transition:background .3s;width:12px}.del-proj-progress-step.active .del-proj-step-dot{background:var(--error-color)}.del-proj-actions{display:flex;gap:12px;justify-content:flex-end;padding:0 28px 28px}.del-proj-btn-cancel,.del-proj-btn-delete{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s}.del-proj-btn-cancel{background:var(--card-background);border:2px solid var(--border-color);color:var(--text-primary)}.del-proj-btn-cancel:hover:not(:disabled){background:var(--surface-color)}.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(-2px)}.del-proj-btn-delete:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;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:768px){.del-proj-overlay{padding:16px}.del-proj-body,.del-proj-header{padding:20px}.del-proj-actions{flex-direction:column-reverse;padding:0 20px 20px}.del-proj-btn-cancel,.del-proj-btn-delete{width:100%}}.proj-perm-overlay{align-items:center;animation:proj-perm-fade-in .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:32px 16px;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:var(--card-background);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:100%;max-width:640px;overflow:hidden;width:100%}@keyframes proj-perm-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.proj-perm-header{align-items:center;display:flex;justify-content:space-between;padding:16px 20px 0}.proj-perm-header-content{align-items:center;display:flex;flex:1 1;gap:10px}.proj-perm-header-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 10%,var(--card-background));border-radius:8px;color:var(--primary-color);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.proj-perm-header-icon svg{height:18px;width:18px}.proj-perm-header-text h2{-webkit-text-fill-color:#0000;background:var(--gradient1);-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:600;margin:0}.proj-perm-header-text p{color:var(--text-muted);font-size:12px;margin:2px 0 0}.proj-perm-close{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:6px;transition:all .2s}.proj-perm-close:hover{background:#0000000d;color:var(--text-primary)}.proj-perm-close svg{height:18px;width:18px}.proj-perm-body{flex:1 1;overflow-y:auto;padding:16px 20px 20px}.proj-perm-error-banner{background:var(--error-bg);border:1px solid var(--error-color);border-radius:6px;display:flex;font-size:12px;gap:8px;margin-bottom:12px;padding:8px 12px}.proj-perm-error-icon{color:var(--error-color);flex-shrink:0;height:16px;width:16px}.proj-perm-error-content strong{color:var(--error-color);display:block;font-size:12px;margin-bottom:2px}.proj-perm-error-content p{color:var(--error-color);font-size:11px;margin:0}.proj-perm-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.proj-perm-loading-spinner{animation:proj-perm-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:28px;margin-bottom:12px;width:28px}@keyframes proj-perm-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.proj-perm-loading-content h4{color:var(--text-primary);font-size:13px;margin:0 0 4px}.proj-perm-loading-content p{color:var(--text-secondary);font-size:12px;margin:0}.proj-perm-section{margin-bottom:16px}.proj-perm-section:last-child{margin-bottom:0}.proj-perm-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.proj-perm-section-header h3{color:var(--text-primary);font-size:13px;font-weight:600;margin:0}.proj-perm-section-count{background:var(--surface-color);border-radius:8px;color:var(--text-secondary);font-size:10px;font-weight:600;padding:2px 8px}.proj-perm-section-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:10px;font-weight:600;gap:4px;padding:2px 8px}.proj-perm-owner-badge{background:var(--warning-bg);border:1px solid var(--warning-color);color:var(--warning-color)}.proj-perm-collaborator-card,.proj-perm-owner-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;position:relative;transition:all .2s ease}.proj-perm-owner-card{background:var(--warning-bg);border-color:var(--warning-color)}.proj-perm-collaborator-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px var(--shadowLight)}.proj-perm-collaborators-grid{grid-gap:6px;display:grid;gap:6px}.proj-perm-user-info{align-items:center;display:flex;gap:8px;margin-bottom:6px}.proj-perm-user-avatar{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.proj-perm-owner-avatar{background:var(--warning-color);color:#fff}.proj-perm-collaborator-avatar{background:var(--gradient1);color:#fff}.proj-perm-group-avatar{background:color-mix(in srgb,var(--primary-color) 10%,var(--card-background));border:1px solid var(--border-color);color:var(--primary-color)}.proj-perm-user-details{flex:1 1;min-width:0}.proj-perm-user-name{color:var(--text-primary);font-size:12px;font-weight:600;margin-bottom:1px}.proj-perm-user-email{color:var(--text-muted);font-size:11px}.proj-perm-edit-controls,.proj-perm-view-controls{align-items:center;display:flex;gap:8px;justify-content:space-between}.proj-perm-permission-badges{display:flex;flex-wrap:wrap;gap:4px}.proj-perm-permission-badge{align-items:center;border:1px solid #0000;border-radius:4px;display:inline-flex;font-size:10px;font-weight:600;gap:3px;padding:2px 7px}.proj-perm-owner-permission{background:var(--warning-color);color:#fff}.proj-perm-permission-badge.green{background:var(--success-bg);border-color:var(--success-color);color:var(--success-color)}.proj-perm-permission-badge.blue{background:color-mix(in srgb,var(--primary-color) 10%,var(--card-background));border-color:color-mix(in srgb,var(--primary-color) 30%,#0000);color:var(--primary-color)}.proj-perm-permission-badge.purple{background:color-mix(in srgb,var(--accent-color) 10%,var(--card-background));border-color:color-mix(in srgb,var(--accent-color) 30%,#0000);color:var(--accent-color)}.proj-perm-permission-badge.red{background:var(--error-bg);border-color:var(--error-color);color:var(--error-color)}.proj-perm-action-buttons{display:flex;gap:4px}.proj-perm-cancel-button,.proj-perm-edit-button,.proj-perm-remove-button,.proj-perm-save-button{align-items:center;border:1px solid;border-radius:5px;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:3px;padding:4px 8px;transition:all .15s}.proj-perm-cancel-button svg,.proj-perm-edit-button svg,.proj-perm-remove-button svg,.proj-perm-save-button svg{height:12px;width:12px}.proj-perm-edit-button{background:color-mix(in srgb,var(--primary-color) 10%,var(--card-background));border-color:color-mix(in srgb,var(--primary-color) 30%,#0000);color:var(--primary-color)}.proj-perm-edit-button:hover{background:color-mix(in srgb,var(--primary-color) 20%,var(--card-background))}.proj-perm-remove-button{background:var(--error-bg);border-color:var(--error-color);color:var(--error-color)}.proj-perm-remove-button:hover{background:color-mix(in srgb,var(--error-color) 20%,var(--card-background))}.proj-perm-save-button{background:var(--success-bg);border-color:var(--success-color);color:var(--success-color)}.proj-perm-save-button:hover{background:color-mix(in srgb,var(--success-color) 20%,var(--card-background))}.proj-perm-cancel-button{background:var(--surface-color);border-color:var(--border-color);color:var(--text-secondary)}.proj-perm-cancel-button:hover{background:var(--card-background);color:var(--text-primary)}.proj-perm-permission-selector{margin-bottom:8px}.proj-perm-permission-selector label{color:var(--text-primary);display:block;font-size:12px;font-weight:500;margin-bottom:4px}.proj-perm-permission-select{background:var(--card-background);border:1.5px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:12px;padding:6px 10px;width:100%}.proj-perm-permission-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--shadowLight);outline:none}.proj-perm-edit-actions{display:flex;gap:4px}.proj-perm-empty-state{align-items:center;background:var(--surface-color);border:1.5px dashed var(--border-color);border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:28px 16px;text-align:center}.proj-perm-empty-icon{color:var(--text-muted);margin-bottom:8px}.proj-perm-empty-icon svg{height:24px;width:24px}.proj-perm-empty-state h4{color:var(--text-primary);font-size:13px;margin:0 0 4px}.proj-perm-empty-state p{color:var(--text-secondary);font-size:11px;margin:0 0 8px}.proj-perm-security-notice{align-items:center;background:color-mix(in srgb,var(--primary-color) 5%,var(--card-background));border:1px solid var(--border-color);border-radius:5px;color:var(--text-muted);display:flex;font-size:11px;gap:6px;padding:6px 10px}.proj-perm-help-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:12px}.proj-perm-help-header{margin-bottom:10px}.proj-perm-help-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:12px;font-weight:600;gap:6px;margin:0}.proj-perm-help-content{margin-bottom:12px}.proj-perm-help-item{display:flex;gap:8px;margin-bottom:8px}.proj-perm-help-step{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:600;height:18px;justify-content:center;width:18px}.proj-perm-help-text{color:var(--text-secondary);flex:1 1;font-size:11px;line-height:1.4}.proj-perm-help-text strong{color:var(--text-primary)}.proj-perm-permission-reference h4{color:var(--text-primary);font-size:11px;font-weight:600;margin:0 0 6px}.proj-perm-reference-grid{grid-gap:4px;display:grid;gap:4px}.proj-perm-reference-item{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;gap:8px}.proj-perm-reference-badge{align-items:center;border-radius:3px;display:inline-flex;font-size:9px;font-weight:600;gap:3px;justify-content:center;min-width:70px;padding:2px 6px}.proj-perm-reference-badge.green{background:var(--success-bg);color:var(--success-color)}.proj-perm-reference-badge.blue{background:color-mix(in srgb,var(--primary-color) 10%,var(--card-background));color:var(--primary-color)}.proj-perm-reference-badge.purple{background:color-mix(in srgb,var(--accent-color) 10%,var(--card-background));color:var(--accent-color)}.proj-perm-reference-badge.red{background:var(--error-bg);color:var(--error-color)}@media (max-width:768px){.proj-perm-overlay{padding:16px}.proj-perm-header{padding:14px 16px 0}.proj-perm-body{padding:14px 16px 16px}}@media (max-width:640px){.proj-perm-content{margin:16px;max-width:100%}.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-item{align-items:flex-start;flex-direction:column;gap:3px}}.proj-perm-notification{align-items:center;animation:proj-perm-slide-down .3s ease-out;background:var(--card-background);border-left:3px solid;border-radius:6px;box-shadow:0 8px 24px #0003;display:flex;gap:8px;min-width:240px;padding:8px 12px;position:fixed;right:16px;top:16px;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:var(--success-bg);border-color:var(--success-color)}.proj-perm-notification.error{background:var(--error-bg);border-color:var(--error-color)}.proj-perm-notification-content{align-items:center;display:flex;flex:1 1;gap:8px}.proj-perm-notification-content svg{height:16px;width:16px}.proj-perm-notification.success .proj-perm-notification-content svg{color:var(--success-color)}.proj-perm-notification.error .proj-perm-notification-content svg{color:var(--error-color)}.proj-perm-notification-content span{color:var(--text-primary);font-size:12px;font-weight:500}.proj-perm-notification-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;transition:color .2s}.proj-perm-notification-close:hover{color:var(--text-primary)}.proj-perm-card-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:8px;bottom:0;display:flex;flex-direction:column;gap:6px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.proj-perm-card-overlay.loading{background:color-mix(in srgb,var(--card-background) 95%,#0000)}.proj-perm-card-overlay.notification-success{animation:proj-perm-success-pulse .5s ease-out;background:color-mix(in srgb,var(--success-bg) 98%,#0000)}.proj-perm-card-overlay.notification-error{background:color-mix(in srgb,var(--error-bg) 98%,#0000)}@keyframes proj-perm-success-pulse{0%{transform:scale(1)}50%{transform:scale(1.01)}to{transform:scale(1)}}.proj-perm-card-overlay.notification-success svg{animation:proj-perm-check-draw .5s ease-out;color:var(--success-color)}.proj-perm-card-overlay.notification-error svg{color:var(--error-color)}@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-top:2px solid var(--border-color);border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:20px;width:20px}.proj-perm-card-overlay span{color:var(--text-primary);font-size:11px;font-weight:600}.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:var(--card-background);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:var(--surface-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 24px}.create-folder-modal-header h2{color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.4;margin:0}.create-folder-close-button{align-items:center;background:none;border:none;color:var(--text-secondary);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:var(--text-primary)}.create-folder-form{background-color:var(--card-background);padding:24px}.create-folder-form-group{margin-bottom:20px}.uppercase-input{text-transform:uppercase}.uppercase-input::placeholder{text-transform:none}.create-folder-label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.create-folder-input{background:var(--card-background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);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:var(--error-color)!important}.create-folder-error-message{color:var(--error-color);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:var(--surface-color);border:1px solid var(--border-color);color:var(--text-primary)}.create-folder-submit-button{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));color:#fff}.create-folder-cancel-button:hover{background:var(--border-color)}.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:var(--card-background);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{align-items:center;display:flex;justify-content:space-between;padding:16px 20px}.modal-header h3{font-size:18px}.close-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:24px;line-height:1}.close-button:hover{color:var(--text-primary)}.modal-body{padding:20px}.current-location{color:var(--text-secondary);font-size:13px;margin-bottom:15px}.path-display{color:var(--text-primary);font-weight:500}.form-group{margin-bottom:15px}.form-group label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:5px}.form-group input{background:var(--card-background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;padding:8px 12px;width:100%}.form-group input.input-error{border-color:var(--error-color)}.modal-footer{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:var(--secondary-color)}.btn-primary:disabled{background-color:var(--text-muted);cursor:not-allowed}.btn-secondary{background-color:var(--card-background);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--surface-color)}.drop-area{border:2px dashed var(--border-color);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:var(--text-secondary);display:flex;flex-direction:column;gap:10px}.file-name{color:var(--text-primary);font-weight:500}.file-size{color:var(--text-muted);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:var(--text-primary);font-size:14px}.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:var(--background-color);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.project-chat-header{background:var(--background-color);flex-shrink:0;padding:16px 16px 0}.project-chat-header-blocks{align-items:stretch;display:flex;gap:16px}.project-chat-header-left{align-items:center;background:var(--background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex-shrink:0;justify-content:center;min-height:80px;width:80px}.project-chat-header-icon-box{align-items:center;display:flex;height:64px;justify-content:center;position:relative;width:64px}.project-chat-icon-background{background:var(--surface-color);border-radius:50%;box-shadow:var(--neumorphic-shadow);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.project-chat-icon-overlay{align-items:center;color:var(--primary-color);display:flex;justify-content:center;position:relative;z-index:1}.project-chat-header-right{background:var(--background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:14px 20px;position:relative}.project-chat-header-content{display:flex;flex-direction:column;gap:4px}.project-chat-header-row{align-items:center;display:flex;gap:20px;justify-content:space-between}.project-chat-header-title{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.project-chat-header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0;white-space:nowrap}.project-chat-meta{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px}.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:var(--surface-color);border-radius:21px;box-shadow:var(--neumorphic-shadow);color:var(--text-secondary);font-family:monospace;font-size:12px;min-height:26px}.project-chat-priority,.project-chat-version{align-items:center;display:inline-flex;font-weight:500;padding:6px 16px}.project-chat-priority{background:#0000;border:2px solid var(--border-color);border-radius:19.5px;box-shadow:var(--box-shadow);min-height:24px}.project-chat-priority,.project-chat-status{font-size:11px;letter-spacing:.5px;text-transform:uppercase}.project-chat-status{align-items:center;background:var(--surface-color);border-radius:21px;box-shadow:var(--neumorphic-shadow);display:inline-flex;font-weight:500;min-height:28px;padding:6px 16px}.project-chat-priority.priority-low{color:var(--success-color)}.project-chat-priority.priority-high,.project-chat-priority.priority-medium{color:var(--warning-color)}.project-chat-priority.priority-critical{color:var(--error-color)}.project-chat-status.status-active{color:var(--success-color)}.project-chat-status.status-on-hold{color:var(--warning-color)}.project-chat-status.status-completed{color:var(--info-color)}.project-chat-status.status-canceled{color:var(--text-muted)}.project-chat-description{color:var(--text-secondary);font-size:13px;font-weight:400;line-height:1.4;margin:0;max-width:600px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-chat-back-btn{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:5px;padding:6px 14px;transition:all .15s ease;white-space:nowrap}.project-chat-back-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.project-chat-end-analysis-btn{align-items:center;background:var(--background-color);border:1px solid var(--primary-color);border-radius:8px;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:5px;padding:6px 14px;transition:all .15s ease;white-space:nowrap}.project-chat-end-analysis-btn:hover{background:var(--gradient1);border-color:#0000;color:#fff;transform:translateY(-1px)}.project-chat-main{background:none;border:none;box-shadow:none;display:flex;flex:1 1;gap:0;min-height:0;overflow:hidden;padding:0}.project-chat-sidebar{background:var(--background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;flex-shrink:0;margin:16px 0 16px 16px;overflow:visible;width:220px}.project-chat-tabs{display:flex;flex-direction:column;gap:2px;height:100%;overflow-x:visible;overflow-y:auto;padding:8px 8px 8px 0}.project-chat-tab-container{height:40px;margin:0;padding:0;position:relative}.project-chat-tab-bg{height:40px;left:0;position:absolute;top:0;width:100%;z-index:0}.project-chat-tab{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:10px;height:100%;padding:0 14px;position:relative;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.project-chat-tab:hover:not(.disabled):not(.active){background-color:var(--primary-hover-bg);color:var(--primary-color);transform:translateX(2px)}.project-chat-tab.active{background:#0000;color:#fff;font-weight:600}.project-chat-tab.disabled{color:var(--text-muted);cursor:not-allowed;opacity:.35}.project-chat-tab-status{background:var(--border-color);border-radius:50%;flex-shrink:0;height:7px;transition:all .2s ease;width:7px}.project-chat-tab.active .project-chat-tab-status{background:#fff;box-shadow:0 0 4px #fff9}.project-chat-tab:hover:not(.disabled):not(.active) .project-chat-tab-status{background:var(--primary-color)}.project-chat-tab.disabled .project-chat-tab-status{background:var(--text-muted)}.project-chat-tab.completed .project-chat-tab-status{background:var(--success-color)}.project-chat-tab.active.completed .project-chat-tab-status{background:#fff;box-shadow:0 0 0 2px var(--success-color)}.project-chat-tab.pending .project-chat-tab-status{background:var(--text-muted)}.project-chat-tab.active.pending .project-chat-tab-status{background:#fff}.project-chat-tab-label{flex:1 1;font-size:12.5px;font-weight:500;line-height:1.3}.project-chat-tab.active .project-chat-tab-label{color:#fff;font-weight:600}.project-chat-content{background:var(--background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px #0000001a;flex:1 1;margin:16px;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.project-chat-content::-webkit-scrollbar{width:6px}.project-chat-content::-webkit-scrollbar-track{background:#0000;margin:8px 0}.project-chat-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.project-chat-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.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}.project-chat-header-blocks{gap:10px}.project-chat-header-left{min-height:60px;width:60px}.project-chat-header-icon-box{height:48px;width:48px}.project-chat-header-right{padding:10px 14px}.project-chat-header-row{align-items:flex-start;flex-direction:column;gap:6px}.project-chat-header-content h1{font-size:16px}.project-chat-meta{gap:6px}.project-chat-sidebar{margin:12px 0 12px 12px;width:180px}.project-chat-tab{font-size:12px}.project-chat-tab-bg,.project-chat-tab-container{height:36px}}@media (max-width:640px){.project-chat-main{flex-direction:column}.project-chat-sidebar{border-radius:10px;height:auto;margin:12px 12px 0;max-height:60px;overflow:hidden;width:auto}.project-chat-tabs{display:flex;flex-direction:row;height:auto;overflow-x:auto}.project-chat-tab-container{flex-shrink:0;height:36px;min-width:120px}.project-chat-tab-bg{display:none}.project-chat-tab.active{background-color:var(--primary-color-light);color:var(--primary-color)}}.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}.project-chat-tab-notice-badge{align-items:center;animation:tc-badge-pop .2s ease;background:#eab308;border-radius:50%;color:#000;display:flex;flex-shrink:0;font-size:10px;font-weight:800;height:16px;justify-content:center;line-height:1;margin-left:auto;width:16px}@keyframes tc-badge-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@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,var(--primary-color) 0,var(--accent-color) 100%);border:none;border-radius:16px;box-shadow:var(--neumorphic-shadow);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:var(--neumorphic-shadow-hover);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{animation:project-modal-fade-in .2s ease-out;background-color:#00000080;bottom:0;left:0;padding:32px 16px;position:fixed;right:0;top:0;z-index:1000}@keyframes project-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes project-modal-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-modal{animation:project-modal-slide-in .3s ease-out;background:var(--card-background);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:100%;max-width:520px;overflow:hidden;position:relative;width:100%}.project-modal-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:0;padding:24px 28px 0}.project-modal-header h2{-webkit-text-fill-color:#0000;background:var(--gradient1);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:600;margin:0}.project-modal-close{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.project-modal-close:hover{background-color:#0000000d}.project-modal-form{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:24px 28px 28px}.project-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.project-form-group{display:flex;flex-direction:column;gap:8px}.project-form-group.full-width{grid-column:1/-1}.project-form-group label{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;justify-content:space-between}.char-count{color:var(--text-secondary);font-size:12px;font-weight:400}.project-form-group input,.project-form-group select,.project-form-group textarea{background:var(--card-background);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px;transition:all .2s}.project-form-group input:focus,.project-form-group select:focus,.project-form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--shadowLight);outline:none}.project-form-group textarea{min-height:80px;resize:vertical}.project-form-group input.error,.project-form-group select.error,.project-form-group textarea.error{border-color:var(--error-color)}.field-error-message{align-items:center;color:var(--error-color);display:flex;font-size:12px;gap:6px;margin-top:-4px}.project-attachment-section{background:var(--surface-color);border:1.5px solid var(--border-color);border-radius:12px;margin-bottom:0;padding:12px 14px}.project-attachment-header h3{color:var(--text-primary);font-size:13px;font-weight:700;margin:0 0 4px}.project-attachment-header p{color:var(--text-muted);font-size:11px;line-height:1.4;margin:0 0 10px}.project-file-upload{position:relative}.project-file-input{opacity:0;pointer-events:none;position:absolute}.project-file-dropzone{background:var(--card-background);border:1.5px dashed var(--border-color);border-radius:10px;cursor:pointer;padding:14px 16px;text-align:center;transition:all .15s ease}.project-file-dropzone:hover{background:var(--shadowLight);border-color:var(--primary-color)}.project-file-dropzone svg{color:var(--text-muted);margin-bottom:6px}.project-file-dropzone span{color:var(--text-primary);display:block;font-size:12px;font-weight:600;margin-bottom:2px}.project-file-dropzone small{color:var(--text-muted);font-size:11px}.project-file-dropzone small.file-limit-hint{color:var(--text-muted);font-size:11px;font-weight:500}.project-file-selected{align-items:center;background:var(--card-background);border:1.5px solid var(--primary-color);border-radius:10px;display:flex;gap:8px;justify-content:space-between;padding:8px 12px}.project-file-info{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.file-icon{border-radius:6px;padding:6px}.file-icon.yaml{background:#fbbf241a;color:#f59e0b}.file-icon.doc{background:#3b82f61a;color:#3b82f6}.project-file-info span{color:var(--text-primary);font-size:12px;font-weight:500;line-height:1.3;max-width:100%;overflow-wrap:break-word;word-break:break-word}.project-file-limits-warning{align-items:flex-start;background:var(--error-bg);border:1px solid var(--error-color);border-radius:8px;color:var(--error-color);display:flex;font-size:11px;gap:8px;line-height:1.4;margin-top:8px;padding:8px 10px}.project-file-limits-warning>svg{color:var(--error-color);flex-shrink:0;margin-top:1px}.project-file-limits-warning strong{color:var(--error-color);font-size:11px}.project-file-limits-warning ul{margin:2px 0 0;padding-left:14px}.project-file-limits-warning li{color:var(--error-color);margin-bottom:0}.project-file-size-warning{align-items:center;background:var(--error-bg);border:1px solid var(--error-color);border-radius:6px;color:var(--error-color);display:flex;font-size:11px;font-weight:500;gap:6px;line-height:1.3;margin-top:6px;padding:6px 10px}.project-file-size-warning svg{color:var(--error-color);flex-shrink:0}.project-file-requirements{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;margin-top:10px;padding:8px 12px}.project-file-requirements h4{color:var(--primary-color);font-size:10px;font-weight:700;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.project-file-requirements ul{margin:0;padding-left:14px}.project-file-requirements li{color:var(--text-muted);font-size:11px;margin-bottom:2px}.project-file-requirements strong{color:var(--text-secondary);font-weight:600}.project-error-message{align-items:center;background-color:var(--error-bg);border:1px solid var(--error-color);border-radius:8px;color:var(--error-color);display:flex;font-size:14px;gap:8px;padding:12px 16px}.project-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.project-btn-cancel{background:var(--card-background);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.project-btn-cancel:hover:not(:disabled){background:var(--surface-color)}.project-btn-create{background:var(--gradient1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.project-btn-create:hover:not(:disabled){box-shadow:0 4px 12px var(--shadowLight);transform:translateY(-2px)}.project-btn-cancel:disabled,.project-btn-create:disabled{cursor:not-allowed;opacity:.5}.project-btn-create:disabled:hover{box-shadow:none;transform:none}@media (max-width:768px){.project-modal-overlay{padding:16px}.project-modal-header{padding:20px 20px 0}.project-modal-form{padding:20px}.project-form-grid{grid-template-columns:1fr}.create-project-button{margin:12px 0;max-width:none}.create-project-content{gap:10px}.create-project-text h3{font-size:14px}.create-project-text p{font-size:12px}}.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:4px;color:var(--primary-color);cursor:help;display:flex;font-size:11px;font-weight:500;gap:4px;padding:2px 6px;transition:all .15s ease}.project-help-trigger:hover{background:var(--primary-color-light)}.project-help-trigger svg{color:var(--primary-color);flex-shrink:0}.project-help-content{background:var(--card-background);border:1px solid var(--primary-color);border-radius:8px;bottom:calc(100% + 6px);box-shadow:0 -6px 20px #0000001f;max-width:90vw;opacity:0;padding:12px;pointer-events:none;position:absolute;right:0;transform:translateY(8px);transition:all .2s ease;visibility:hidden;width:340px;z-index:100001}.project-help-tooltip:hover .project-help-content{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.project-help-content:before{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid var(--primary-color);bottom:-8px;content:"";height:0;position:absolute;right:20px;width:0}.project-help-content:after{border-left:7px solid #0000;border-right:7px solid #0000;border-top:7px solid var(--card-background);bottom:-6px;content:"";height:0;position:absolute;right:21px;width:0}.project-help-section{margin-bottom:10px}.project-help-section:last-child{margin-bottom:0}.project-help-section h5{align-items:center;display:flex;font-size:11px;font-weight:600;gap:4px;margin:0 0 4px}.project-help-section:first-child h5{color:var(--success-color)}.project-help-section:last-child h5{border-top:1px dashed var(--border-color);color:var(--error-color);padding-top:12px}.project-help-section ul{margin:0;padding-left:20px}.project-help-section li{color:var(--text-secondary);font-size:11px;line-height:1.3;margin-bottom:3px}.project-help-section code{background:var(--primary-color-light);border-radius:3px;color:var(--primary-color);font-family:Courier New,monospace;font-size:11px;font-weight:600;padding:2px 5px}@media (max-width:768px){.project-help-content{padding:10px;right:-10px;width:280px}.project-help-content:before{bottom:-8px;right:15px}.project-help-content:after{bottom:-6px;right:16px}.project-requirements-header{align-items:flex-start;flex-direction:column;gap:6px}.project-help-section h5,.project-help-section li,.project-help-trigger{font-size:10px}}.project-file-remove{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px;transition:all .15s ease}.project-file-remove:hover{background:var(--error-bg);border-color:var(--error-color);color:var(--error-color);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:var(--border-color);color:var(--text-muted);transform:none}.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:var(--success-color)}.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-header{margin-bottom:10px}.endpoint-tab-description{font-weight:"bold"}.endpoint-tab-actions{gap:0}.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-endpoint-meta{align-items:center;display:flex;gap:6px;margin-left:auto}.endpoint-tab-badge-loading{align-items:center;background:var(--warning-bg)!important;color:var(--warning-color)!important;display:flex;gap:4px}.endpoint-tab-check{color:var(--success-color)}.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{display:flex;flex:1 1;flex-direction:column;min-height:0;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-title-dot{background:var(--background-color);border-radius:50%;box-shadow:var(--neumorphic-shadow);display:inline-block;flex-shrink:0;height:16px;position:relative;width:16px}.endpoint-tab-title-dot:after{background:var(--primary-color);border-radius:50%;box-shadow:var(--box-shadow);content:"";height:10px;left:3px;position:absolute;top:3px;width:10px}.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(--background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:12px;overflow:hidden}.endpoint-tab-phase-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:10px;padding:10px 14px}.endpoint-tab-phase-icon{color:var(--success-color);flex-shrink:0}.endpoint-tab-phase-header h3{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.endpoint-tab-phase-content{display:flex;flex-direction:column;gap:10px;padding:12px}.endpoint-tab-info-card{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px}.endpoint-tab-info-card h4{color:var(--text-primary);font-size:13px;font-weight:600;margin:0 0 8px}.endpoint-tab-info-details{display:flex;flex-direction:column;gap:4px}.endpoint-tab-info-row{align-items:center;display:flex;font-size:12px;gap:8px;line-height:1.4}.endpoint-tab-info-label{color:var(--text-secondary);flex-shrink:0;font-weight:600;min-width:72px}.endpoint-tab-info-value{color:var(--text-primary);font-family:monospace;font-size:12px}.endpoint-tab-schema-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.endpoint-tab-schema-badge{background:var(--primary-hover-bg);border:1px solid var(--primary-color-light);border-radius:6px;color:var(--primary-color);font-size:11px;font-weight:500;padding:6px 10px;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:var(--success-bg);border-left:3px solid var(--success-color);border-radius:6px;display:flex;gap:12px;margin-top:16px;padding:12px 16px}.endpoint-tab-complete-icon{color:var(--success-color);flex-shrink:0}.endpoint-tab-discovery-complete span{color:var(--success-color);flex:1 1;font-size:14px;font-weight:500}.endpoint-tab-proceed-btn{align-items:center;background:var(--gradient1);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:8px 18px;transition:all .2s ease;white-space:nowrap}.endpoint-tab-proceed-btn:hover{box-shadow:0 4px 12px var(--shadowLight);transform:translateY(-1px)}.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 var(--warning-color)}.endpoint-tab-streaming-card.complete{border-left:4px solid var(--success-color)}.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:var(--error-color);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:var(--success-bg);color:var(--success-color)}.endpoint-tab-status-code.error{background:var(--error-bg);color:var(--error-color)}.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-title{gap:12px}.endpoint-schema-modal-header h3{font-size:18px}.endpoint-schema-modal-close{background:none;border-radius:6px;transition:all .15s ease}.endpoint-schema-modal-close:hover{background:var(--surface-color)}.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:8px;margin-right:1px}.endpoint-tab-action-btn{-webkit-appearance:none!important;appearance:none!important;background:var(--surface-color)!important;border:none!important;border-radius:6px;box-shadow:var(--box-shadow)!important;color:var(--primary-color)!important;cursor:pointer;font-size:12px;font-weight:500;min-height:32px;outline:none!important;padding:6px 14px!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;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow-y:auto;padding:0;scrollbar-width:none}.endpoint-tab-list::-webkit-scrollbar{display:none}.endpoint-tab-item{align-items:center;border-bottom:1px solid var(--border-color);border-left:3px solid #0000;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .15s ease,border-color .15s ease}.endpoint-tab-item:last-child{border-bottom:none}.endpoint-tab-item:hover:not(.readonly){background:rgba(var(--primary-rgb),.04)}.endpoint-tab-item.selected{background:rgba(var(--primary-rgb),.06);border-left:3px solid var(--primary-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{color:#9ca3af;color:var(--text-muted,#9ca3af);cursor:pointer;height:18px;transition:all .15s ease;width:18px}.endpoint-tab-checkbox-icon.checked,.endpoint-tab-checkbox:hover .endpoint-tab-checkbox-icon:not(.checked){color:var(--primary-color);color:var(--primary-color,var(--primary-color))}.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:var(--surface-color);border-radius:12px;box-shadow:var(--box-shadow);display:flex;flex-shrink:0;font-size:11px;font-weight:600;justify-content:center;min-height:24px;min-width:48px;padding:2px 10px;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;padding:8px 0 0;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:var(--success-bg);border-left:3px solid var(--success-color);border-radius:6px;display:flex;gap:8px;margin-bottom:12px;padding:12px}.endpoint-tab-completion-icon{color:var(--success-color);flex-shrink:0}.endpoint-tab-completion-text{color:var(--success-color);font-size:13px;font-weight:500}.endpoint-tab-info-message{align-items:center;background:var(--info-bg);border-left:3px solid var(--info-color);border-radius:6px;color:var(--info-color);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:8px}.endpoint-tab-streaming-badge{align-items:center;background:var(--warning-bg);border-radius:4px;color:var(--warning-color);display:flex;font-size:11px;font-weight:600;gap:6px;padding:4px 8px}.endpoint-tab-openapi-display{display:flex;flex-direction:column;gap:6px}.endpoint-tab-servers-section{display:flex;flex-direction:column;gap:4px}.endpoint-tab-server-item{background:var(--surface-color);border-radius:6px;display:flex;flex-direction:column;gap:2px;padding:6px 10px}.endpoint-tab-server-item code{color:var(--primary-color);font-family:monospace;font-size:11px}.endpoint-tab-server-desc{color:var(--text-secondary);font-size:11px}.endpoint-tab-streaming-code{background:var(--code-file);border-radius:6px;color:var(--text-primary);font-family:Consolas,Monaco,monospace;font-size:11px;max-height:200px;overflow-x:auto;padding:10px;white-space:pre-wrap}.endpoint-tab-view-raw-btn{align-items:center;align-self:flex-start;background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;gap:4px;padding:5px 10px;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:var(--background-color);border-left:3px solid var(--primary-color);border-radius:6px;color:var(--text-secondary);display:flex;font-size:12px;gap:8px;line-height:1.5;padding:8px 10px}.endpoint-tab-explanation-text hr,.endpoint-tab-thinking-content hr{border:none;border-top:1px solid var(--border-color);margin:6px 0}.endpoint-tab-explanation-text ul{margin:2px 0;padding-left:16px}.endpoint-tab-explanation-text li{margin:2px 0}.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:var(--card-background);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:var(--surface-color);border-bottom:1px solid var(--border-color);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:var(--primary-color);flex-shrink:0}.endpoint-schema-modal-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.endpoint-schema-modal-close{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.endpoint-schema-modal-close:hover{background:var(--border-color);color:var(--text-primary)}.endpoint-schema-modal-content{background:var(--code-file);flex:1 1;min-height:0;overflow:auto;padding:0}.endpoint-schema-modal-content pre{background:var(--code-file);box-sizing:border-box;color:var(--text-primary);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:var(--code-file)}.endpoint-schema-modal-content::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:6px}.endpoint-schema-modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@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:var(--background-color);border:1px solid var(--border-color);border-radius:8px;margin-bottom:0;padding:10px 12px}.endpoint-tab-thinking-header{align-items:center;color:var(--primary-color);display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.endpoint-tab-thinking-content{background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.6;max-height:300px;overflow-y:auto;padding:10px}.endpoint-tab-thinking-content strong{color:var(--primary-color);font-weight:600}.endpoint-tab-thinking-content code{background:var(--primary-hover-bg);border-radius:3px;color:var(--primary-color);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;padding:1px 4px}.endpoint-tab-thinking-content ul{list-style:none;margin:4px 0;padding-left:16px}.endpoint-tab-thinking-content li{margin:3px 0;padding-left:16px;position:relative}.endpoint-tab-thinking-content li:before{color:var(--primary-color);content:"·";font-size:16px;font-weight:700;left:0;line-height:1;position:absolute}.endpoint-tab-thinking-content br{content:"";display:block;margin:2px 0}.endpoint-tab-explanation-text strong{color:var(--text-primary);font-weight:600}.endpoint-tab-explanation-text code{background:var(--primary-hover-bg);border-radius:3px;color:var(--primary-color);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;padding:1px 4px}.endpoint-tab-thinking-content::-webkit-scrollbar{width:5px}.endpoint-tab-thinking-content::-webkit-scrollbar-track{background:#0000}.endpoint-tab-thinking-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.endpoint-tab-thinking-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.animate-fadeIn{animation:fadeIn .4s ease-out}.endpoint-tab-suite-name{align-items:center;animation:fadeIn .25s ease-out;display:flex;flex-wrap:wrap;gap:8px;padding:8px 0 0 34px}.endpoint-tab-suite-name.readonly{opacity:.75}.endpoint-tab-suite-name-icon,.endpoint-tab-suite-name-label{color:var(--primary-color);flex-shrink:0}.endpoint-tab-suite-name-label{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.endpoint-tab-suite-name-input{background:var(--background-color);border:2px solid var(--border-color);border-radius:10px;box-shadow:var(--neumorphic-shadow);box-sizing:border-box;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:13px;font-weight:500;min-width:160px;outline:none;padding:5px 10px;transition:all .2s ease}.endpoint-tab-suite-name-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 15%,#0000)}.endpoint-tab-suite-name-input.error{border-color:#ef4444}.endpoint-tab-suite-name-input.error:focus{box-shadow:0 0 0 3px #ef444426}.endpoint-tab-suite-name-value{color:var(--text-primary);font-size:13px;font-weight:500;word-break:break-all}.endpoint-tab-suite-name-error{align-items:center;color:#ef4444;display:flex;font-size:11px;font-weight:500;gap:4px;padding-left:34px;width:100%}.generate-feature-file-tab{background:var(--background-color);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:16px}.feature-file-header-compact{align-items:center;background:var(--background-color);border-radius:10px;box-shadow:var(--neumorphic-shadow);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:var(--text-primary);font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-count{background:#ffffff1a;border-radius:10px;box-shadow:var(--box-shadow);color:var(--text-muted);padding:2px 8px}.file-badge,.line-count{flex-shrink:0;font-size:10px}.file-badge{background:var(--primary-color-light);border-radius:4px;color:var(--primary-color);font-weight:600;padding:3px 8px}.generation-indicator{align-items:center;background:var(--success-bg);border-radius:12px;color:var(--success-color);display:flex;font-size:11px;font-weight:600;gap:6px;padding:4px 10px}.pulse-dot{animation:pulse 1.5s ease-in-out infinite;background:var(--success-color);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:var(--background-color);border:none;border-radius:8px;box-shadow:var(--neumorphic-shadow);color:var(--text-primary);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:var(--box-shadow);color:var(--primary-color)}.action-btn:active:not(:disabled){box-shadow:var(--intense-box-shadow)}.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:var(--background-color);color:var(--primary-color)}.regenerate-btn:hover:not(:disabled){color:var(--primary-dark)}.xray-menu-button-container{display:inline-block;position:relative}.xray-menu-button{align-items:center;background:var(--background-color);border:none;border-radius:8px;box-shadow:var(--neumorphic-shadow);color:var(--text-primary);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:var(--box-shadow);color:var(--primary-color)}.xray-menu-button:active:not(:disabled){box-shadow:var(--intense-box-shadow)}.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:var(--background-color);border-radius:10px;box-shadow:var(--neumorphic-shadow);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:var(--text-primary);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:var(--primary-color-light);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:var(--info-bg);border-radius:8px;color:var(--info-color);display:flex;flex-shrink:0;font-size:12px;gap:8px;margin-bottom:12px;padding:10px 14px}.feature-file-direct-content{background:var(--background-color);border-radius:10px;box-shadow:var(--intense-box-shadow);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:var(--border-color);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:var(--text-primary)}.gherkin-scenario-keyword{color:#d73a49;font-weight:600}.gherkin-step-keyword{color:#005cc5;font-weight:600}.gherkin-step-text{color:var(--text-primary)}.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:var(--background-color);border-radius:50%;box-shadow:var(--neumorphic-shadow);color:var(--text-muted);height:80px;margin-bottom:16px;width:80px}.empty-icon.error-icon{color:var(--error-color)}.empty-state h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.empty-state p{color:var(--text-muted);font-size:12px;line-height:1.5;margin:0;max-width:400px}.error-state{color:var(--error-color)}.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:var(--background-color);border-radius:16px;box-shadow:var(--neumorphic-shadow);margin:20px;max-width:420px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid var(--border-color);padding:14px 18px}.modal-header h3{color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.modal-body{padding:16px 18px}.modal-body p{color:var(--text-primary);font-size:12px;line-height:1.5;margin:0 0 8px}.modal-body p:last-child{margin-bottom:0}.modal-body strong{color:var(--text-primary)}.modal-footer{border-top:1px solid var(--border-color);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:var(--background-color);box-shadow:var(--neumorphic-shadow);color:var(--text-muted)}.cancel-btn:hover{color:var(--text-primary)}.confirm-btn{background:var(--primary-color);box-shadow:var(--neumorphic-shadow);color:#fff}.confirm-btn:hover{background:var(--primary-dark)}.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}}.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;gap:16px;min-height:100%;padding:30px}.fileupload-tab-header{display:flex;flex-direction:column;gap:8px}.fileupload-tab-success{align-items:center;display:flex;gap:10px}.fileupload-tab-success-icon{color:var(--success-color)}.fileupload-tab-header h2{color:var(--text-primary);font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0}.fileupload-tab-project-info{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:8px;line-height:1.4}.fileupload-tab-separator{color:var(--text-muted)}.fileupload-tab-divider{background:var(--border-color);border:none;border-radius:1.5px;height:3px;margin:8px 0 0;width:100%}.fileupload-tab-status{display:flex;flex-direction:column;gap:12px}.fileupload-tab-status-content{background:var(--background-color);border:2px solid var(--border-color);border-radius:16px;box-shadow:var(--neumorphic-shadow);padding:16px 20px}.fileupload-tab-status-item{align-items:center;color:#22c55e;color:var(--success-color,#22c55e);display:flex;font-size:13px;font-weight:500;gap:10px}.fileupload-tab-status-icon{flex-shrink:0}.fileupload-tab-progress-section{animation:fileupload-fadeIn .3s cubic-bezier(.4,0,.2,1);background:var(--background-color);border:2px solid var(--border-color);border-left:4px solid var(--primary-color);border-radius:16px;box-shadow:var(--neumorphic-shadow);padding:20px 24px}.fileupload-tab-progress-info h3{color:var(--text-primary);font-size:14px;font-weight:700;letter-spacing:.2px;margin:0 0 4px}.fileupload-tab-progress-bar{background:var(--border-color);border-radius:3px;height:6px;margin:12px 0 0;overflow:hidden;width:100%}.fileupload-tab-progress-fill{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:3px;height:100%;transition:width .3s ease}.fileupload-tab-progress-sub{color:var(--text-secondary);font-size:12px;font-style:italic;line-height:1.4;margin:4px 0 12px}.fileupload-tab-progress-percent{color:var(--text-secondary);font-size:11px;font-weight:500;margin-top:8px;text-align:right}@keyframes fileupload-fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fileupload-tab-error-message,.fileupload-tab-success-message{align-items:center;display:flex;font-size:13px;font-weight:600;gap:10px}.fileupload-tab-success-message{color:#22c55e;color:var(--success-color,#22c55e)}.fileupload-tab-success-row{align-items:center;display:flex;gap:16px;justify-content:space-between;width:100%}.fileupload-tab-view-project-btn{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 14px;transition:all .15s ease;white-space:nowrap}.fileupload-tab-view-project-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.fileupload-tab-view-project-btn:active{transform:translateY(0)}.fileupload-tab-error-message{color:#ef4444}.fileupload-tab-upload-button{align-items:center;background:var(--primary-color);border:2px solid var(--primary-color);border-radius:10px;box-shadow:var(--neumorphic-shadow);color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;margin-top:16px;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.fileupload-tab-upload-button:hover{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 4px 16px #00000024;transform:translateY(-2px)}.fileupload-tab-upload-button:active{transform:translateY(0)}.fileupload-tab-endpoints{display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0}.fileupload-tab-endpoints h3{color:var(--primary-color);flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.fileupload-tab-endpoints-grid{grid-gap:16px;align-content:start;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));overflow-y:auto;padding-bottom:16px}.fileupload-tab-endpoint-card{background:var(--background-color);border:2px solid var(--border-color);border-radius:16px;box-shadow:var(--neumorphic-shadow);height:-webkit-fit-content;height:fit-content;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.fileupload-tab-endpoint-card:hover{border-color:#8b5cf64d}.fileupload-tab-endpoint-header{align-items:center;display:flex;justify-content:space-between;padding:14px 20px;-webkit-user-select:none;user-select:none}.fileupload-tab-endpoint-info{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.fileupload-tab-method{align-items:center;background:color-mix(in srgb,currentColor 8%,#0000);border-radius:6px;display:flex;flex-shrink:0;font-size:11px;font-weight:700;justify-content:center;letter-spacing:.5px;min-width:48px;padding:4px 10px;text-transform:uppercase}.fileupload-tab-path{color:var(--text-primary);font-family:monospace;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fileupload-tab-endpoint-meta{align-items:center;display:flex;flex-shrink:0;gap:10px}.fileupload-tab-endpoint-count{background:var(--surface-color);border-radius:4px;color:var(--text-secondary);font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.fileupload-tab-test-suite-btn{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase;transition:all .15s ease}.fileupload-tab-test-suite-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.fileupload-tab-test-suite-btn:active{transform:translateY(0)}.fileupload-tab-test-suite-btn.disabled,.fileupload-tab-test-suite-btn:disabled{background:#d1d5db;background:var(--border-color,#d1d5db);color:#9ca3af;color:var(--text-tertiary,#9ca3af);cursor:not-allowed;filter:none;transform:none}.fileupload-tab-folder-row{align-items:center;border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:13px;gap:10px;padding:10px 20px}.fileupload-tab-folder-icon,.fileupload-tab-folder-label{color:var(--primary-color);flex-shrink:0}.fileupload-tab-folder-label{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.fileupload-tab-folder-display{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.fileupload-tab-folder-name{color:var(--text-primary);font-size:13px;font-weight:500;word-break:break-all}.fileupload-tab-success-check{align-items:center;animation:fileupload-success-pop .3s cubic-bezier(.34,1.56,.64,1);background:#22c55e;background:var(--success-color,#22c55e);border-radius:50%;color:#fff;display:flex;flex-shrink:0;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-endpoints-grid::-webkit-scrollbar{width:4px}.fileupload-tab-endpoints-grid::-webkit-scrollbar-track{background:var(--background-color)}.fileupload-tab-endpoints-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.fileupload-tab-endpoints-grid::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:1200px){.fileupload-tab-endpoints-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.fileupload-tab-container{padding:16px}.fileupload-tab-header h2{font-size:20px}.fileupload-tab-endpoints-grid{gap:12px;grid-template-columns:1fr}.fileupload-tab-endpoint-header{padding:12px 16px}.fileupload-tab-path{font-size:12px}}@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-path{white-space:normal;word-break:break-all}}.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:var(--primary-color)}.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;gap:16px;min-height:100%;padding:30px}.testconfig-tab-header{display:flex;flex-direction:column;flex-shrink:0;gap:8px}.testconfig-tab-header h2{color:var(--text-primary);font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0}.testconfig-tab-success{align-items:center;display:flex;gap:10px}.testconfig-tab-success-icon{color:#22c55e;color:var(--success-color,#22c55e)}.testconfig-tab-project-info{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:8px;line-height:1.4}.testconfig-tab-separator{color:var(--text-muted)}.testconfig-tab-description{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.testconfig-tab-progress{background:var(--background-color);border:2px solid var(--border-color);border-left:4px solid var(--primary-color);border-radius:16px;box-shadow:var(--neumorphic-shadow);padding:20px 24px}.testconfig-tab-progress-info{margin-bottom:12px}.testconfig-tab-progress-info h3{color:var(--text-primary);font-size:14px;font-weight:700;letter-spacing:.2px;margin:0 0 4px}.testconfig-tab-current-endpoint{align-items:center;display:flex;gap:10px;margin-top:8px}.testconfig-tab-method{align-items:center;background:color-mix(in srgb,currentColor 8%,#0000);border-radius:6px;display:flex;flex-shrink:0;font-size:11px;font-weight:700;justify-content:center;letter-spacing:.5px;min-width:48px;padding:4px 10px;text-transform:uppercase}.testconfig-tab-method,.testconfig-tab-method:active,.testconfig-tab-method:focus,.testconfig-tab-method:hover{border:none;outline:none}.testconfig-tab-path{color:var(--text-primary);font-family:monospace;font-size:13px;font-weight:500}.testconfig-tab-progress-bar{background:var(--border-color);border-radius:3px;height:6px;overflow:hidden}.testconfig-tab-progress-fill{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:3px;height:100%;transition:width .3s ease}.testconfig-tab-progress-sub{color:var(--text-secondary);font-size:12px;font-style:italic;line-height:1.4;margin:0 0 12px}.testconfig-tab-progress-percent{color:var(--text-secondary);font-size:11px;font-weight:500;margin-top:8px;text-align:right}.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(--background-color);border:2px solid var(--border-color);border-left:4px solid var(--primary-color);border-radius:16px;box-shadow:var(--neumorphic-shadow);display:flex;gap:12px;padding:16px 24px}.testconfig-tab-spinner{animation:testconfig-spin 1s linear infinite;color:var(--primary-color)}.testconfig-tab-generation-text{color:var(--text-primary);font-size:13px;font-weight:500}.testconfig-tab-waiting{min-height:300px}.testconfig-tab-empty,.testconfig-tab-waiting{align-items:center;display:flex;flex:1 1;justify-content:center}.testconfig-tab-empty{animation:testconfig-fadeIn .4s cubic-bezier(.4,0,.2,1);flex-direction:column;gap:16px;min-height:400px;text-align:center}.testconfig-tab-empty-icon{color:var(--text-muted);opacity:.45}.testconfig-tab-empty h3{color:var(--text-primary);font-size:16px;font-weight:600;letter-spacing:.2px;margin:0}.testconfig-tab-empty p{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.testconfig-tab-endpoints{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto}.testconfig-tab-endpoint-card{animation:testconfig-fadeIn .3s cubic-bezier(.4,0,.2,1);background:var(--background-color);border:2px solid var(--border-color);border-radius:16px;box-shadow:var(--neumorphic-shadow);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.testconfig-tab-endpoint-card:hover{border-color:#8b5cf64d}.testconfig-tab-endpoint-header{align-items:center;display:flex;justify-content:space-between;padding:14px 20px}.testconfig-tab-endpoint-header.clickable{cursor:pointer;transition:background-color .2s ease}.testconfig-tab-endpoint-header.clickable:hover{background-color:color-mix(in srgb,var(--primary-color) 4%,#0000)}.testconfig-tab-endpoint-info{align-items:center;display:flex;gap:10px}.testconfig-tab-file-count{background:var(--surface-color);border-radius:4px;color:var(--text-secondary);font-size:10px;font-weight:700;letter-spacing:.5px;margin-left:auto;padding:2px 8px;text-transform:uppercase}.testconfig-tab-file-checklist{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;padding:12px 20px 16px}.testconfig-tab-checklist-item{align-items:flex-start;background:var(--background-color);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:10px;padding:10px 14px;transition:all .2s ease}.testconfig-tab-checklist-item:hover{border-color:#8b5cf633;transform:translateX(2px)}.testconfig-tab-checklist-check{color:#22c55e;color:var(--success-color,#22c55e);flex-shrink:0;margin-top:12px}.testconfig-tab-checklist-icon{align-items:center;background:var(--background-color);border:2px solid var(--border-color);border-radius:50%;box-shadow:var(--neumorphic-shadow);color:var(--primary-color);display:flex;flex-shrink:0;height:32px;justify-content:center;margin-top:6px;width:32px}.testconfig-tab-checklist-content{flex:1 1;min-width:0}.testconfig-tab-checklist-content h4{color:var(--text-primary);font-size:13px;font-weight:700;margin:0 0 2px}.testconfig-tab-checklist-content p{color:var(--text-secondary);font-size:12px;line-height:1.5;margin:0 0 6px}.testconfig-tab-filename{background:color-mix(in srgb,var(--primary-color) 8%,#0000);border-radius:4px;color:var(--text-muted);font-family:monospace;font-size:11px;padding:2px 8px}.testconfig-tab-streaming-progress{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto}.testconfig-tab-endpoint-card.completed{opacity:.75}.testconfig-tab-endpoint-card.generating{border-color:var(--warning-color);box-shadow:0 0 0 1px var(--warning-color),var(--neumorphic-shadow)}.testconfig-tab-chevron{color:var(--text-secondary);flex-shrink:0;margin-left:auto;transition:transform .2s ease}.testconfig-tab-chevron.expanded{transform:rotate(180deg)}.testconfig-tab-checklist-item.pending{opacity:.4}.testconfig-tab-checklist-item.detected{border-color:var(--warning-color);box-shadow:0 0 0 1px var(--warning-color)}.testconfig-tab-checklist-item.completed{border-color:#22c55e;border-color:var(--success-color,#22c55e)}.testconfig-tab-pending-circle{border:2px solid var(--border-color);border-radius:50%;height:16px;width:16px}.testconfig-tab-mini-spinner{animation:testconfig-spin 1s linear infinite;color:var(--warning-color)}.testconfig-tab-status{color:var(--text-secondary);font-size:11px;font-style:italic;font-weight:500}.testconfig-tab-status.completed{color:#22c55e;color:var(--success-color,#22c55e);font-style:normal}.testconfig-tab-folder-row{align-items:center;border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:13px;gap:10px;padding:10px 20px}.testconfig-tab-folder-icon,.testconfig-tab-folder-label{color:var(--primary-color);flex-shrink:0}.testconfig-tab-folder-label{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.testconfig-tab-folder-display{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.testconfig-tab-folder-name{color:var(--text-primary);font-size:13px;font-weight:500;word-break:break-all}.testconfig-tab-folder-rename-btn{align-items:center;background:var(--background-color);border:1.5px solid var(--border-color);border-radius:8px;box-shadow:var(--neumorphic-shadow);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;gap:5px;padding:4px 10px;transition:all .2s ease}.testconfig-tab-folder-rename-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.testconfig-tab-folder-edit{align-items:flex-start;display:flex;flex:1 1;gap:6px;min-width:0}.testconfig-tab-folder-edit-input-wrap{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.testconfig-tab-folder-input{background:var(--background-color);border:2px solid var(--primary-color);border-radius:10px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:13px;font-weight:500;min-width:0;outline:none;padding:6px 12px;transition:box-shadow .2s ease;width:100%}.testconfig-tab-folder-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 15%,#0000)}.testconfig-tab-folder-input.error{border-color:#ef4444}.testconfig-tab-folder-input.error:focus{box-shadow:0 0 0 3px #ef444426}.testconfig-tab-folder-error{align-items:center;color:#ef4444;display:flex;font-size:11px;font-weight:500;gap:5px}.testconfig-tab-folder-action-btn{align-items:center;background:var(--background-color);border:1.5px solid var(--border-color);border-radius:8px;box-shadow:var(--neumorphic-shadow);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .2s ease;width:30px}.testconfig-tab-folder-action-btn.save{color:#22c55e;color:var(--success-color,#22c55e)}.testconfig-tab-folder-action-btn.save:hover{background:#22c55e;background:var(--success-color,#22c55e);border-color:#22c55e;border-color:var(--success-color,#22c55e);color:#fff;transform:translateY(-1px)}.testconfig-tab-folder-action-btn.cancel{color:#ef4444}.testconfig-tab-folder-action-btn.cancel:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:translateY(-1px)}@keyframes testconfig-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes testconfig-fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.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)}.testconfig-tab-streaming-progress::-webkit-scrollbar{width:4px}.testconfig-tab-streaming-progress::-webkit-scrollbar-track{background:var(--background-color)}.testconfig-tab-streaming-progress::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}@media (max-width:768px){.testconfig-tab-container{padding:16px}.testconfig-tab-header h2{font-size:20px}.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-tc-notices{display:flex;flex-direction:column;gap:10px;margin:0 0 20px}.testconfig-tc-notice-banner{align-items:flex-start;animation:tc-notice-slide-in .25s ease;background:#eab30814;border:1px solid #eab30859;border-radius:10px;display:flex;gap:12px;padding:14px 16px}.testconfig-tc-notice-banner--not-relevant{background:#eab30814;border-color:#eab30859}.testconfig-tc-notice-banner--not-relevant .testconfig-tc-notice-icon,.testconfig-tc-notice-banner--not-relevant .testconfig-tc-notice-stats{color:#eab308}.testconfig-tc-notice-banner--relevant{background:#22c55e12;border-color:#22c55e59}.testconfig-tc-notice-banner--relevant .testconfig-tc-notice-icon,.testconfig-tc-notice-banner--relevant .testconfig-tc-notice-stats{color:#22c55e}.testconfig-tc-notice-banner--partial{background:#3b82f612;border-color:#3b82f659}.testconfig-tc-notice-banner--partial .testconfig-tc-notice-icon,.testconfig-tc-notice-banner--partial .testconfig-tc-notice-stats{color:#3b82f6}@keyframes tc-notice-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.testconfig-tc-notice-icon{flex-shrink:0;margin-top:1px}.testconfig-tc-notice-body{flex:1 1;min-width:0}.testconfig-tc-notice-title{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:13px;font-weight:600;margin-bottom:4px}.testconfig-tc-notice-endpoint{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-weight:400}.testconfig-tc-notice-stats{font-weight:500}.testconfig-tc-notice-excluded{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px;margin-top:6px;opacity:.85}.testconfig-tc-notice-detail{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:12px;line-height:1.55}.testconfig-tc-notice-dismiss{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:2px;transition:color .15s,background .15s}.testconfig-tc-notice-dismiss:hover{background:#ffffff0f;color:#e2e8f0;color:var(--text-primary,#e2e8f0)}.x-ray-update-modal{max-width:700px}.x-ray-update-execution-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:20px}.x-ray-update-execution-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.x-ray-update-execution-link{align-items:center;color:var(--info-color);display:flex;font-size:18px;font-weight:700;gap:8px;text-decoration:none;transition:color .2s}.x-ray-update-execution-link:hover{color:var(--info-color);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:var(--text-secondary);flex-shrink:0}.x-ray-update-info-label{color:var(--text-secondary);font-weight:500;min-width:60px}.x-ray-update-info-value{color:var(--text-primary);font-weight:500}.x-ray-update-tests-list{display:flex;flex-direction:column;gap:12px}.x-ray-update-test-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:16px;transition:all .2s}.x-ray-update-test-card:hover{border-color:var(--info-color);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:var(--success-bg);color:var(--success-color)}.x-ray-update-status-badge.failure{background:var(--error-bg);color:var(--critical-color)}.x-ray-update-status-badge.running{background:var(--info-bg);color:var(--info-color)}.x-ray-update-status-badge.unknown{background:var(--surface-color);color:var(--text-muted)}.x-ray-update-test-details{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;padding-top:12px}.x-ray-update-test-time{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:8px}.x-ray-update-test-time svg{flex-shrink:0}.x-ray-update-test-comment{color:var(--text-primary);display:flex;flex-direction:column;font-size:13px;gap:4px}.x-ray-update-comment-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.x-ray-update-evidence-info{align-items:center;background:var(--success-bg);border-radius:4px;color:var(--success-color);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}@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:var(--background-color);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 var(--border-color);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:var(--info-color)}.x-ray-upload-success-header .x-ray-upload-success-icon{color:var(--success-color)}.x-ray-upload-modal-header h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.x-ray-upload-modal-close{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:4px;transition:all .2s}.x-ray-upload-modal-close:hover{background:var(--surface-color);color:var(--text-primary)}.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:var(--text-secondary);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:var(--surface-color);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.x-ray-upload-summary-label{color:var(--text-secondary);font-size:12px;font-weight:500}.x-ray-upload-summary-value{color:var(--text-primary);font-size:14px;font-weight:600}.x-ray-upload-feature-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px;padding:20px}.x-ray-upload-feature-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.x-ray-upload-feature-name{background:var(--background-color);border-radius:6px;display:flex;flex-direction:column;gap:6px;margin-bottom:16px;padding:12px}.x-ray-upload-feature-label{color:var(--text-secondary);font-size:12px;font-weight:500}.x-ray-upload-feature-value{color:var(--text-primary);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:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:16px;text-align:center}.x-ray-upload-stat-number{color:var(--info-color);font-size:28px;font-weight:700;margin-bottom:4px}.x-ray-upload-stat-label{color:var(--text-secondary);font-size:12px;font-weight:500}.x-ray-upload-tags-section{margin-bottom:16px}.x-ray-upload-tags-label{color:var(--text-secondary);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:var(--info-color);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:var(--text-secondary);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:var(--background-color);border:1px solid var(--border-color);border-radius:6px;display:flex;justify-content:space-between;padding:10px 12px}.x-ray-upload-scenario-name{color:var(--text-primary);flex:1 1;font-size:13px;font-weight:500}.x-ray-upload-scenario-steps{background:var(--surface-color);border-radius:4px;color:var(--text-secondary);font-size:12px;padding:3px 8px}.x-ray-upload-preview-section{margin-bottom:20px}.x-ray-upload-preview-section h4{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.x-ray-upload-code-preview{background:var(--code-file);border:1px solid var(--border-color);border-radius:8px;max-height:300px;overflow-y:auto;padding:16px}.x-ray-upload-code-preview pre{color:var(--text-primary);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:var(--info-bg);border:1px solid var(--info-color);border-radius:8px;color:var(--info-color);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:var(--text-primary);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:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:16px;transition:all .2s}.x-ray-upload-link-card:hover{border-color:var(--info-color);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:var(--text-secondary);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:var(--info-bg);color:var(--info-color)}.x-ray-upload-badge-plan{background:var(--warning-bg);color:var(--warning-color)}.x-ray-upload-badge-set{background:var(--success-bg);color:var(--success-color)}.x-ray-upload-jira-link{align-items:center;color:var(--info-color);display:flex;font-size:14px;font-weight:600;gap:6px;text-decoration:none;transition:color .2s}.x-ray-upload-jira-link:hover{color:var(--info-color);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:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;padding:12px}.x-ray-upload-test-info{align-items:center;display:flex;gap:10px}.x-ray-upload-entity-badge{background:var(--info-color);border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:3px 8px}.x-ray-upload-warnings-section{background:var(--warning-bg);border:1px solid var(--warning-color);border-radius:8px;padding:16px}.x-ray-upload-warnings-section h4{color:var(--warning-color)}.x-ray-upload-errors-list{display:flex;flex-direction:column;gap:8px}.x-ray-upload-error-item{align-items:flex-start;background:var(--card-background);border-radius:6px;color:var(--warning-color);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:var(--success-bg);border:1px solid var(--success-color);border-radius:8px;color:var(--success-color);display:flex;gap:12px;padding:16px}.x-ray-upload-success-summary svg{color:var(--success-color);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:var(--success-color);font-size:14px}.x-ray-upload-success-text span{color:var(--success-color);font-size:13px;line-height:1.5}.x-ray-upload-modal-footer{border-top:1px solid var(--border-color);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:var(--background-color);border:1px solid var(--border-color);color:var(--text-primary)}.x-ray-upload-cancel-btn:hover{background:var(--surface-color)}.x-ray-upload-confirm-btn{background:var(--info-color);border:1px solid var(--info-color);color:#fff}.x-ray-upload-confirm-btn:hover:not(:disabled){background:var(--info-color);border-color:var(--info-color)}.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)}}@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:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.x-ray-history-refresh-btn:hover:not(:disabled){background:var(--surface-color);color:var(--text-primary)}.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:var(--surface-color);border:1px solid var(--border-color);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:var(--text-secondary);font-size:12px;font-weight:500}.x-ray-history-info-value{color:var(--text-primary);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:var(--text-secondary);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:var(--text-muted);margin-bottom:16px}.x-ray-history-empty-state h4{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.x-ray-history-empty-state p{color:var(--text-secondary);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:var(--background-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s}.x-ray-history-card:hover{border-color:var(--info-color);box-shadow:0 2px 8px #0052cc1a}.x-ray-history-card-header{align-items:center;background:var(--surface-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:14px 16px}.x-ray-history-test-key{align-items:center;color:var(--info-color);display:flex;font-size:16px;font-weight:700;gap:6px;text-decoration:none;transition:color .2s}.x-ray-history-test-key:hover{color:var(--info-color);text-decoration:underline}.x-ray-history-badge{background:var(--info-color);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 var(--border-color);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:var(--text-secondary);flex-shrink:0}.x-ray-history-timestamp-label{color:var(--text-secondary);font-weight:500;min-width:70px}.x-ray-history-timestamp-value{color:var(--text-primary);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:var(--text-secondary);font-weight:500;min-width:110px}.x-ray-history-link{align-items:center;color:var(--info-color);display:flex;font-weight:600;gap:4px;text-decoration:none;transition:color .2s}.x-ray-history-link:hover{color:var(--info-color);text-decoration:underline}.x-ray-history-link svg{flex-shrink:0}@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}}.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}}*{-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:var(--background-color);border-radius:0;max-width:none;min-height:100px;padding:0;width:100%}.analyzer-chat-code-sidebar{background:var(--background-color);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:var(--background-color);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:var(--primary-color) #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:var(--primary-color);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 var(--primary-color);border-radius:10px;box-shadow:inset 4px 0 8px #00000026;box-shadow:inset 4px 0 8px var(--shadowLight,#00000026);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 var(--primary-color);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 #00000026;box-shadow:0 4px 16px #0000001f,0 2px 4px #0000000f,-2px 0 8px var(--shadowLight,#00000026);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:#0000;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:10px;font-weight:600;padding:2px 6px}.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;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analyzer-chat-code-language{background:#0000;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);flex-shrink:0;font-size:10px;font-weight:600;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 var(--primary-color);border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a;margin-bottom:0;padding:14px 16px}.artifact-speed-dial{align-items:center;display:flex;position:relative}.artifact-speed-dial-items{align-items:center;display:flex;gap:4px;position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);white-space:nowrap}.artifact-speed-dial-item{animation:sdItemIn .2s cubic-bezier(.34,1.56,.64,1) 0ms both;animation:sdItemIn .2s cubic-bezier(.34,1.56,.64,1) calc(var(--i, 0)*35ms) both;position:relative}.artifact-speed-dial-item--active .analyzer-chat-action-svg rect{fill:var(--primary-color)}.artifact-speed-dial-item--active .analyzer-chat-action-svg svg{stroke:#fff}.artifact-speed-dial-item[data-tooltip]:after{background:var(--primary-color);border-radius:20px;box-shadow:0 2px 8px #0000002e;color:#fff;content:attr(data-tooltip);font-size:10px;font-weight:600;left:50%;letter-spacing:.3px;line-height:1;opacity:0;padding:4px 9px;pointer-events:none;position:absolute;top:calc(100% + 6px);transform:translateX(-50%);transition:opacity .15s ease,transform .15s ease;white-space:nowrap;z-index:100}.artifact-speed-dial-item[data-tooltip]:hover:after{opacity:1;transform:translateX(-50%) translateY(1px)}@keyframes sdItemIn{0%{opacity:0;transform:translateX(14px) scale(.6)}to{opacity:1;transform:translateX(0) scale(1)}}.artifact-speed-dial-trigger{align-items:center;background:#fff;background:var(--background-color,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:50%;color:var(--primary-color);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:background .2s ease,color .2s ease,border-color .2s ease;width:28px}.artifact-speed-dial-trigger.open,.artifact-speed-dial-trigger:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.artifact-chevron{color:#6b7280;color:var(--text-secondary,#6b7280);flex-shrink:0;transition:transform .25s ease}.artifact-chevron.up{transform:rotate(180deg)}.artifact-actions-bar{align-items:center;background:#0000;border:none;display:flex;gap:4px;justify-content:flex-end;margin-bottom:0;padding:2px 10px 0}.artifact-actions-bar .artifact-speed-dial-item[data-tooltip]:after{bottom:auto;top:calc(100% + 6px);transform:translateX(-50%) translateY(-1px)}.artifact-actions-bar .artifact-speed-dial-item[data-tooltip]:hover:after{transform:translateX(-50%) translateY(1px)}.analyzer-chat-code-header.expanded .analyzer-chat-code-filename{color:#111827;font-weight:700}.analyzer-chat-code-header.expanded .analyzer-chat-code-language{background:#0000;border:1px solid var(--border-color);border-radius:4px;box-shadow:none;color:var(--text-secondary);font-size:10px;font-weight:600;padding:2px 6px}.analyzer-chat-code-content{background:#fff;border:2px solid #e5e7eb;border-left:4px solid var(--primary-color);border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a;cursor:default;display:flex;flex-direction:column;margin-bottom:10px;margin-top:-6px;max-height:calc(100vh - 280px);overflow-x:hidden;overflow-y:auto}.analyzer-chat-code-content-inner{flex:1 1;min-height:0;overflow:auto;scrollbar-color:var(--primary-color) #0000;scrollbar-width:thin}.analyzer-chat-code-content-inner::-webkit-scrollbar{height:6px;width:6px}.analyzer-chat-code-content-inner::-webkit-scrollbar-track{background:#0000}.analyzer-chat-code-content-inner::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.analyzer-chat-code-content-inner::-webkit-scrollbar-thumb:hover{background:var(--primary-color);opacity:.8}.analyzer-chat-code-content-inner::-webkit-scrollbar-corner{background:#0000}.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(135deg,var(--primary-color),var(--secondary-color));background:var(--gradient1,linear-gradient(135deg,var(--primary-color),var(--secondary-color)));border:2px solid #f1f3f5;border-radius:5px}.analyzer-chat-code-pre::-webkit-scrollbar-thumb:hover{background:var(--gradient-secondary)}.analyzer-chat-code-pre::-webkit-scrollbar-corner{background:#f1f3f5}.analyzer-chat-report-content svg .edgeLabel,.analyzer-chat-report-content svg .label,.analyzer-chat-report-content svg .nodeLabel,.analyzer-chat-report-content svg text{fill:#333;color:#333}.analyzer-chat-report-content svg foreignObject div,.analyzer-chat-report-content svg foreignObject p,.analyzer-chat-report-content svg foreignObject span{color:#333}.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(135deg,var(--primary-color),var(--secondary-color));background:var(--gradient1,linear-gradient(135deg,var(--primary-color),var(--secondary-color)));border:2px solid #f1f3f5;border-radius:5px}.analyzer-chat-report-content::-webkit-scrollbar-thumb:hover{background:var(--gradient-secondary)}.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-width:100%;overflow-x: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 var(--primary-color);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:var(--primary-color);font-weight:500;text-decoration:none;transition:all .2s ease}.analyzer-chat-markdown-content a:hover{border-bottom-color:var(--primary-color);color:var(--accent-color)}.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{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--background-color);border:2px solid var(--primary-color);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;will-change:transform}.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:var(--background-color);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:var(--primary-color);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:var(--primary-color)}.analyzer-chat-thinking-summary svg{stroke:var(--primary-color);flex-shrink:0;transition:stroke .2s ease}.analyzer-chat-thinking-summary:hover svg{stroke:var(--accent-color)}.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 var(--primary-color);border-radius:12px;box-shadow:0 0 15px #00000026;box-shadow:0 0 15px var(--shadowLight,#00000026);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,var(--primary-color),var(--secondary-color));background:var(--gradient1,linear-gradient(135deg,var(--primary-color),var(--secondary-color)));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 var(--primary-color)!important;border-radius:12px;box-shadow:0 0 20px #00000026!important;box-shadow:0 0 20px var(--shadowLight,#00000026)!important;margin-top:12px;padding:16px}@keyframes border-glow{0%,to{border-color:var(--primary-color);box-shadow:0 0 20px #00000026;box-shadow:0 0 20px var(--shadowLight,#00000026)}50%{border-color:#c026d3;box-shadow:0 0 30px #00000026;box-shadow:0 0 30px var(--shadowLight,#00000026)}}.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:var(--primary-color);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 rect{fill:#f5f5f5;transition:fill .2s ease}.analyzer-chat-action-svg svg{stroke:#1e1e1e;transition:stroke .2s ease}.analyzer-chat-action-svg:hover{transform:scale(1.1)}.analyzer-chat-action-svg:hover rect{fill:var(--primary-color)}.analyzer-chat-action-svg:hover svg{stroke:#fff}.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 var(--primary-color);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 var(--primary-color);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:var(--primary-color);font-weight:500;text-decoration:none;transition:all .2s ease}.analyzer-chat-report-content a:hover{border-bottom-color:var(--primary-color);color:var(--accent-color)}.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:var(--primary-color);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(0,0,0,.15));filter:drop-shadow(0 2px 4px var(--shadowLight,rgba(0,0,0,.15)));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,var(--primary-color),var(--secondary-color));background:var(--gradient1,linear-gradient(135deg,var(--primary-color),var(--secondary-color)));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:var(--primary-color);box-shadow:12px 12px 24px #d5d5d5e6,-12px -12px 20px #fff,0 8px 32px #00000026;box-shadow:12px 12px 24px #d5d5d5e6,-12px -12px 20px #fff,0 8px 32px var(--shadowLight,#00000026);transform:translateY(-2px)}.analyzer-chat-recommendation-bubble:hover:before{opacity:.03}.analyzer-chat-recommendation-bubble:hover .analyzer-chat-bubble-title{color:var(--primary-color)}.analyzer-chat-recommendation-bubble:hover .analyzer-chat-bubble-arrow{color:var(--primary-color);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:var(--primary-color);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:var(--primary-color);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:var(--primary-color);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:var(--primary-color);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:1.5px solid var(--primary-color);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:var(--background-color);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 #00000026,inset 0 1px 0 #fff3;box-shadow:0 4px 14px var(--shadowLight,#00000026),inset 0 1px 0 #fff3}50%{box-shadow:0 4px 20px #00000026,inset 0 1px 0 #ffffff4d;box-shadow:0 4px 20px var(--shadowLight,#00000026),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,var(--primary-color),#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 var(--primary-color);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(0,0,0,.15));filter:drop-shadow(0 2px 4px var(--shadowLight,rgba(0,0,0,.15)));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(0,0,0,.15));filter:drop-shadow(0 2px 4px var(--shadowLight,rgba(0,0,0,.15)))}50%{filter:drop-shadow(0 2px 8px rgba(0,0,0,.15));filter:drop-shadow(0 2px 8px var(--shadowLight,rgba(0,0,0,.15)))}}.recommendations-title{color:var(--primary-color);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.recommendations-icon-svg{align-items:center;color:var(--primary-color);display:flex;opacity:.85}.analyzer-chat-recommendations-grid-compact{align-items:center}.analyzer-chat-recommendation-chip:hover{color:var(--primary-color)}.analyzer-chat-recommendation-chip.completed{background:linear-gradient(135deg,#10b9810f,#fff 40%,#fafafa);border-color:#10b9814d}.analyzer-chat-recommendation-chip.completed:hover{border-color:#10b981;box-shadow:7px 7px 14px #d5d5d599,-7px -7px 14px #fff,0 6px 20px #10b98126,inset 0 1px 0 #ffffffe6;color:#059669}.analyzer-chat-recommendation-chip.completed .chip-arrow{color:#10b981}.analyzer-chat-recommendation-chip.completed:hover .chip-arrow{animation:none;transform:translate(3px,-3px)}.chip-check{color:#10b981;flex-shrink:0;font-size:11px;font-weight:700;position:relative;z-index:1}.analyzer-custom-input-container{animation:slideInInput .4s ease-out;width:100%}.analyzer-custom-input-form{align-items:flex-end;background:var(--background-color);border:1.5px solid #e1e5e9;border:1.5px solid var(--border-color,#e1e5e9);border-radius:18px;box-shadow:inset 3px 3px 7px #b4b4b440,inset -3px -3px 7px #fffffff2;display:flex;gap:10px;overflow:hidden;padding:10px 12px;position:relative;transition:border-color .25s ease,box-shadow .25s ease}.analyzer-custom-input-form:before{background:linear-gradient(90deg,#0000,var(--primary-color),#0000);border-radius:2px 2px 0 0;bottom:0;content:"";height:2px;left:16px;opacity:0;position:absolute;right:16px;transition:opacity .3s ease}.analyzer-custom-input-form:focus-within{border-color:var(--primary-color);box-shadow:inset 3px 3px 7px #b4b4b433,inset -3px -3px 7px #fffffff2,0 0 0 3px #9404c314}.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,var(--primary-color),var(--secondary-color));background:var(--gradient1,linear-gradient(135deg,var(--primary-color),var(--secondary-color)));color:#fff}.analyzer-custom-button.send:hover:not(:disabled){box-shadow:7px 7px 14px #d5d5d599,-7px -7px 14px #fff,0 6px 16px #00000026;box-shadow:7px 7px 14px #d5d5d599,-7px -7px 14px #fff,0 6px 16px var(--shadowLight,#00000026);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:var(--primary-color);color:#fff}.analyzer-custom-button.stop:hover{box-shadow:7px 7px 14px #d5d5d599,-7px -7px 14px #fff,0 6px 16px #6c2bd959;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)}.analyzer-custom-button.attach{background:var(--background-color);border:1.5px solid #e1e5e9;border:1.5px solid var(--border-color,#e1e5e9);border-radius:50%;box-shadow:3px 3px 6px #d5d5d580,-3px -3px 6px #ffffffe6;color:var(--primary-color)}.analyzer-custom-button.attach:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);box-shadow:3px 3px 8px #9404c340,-2px -2px 6px #fffc;color:#fff;transform:scale(1.06)}.analyzer-custom-button.attach:disabled{cursor:not-allowed;opacity:.35}.analyzer-custom-input-container.drag-over{background:#9404c30a;border-radius:20px;outline:2px dashed #9404c3;outline:2px dashed var(--primary-color,#9404c3);outline-offset:-2px}.analyzer-attachment-preview{display:flex;flex-direction:column;gap:4px;padding:8px 16px 4px}.analyzer-attachment-item{align-items:center;animation:slideInInput .2s ease-out;background:#f3f4f6;border-radius:8px;display:flex;font-size:12px;justify-content:space-between;padding:6px 10px}.analyzer-attachment-info{align-items:center;color:#6b7280;display:flex;flex:1 1;gap:6px;min-width:0;overflow:hidden}.analyzer-attachment-name{color:#374151;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analyzer-attachment-size{color:#9ca3af;flex-shrink:0;font-size:11px}.analyzer-attachment-remove{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;flex-shrink:0;font-size:16px;font-weight:700;line-height:1;padding:2px 6px;transition:all .2s ease}.analyzer-attachment-remove:hover:not(:disabled){background:#e5e7eb;color:#6b7280}.analyzer-attachment-remove:disabled{cursor:not-allowed;opacity:.5}@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:var(--background-color);border-top:1px solid #e1e5e9;border-top:1px solid var(--border-color,#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,var(--primary-color),#0000);border-radius:0 0 3px 3px;content:"";height:3px;left:50%;position:absolute;top:-1px;transform:translateX(-50%);width:100px}.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:var(--indicator-path);color:var(--primary-color)}.analyzer-bottom-section-toggle:active{background:var(--indicator-path)}.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:10px;max-height:none;min-height:-webkit-fit-content;min-height:fit-content;opacity:1;overflow:visible;padding:0 16px 16px;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,var(--primary-color),#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,#9404c30a,#fff 40%,#fafafa);border:1.5px solid #e5e7eb;border-radius:30px;box-shadow:4px 4px 8px #d5d5d573,-4px -4px 8px #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:10px 18px;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:var(--primary-color)!important;color:var(--primary-color)!important}.analyzer-chat-recommendation-chip:before{background:linear-gradient(90deg,#0000,var(--indicator-path),#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:var(--primary-color);box-shadow:7px 7px 14px #d5d5d599,-7px -7px 14px #fff,0 6px 20px #00000026,inset 0 1px 0 #ffffffe6;box-shadow:7px 7px 14px #d5d5d599,-7px -7px 14px #fff,0 6px 20px var(--shadowLight,#00000026),inset 0 1px 0 #ffffffe6;color:var(--primary-color)!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 #00000026;box-shadow:3px 3px 6px #d5d5d566,-3px -3px 6px #fffc,inset 0 2px 4px var(--shadowLight,#00000026);color:var(--primary-color)!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:var(--primary-color);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:var(--text-secondary);border-radius:50%;box-shadow:0 4px 8px #00000026,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 #0003,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,var(--primary-color),var(--primary-color),var(--primary-color));background:linear-gradient(90deg,var(--primary-color),var(--secondary-color,var(--primary-color)),var(--primary-color));-webkit-background-clip:text;background-clip:text;background-size:200% 100%;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 0,var(--primary-color) 20%,var(--accent-color) 50%,var(--primary-color) 80%,#0000 100%);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{isolation:isolate;transition:none!important}.analyzer-chat-bottom-section{flex-shrink:0;transition:none!important}.analyzer-chat-recommendations-compact{animation:none!important}.analyzer-header-row{align-items:stretch;display:flex;flex-shrink:0;gap:12px;margin-bottom:15px}.analyzer-header-row .analyzer-capability-header{flex:1 1;margin-bottom:0}.analyzer-header-step-card{align-items:stretch;background:var(--background-color);border:2px solid #e5e7eb;border-radius:12px;box-shadow:6px 6px 12px #d5d5d599,-6px -6px 12px #ffffffe6;display:flex;flex:0 0 268px;flex-direction:column;gap:6px;justify-content:center;padding:12px 20px;width:268px}.analyzer-header-step-top-row{align-items:center;display:flex;justify-content:space-between}.analyzer-step-nav-btns{display:flex;gap:2px}.analyzer-step-nav-btn{align-items:center;background:none;border:none;color:#9404c3;color:var(--primary-color,#9404c3);cursor:pointer;display:flex;font-size:18px;line-height:1;opacity:.7;padding:0 3px;transition:opacity .15s}.analyzer-step-nav-btn:hover:not(:disabled){opacity:1}.analyzer-step-nav-btn:disabled{cursor:default;opacity:.25}.analyzer-header-step-trail{align-items:flex-start;display:flex;overflow:hidden;width:100%}.analyzer-header-step-group{align-items:center;display:flex;flex:0 0 auto}.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:var(--background-color);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:var(--primary-color);display:flex;height:32px;justify-content:center;position:relative;width:32px;z-index:1}.capability-icon-overlay svg{stroke:var(--primary-color);fill:none;color:var(--primary-color);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 var(--primary-color);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:var(--background-color);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:var(--background-color);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:var(--primary-color) #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:8px;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:2px solid var(--primary-color);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(0,0,0,.15));filter:drop-shadow(0 0 2px var(--shadowLight,rgba(0,0,0,.15)))}50%{filter:drop-shadow(0 0 6px rgba(0,0,0,.15));filter:drop-shadow(0 0 6px var(--shadowLight,rgba(0,0,0,.15)))}}.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}.dark-mode .analyzer-chat-code-header,.dark-mode .analyzer-chat-code-header.expanded,.dark-mode .analyzer-chat-code-header:not(.expanded){background:#303339;border-color:#404040}.dark-mode .analyzer-chat-code-content-inner{scrollbar-color:var(--primary-color) #0000}.dark-mode .analyzer-chat-code-pre,.dark-mode .analyzer-chat-report-content,.dark-mode .analyzer-chat-report-content2{background:#282b32;color:var(--text-primary)}.dark-mode .analyzer-chat-markdown-content blockquote,.dark-mode .analyzer-chat-report-content .analyzer-chat-report-blockquote,.dark-mode .analyzer-chat-report-content .analyzer-chat-report-th,.dark-mode .analyzer-chat-thinking-item pre,.dark-mode .analyzer-chat-thinking-item thead{background:#303339}.dark-mode .analyzer-chat-markdown-content table,.dark-mode .analyzer-chat-report-content .analyzer-chat-report-table,.dark-mode .analyzer-chat-thinking-item table{background:#282b32}.dark-mode .analyzer-chat-markdown-content code,.dark-mode .analyzer-chat-thinking-item code{background:#343840;border-color:#404040;color:#e06c75}.dark-mode .analyzer-chat-recommendation-bubble,.dark-mode .analyzer-chat-recommendation-chip{background:#303339;border-color:#404040}.dark-mode .analyzer-chat-bottom-section{background:var(--background-color)}.dark-mode .analyzer-chat-code-language{background:#0000;border-color:#404040;color:var(--text-secondary)}.dark-mode .analyzer-chat-item:hover,.dark-mode .analyzer-chat-thinking-item tbody tr:hover{background:#343840}.dark-mode .analyzer-capability-prompt{background:#303339;color:var(--text-secondary)}.dark-mode .analyzer-chat-code-content::-webkit-scrollbar-corner,.dark-mode .analyzer-chat-code-content::-webkit-scrollbar-track,.dark-mode .analyzer-chat-code-pre::-webkit-scrollbar-corner,.dark-mode .analyzer-chat-code-pre::-webkit-scrollbar-track,.dark-mode .analyzer-chat-report-content::-webkit-scrollbar-corner,.dark-mode .analyzer-chat-report-content::-webkit-scrollbar-track{background:#282b32}.dark-mode .analyzer-chat-response-area{scrollbar-color:var(--primary-color) #282b32}.dark-mode .analyzer-capability-title,.dark-mode .analyzer-chat-code-filename,.dark-mode .analyzer-chat-code-header.expanded .analyzer-chat-code-filename,.dark-mode .analyzer-chat-code-header:not(.expanded),.dark-mode .analyzer-chat-code-header:not(.expanded) .analyzer-chat-code-filename,.dark-mode .analyzer-chat-code-pre code,.dark-mode .analyzer-chat-markdown-content,.dark-mode .analyzer-chat-markdown-content em,.dark-mode .analyzer-chat-markdown-content h3,.dark-mode .analyzer-chat-markdown-content h4,.dark-mode .analyzer-chat-markdown-content h5,.dark-mode .analyzer-chat-markdown-content ol,.dark-mode .analyzer-chat-markdown-content p,.dark-mode .analyzer-chat-markdown-content ul,.dark-mode .analyzer-chat-recommendation-chip,.dark-mode .analyzer-chat-recommendations-header-compact,.dark-mode .analyzer-chat-report-content,.dark-mode .analyzer-chat-report-content .analyzer-chat-report-em,.dark-mode .analyzer-chat-report-content .analyzer-chat-report-h3,.dark-mode .analyzer-chat-report-content .analyzer-chat-report-h4,.dark-mode .analyzer-chat-report-content .analyzer-chat-report-h5,.dark-mode .analyzer-chat-report-content .analyzer-chat-report-ol,.dark-mode .analyzer-chat-report-content .analyzer-chat-report-p,.dark-mode .analyzer-chat-report-content .analyzer-chat-report-ul,.dark-mode .analyzer-chat-sidebar-title,.dark-mode .analyzer-chat-thinking-item,.dark-mode .analyzer-chat-thinking-item p,.dark-mode .analyzer-chat-thinking-item pre code,.dark-mode .analyzer-chat-thinking-item td,.dark-mode .analyzer-chat-user-message-text,.dark-mode .analyzer-chat-user-message-text p,.dark-mode .analyzer-chats-header h3,.dark-mode .analyzer-custom-textarea,.dark-mode .chat-title,.dark-mode .no-artifacts-title,.dark-mode .recommendations-title{color:var(--text-primary)}.dark-mode .analyzer-chat-markdown-content h1,.dark-mode .analyzer-chat-markdown-content h2,.dark-mode .analyzer-chat-markdown-content strong,.dark-mode .analyzer-chat-report-content .analyzer-chat-report-h1,.dark-mode .analyzer-chat-report-content .analyzer-chat-report-h2,.dark-mode .analyzer-chat-report-content .analyzer-chat-report-strong,.dark-mode .analyzer-chat-report-content .analyzer-chat-report-th,.dark-mode .analyzer-chat-thinking-item strong,.dark-mode .analyzer-chat-thinking-item th{color:#fff}.dark-mode .analyzer-bottom-section-toggle,.dark-mode .analyzer-capability-description,.dark-mode .analyzer-chat-bubble-description,.dark-mode .analyzer-chat-markdown-content blockquote,.dark-mode .analyzer-chat-markdown-content h6,.dark-mode .analyzer-chat-markdown-content td,.dark-mode .analyzer-chat-no-code-message,.dark-mode .analyzer-chat-recommendations-subtitle,.dark-mode .analyzer-chat-report-content .analyzer-chat-report-blockquote,.dark-mode .analyzer-chat-report-content .analyzer-chat-report-h6,.dark-mode .analyzer-chat-report-content .analyzer-chat-report-td,.dark-mode .analyzer-chat-thinking-summary,.dark-mode .analyzer-chats-empty p,.dark-mode .analyzer-chats-loading,.dark-mode .chat-count,.dark-mode .chat-preview,.dark-mode .no-artifacts-description{color:var(--text-secondary)}.dark-mode .analyzer-chat-meta,.dark-mode .analyzer-chats-empty,.dark-mode .analyzer-chats-empty small,.dark-mode .analyzer-custom-textarea::placeholder,.dark-mode .chat-timestamp{color:var(--text-muted)}.dark-mode .analyzer-chat-recommendation-chip{-webkit-text-fill-color:var(--text-primary)!important;color:var(--text-primary)!important}.dark-mode .analyzer-chat-code-sidebar{border-color:#404040}.dark-mode .analyzer-chat-code-header,.dark-mode .analyzer-chat-markdown-content h1,.dark-mode .analyzer-chat-report-content .analyzer-chat-report-h2{border-bottom-color:#404040}.dark-mode .analyzer-chat-markdown-content h2{border-bottom-color:#343840}.dark-mode .analyzer-chat-markdown-content td,.dark-mode .analyzer-chat-markdown-content th,.dark-mode .analyzer-chat-report-content .analyzer-chat-report-td,.dark-mode .analyzer-chat-report-content .analyzer-chat-report-th,.dark-mode .analyzer-chat-thinking-item td,.dark-mode .analyzer-chat-thinking-item th{border-bottom-color:#404040}.dark-mode .analyzer-chat-markdown-content code,.dark-mode .analyzer-chat-thinking-item pre,.dark-mode .analyzer-chat-thinking-item table{border-color:#404040}.dark-mode .analyzer-chat-recommendations-area{border-top-color:#404040}.dark-mode .analyzer-chat-response-area.with-recommendations{border-bottom-color:#404040}.dark-mode .analyzer-chat-bottom-section{border-top-color:#404040}.dark-mode .analyzer-chat-report-content hr{background:linear-gradient(90deg,#0000,#404040,#0000)}.dark-mode .analyzer-capability-header-left{border-color:#404040;box-shadow:var(--neumorphic-shadow)}.dark-mode .analyzer-capability-title{border-bottom-color:#404040}.dark-mode .analyzer-chats-loading .loading-spinner{border-color:#404040}.dark-mode .artifact-spinner{border-color:#404040;border-top-color:var(--primary-color)}.dark-mode .analyzer-chat-user-message-bubble{box-shadow:var(--neumorphic-shadow)}.dark-mode .analyzer-chat-recommendation-bubble,.dark-mode .analyzer-chat-recommendation-chip{box-shadow:6px 6px 12px #0006,-6px -6px 12px #50505026,inset -1px -1px 2px #1414144d,inset 1px 1px 2px #50505033}.dark-mode .analyzer-chat-recommendation-bubble:hover,.dark-mode .analyzer-chat-recommendation-chip:hover{box-shadow:8px 8px 16px #00000080,-8px -8px 16px #50505033,inset -1px -1px 2px #1414144d,inset 1px 1px 2px #50505033}.dark-mode .analyzer-custom-input-form{box-shadow:6px 6px 12px #0006,-6px -6px 12px #50505026,inset -1px -1px 2px #1414144d,inset 1px 1px 2px #50505033}.dark-mode .analyzer-custom-input-form:focus-within{box-shadow:8px 8px 16px #00000080,-8px -8px 16px #50505033,inset -1px -1px 2px #1414144d,inset 1px 1px 2px #50505033}.dark-mode .analyzer-chat-code-sidebar,.dark-mode .analyzer-chat-left-content{box-shadow:0 2px 4px #0000004d}.dark-mode .analyzer-chat-thinking-block{box-shadow:none}.dark-mode .analyzer-chat-thinking-item{box-shadow:0 0 15px #0000004d}.dark-mode .analyzer-chat-bottom-section.collapsed .analyzer-bottom-section-toggle{box-shadow:4px 4px 8px #0006,-4px -4px 8px #50505026}.dark-mode .analyzer-chat-bottom-section.collapsed .analyzer-bottom-section-toggle:hover{box-shadow:6px 6px 12px #00000080,-6px -6px 12px #50505033}.dark-mode .analyzer-header-back-button,.dark-mode .analyzer-header-back-button:focus,.dark-mode .analyzer-header-back-button:focus-visible,.dark-mode .analyzer-header-back-button:focus-within,.dark-mode .analyzer-header-back-button:link,.dark-mode .analyzer-header-back-button:visited{-webkit-text-fill-color:var(--text-primary)!important;background:#282b32!important;border-color:#404040!important;box-shadow:var(--neumorphic-shadow)!important;color:var(--text-primary)!important}.dark-mode .analyzer-header-back-button:hover{-webkit-text-fill-color:var(--primary-color)!important;border-color:var(--primary-color)!important;box-shadow:var(--neumorphic-shadow)!important;color:var(--primary-color)!important}.dark-mode .analyzer-header-back-button:active{box-shadow:var(--neumorphic-shadow)!important}.dark-mode .analyzer-chat-code-header:hover{background:#343840}.dark-mode .analyzer-chat-markdown-content table{background:#282b32}.dark-mode .analyzer-chat-markdown-content th{background:#303339}.dark-mode .analyzer-chat-report-content .analyzer-chat-report-table{background:#282b32}.dark-mode .analyzer-chat-report-content .analyzer-chat-report-th{background:#303339}.dark-mode .analyzer-chat-report-content .analyzer-chat-report-td{color:var(--text-secondary)}.dark-mode .analyzer-chat-thinking-block{box-shadow:inset 0 0 0 1px #5050504d}.dark-mode .analyzer-chat-thinking-block[open]{box-shadow:inset 4px 4px 8px #0006,inset -4px -4px 8px #50505026}.dark-mode .analyzer-custom-button{box-shadow:5px 5px 10px #0006,-5px -5px 10px #50505026,inset 0 1px 0 #50505033}.dark-mode .analyzer-custom-button:before{background:#5050504d}.dark-mode .analyzer-custom-button.send:hover:not(:disabled){box-shadow:7px 7px 14px #00000080,-7px -7px 14px #50505033,0 6px 16px #00000026;box-shadow:7px 7px 14px #00000080,-7px -7px 14px #50505033,0 6px 16px var(--shadowLight,#00000026)}.dark-mode .analyzer-custom-button.send:active:not(:disabled),.dark-mode .analyzer-custom-button.stop:active{box-shadow:3px 3px 6px #0006,-3px -3px 6px #50505026,inset 0 2px 4px #0000001a}.dark-mode .analyzer-custom-button.stop:hover{box-shadow:7px 7px 14px #00000080,-7px -7px 14px #50505033,0 6px 16px #6c2bd959}.dark-mode .analyzer-custom-button.attach{background:#383b42;color:#9ca3af}.dark-mode .analyzer-custom-button.attach:hover:not(:disabled){background:#444750;color:#d1d5db}.dark-mode .analyzer-custom-input-container.drag-over{background:#9404c314;outline-color:#b44de6;outline-color:var(--primary-color,#b44de6)}.dark-mode .analyzer-attachment-preview{border-color:#404040}.dark-mode .analyzer-attachment-item{background:#383b42}.dark-mode .analyzer-attachment-info{color:#9ca3af}.dark-mode .analyzer-attachment-name{color:#d1d5db}.dark-mode .analyzer-attachment-remove,.dark-mode .analyzer-attachment-size{color:#6b7280}.dark-mode .analyzer-attachment-remove:hover:not(:disabled){background:#444750;color:#9ca3af}.dark-mode .analyzer-chat-bottom-section.collapsed .analyzer-bottom-section-toggle{background:#303339;border-color:#404040}.dark-mode .analyzer-chat-bottom-section.collapsed .analyzer-bottom-section-toggle:hover{background:#343840;box-shadow:0 -6px 16px #0006,0 -3px 8px #50505026}.dark-mode .generating-content-overlay{background:#282b32d9}.dark-mode .generating-content-overlay--full{background:linear-gradient(135deg,#282b32,#303339 50%,#343840)}.dark-mode .generating-content-spinner{background:#303339f2;border-color:#404040;box-shadow:0 4px 20px #0000004d,0 8px 40px #0003,inset 0 1px 0 #50505033}.dark-mode .download-menu-dropdown{background-color:#303339;border-color:#404040;box-shadow:0 4px 12px #0006}.dark-mode .download-menu-dropdown button{background:#0000;color:var(--text-primary)}.dark-mode .download-menu-dropdown button:hover{background-color:#343840}.dark-mode .download-menu-dropdown button:active{background-color:#3a3e46}.dark-mode .download-menu-dropdown button:not(:last-child){border-bottom-color:#404040}.dark-mode .analyzer-download-all-menu{background:#303339;border-color:#404040;box-shadow:0 4px 12px #0006}.dark-mode .analyzer-download-all-menu button{background:#303339;color:var(--text-primary)}.dark-mode .analyzer-download-all-menu button:hover{background:#343840}.dark-mode .analyzer-download-all-menu button:not(:last-child){border-bottom-color:#404040}.dark-mode .content-slide table{background:#282b32}.dark-mode .content-slide th{background:#303339}.dark-mode .content-slide td{border-color:#404040;color:var(--text-secondary)}.dark-mode .content-slide tr:nth-child(2n){background:#303339}.dark-mode .analyzer-capability-header-right{border-color:#404040;box-shadow:0 2px 4px #0000004d}.dark-mode .analyzer-chat-recommendation-chip{background:#303339;border-color:#404040}.dark-mode .analyzer-chat-recommendation-bubble{background:#303339}.dark-mode .analyzer-custom-input-form{background:#303339;border-color:#404040}.dark-mode .analyzer-custom-input-form:focus-within{background:#343840;border-color:var(--primary-color);box-shadow:10px 10px 20px #00000080,-10px -10px 20px #50505026,0 0 0 4px #7002951a,inset 0 2px 4px #0000001a}.dark-mode .analyzer-chat-sidebar-header{border-bottom-color:#404040}.dark-mode .analyzer-chat-code-header:not(.expanded){background:#303339;border-color:#404040;border-left-color:var(--primary-color)}.dark-mode .analyzer-chat-code-header:not(.expanded) .analyzer-chat-code-filename{color:var(--text-primary)}.dark-mode .analyzer-chat-code-header:not(.expanded) .analyzer-chat-code-language{background:#0000;border-color:#404040}.dark-mode .analyzer-capability-title{color:var(--text-primary)}.dark-mode .capability-icon-background circle{fill:#303339}.dark-mode .capability-icon-background g{filter:drop-shadow(-1px -1px 2px rgba(80,80,80,.15)) drop-shadow(1px 1px 2px rgba(0,0,0,.4))}.dark-mode .analyzer-artifact-status-icon>svg>g>circle{fill:#303339}.dark-mode .analyzer-artifact-status-icon>svg>g{filter:drop-shadow(-1px -1px 2px rgba(80,80,80,.15)) drop-shadow(1px 1px 2px rgba(0,0,0,.4))}.dark-mode .message-action-svg circle{fill:#303339}.dark-mode .message-action-svg g{filter:drop-shadow(-2px -2px 4px rgba(80,80,80,.15)) drop-shadow(2px 2px 4px rgba(0,0,0,.4))}.dark-mode .message-action-svg path{stroke:var(--text-primary)}.dark-mode .analyzer-chat-action-svg rect{fill:#3a3a3a}.dark-mode .analyzer-chat-action-svg svg{stroke:#e0e0e0}.dark-mode .analyzer-chat-action-svg:hover rect{fill:var(--primary-color)}.dark-mode .analyzer-chat-action-svg:hover svg{stroke:#fff}.dark-mode .analyzer-chat-action-svg g{filter:drop-shadow(-2px -2px 4px rgba(80,80,80,.15)) drop-shadow(2px 2px 4px rgba(0,0,0,.4))}.dark-mode .analyzer-chat-thinking-content{background:#282b32}.dark-mode .analyzer-chat-code-header.expanded{background:#303339;border-color:#404040;border-left-color:var(--primary-color)}.dark-mode .analyzer-chat-code-header.expanded .analyzer-chat-code-filename{color:var(--text-primary)}.dark-mode .artifact-speed-dial-trigger{background:#303339;border-color:#404040;color:var(--primary-color)}.dark-mode .artifact-speed-dial-trigger.open,.dark-mode .artifact-speed-dial-trigger:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.dark-mode .artifact-chevron{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.dark-mode .analyzer-chat-code-content{background:#1e2028;border-color:#404040;border-left-color:var(--primary-color)}.dark-mode .conversation-breadcrumbs{box-shadow:inset 1px 1px 2px #50505033,inset -1px -1px 2px #1414144d!important}.dark-mode .conversation-breadcrumbs svg g{filter:drop-shadow(-1px -1px 2px rgba(80,80,80,.15)) drop-shadow(1px 1px 2px rgba(0,0,0,.4))}.dark-mode .conversation-breadcrumbs svg rect{fill:#303339}.dark-mode .conversation-breadcrumbs svg rect[stroke]{fill:none;stroke:#404040}.dark-mode .conversation-breadcrumbs svg circle[r="12"]{fill:#303339}.dark-mode .analyzer-chat-loading-message{background:#303339}.dark-mode .analyzer-chat-code-content::-webkit-scrollbar-track{background:#282b32}.dark-mode .analyzer-chat-code-content::-webkit-scrollbar-thumb{border-color:#282b32}@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 var(--border-color);border-radius:20px;box-shadow:0 4px 20px #00000026,0 8px 40px #00000026,inset 0 1px 0 #fffc;box-shadow:0 4px 20px var(--shadowLight,#00000026),0 8px 40px var(--shadowLight,#00000026),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(0,0,0,.15));filter:drop-shadow(0 4px 8px var(--shadowLight,rgba(0,0,0,.15)))}.generating-content-text{animation:textFadeSwitch .4s ease-out;color:var(--primary-color);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:var(--background-color);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{border-color:var(--primary-color)!important;box-shadow:6px 6px 12px #d5d5d599,-6px -6px 12px #fff,0 4px 16px #00000026;box-shadow:6px 6px 12px #d5d5d599,-6px -6px 12px #fff,0 4px 16px var(--shadowLight,#00000026)}.analyzer-header-back-button:active,.analyzer-header-back-button:hover{-webkit-text-fill-color:var(--primary-color)!important;color:var(--primary-color)!important}.analyzer-header-back-button:active{box-shadow:2px 2px 4px #d5d5d566,-2px -2px 4px #fffc;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:var(--primary-color)!important;color:var(--primary-color)!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 #00000026;box-shadow:0 2px 6px var(--shadowLight,#00000026);transform:translateY(0)}.analyzer-chat-sidebar-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:8px 16px}.analyzer-download-all-wrapper{position:relative}.analyzer-download-all-button{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));background:var(--gradient1,linear-gradient(135deg,var(--primary-color),var(--secondary-color)));border:none;border-radius:8px;box-shadow:0 2px 6px #00000026;box-shadow:0 2px 6px var(--shadowLight,#00000026);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 #00000026;box-shadow:0 4px 12px var(--shadowLight,#00000026);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:var(--primary-color)}.analyzer-sidebar-header-actions{align-items:center;display:flex;gap:8px}.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}.analyzer-header-step-label{color:#9404c3;color:var(--primary-color,#9404c3);font-size:11px;font-weight:700;letter-spacing:.12em;opacity:.75;text-transform:uppercase;-webkit-user-select:none;user-select:none}.analyzer-header-step-dot-col{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:4px;transition:transform .2s ease}.analyzer-header-step-dot-col:hover{transform:scale(1.1)}.analyzer-header-step-num{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px;font-weight:700;-webkit-user-select:none;user-select:none}.analyzer-header-step-line-wrap{align-items:center;display:flex;flex:1 1;height:30px;min-width:12px}.analyzer-header-step-line{background:#e5e7eb;background:var(--border-color,#e5e7eb);border-radius:2px;height:3px;width:100%}.analyzer-header-step-line.past{background:#9404c3;background:var(--primary-color,#9404c3);opacity:.4}.analyzer-step-rail{align-items:center;background:var(--background-color);display:flex;flex-direction:column;flex-shrink:0;overflow:visible;padding:24px 0;width:54px}.analyzer-step-rail-label{color:#9404c3;color:var(--primary-color,#9404c3);font-size:8px;font-weight:700;letter-spacing:.12em;margin-bottom:10px;opacity:.75;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none}.analyzer-step-rail-item{align-items:center;display:flex;flex-direction:column;position:relative}.analyzer-step-rail-line{border-radius:2px;height:36px;transition:background .3s ease;width:3px}.analyzer-step-rail-dot-wrapper{align-items:center;display:flex;height:30px;justify-content:center;position:relative;width:30px}.analyzer-step-rail-tooltip{background:var(--primary-color);border-radius:20px;box-shadow:0 2px 8px #0000002e;color:#fff;font-size:11px;font-weight:700;left:calc(100% + 10px);opacity:0;padding:4px 10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transform:translateY(-50%) translateX(-4px);transition:opacity .18s ease,transform .18s ease;white-space:nowrap;z-index:200}.analyzer-step-rail-tooltip.visible{opacity:1;transform:translateY(-50%) translateX(0)}.analyzer-chat-inner-area{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:1fr 49%;grid-template-rows:1fr;height:100%;min-height:0;position:relative;transition:grid-template-columns .45s cubic-bezier(.4,0,.2,1),gap .45s cubic-bezier(.4,0,.2,1)}.analyzer-chat-inner-area>.analyzer-chat-code-sidebar,.analyzer-chat-inner-area>.analyzer-chat-left-content{max-width:none;min-width:0;width:auto}.analyzer-chat-inner-area>.analyzer-chat-code-sidebar{height:100%;max-height:100%;position:relative;z-index:6}.analyzer-chat-inner-area.sidebar-expanded{gap:0;grid-template-columns:0fr 1fr}.analyzer-chat-inner-area>.analyzer-chat-left-content{overflow:hidden;transition:opacity .3s ease}.analyzer-chat-inner-area.sidebar-expanded>.analyzer-chat-left-content{opacity:0;pointer-events:none}.analyzer-chat-left-dim{animation:dimFadeIn .35s ease forwards;background:#00000021;border-radius:8px;cursor:pointer;inset:0;pointer-events:auto;position:absolute;z-index:5}.analyzer-chat-left-dim.collapsing{animation:dimFadeOut .4s ease forwards;pointer-events:none}@keyframes dimFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dimFadeOut{0%{opacity:1}to{opacity:0}}.sidebar-expand-btn{align-items:center;background:var(--background-color);border:1.5px solid #e1e5e9;border:1.5px solid var(--border-color,#e1e5e9);border-radius:7px;color:#9404c3;color:var(--primary-color,#9404c3);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .15s ease;width:30px}.sidebar-expand-btn:hover{background:#9404c3;background:var(--primary-color,#9404c3);border-color:#9404c3;border-color:var(--primary-color,#9404c3);color:#fff;transform:scale(1.08)}.sidebar-expand-btn:active{transform:scale(.95)}.dark-mode .analyzer-chat-left-dim{background:#00000047}.dark-mode .sidebar-expand-btn{border-color:#404040}.analyzer-artifact-fs-portal{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.analyzer-artifact-fs-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;inset:0;position:absolute}.analyzer-artifact-fs-content{background:var(--background-color);border-radius:16px;display:flex;flex-direction:column;height:95%;max-height:95vh;max-width:98vw;overflow:hidden;position:relative;width:98%}.analyzer-artifact-fs-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-shrink:0;justify-content:space-between;padding:14px 20px}.analyzer-artifact-fs-title{align-items:center;display:flex;gap:8px}.analyzer-artifact-fs-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px;transition:background .15s,color .15s}.analyzer-artifact-fs-close:hover{background:#e5e7eb;background:var(--border-color,#e5e7eb);color:#111827;color:var(--text-primary,#111827)}.analyzer-artifact-fs-content .anayzer-chat-sidebar-code-block{background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex:1 1;flex-direction:column;margin:0;overflow:hidden;padding:0}.analyzer-artifact-fs-content .analyzer-chat-code-header,.analyzer-artifact-fs-content .artifact-actions-bar{display:none}.analyzer-artifact-fs-content .analyzer-chat-code-content{background:#0000;border:none;border-radius:0;box-shadow:none;flex:1 1;margin:0;max-height:none;min-height:0;overflow-x:auto;overflow-y:auto;padding:0}.analyzer-artifact-fs-content .analyzer-chat-report-content{background:#0000;border-radius:0;min-height:100%;padding:16px 24px}.analyzer-artifact-fs-content .analyzer-chat-code-content::-webkit-scrollbar{height:8px;width:8px}.analyzer-artifact-fs-content .analyzer-chat-code-content::-webkit-scrollbar-track{background:#0000}.analyzer-artifact-fs-content .analyzer-chat-code-content::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.analyzer-artifact-fs-content .analyzer-chat-code-content::-webkit-scrollbar-thumb:hover{background:var(--primary-color);background:var(--secondary-color,var(--primary-color))}.analyzer-artifact-fs-content .analyzer-chat-code-content{scrollbar-color:var(--primary-color) #0000;scrollbar-width:thin}.analyzer-artifact-fs-content .analyzer-chat-code-pre{margin:16px 24px}.analyzer-artifact-fs-content .analyzer-chat-report-content:has(.html-renderer-container){display:flex;flex:1 1;flex-direction:column;height:0;overflow:hidden;padding:0}.analyzer-artifact-fs-content .html-renderer-container{background:#0000!important;border:none!important;border-radius:0!important;display:flex;flex:1 1;flex-direction:column;height:0;overflow:hidden!important}.qis-leave-toast{align-items:center;animation:qis-toast-slide-up .35s cubic-bezier(.34,1.56,.64,1);background:var(--background-color);border:1px solid var(--border-color);border-left:3px solid var(--primary-color);border-radius:12px;box-shadow:0 4px 16px color-mix(in srgb,var(--primary-color) 12%,#0000);display:flex;flex-shrink:0;gap:.75rem;margin:0 1rem .5rem;padding:.75rem 1rem}@keyframes qis-toast-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.qis-leave-toast-icon{flex-shrink:0;font-size:1.1rem}.qis-leave-toast-text{color:var(--text-secondary);flex:1 1;font-size:.85rem;line-height:1.4}.qis-leave-toast-btn{border:none;border-radius:8px;cursor:pointer;flex-shrink:0;font-size:.8rem;font-weight:600;padding:.4rem .875rem;transition:all .2s;white-space:nowrap}.qis-leave-toast-btn-primary{background:var(--primary-color);color:#fff}.qis-leave-toast-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.qis-leave-toast-btn-dismiss{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.qis-leave-toast-btn-dismiss:hover{background:var(--border-color)}.analyzer-artifact-fs-content .html-renderer-container iframe{border-radius:0!important;flex:1 1;height:100%!important;width:100%}.ancappage-container{background:var(--background-color);min-height:100vh;padding:30px}.ancappage-capability-icon-bg g,.ancappage-help-icon-background g,.ancappage-icon-background g{filter:none!important}.ancappage-help-icon-background,.ancappage-icon-background{filter:drop-shadow(0 4px 12px rgba(0,0,0,.25))}.ancappage-capability-icon-bg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}.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:var(--background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000f;color:var(--primary-color);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:var(--gradient2);border-color:var(--primary-color);box-shadow:0 4px 12px var(--shadow-light);color:#fff;transform:translateY(-50%) translateX(-4px)}.ancappage-title{align-items:center;color:var(--primary-color);display:flex;font-size:32px;font-weight:700;gap:12px;justify-content:center;margin:0 0 12px}.ancappage-subtitle{color:var(--text-secondary);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:var(--background-color);border:2px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0000001a;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 #00000026;transform:scale(1.02)}.ancappage-capability-card:hover:not(.selected){border-color:var(--primary-color);box-shadow:0 8px 20px #00000026;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:var(--primary-color)}.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:var(--text-primary)}.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,var(--border-color),#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:var(--text-secondary)}.ancappage-required-files-box{border:1px solid var(--border-theme);border-radius:8px;margin-top:12px;padding:10px}.ancappage-required-files-box.selected{background:#ffffff1a;border-color:#fff3}.ancappage-required-files-box.default{background:var(--indicator-path)}.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:var(--primary-color)}.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:var(--accent-color)}.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:var(--background-color);border:2px solid var(--border-color);border-radius:20px;box-shadow:var(--neumorphic-shadow);padding:30px;position:-webkit-sticky;position:sticky;top:30px}.ancappage-close-button{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:20px;top:20px;transition:all .2s ease}.ancappage-close-button:hover{background:var(--border-color);color:var(--text-secondary)}.ancappage-section-title{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.ancappage-section-subtitle{color:var(--text-secondary);font-size:14px;margin:0 0 16px}.ancappage-testcase-types-list{display:flex;flex-direction:column;gap:12px}.ancappage-testcase-type-card{background:var(--background-color);border:2px solid var(--border-color);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:var(--text-primary)}.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:var(--text-secondary)}.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:none;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:var(--background-color);border:2px solid var(--border-color);border-radius:16px;box-shadow:var(--neumorphic-shadow);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:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.ancappage-selected-format-name{color:var(--text-primary);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 var(--border-color);border-radius:10px;color:var(--primary-color);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:var(--gradient2);border-color:var(--primary-color);box-shadow:0 4px 12px var(--shadow-light);color:#fff;transform:translateY(-2px)}.ancappage-upload-card{background:var(--background-color);border:2px solid var(--border-color);border-radius:20px;box-shadow:var(--neumorphic-shadow);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:var(--surface-color);border:3px dashed var(--border-color);border-radius:16px;cursor:pointer;margin-bottom:20px;padding:40px 20px;text-align:center;transition:all .3s ease}.ancappage-upload-zone.dragging{background:var(--card-background)}.ancappage-upload-icon{color:var(--text-muted);margin-bottom:16px}.ancappage-upload-icon.dragging{color:currentColor}.ancappage-upload-primary-text{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.ancappage-upload-secondary-text{color:var(--text-muted);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:var(--text-secondary);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:var(--surface-color);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:var(--text-primary);font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ancappage-file-size{color:var(--text-muted);font-size:12px;margin:0}.ancappage-remove-file-button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.ancappage-remove-file-button:hover{background:var(--error-bg);color:var(--error-color)}.ancappage-total-size{align-items:center;background:var(--surface-color);border-radius:8px;display:flex;justify-content:space-between;margin-top:8px;padding:8px 12px}.ancappage-total-size-label{color:var(--text-secondary);font-size:12px;font-weight:500}.ancappage-total-size-value{color:var(--text-primary);font-size:12px;font-weight:600}.ancappage-upload-error{align-items:flex-start;background:#ef444414;border:1px solid #ef444459;border-radius:8px;color:#dc2626;display:flex;font-size:13px;gap:8px;line-height:1.4;margin-top:10px;padding:10px 12px}.ancappage-upload-error svg{flex-shrink:0;margin-top:1px}.ancappage-proceed-button{align-items:center;border:none;border-radius:12px;box-shadow:none;color:var(--text-muted);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,.ancappage-proceed-button:hover{background:var(--surface-color)}.ancappage-proceed-button.enabled{box-shadow:0 4px 12px var(--shadow-light);color:#fff;cursor:pointer}.ancappage-proceed-button.enabled:hover{box-shadow:0 6px 16px var(--shadow-light);transform:translateY(-2px)}.ancappage-recent-files-section{border-top:2px solid var(--border-color);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:var(--primary-color);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:var(--surface-color);border:2px solid var(--border-color);border-radius:10px;display:flex;gap:10px;opacity:1;padding:10px 12px;transition:all .2s ease}.ancappage-recent-file-item.already-uploaded{background:var(--surface-color);border:1px solid var(--border-color);opacity:.6}.ancappage-recent-file-icon{align-items:center;background:var(--gradient2);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:var(--text-primary);font-size:13px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ancappage-recent-file-size{color:var(--text-muted);font-size:11px;margin:0}.ancappage-add-file-button{background:var(--gradient2);border:none;border-radius:8px;box-shadow:0 2px 8px var(--shadow-light);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:var(--surface-color);box-shadow:none;color:var(--text-muted);cursor:wait}.ancappage-add-file-button:not(.loading):hover{box-shadow:0 4px 12px var(--shadow-light);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:var(--background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000f;color:var(--primary-color);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:var(--gradient2);border-color:var(--primary-color);box-shadow:0 4px 12px var(--shadow-light);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:var(--background-color);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:var(--border-color);border:none;border-radius:50%;color:var(--text-secondary);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:var(--surface-color);color:var(--text-primary);transform:rotate(90deg)}.ancappage-modal-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.ancappage-modal-icon{align-items:center;background:var(--gradient2);border-radius:16px;box-shadow:0 8px 24px var(--shadow-light);color:#fff;display:flex;height:56px;justify-content:center;width:56px}.ancappage-modal-title{color:var(--text-primary);font-size:28px;font-weight:700;margin:0}.ancappage-modal-intro{color:var(--text-secondary);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:var(--gradient2);border-radius:12px;box-shadow:0 4px 12px var(--shadow-light);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:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 8px}.ancappage-step-description{color:var(--text-secondary);font-size:15px;line-height:1.5;margin:0}.ancappage-modal-footer{align-items:center;border-top:2px solid var(--border-color);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:var(--text-secondary);flex:1 1;font-size:14px;line-height:1.5}.ancappage-modal-footer-text strong{color:var(--text-primary);font-weight:600}.ancappage-upload-required-files{background:var(--surface-color);border:1px solid var(--border-color)}.ancappage-upload-required-files-title{color:var(--primary-color)!important;font-weight:700}.ancappage-upload-required-files-list{color:var(--text-secondary);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:var(--background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;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:var(--background-color);border:2px solid var(--border-color);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 var(--border-color);color:var(--text-primary);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:var(--text-secondary);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:var(--background-color)!important;border:2px solid var(--border-color)!important;border-radius:10px;box-shadow:var(--neumorphic-shadow);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:var(--text-primary)!important;color:var(--text-primary)!important}.ancappage-header-back-button:hover{-webkit-text-fill-color:var(--primary-color)!important;border-color:var(--primary-color)!important;box-shadow:var(--neumorphic-shadow);color:var(--primary-color)!important}.ancappage-header-back-button svg{stroke:currentColor!important;color:inherit!important;transition:transform .25s ease}.ancappage-header-back-button:hover svg{stroke:var(--primary-color)!important;color:var(--primary-color)!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;border:2px solid var(--border-color);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;position:relative;transition:all .3s ease;width:48px}.ancappage-header-help-button,.ancappage-header-help-button:hover{background:var(--background-color);box-shadow:var(--neumorphic-shadow)}.ancappage-header-help-button:hover{border-color:var(--primary-color);transform:translateY(-2px)}.ancappage-help-icon-background{height:100%;pointer-events:none;position:absolute;width:100%}.ancappage-help-icon-overlay{color:var(--primary-color);position:relative;transition:transform .3s ease;z-index:1}.ancappage-header-help-button:hover .ancappage-help-icon-overlay{background:var(--background-color);border-color:var(--primary-color);transform:scale(1.1)}.ancappage-header-back-button{margin:0!important;position:static!important;transform:none!important}.ancappage-upload-tabs{background:var(--surface-color);border-radius:12px;display:flex;gap:6px;margin-bottom:16px;padding:4px}.ancappage-upload-tab{align-items:center;background:#0000;border:none;border-radius:9px;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:5px;justify-content:center;padding:7px 10px;transition:all .2s ease}.ancappage-upload-tab:hover{background:var(--card-background);color:var(--primary-color)}.ancappage-upload-tab.active{background:var(--background-color);box-shadow:0 2px 8px var(--shadow-light);color:var(--primary-color)}.ancappage-tab-content{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.ancappage-tab-empty,.ancappage-tab-loading{color:var(--text-muted);font-size:13px;padding:24px 16px;text-align:center}.ancappage-tab-search-wrapper{align-items:center;display:flex;position:relative}.ancappage-tab-search-icon{color:var(--text-muted);left:10px;pointer-events:none;position:absolute}.ancappage-tab-search{background:var(--surface-color);border:2px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:var(--text-primary);font-size:13px;outline:none;padding:8px 12px 8px 30px;transition:border-color .2s ease;width:100%}.ancappage-tab-search:focus{border-color:var(--primary-color)}.ancappage-tab-search::placeholder{color:var(--text-muted)}.ancappage-selectable-file-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.ancappage-selectable-file-item{align-items:center;background:var(--surface-color);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:9px 11px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.ancappage-selectable-file-item:hover:not(.added){background:var(--card-background);border-color:var(--primary-color)}.ancappage-selectable-file-item.selected{background:#7c3aed0f;background:rgba(var(--primary-rgb,124,58,237),.06);border-color:var(--primary-color)}.ancappage-selectable-file-item.added{cursor:default;opacity:.55}.ancappage-selectable-file-item.folder{cursor:pointer}.ancappage-selectable-file-item.folder:hover{border-color:var(--primary-color)}.ancappage-selectable-file-icon{align-items:center;background:var(--border-color);border-radius:7px;color:var(--text-muted);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.ancappage-selectable-file-icon.folder{background:#7c3aed1f;background:rgba(var(--primary-rgb,124,58,237),.12);color:var(--primary-color)}.ancappage-selectable-file-info{flex:1 1;min-width:0}.ancappage-selectable-file-name{color:var(--text-primary);font-size:13px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ancappage-selectable-file-meta{color:var(--text-muted);font-size:11px;margin:1px 0 0}.ancappage-file-check{align-items:center;border:2px solid var(--border-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .15s ease;width:20px}.ancappage-file-check.checked{background:var(--primary-color);border-color:var(--primary-color)}.ancappage-folder-chevron{color:var(--text-muted);flex-shrink:0}.ancappage-view-all-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:13px;font-weight:600;padding:2px 0;text-align:center;transition:opacity .2s ease;width:100%}.ancappage-view-all-link:hover{opacity:.75}.ancappage-tab-upload-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));background:var(--gradient2,linear-gradient(135deg,var(--primary-color),var(--secondary-color)));border:none;border-radius:12px;box-shadow:0 4px 12px var(--shadow-light);color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:11px;transition:all .2s ease;width:100%}.ancappage-tab-upload-btn:hover:not(:disabled){box-shadow:0 6px 16px var(--shadow-light);transform:translateY(-1px)}.ancappage-tab-upload-btn:disabled{cursor:wait;opacity:.6}.ancappage-project-select-wrapper{position:relative;z-index:10}.ancappage-project-selector-btn{align-items:center;background:var(--surface-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:inset 2px 2px 5px #0000000d,inset -2px -2px 5px #fff9;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 14px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.ancappage-project-selector-label{cursor:pointer;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ancappage-project-selector-label.placeholder{color:var(--text-muted);font-weight:500}.ancappage-project-selector-search{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:13px;font-weight:500;min-width:0;outline:none}.ancappage-project-selector-search::placeholder{color:var(--text-muted)}.ancappage-project-selector-btn.open,.ancappage-project-selector-btn:hover{border-color:var(--primary-color);box-shadow:0 0 0 3px #7c3aed1a}.ancappage-project-selector-icon{color:var(--primary-color);flex-shrink:0}.ancappage-project-selector-btn span{color:var(--text-primary);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ancappage-project-selector-btn span:empty,.ancappage-project-selector-btn span[data-placeholder]{color:var(--text-muted)}.ancappage-project-selector-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s ease}.ancappage-project-selector-chevron.open{transform:rotate(180deg)}.ancappage-project-dropdown{background:var(--background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0000001f;left:0;max-height:200px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + 6px);z-index:9999}.ancappage-project-dropdown-item{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 14px;text-align:left;transition:background .15s ease;width:100%}.ancappage-project-dropdown-item:hover{background:var(--surface-color)}.ancappage-project-dropdown-item.active{background:#7c3aed0f;color:var(--primary-color);font-weight:700}.ancappage-project-dropdown-item svg{color:var(--primary-color);flex-shrink:0}.ancappage-project-breadcrumb{align-items:center;display:flex;flex-wrap:wrap;gap:2px}.ancappage-breadcrumb-part{background:none;border:none;border-radius:4px;color:var(--primary-color);cursor:pointer;font-size:12px;font-weight:600;padding:2px 4px;transition:background .15s ease}.ancappage-breadcrumb-part:hover{background:#7c3aed14;background:rgba(var(--primary-rgb,124,58,237),.08)}.ancappage-breadcrumb-part.current{color:var(--text-muted);cursor:default;pointer-events:none}.ancappage-breadcrumb-sep{color:var(--text-muted);flex-shrink:0}.dark-mode .ancappage-upload-card{background:#282b32;border-color:#404040}.dark-mode .ancappage-upload-required-files{background:#343840;border-color:#4a4a4a}.dark-mode .ancappage-upload-zone{background:#303339;border-color:#505050}.dark-mode .ancappage-testcase-card{background:#282b32;border-color:#404040}.dark-mode .ancappage-file-item,.dark-mode .ancappage-total-size{background:#303339}.dark-mode .ancappage-upload-error{background:#ef44441f;border-color:#ef444466;color:#f87171}.dark-mode .ancappage-proceed-button{background:#343840;color:grey}.dark-mode .ancappage-recent-file-item.already-uploaded{background:#303339}.dark-mode .ancappage-selected-format-card{background:#282b32;border-color:#404040}.dark-mode .ancappage-upload-required-files-title{color:var(--primary-color)}.dark-mode .ancappage-upload-required-files-list{color:var(--text-secondary)}.dark-mode .ancappage-modal{background:#282b32}.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{margin-bottom:24px}.code-block-wrapper+.code-block-wrapper{padding-top:4px}.ai-header{background:var(--primary-color);height:30px;justify-content:flex-end;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.ai-header,.ai-header-right{align-items:center;display:flex}.ai-header-right{gap:1px}.ai-code-footer{align-items:center;background:var(--gradient-buttons-color);display:flex;justify-content:flex-end;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;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}.effort-header{align-items:center;background:var(--background-color);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,var(--primary-color),var(--secondary-color));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:var(--background-color);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:var(--background-color);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:var(--background-color);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:var(--background-color);border:3px dashed var(--primary-color)66;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:var(--primary-color);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)}.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,var(--primary-color),var(--secondary-color));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,var(--primary-color),var(--secondary-color));border:2px solid var(--primary-color);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:var(--primary-color)}.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,var(--primary-color),var(--secondary-color));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,var(--primary-color),var(--secondary-color));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:var(--background-color);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:var(--primary-color)}.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:var(--primary-color);color:var(--primary-color)}.category-tabs{background:var(--background-color);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:var(--background-color);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:var(--background-color);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:var(--primary-color)}.section-checkbox.disabled{color:var(--primary-color);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:var(--background-color);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:var(--background-color);box-shadow:inset 0 0 15px #d5d5d5e6,inset 6px 6px 12px #d5d5d5b3,inset -6px -6px 12px #ffffff4d}.section-icon{position:relative;right:8px;z-index:1}.section-card.required .section-icon,.section-card.selected .section-icon,.section-icon{color:var(--primary-color)}.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:var(--background-color)}.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:var(--primary-color);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:var(--background-color);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:var(--primary-color);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,var(--primary-color),var(--secondary-color));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:var(--primary-color);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:var(--primary-color);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 var(--primary-color);border-radius:8px;color:var(--primary-color);cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.configuration-button:hover{background:var(--primary-color);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:var(--background-color);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 var(--border-color);border-radius:8px;padding:10px 14px}.config-form-input:focus,.config-form-select:focus,.config-form-textarea:focus{border-color:var(--primary-color)}.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{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));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 var(--primary-color)}.config-button-small:hover{background:var(--primary-color)}.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}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.config-modal{animation:slideUp .3s ease-out;border-radius:20px;flex-direction:column;max-height:85vh;max-width:800px;width:100%}.config-modal,.config-modal-header{background:var(--background-color);display:flex}.config-modal-header{align-items:center;border-bottom:2px solid #0000;border-radius:20px 20px 0 0;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:var(--background-color);border:none;border-radius:10px;box-shadow:6px 6px 12px #d5d5d5cc,-6px -6px 12px #ffffffe6,6px -6px 10px #d5d5d533,-6px 6px 10px #d5d5d533;color:var(--primary-color);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:var(--background-color);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:var(--background-color);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:var(--background-color);border:none;border-radius:10px;box-shadow:var(--intense-box-shadow);color:var(--text-primary);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:var(--intense-box-shadow),0 0 0 3px var(--shadowLight);outline:none}.config-form-input.error,.config-form-select.error,.config-form-textarea.error{box-shadow:var(--intense-box-shadow),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:var(--gradient-primary);box-shadow:8px 8px 16px #d5d5d5cc,-8px -8px 16px #fff6,0 4px 12px var(--shadow-light);color:#fff}.config-button-primary:hover{box-shadow:10px 10px 20px #d5d5d5e6,-10px -10px 20px #ffffff80,0 6px 16px var(--shadow-light);transform:translateY(-2px)}.config-button-primary:active{box-shadow:inset 4px 4px 8px #55017380,inset -4px -4px 8px var(--shadow-light);transform:translateY(0)}.config-button-secondary{background:var(--background-color);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:var(--background-color);box-shadow:4px 4px 8px #d5d5d5b3,-4px -4px 8px #fffc;color:var(--primary-color);font-size:13px;padding:8px 16px}.config-button-small:hover{background:var(--gradient-primary);box-shadow:6px 6px 12px #d5d5d5cc,-6px -6px 12px #ffffffe6,0 2px 8px var(--shadow-light);color:#fff}.phases-timeline{display:flex;flex-direction:column;gap:16px}.phase-item{background:var(--background-color);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:var(--gradient-primary);border-radius:50%;box-shadow:4px 4px 8px var(--shadow-light),-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:var(--background-color);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:var(--background-color);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:var(--background-color);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:var(--background-color);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:var(--background-color);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:var(--gradient-primary);border-radius:50%;box-shadow:4px 4px 8px var(--shadow-light),-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:var(--background-color);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:var(--background-color);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:var(--background-color);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:var(--background-color);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 var(--shadow-light);outline:none}.defect-levels-list{display:flex;flex-direction:column;gap:12px}.defect-level-item{background:var(--background-color);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:var(--primary-color);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:var(--background-color);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:var(--primary-color)}.cicd-test-types{display:flex;flex-direction:column;gap:12px}.cicd-test-type-checkbox{align-items:center;background:var(--background-color);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:var(--primary-color);cursor:pointer;height:18px;width:18px}.cicd-stages-preview{background:var(--background-color);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:var(--gradient-primary);border-radius:50%;box-shadow:3px 3px 6px var(--shadow-light);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:var(--background-color);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:var(--primary-color);font-size:18px;font-weight:700}.e2e-criteria-text{color:#374151;flex:1 1;font-size:13px}.e2e-criteria-remove{align-items:center;background:var(--background-color);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:var(--background-color);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 var(--shadow-light);outline:none}.e2e-add-button{align-items:center;background:var(--gradient-primary);border:none;border-radius:10px;box-shadow:6px 6px 12px #d5d5d5b3,-6px -6px 12px #ffffff4d,0 3px 8px var(--shadow-light);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 var(--shadow-light);transform:translateY(-2px)}.e2e-add-button:disabled{cursor:not-allowed;opacity:.5}.approval-table{background:var(--background-color);border:none;border-radius:12px;box-shadow:inset 4px 4px 8px #d5d5d599,inset -4px -4px 8px #fff6;overflow:hidden}.approval-table-header{background:var(--background-color);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:var(--background-color);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 var(--shadow-light);outline:none}.approval-remove-button{align-items:center;background:var(--background-color);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:var(--background-color);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:var(--primary-color);cursor:pointer;height:18px;width:18px}.criteria-text{color:#374151;font-size:14px}.criteria-remove-button{align-items:center;background:var(--background-color);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:var(--background-color);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 var(--shadow-light);outline:none}.criteria-add-button{align-items:center;background:var(--gradient-primary);border:none;border-radius:10px;box-shadow:6px 6px 12px #d5d5d5b3,-6px -6px 12px #ffffff4d,0 3px 8px var(--shadow-light);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 var(--shadow-light);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:var(--background-color);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:var(--background-color);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:var(--primary-color);content:"•";font-weight:700;left:0;position:absolute}.process-add-phase{background:var(--background-color);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:var(--background-color);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:var(--primary-color);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:var(--background-color);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:var(--primary-color);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:var(--background-color);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:var(--background-color);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:var(--primary-color);box-shadow:0 0 0 4px var(--indicator-path);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:var(--primary-color)}.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:var(--gradient-primary);border-radius:50%;box-shadow:0 2px 8px var(--shadow-light);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:var(--primary-color);transform:rotate(180deg)}.user-select-dropdown{animation:slideDown .3s cubic-bezier(.4,0,.2,1);background:var(--background-color);border:2px solid var(--primary-color);border-radius:12px;box-shadow:0 12px 32px #00000026,0 2px 8px var(--shadow-light);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:var(--primary-color);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:var(--background-color)}.dropdown-list::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:4px}.dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--gradient-secondary)}.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:3px solid var(--primary-color);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:var(--primary-color);box-shadow:0 4px 12px var(--shadow-light)}.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:var(--primary-color);box-shadow:0 0 0 3px var(--shadow-light);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:var(--primary-color);box-shadow:0 0 0 3px var(--shadow-light);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,var(--primary-color),var(--secondary-color));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:var(--primary-color);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:var(--primary-color);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:var(--primary-color);box-shadow:0 0 0 3px #9404c31a;outline:none}.quality-gate-required-badge{align-items:center;background:var(--primary-color);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:var(--primary-color);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:var(--primary-color);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:var(--primary-color);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,var(--primary-color),var(--secondary-color))}.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:var(--primary-color);box-shadow:0 0 0 3px #9404c31a;outline:none}.review-template-save-button{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));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,var(--primary-color),var(--secondary-color));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,var(--primary-color),var(--secondary-color));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:var(--primary-color);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:var(--primary-color);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:var(--primary-color);color:var(--primary-color)}.import-toggle-button:not(.active):hover:not(:disabled){background:var(--primary-color);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:var(--primary-color);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:var(--primary-color);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:var(--primary-color);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:var(--primary-color)}.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:var(--primary-color);border-color:var(--primary-color);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:var(--primary-color);border-radius:50%;cursor:pointer;height:20px;width:20px}.config-form-slider::-moz-range-thumb{background:var(--primary-color);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:var(--primary-color);box-shadow:0 8px 24px #9404c326;transform:translateY(-4px)}.config-mode-card.selected{background:linear-gradient(135deg,#faf5ff,#fff);border-color:var(--primary-color);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}}.token-usage-dashboard{background:var(--background-color);color:var(--text-primary);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-primary);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(--accent-color);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:var(--primary-color);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 var(--shadowLight);transform:translateY(-1px)}.forecast-toggle-btn.active{background-color:var(--primary-color);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:var(--card-background);border:2px solid var(--primary-color);border-radius:10px;box-shadow:0 2px 8px var(--shadowLight);color:var(--primary-color);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:var(--path-indicator);box-shadow:0 4px 12px var(--shadowLight);transform:translateY(-1px)}.forecast-toggle-btn-beautiful.active{background:var(--gradient1);border-color:var(--primary-color);color:#fff}.forecast-toggle-btn-beautiful.active:hover{background:var(--gradient1);box-shadow:0 4px 16px var(--shadowMid)}[data-theme=dark] .forecast-toggle-btn-beautiful{background:#ffffff0d;border-color:var(--primary-color);color:var(--primary-color)}[data-theme=dark] .forecast-toggle-btn-beautiful:hover{background:var(--path-indicator)}[data-theme=dark] .forecast-toggle-btn-beautiful.active{background:var(--gradient1);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:var(--card-background);border:2px solid var(--border-color);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:var(--path-indicator);border-color:var(--primary-color);box-shadow:0 4px 8px var(--shadowLight);transform:translateY(-2px)}.forecast-period-btn-beautiful.active{background:var(--gradient1);border-color:var(--primary-color);box-shadow:0 4px 12px var(--shadowLight);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:var(--path-indicator);border-color:var(--primary-color)}[data-theme=dark] .forecast-period-btn-beautiful.active{background:var(--gradient1);border-color:var(--primary-color)}.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:var(--primary-color);color:var(--primary-color,var(--primary-color))}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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:var(--card-background);border:1.5px solid var(--primary-color);border-radius:8px;color:var(--primary-color);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:var(--path-indicator);transform:translateY(-1px)}.forecast-toggle-compact.active{background:var(--gradient1);border-color:var(--primary-color);color:#fff}[data-theme=dark] .forecast-toggle-compact{background:var(--path-indicator);border-color:var(--primary-color);color:var(--primary-color)}[data-theme=dark] .forecast-toggle-compact:hover{background:var(--path-indicator)}[data-theme=dark] .forecast-toggle-compact.active{background:var(--gradient1);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:var(--card-background);border:1.5px solid var(--border-color);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:var(--path-indicator);border-color:var(--primary-color)}.forecast-option-compact.active{background:var(--gradient1);border-color:var(--primary-color);color:#fff}[data-theme=dark] .forecast-option-compact{background:#ffffff0d;border-color:#fff3;color:#ffffffe6}[data-theme=dark] .forecast-option-compact:hover{background:var(--path-indicator);border-color:var(--primary-color)}[data-theme=dark] .forecast-option-compact.active{background:var(--gradient1);border-color:var(--primary-color);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{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-primary);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(--surface-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.95rem;padding:.5rem 1rem;transition:all .2s ease}.token-usage-reset-filters-btn:hover{background:var(--surface-color);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-primary);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-primary);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-primary);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-primary);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-primary);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-primary);font-size:1.5rem;font-weight:600;margin:0}.token-usage-chart-wrapper{width:100%}.token-usage-table-container{border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.token-usage-table-header{margin-bottom:1.5rem}.token-usage-table-title{font-size:1.5rem;font-weight:600}.token-usage-table-subtitle{font-size:.95rem}.token-usage-table{border-collapse:collapse}.token-usage-table thead{background:var(--surface-color);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(--surface-color)}.token-usage-table-th-content{gap:.5rem}.token-usage-sort-indicator{font-size:.875rem}.token-usage-table tbody tr{transition:background .2s ease}.token-usage-table tbody tr:hover{background:var(--surface-color)}.token-usage-table td{color:var(--text-primary);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(--accent-color);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{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(--surface-color);color:var(--text-primary)}.token-usage-modal-footer{border-top:1px solid var(--border-color);padding:1.5rem 2rem}.token-usage-modal-close-btn{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.token-usage-modal-close-btn:hover{background:var(--surface-color);border-color:var(--primary-color)}.token-usage-sticky-filters{background:var(--background-color);border-bottom:3px solid var(--primary-color);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:color-mix(in srgb,var(--background-color) 95%,#0000)}}.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-primary);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(--surface-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:var(--path-indicator)}.token-usage-stat-icon-tokens{background:#95e1d31a;color:#95e1d3}.token-usage-stat-icon-avg{background:var(--path-indicator);color:var(--primary-color)}.token-usage-details-stat-label{font-size:.875rem;margin:0 0 .25rem}.token-usage-details-stat-value{font-size:1.5rem}.token-usage-details-conversations-section{margin-top:2rem}.token-usage-details-section-title{color:var(--text-primary);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:var(--card-background);border:1px solid var(--border-color);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,var(--shadowLight),var(--shadowMid));color:var(--primary-color)}.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:var(--text-secondary);font-size:13px;font-weight:500;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.token-usage-details-stat-value{color:var(--text-primary);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:var(--text-primary);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{border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.token-usage-accordion-wrapper::-webkit-scrollbar-thumb{background:var(--text-muted)}.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 var(--border-color)}.token-usage-accordion-table thead th{background:linear-gradient(to bottom,var(--surface-color),var(--border-color));border-bottom:2px solid var(--text-muted);color:var(--text-primary);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:var(--surface-color);border-top:1px solid var(--border-color);transition:all .2s ease}.token-usage-conversation-row:hover{background:var(--surface-color);box-shadow:inset 0 1px 0 var(--shadow-base)}.token-usage-conversation-row.expanded{background:linear-gradient(to bottom,var(--path-indicator),#0000);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:var(--text-secondary);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:var(--text-primary);font-size:14px}.token-usage-conversation-title strong{font-weight:600}.token-usage-request-row{background:var(--card-background);border-top:1px solid var(--border-color);transition:background-color .15s ease}.token-usage-request-row:hover{background:var(--surface-color)}.token-usage-request-row td{padding:12px 20px;vertical-align:middle}.token-usage-request-process{color:var(--text-secondary);font-size:13px;padding-left:32px!important}.token-usage-request-indent{color:var(--text-muted);font-size:16px;font-weight:500;margin-right:12px}.token-usage-process-name{color:var(--text-primary);font-weight:500}.token-usage-table-cell-cost{padding-right:24px!important;text-align:left}.token-usage-total-cost{color:#dc2626;font-size:14px}.token-usage-table-cell-duration{color:var(--primary-color);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:var(--surface-color);border:2px dashed var(--border-color);border-radius:12px;color:var(--text-muted);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(to right,#0000,var(--border-color) 20%,var(--border-color) 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:var(--surface-color)}.token-usage-request-row:nth-child(2n):hover{background:var(--border-color)}.token-usage-pagination{align-items:center;background:var(--card-background);border-radius:0 0 12px 12px;border-top:1px solid var(--border-color);display:flex;flex-direction:column-reverse;gap:12px;padding:20px}.token-usage-pagination-info{align-items:center;color:var(--text-muted);font-size:14px;text-align:center}.token-usage-pagination-controls{align-items:center;display:flex;gap:8px}.token-usage-pagination-btn{background:var(--card-background);border:1px solid var(--text-muted);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.token-usage-pagination-btn:hover:not(:disabled){background:var(--surface-color);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:var(--card-background);border:1px solid var(--text-muted);border-radius:6px;color:var(--text-primary);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:var(--surface-color);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 var(--path-indicator),0 1px 3px var(--theme-border-color)}body.dark-mode .token-usage-conversation-row.selected{background-color:color-mix(in srgb,var(--primary-color) 12%,#0000);box-shadow:inset 0 0 15px color-mix(in srgb,var(--primary-color) 8%,#0000),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:color-mix(in srgb,var(--primary-color) 15%,#0000)}.token-usage-conversation-row.selected:hover{background-color:color-mix(in srgb,var(--primary-color) 8%,#0000);box-shadow:inset 0 0 20px color-mix(in srgb,var(--primary-color) 8%,#0000),0 2px 6px var(--theme-border-color)}body.dark-mode .token-usage-conversation-row.selected:hover{background-color:color-mix(in srgb,var(--primary-color) 18%,#0000)}.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 var(--path-indicator),0 1px 3px var(--theme-border-color)}50%{box-shadow:inset 0 0 20px color-mix(in srgb,var(--primary-color) 10%,#0000),0 2px 6px var(--theme-border-color)}to{box-shadow:inset 0 0 15px var(--path-indicator),0 1px 3px var(--theme-border-color)}}.token-usage-conversation-row.selected{animation:subtle-pulse .6s ease-out}.token-usage-table-container{background:var(--card-background);border:1px solid var(--border-color);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:var(--text-primary);font-size:24px;font-weight:700;margin:0}.token-usage-table-subtitle{color:var(--text-secondary);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:var(--text-secondary);left:14px;pointer-events:none;position:absolute}.token-usage-search-input{background:var(--card-background);border:2px solid var(--text-muted);border-radius:12px;box-shadow:0 2px 6px #00000014,0 1px 3px #0000000f;color:var(--text-primary);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:var(--card-background);border-color:var(--primary-color);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 15%,#0000),0 0 0 3px color-mix(in srgb,var(--primary-color) 10%,#0000)}.token-usage-search-input::placeholder{color:var(--text-secondary);font-weight:400}.token-usage-search-clear{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:all .2s ease}.token-usage-search-clear:hover{background:var(--border-color);color:var(--text-primary)}.token-usage-table-wrapper{border:1px solid var(--border-color);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(to bottom,var(--surface-color),var(--border-color))}.token-usage-table thead th{border-bottom:2px solid var(--border-color);color:var(--text-primary);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:var(--border-color)}.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 var(--border-color);transition:all .2s ease}.token-usage-table-row:hover{background:var(--surface-color);box-shadow:inset 0 0 0 1px var(--border-color)}.token-usage-table tbody td{color:var(--text-primary);padding:14px 12px;vertical-align:middle}.token-usage-table-cell-username{color:var(--text-primary);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:var(--text-secondary);font-weight:500}.token-usage-table-cell-percentage{color:var(--primary-color);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 color-mix(in srgb,var(--primary-color) 20%,#0000);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 var(--shadowLight);transform:translateY(-2px)}.token-usage-view-details-btn:active{transform:translateY(0)}.token-usage-no-results{background:var(--surface-color);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:var(--text-muted)}.token-usage-no-results-text{color:var(--text-secondary);font-size:16px;font-weight:500;margin:0}.token-usage-clear-search-btn{background:var(--card-background);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 color-mix(in srgb,var(--primary-color) 20%,#0000);color:#fff;transform:translateY(-2px)}.token-usage-loading{font-size:16px;font-weight:500;padding:60px 20px;text-align:center}.token-usage-error{background:#dc26260d;border:1px solid #dc262633;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:var(--surface-color);border:2px dashed var(--border-color);border-radius:12px;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(to right,#0000,var(--border-color) 20%,var(--border-color) 80%,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.token-usage-table-wrapper{scrollbar-color:var(--text-muted) var(--border-color);scrollbar-width:thin}.token-usage-table-wrapper::-webkit-scrollbar{height:8px}.token-usage-table-wrapper::-webkit-scrollbar-track{background:var(--border-color);border-radius:4px}.token-usage-table-wrapper::-webkit-scrollbar-thumb{background:var(--text-muted);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:var(--primary-color,var(--primary-color));border-width:.5px;border-bottom:none;box-shadow:0 8px 24px #00000026,0 4px 8px #0000001a,0 0 0 1px var(--primary-color) inset;box-shadow:0 8px 24px #00000026,0 4px 8px #0000001a,0 0 0 1px var(--primary-color,var(--primary-color)) inset;color:var(--primary-color);color:var(--primary-color,var(--primary-color));position:relative;transform:translateY(-4px);z-index:3}.folder-tab.active:after{background:var(--primary-color);background:var(--primary-color,var(--primary-color));border-radius:2px;bottom:-3px;box-shadow:0 2px 8px color-mix(in srgb,var(--primary-color) 40%,#0000);box-shadow:0 2px 8px var(--primary-color,color-mix(in srgb,var(--primary-color) 40%,#0000));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,0 0 0 1px var(--primary-color) inset;box-shadow:0 12px 32px #0000002e,0 6px 12px #0000001f,0 0 0 1px var(--primary-color,var(--primary-color)) 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:var(--theme-border-color,color-mix(in srgb,var(--primary-color) 40%,#0000));box-shadow:0 6px 16px #0006,0 3px 6px #0000004d}.dark-mode .folder-tab.active,.dark-mode .folder-tab:hover{color:var(--primary-color);color:var(--primary-color,var(--primary-color))}.dark-mode .folder-tab.active{background:#282b32;background:var(--card-background,#282b32);border-color:var(--primary-color,var(--primary-color));box-shadow:0 8px 24px #00000080,0 4px 8px #0000004d,0 0 0 1px var(--primary-color) inset;box-shadow:0 8px 24px #00000080,0 4px 8px #0000004d,0 0 0 1px var(--primary-color,var(--primary-color)) inset}.dark-mode .folder-tab.active:after{background:var(--primary-color);background:var(--primary-color,var(--primary-color));box-shadow:0 2px 8px color-mix(in srgb,var(--primary-color) 60%,#0000);box-shadow:0 2px 8px var(--primary-color,color-mix(in srgb,var(--primary-color) 60%,#0000))}.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:var(--primary-color,var(--primary-color));box-shadow:0 6px 12px #0006;color:var(--primary-color);color:var(--primary-color,var(--primary-color))}.folder-tab:focus{outline:2px solid var(--primary-color);outline:2px solid var(--primary-color,var(--primary-color));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 var(--primary-color,var(--primary-color));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-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:var(--text-secondary);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:var(--text-primary);font-size:13px;font-weight:600}.token-usage-request-row .token-usage-table-cell-timestamp{color:var(--text-secondary);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:var(--primary-color);font-weight:600}.token-usage-accordion-wrapper{max-height:600px;overflow-y:auto;position:relative;scrollbar-color:var(--primary-color) var(--border-color)}.token-usage-accordion-wrapper::-webkit-scrollbar{width:8px}.token-usage-accordion-wrapper::-webkit-scrollbar-track{background:var(--border-color)}.token-usage-accordion-wrapper::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}[data-theme=dark] .token-usage-accordion-wrapper::-webkit-scrollbar-track{background:#374151}[data-theme=dark] .token-usage-accordion-wrapper::-webkit-scrollbar-thumb{background:var(--primary-color)}@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(to bottom,var(--surface-color),var(--border-color));box-shadow:0 2px 4px #0000000d}[data-theme=dark] .token-usage-accordion-table thead{background:linear-gradient(to bottom,var(--surface-color),var(--background-color))}.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-primary);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-primary);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-primary);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-primary);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-primary);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-primary);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-primary);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-primary);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);border-bottom:2px solid var(--primary-color,var(--primary-color));box-shadow:0 2px 8px #0000000f;margin-bottom:1rem;padding:.5rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme=dark] .token-usage-sticky-filters{background:#282b32;background:var(--background-color,#282b32);border-bottom:2px solid var(--primary-color,var(--primary-color));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:var(--theme-border-color,var(--shadowLight));box-shadow:0 4px 8px #00000014;color:var(--primary-color);color:var(--primary-color,var(--primary-color));transform:translateY(-1px)}.folder-tab.active{box-shadow:0 6px 16px #0000001f,0 2px 4px #00000014,0 0 0 1px var(--primary-color) inset;box-shadow:0 6px 16px #0000001f,0 2px 4px #00000014,0 0 0 1px var(--primary-color,var(--primary-color)) inset;transform:translateY(-2px)}.folder-tab.active:hover{box-shadow:0 8px 20px #00000024,0 4px 8px #0000001a,0 0 0 1px var(--primary-color) inset;box-shadow:0 8px 20px #00000024,0 4px 8px #0000001a,0 0 0 1px var(--primary-color,var(--primary-color)) 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:var(--primary-color,var(--primary-color));box-shadow:0 4px 8px #00000014;color:var(--primary-color);color:var(--primary-color,var(--primary-color));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:var(--theme-border-color,color-mix(in srgb,var(--primary-color) 40%,#0000))}[data-theme=dark] .folder-tab.active,[data-theme=dark] .folder-tab:hover{color:var(--primary-color);color:var(--primary-color,var(--primary-color))}[data-theme=dark] .folder-tab.active{background:#282b32;background:var(--card-background,#282b32);border-color:var(--primary-color,var(--primary-color))}[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:var(--primary-color,var(--primary-color));color:var(--primary-color);color:var(--primary-color,var(--primary-color))}.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,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:8px;box-shadow:0 2px 8px color-mix(in srgb,var(--primary-color) 25%,#0000);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:var(--gradient1);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 35%,#0000);transform:translateY(-1px)}.token-usage-export-pdf-btn-header:active:not(:disabled){box-shadow:0 2px 8px color-mix(in srgb,var(--primary-color) 25%,#0000);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 color-mix(in srgb,var(--primary-color) 40%,#0000)}[data-theme=dark] .token-usage-export-pdf-btn-header:hover:not(:disabled){box-shadow:0 4px 12px var(--shadowMid)}@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,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:8px;box-shadow:0 2px 4px color-mix(in srgb,var(--primary-color) 20%,#0000);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:var(--gradient1);box-shadow:0 4px 12px var(--shadowLight);transform:translateY(-1px)}.token-usage-export-pdf-btn:active:not(:disabled){box-shadow:0 2px 4px color-mix(in srgb,var(--primary-color) 20%,#0000);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 color-mix(in srgb,var(--primary-color) 40%,#0000)}[data-theme=dark] .token-usage-export-pdf-btn:hover:not(:disabled){box-shadow:0 4px 12px var(--shadowMid)}@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}}: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;--primary-tint-hover:#9404c312;--primary-tint-drag:#9404c324;--success-color:#16a34a;--success-bg:#f0fdf4;--success-hover-bg:#16a34a1a;--error-color:#ef4444;--error-bg:#fef2f2;--error-hover-bg:#ef44441a;--warning-color:#f59e0b;--warning-bg:#fffbeb;--warning-hover-bg:#f59e0b1a;--critical-color:#dc2626;--critical-bg:#fef2f2;--critical-hover-bg:#dc26261a;--critical-shadow:#dc26261a;--info-color:#2563eb;--info-bg:#dbeafe;--color-scheme:light;--icon-invert:0}.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;--success-color:#22c55e;--success-bg:#16a34a1a;--success-hover-bg:#16a34a26;--error-color:#f87171;--error-bg:#ef44441a;--error-hover-bg:#ef444426;--warning-color:#fbbf24;--warning-bg:#f59e0b1a;--warning-hover-bg:#f59e0b26;--critical-color:#f87171;--critical-bg:#dc262626;--critical-hover-bg:#dc262633;--critical-shadow:#dc262626;--info-color:#60a5fa;--info-bg:#2563eb26;--color-scheme:dark;--icon-invert:1;--primary-tint-hover:#9404c326;--primary-tint-drag:#9404c340}[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;--primary-tint-hover:#9404c312;--primary-tint-drag:#9404c324}[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;--primary-tint-hover:#40812212;--primary-tint-drag:#40812224}[data-theme=blue]{--primary-color:#0033a1;--secondary-color:#00246b;--accent-color:#005eb8;--accentHighlight-color:#2f7de1;--theme-border-color:#0033a159;--theme-border-hover:#0033a18c;--shadowLight:#005eb840;--shadowMid:#0033a199;--shadowDark:#00246bd9;--gradient1:linear-gradient(0deg,#00246b,#0033a1);--gradient2:linear-gradient(90deg,#0033a1,#00246b);--path-indicator:#005eb80a;--primary-tint-hover:#0033a10f;--primary-tint-drag:#0033a11f}[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;--primary-tint-hover:#e03c3112;--primary-tint-drag:#e03c3124}[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;--primary-tint-hover:#d8b73212;--primary-tint-drag:#d8b73224}: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}.oauth-callback-overlay{align-items:center;background:#12141a;display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:9999}.oauth-bg-canvas{height:100%;inset:0;width:100%;z-index:0}.oauth-bg-canvas,.oauth-glow-center{pointer-events:none;position:absolute}.oauth-glow-center{animation:oauthGlowBreathe 4s ease-in-out infinite;background:radial-gradient(circle,#9404c31a 0,#0000 65%);border-radius:50%;height:900px;left:50%;top:50%;transform:translate(-50%,-50%);width:900px;z-index:1}@keyframes oauthGlowBreathe{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}}.oauth-callback-container{align-items:center;display:flex;flex-direction:column;gap:0;position:relative;z-index:10}.oauth-provider-row{align-items:center;animation:oauthRiseIn .55s ease .2s forwards;display:flex;gap:12px;margin-bottom:24px;opacity:0}.oauth-provider-row svg{opacity:.75}.oauth-provider-label{color:#6b7280;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.oauth-callback-container .overall-loader-container{animation:oauthRiseIn .55s ease .35s forwards;background-color:initial;height:auto;opacity:0;width:auto}.oauth-callback-container .overall-loader-canvas-wrapper{left:auto;position:relative;transform:none}.oauth-headline{animation:oauthRiseIn .55s ease .55s forwards;margin-top:24px;opacity:0;text-align:center}.oauth-headline h1{color:#e2e4ec;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:27px;font-weight:700;letter-spacing:-.01em;line-height:1.2}.oauth-accent{color:#b04ff0}.oauth-dots span{animation:oauthBlink 1.4s infinite;display:inline-block;opacity:0}.oauth-dots span:nth-child(2){animation-delay:.2s}.oauth-dots span:nth-child(3){animation-delay:.4s}@keyframes oauthBlink{0%,80%,to{opacity:0}40%{opacity:1}}.oauth-callback-loading-text{animation:oauthRiseIn .55s ease .65s forwards;color:#4a5060;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;letter-spacing:.02em;margin-top:16px;opacity:0;text-align:center}.oauth-callback-provider-name{text-transform:capitalize}.oauth-track{align-items:flex-start;animation:oauthRiseIn .55s ease .75s forwards;display:flex;margin-top:56px;opacity:0}.oauth-track-step{align-items:center;display:flex;flex-direction:column;gap:8px;min-width:110px}.oauth-track-label{color:#323640;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;letter-spacing:.03em;text-align:center;transition:color .5s}.oauth-track-step.done .oauth-track-label{color:#55606e}.oauth-track-step.active .oauth-track-label{color:#b04ff0}.oauth-track-dot{background:#1e2028;border:1.5px solid #2e3240;border-radius:50%;height:10px;transition:background .5s,border-color .5s,box-shadow .5s;width:10px}.oauth-track-step.done .oauth-track-dot{background:#3d4455;border-color:#3d4455}.oauth-track-step.active .oauth-track-dot{animation:oauthDotPulse 1.2s ease-in-out infinite;background:#9404c3;border-color:#b04ff0}@keyframes oauthDotPulse{0%,to{box-shadow:0 0 0 3px #9404c326,0 0 12px #9404c380}50%{box-shadow:0 0 0 6px #9404c340,0 0 24px #9404c3cc}}.oauth-track-line{background:#1e2028;flex-shrink:0;height:1px;margin-top:5px;transition:background .5s;width:60px}.oauth-track-line.lit{background:#3d4455}.oauth-footer{animation:oauthRiseIn .55s ease 1s forwards;bottom:28px;color:#2e3240;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;letter-spacing:.06em;opacity:0;position:fixed;text-transform:uppercase;z-index:10}.oauth-footer-brand{color:#4a2870}@keyframes oauthRiseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.oauth-callback-error-card{align-items:center;background:#282b32;border-radius:16px;box-shadow:10px 10px 25px #0c0e14e6,-10px -10px 20px #383c46e6,0 0 40px #9404c326;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;max-width:420px;padding:40px;position:relative;text-align:center;z-index:10}.oauth-callback-error-icon{font-size:48px;margin-bottom:20px}.oauth-callback-error-title{color:#e2e4ec;font-size:22px;font-weight:700;margin-bottom:16px}.oauth-callback-error-message{color:#6b7280;font-size:15px;line-height:1.5;margin-bottom:20px}.oauth-callback-error-redirect{color:#3d4455;font-size:13px}.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-message p{margin:0 0 8px}.confirmation-modal-message ul{list-style:disc;margin:8px 0;padding-left:20px}.confirmation-modal-message li{font-size:13px;line-height:1.5;margin-bottom:6px}.confirmation-modal-message code{background:#f3f4f6;border-radius:3px;color:#9404c3;font-family:Fira Code,Fira Mono,monospace;font-size:12px;padding:1px 5px}.confirmation-modal-message strong{color:#374151;font-weight:600}.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 fadeIn{0%{opacity:0}to{opacity:1}}@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}}.mock-run-bottom{animation:mock-run-slide-up .3s cubic-bezier(.4,0,.2,1);background:var(--background-color);border-top:1.5px solid var(--border-color);bottom:0;box-shadow:0 -4px 16px #00000014;left:260px;left:var(--sidebar-width,260px);overflow:hidden;position:fixed;right:0;z-index:10000}.mock-run-progress__inner{align-items:center;display:flex;gap:10px;padding:10px 14px}.mock-run-progress__status{align-items:center;color:var(--text-primary);display:flex;flex-shrink:0;font-size:11px;font-weight:600;gap:5px;white-space:nowrap}.mock-run-progress__status-icon{color:var(--primary-color);flex-shrink:0}.mock-run-progress__status-icon--spinning{animation:mock-run-spin 1s linear infinite}.mock-run-progress__status-icon--completed{color:#22c55e}.mock-run-progress__status-icon--failed{color:#ef4444}.mock-run-progress__bar-wrap{align-items:center;display:flex;flex:1 1;min-width:0}.mock-run-progress__track{background:color-mix(in srgb,var(--border-color) 30%,#0000);border-radius:99px;box-shadow:inset 1px 1px 3px #0000001f,inset -1px -1px 2px #ffffff80;flex:1 1;height:8px;overflow:visible;position:relative}.mock-run-progress__fill{background:var(--primary-color);border-radius:99px;box-shadow:0 1px 4px color-mix(in srgb,var(--primary-color) 35%,#0000);height:100%;overflow:hidden;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1)}.mock-run-progress__fill:before{animation:mock-run-shimmer 2.2s ease-in-out infinite;background:linear-gradient(110deg,#0000 25%,#fff6 47%,#ffffff26 53%,#0000 75%);background-size:250% 100%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.mock-run-bottom--completed .mock-run-progress__fill{background:#22c55e;box-shadow:0 1px 4px #22c55e59}.mock-run-bottom--failed .mock-run-progress__fill{background:#ef4444;box-shadow:0 1px 4px #ef444459}.mock-run-bottom--failed .mock-run-progress__fill:before{animation:none}.mock-run-progress__bubble{background:var(--primary-color);border-radius:6px;box-shadow:0 2px 6px color-mix(in srgb,var(--primary-color) 35%,#0000);color:#fff;font-size:9px;font-weight:700;margin-top:-8px;padding:2px 7px;pointer-events:none;position:fixed;transform:translate(-50%,-100%);transition:left .4s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:10001}.mock-run-progress__bubble:after{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid var(--primary-color);bottom:-4px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.mock-run-progress__bubble--completed{background:#22c55e;box-shadow:0 2px 6px #22c55e59}.mock-run-progress__bubble--completed:after{border-top-color:#22c55e}.mock-run-progress__bubble--failed{background:#ef4444;box-shadow:0 2px 6px #ef444459}.mock-run-progress__bubble--failed:after{border-top-color:#ef4444}.mock-run-progress__counts{display:flex;flex-shrink:0;gap:5px}.mock-run-progress__badge{align-items:center;border-radius:99px;display:flex;font-size:10.5px;font-weight:700;gap:3px;padding:2px 8px}.mock-run-progress__badge--passed{background:#22c55e1a;color:#22c55e}.mock-run-progress__badge--failed{background:#ef44441a;color:#ef4444}.mock-run-progress__actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.mock-run-progress__view-btn{align-items:center;background:var(--background-color);border:1.5px solid var(--border-color);border-radius:8px;box-shadow:1px 1px 2px #0000000f,-1px -1px 2px #ffffff80;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:10px;font-weight:600;gap:4px;padding:4px 10px;transition:all .2s ease;white-space:nowrap}.mock-run-progress__view-btn--active,.mock-run-progress__view-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.mock-run-progress__results-btn{align-items:center;animation:mock-run-pop-in .3s cubic-bezier(.34,1.56,.64,1);background:#22c55e14;border:1.5px solid #22c55e;border-radius:8px;box-shadow:1px 1px 2px #0000000f,-1px -1px 2px #ffffff80;color:#22c55e;cursor:pointer;display:inline-flex;font-size:10px;font-weight:600;gap:4px;padding:4px 10px;transition:all .2s ease;white-space:nowrap}.mock-run-progress__results-btn:hover{background:#22c55e26;box-shadow:0 2px 8px #22c55e33}.mock-run-progress__results-btn--failed{background:#ef444414;border-color:#ef4444;color:#ef4444}.mock-run-progress__results-btn--failed:hover{background:#ef444426;box-shadow:0 2px 8px #ef444433}.mock-run-progress__close-btn{align-items:center;background:var(--background-color);border:1.5px solid var(--border-color);border-radius:50%;box-shadow:1px 1px 2px #0000000f,-1px -1px 2px #ffffff80;color:var(--text-secondary);cursor:pointer;display:flex;height:22px;justify-content:center;transition:all .2s ease;width:22px}.mock-run-progress__close-btn:hover{border-color:#ef4444;color:#ef4444}.mock-run-details{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1)}.mock-run-details--open{border-top:1px solid color-mix(in srgb,var(--border-color) 50%,#0000);max-height:calc(100vh - 320px)}.mock-run-details__content{display:flex;flex-direction:column;height:calc(100vh - 320px)}.mock-run-details__header{align-items:center;display:flex;flex-shrink:0;gap:8px;padding:8px 16px}.mock-run-details__title{color:var(--text-primary);font-size:12px;font-weight:700;margin:0}.mock-run-details__test-name{background:color-mix(in srgb,var(--primary-color) 8%,#0000);border-radius:4px;color:var(--primary-color);font-size:11px;font-weight:600;max-width:200px;overflow:hidden;padding:1px 8px;text-overflow:ellipsis;white-space:nowrap}.mock-run-details__runid{background:color-mix(in srgb,var(--border-color) 20%,#0000);border-radius:4px;color:var(--text-muted);font-family:monospace;font-size:9px;margin-left:auto;padding:1px 6px}.mock-run-details__meta{align-items:center;display:flex;flex-shrink:0;gap:6px;padding:0 16px 6px}.mock-run-details__meta-tag{align-items:center;background:color-mix(in srgb,var(--border-color) 15%,#0000);border-radius:4px;color:var(--text-muted);display:inline-flex;font-size:9px;font-weight:600;gap:4px;padding:2px 7px;text-transform:capitalize}.mock-run-details__meta-tag svg{flex-shrink:0;opacity:.7}.mock-run-details__summary{border-bottom:1px solid color-mix(in srgb,var(--border-color) 40%,#0000);display:flex;flex-shrink:0;gap:6px;padding:6px 16px 10px}.mock-run-details__stat{align-items:center;background:var(--background-color);border:1px solid color-mix(in srgb,var(--border-color) 50%,#0000);border-radius:10px;box-shadow:inset 1px 1px 2px #0000000a,inset -1px -1px 2px #fff9,1px 1px 3px #0000000a;display:flex;flex:1 1;flex-direction:column;gap:2px;padding:8px 0}.mock-run-details__stat-label{color:var(--text-muted);font-size:8px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.mock-run-details__stat-value{color:var(--text-primary);font-size:15px;font-weight:800}.mock-run-details__perm-stepper{align-items:center;display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px}.mock-run-details__perm-pill{align-items:center;border:1.5px solid #0000;border-radius:20px;display:flex;font-size:10px;font-weight:700;gap:4px;padding:4px 10px;transition:all .2s ease}.mock-run-details__perm-pill-num{min-width:14px;text-align:center}.mock-run-details__perm-pill--pending{background:color-mix(in srgb,var(--border-color) 20%,#0000);border-color:color-mix(in srgb,var(--border-color) 40%,#0000);color:var(--text-muted)}.mock-run-details__perm-pill--running{background:color-mix(in srgb,var(--primary-color) 12%,#0000);border-color:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 15%,#0000);color:var(--primary-color)}.mock-run-details__perm-pill-spinner{animation:mock-run-spin 1s linear infinite}.mock-run-details__perm-pill--passed{background:#22c55e1a;border-color:#22c55e4d;color:#16a34a}.mock-run-details__perm-pill--failed{background:#ef44441a;border-color:#ef44444d;color:#dc2626}.mock-run-details__perm-pill--skipped{background:color-mix(in srgb,var(--border-color) 15%,#0000);border-color:color-mix(in srgb,var(--border-color) 30%,#0000);color:var(--text-muted);opacity:.7}.mock-run-details__stat--passed .mock-run-details__stat-value{color:#22c55e}.mock-run-details__stat--failed .mock-run-details__stat-value{color:#ef4444}.mock-run-details__table-wrap{flex:1 1;overflow-y:auto;position:relative;scrollbar-color:#00000014 #0000;scrollbar-width:thin}.mock-run-details__table-wrap::-webkit-scrollbar{width:4px}.mock-run-details__table-wrap::-webkit-scrollbar-track{background:#0000}.mock-run-details__table-wrap::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:2px}.mock-run-details__table{border-collapse:collapse;font-size:11px;width:100%}.mock-run-details__table thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.mock-run-details__table th{background:var(--background-color);border-bottom:1px solid color-mix(in srgb,var(--border-color) 40%,#0000);color:var(--text-muted);font-size:8px;font-weight:700;letter-spacing:.6px;padding:6px 16px;text-align:left;text-transform:uppercase}.mock-run-details__table td{border-bottom:1px solid color-mix(in srgb,var(--border-color) 20%,#0000);color:var(--text-primary);font-size:11px;padding:5px 16px}.mock-run-details__table tbody tr:hover{background:color-mix(in srgb,var(--border-color) 8%,#0000)}.mock-run-details__row{animation:mock-run-row-in .15s ease both}@keyframes mock-run-row-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.mock-run-details__status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:10px;font-weight:600;gap:4px;padding:2px 8px}.mock-run-details__status-badge--passed{background:#22c55e14;border:1px solid #22c55e26;color:#22c55e}.mock-run-details__status-badge--failed{background:#ef444414;border:1px solid #ef444426;color:#ef4444}.mock-run-details__status-badge--skipped{background:#6b728014;border:1px solid #6b728026;color:#6b7280}.mock-run-details__perm-info{display:flex;flex-direction:column;gap:2px;min-width:0}.mock-run-details__perm-name{color:var(--text-primary);font-size:11px;font-weight:600}.mock-run-details__perm-error,.mock-run-details__perm-name{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-run-details__perm-error{align-items:center;color:#ef4444;display:flex;font-size:9px;gap:3px}.mock-run-details__perm-error svg{flex-shrink:0}.mock-run-details__step-count{background:color-mix(in srgb,var(--border-color) 15%,#0000);border-radius:4px;color:var(--text-muted);font-size:10px;font-weight:600;padding:1px 6px}.mock-run-details__duration{color:var(--text-muted);font-family:monospace;font-size:10px}.mock-run-details__stream-layout{display:flex;inset:0;overflow:hidden;position:absolute}.mock-run-details__stream-steps{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow-y:auto;scrollbar-color:#00000014 #0000;scrollbar-width:thin}.mock-run-details__stream-steps::-webkit-scrollbar{width:4px}.mock-run-details__stream-steps::-webkit-scrollbar-track{background:#0000}.mock-run-details__stream-steps::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:2px}.mock-run-details__stream-preview{align-items:center;background:color-mix(in srgb,var(--border-color) 4%,#0000);border-left:1px solid color-mix(in srgb,var(--border-color) 30%,#0000);display:flex;flex-direction:column;flex-shrink:0;gap:8px;justify-content:center;overflow:hidden;padding:12px;width:320px}.mock-run-details__preview-img{animation:mock-run-img-fade .3s ease;border:1px solid color-mix(in srgb,var(--border-color) 40%,#0000);border-radius:8px;box-shadow:0 2px 8px #00000014;cursor:pointer;max-height:calc(100% - 36px);max-width:100%;object-fit:contain;transition:all .3s ease}@keyframes mock-run-img-fade{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.mock-run-details__preview-img:hover{border-color:var(--primary-color);box-shadow:0 4px 16px #0000001f}.mock-run-details__preview-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:11px;gap:8px;opacity:.5;padding:20px;text-align:center}.mock-run-details__preview-caption{align-items:center;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:10px;font-weight:600;gap:6px}.mock-run-details__view-latest-btn{align-items:center;animation:mock-run-pop-in .2s ease both;background:color-mix(in srgb,var(--primary-color) 8%,#0000);border:1.5px solid var(--primary-color);border-radius:8px;color:var(--primary-color);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:600;gap:5px;padding:4px 12px;transition:all .2s ease}.mock-run-details__view-latest-btn:hover{background:color-mix(in srgb,var(--primary-color) 15%,#0000);box-shadow:0 2px 8px color-mix(in srgb,var(--primary-color) 25%,#0000)}.mock-run-details__view-latest-btn svg{animation:mock-run-pulse 1.5s ease-in-out infinite}@keyframes mock-run-pulse{0%,to{opacity:1}50%{opacity:.4}}.mock-run-details__step-row{align-items:stretch;animation:mock-run-row-in .15s ease both;border-bottom:1px solid color-mix(in srgb,var(--border-color) 20%,#0000);display:flex;gap:12px;padding:8px 16px;transition:background .15s ease}.mock-run-details__step-row--clickable{cursor:pointer}.mock-run-details__step-row:hover{background:color-mix(in srgb,var(--border-color) 6%,#0000)}.mock-run-details__step-row--active{background:color-mix(in srgb,var(--primary-color) 6%,#0000);border-left:2px solid var(--primary-color)}.mock-run-details__step-row--failed{background:#ef444405;border-left:2px solid #ef44444d}.mock-run-details__step-left{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.mock-run-details__step-header{align-items:center;display:flex;gap:6px}.mock-run-details__step-num{background:color-mix(in srgb,var(--primary-color) 8%,#0000);border-radius:4px;color:var(--primary-color);flex-shrink:0;font-size:9px;font-weight:700;padding:1px 6px;text-transform:uppercase}.mock-run-details__step-name{color:var(--text-primary);flex:1 1;font-size:11px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-run-details__step-desc{color:var(--text-muted);font-size:10px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-run-details__step-meta{align-items:center;display:flex;gap:6px}.mock-run-details__step-type{background:color-mix(in srgb,var(--border-color) 15%,#0000);border-radius:3px;color:var(--text-muted);font-size:9px;font-weight:600;padding:1px 5px}.mock-run-details__step-has-img{align-items:center;color:var(--primary-color);display:flex;opacity:.6}.mock-run-details__step-errors{display:flex;flex-direction:column;gap:2px;margin-top:2px}.mock-run-details__step-error{align-items:flex-start;color:#ef4444;display:flex;font-size:9px;gap:3px;line-height:1.3}.mock-run-details__step-error svg{flex-shrink:0;margin-top:1px}.mock-run-details__img-overlay{align-items:center;animation:mock-run-pop-in .2s ease both;background:#000000b3;cursor:pointer;display:flex;inset:0;justify-content:center;position:fixed;z-index:10001}.mock-run-details__img-expanded{border-radius:12px;box-shadow:0 8px 32px #0006;max-height:95vh;max-width:95vw;object-fit:contain}.mock-run-details__step-row--header{background:color-mix(in srgb,var(--primary-color) 4%,#0000);border-bottom:1.5px solid color-mix(in srgb,var(--primary-color) 15%,#0000);border-left:3px solid var(--primary-color);padding:6px 16px}.mock-run-details__step-row--header .mock-run-details__step-name{font-size:11.5px;font-weight:700}.mock-run-details__row--clickable{cursor:pointer}.mock-run-details__row--clickable:hover{background:color-mix(in srgb,var(--border-color) 12%,#0000)}.mock-run-details__expanded-row td{border-bottom:2px solid color-mix(in srgb,var(--border-color) 40%,#0000);padding:0}.mock-run-details__expanded-steps{background:color-mix(in srgb,var(--border-color) 4%,#0000);padding:4px 0}.mock-run-details__step-group{margin-bottom:2px}.mock-run-details__step-group-header-row{align-items:center;background:color-mix(in srgb,var(--primary-color) 5%,#0000);border-left:3px solid var(--primary-color);color:var(--text-primary);display:flex;font-size:10px;font-weight:700;gap:6px;padding:5px 24px}.mock-run-details__step-group-label{font-weight:700}.mock-run-details__step-group-name{color:var(--text-muted);font-size:10px;font-weight:500}.mock-run-details__inline-step{border-bottom:1px solid color-mix(in srgb,var(--border-color) 15%,#0000);padding:5px 32px}.mock-run-details__inline-step--failed{background:#ef444405;border-left:2px solid #ef444440}.mock-run-details__inline-step-header{align-items:center;display:flex;font-size:10.5px;gap:6px}.mock-run-details__inline-step-alias{color:var(--text-primary);font-weight:600}.mock-run-details__inline-step-name{color:var(--text-muted);font-size:10px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-run-details__inline-step-request{align-items:center;color:var(--text-muted);display:flex;font-size:9.5px;gap:4px;margin-top:3px}.mock-run-details__inline-step-method{background:color-mix(in srgb,var(--primary-color) 10%,#0000);border-radius:3px;color:var(--primary-color);font-size:9px;font-weight:700;padding:0 4px;text-transform:uppercase}.mock-run-details__inline-step-url{font-family:monospace;font-size:9px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-run-details__inline-step-code{background:#22c55e14;border-radius:3px;color:#22c55e;font-size:9px;font-weight:700;padding:0 4px}.mock-run-details__inline-step-code--error{background:#ef444414;color:#ef4444}.mock-run-details__step-error--passed{color:#22c55e}.mock-run-details__empty{color:var(--text-muted);font-size:11px;padding:28px 20px;text-align:center}@keyframes mock-run-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes mock-run-pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes mock-run-shimmer{0%{background-position:200% 0}to{background-position:-50% 0}}@keyframes mock-run-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mock-run-progress__header-running{animation:mock-run-spin 1s linear infinite}.mock-run-details__perm-label{align-items:center;background:color-mix(in srgb,var(--primary-color) 5%,var(--background-color));border-top:1.5px solid color-mix(in srgb,var(--primary-color) 20%,#0000);color:var(--primary-color);display:flex;font-size:10px;font-weight:700;gap:6px;letter-spacing:.5px;margin-top:4px;padding:8px 16px;text-transform:uppercase}.mock-run-details__perm-label:first-child{margin-top:0}.mock-run-details__perm-label svg{flex-shrink:0;opacity:.6}.mock-run-details__perm-label .mock-run-details__status-badge{letter-spacing:0;margin-left:auto;text-transform:none}.mock-run-error{align-items:center;animation:mock-run-slide-up .3s cubic-bezier(.4,0,.2,1);background:#ef44440f;border:1.5px solid #ef444440;border-radius:14px;bottom:12px;color:#ef4444;display:flex;font-size:11px;font-weight:600;gap:8px;margin-top:auto;padding:10px 14px;position:-webkit-sticky;position:sticky;z-index:51}.mock-run-error span{flex:1 1}.mock-run-error button{align-items:center;background:#0000;border:1.5px solid #ef444440;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:14px;height:22px;justify-content:center;transition:all .2s ease;width:22px}.mock-run-error button:hover{background:#ef44441a}
/*# sourceMappingURL=main.937c26ac.css.map*/