.alert-container{align-items:left;border-left:5px solid;border-radius:10px;flex-direction:column;justify-content:left;gap:10px;width:60%;padding:10px;display:flex}.alert-icon{text-transform:uppercase;flex-direction:row;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.alert-container.warning{color:var(--brown-color);background-color:var(--yellow-color);border-left-color:var(--orange-color)}.alert-container.error{color:var(--red-color);background-color:var(--lightred-color);border-left-color:var(--red-color)}.alert-container.success{color:var(--green-color);background-color:var(--lightgreen-color);border-left-color:var(--green-color)}.alert-container.info{color:var(--blue-color);background-color:var(--lightblue-color);border-left-color:var(--blue-color)}.api-error-details{text-align:left;border-top:1px solid #08369b1f;align-self:stretch;width:100%;padding-top:.75rem}.api-error-details-summary{cursor:pointer;font-size:.85rem;font-weight:600;list-style-position:inside}.api-error-details-summary:hover{color:var(--blue-color)}.api-error-details-list{overflow-wrap:break-word;max-height:30vh;margin:.5rem 0 0;padding-left:1.25rem;font-size:.85rem;line-height:1.45;overflow-y:auto}.api-error-details-list li+li{margin-top:.25rem}.api-error-details-code{opacity:.6;margin:.5rem 0 0;font-size:.72rem}.button{background-color:var(--white-color);color:var(--black-color);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-width:120px;height:100%;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s ease-in-out;display:flex;position:relative;box-shadow:0 2px 5px #0000001a}.button:hover{color:var(--fuchsia-color);background-color:#f7f5ff;transform:translateY(-2px);box-shadow:0 4px 8px #0000001f}.button:active{transform:translateY(0);box-shadow:0 2px 3px #0000001a}.buttonNavBar{color:var(--white-color);cursor:pointer;background:0 0;border:none;justify-content:space-evenly;align-items:center;height:100%;margin:7px;font-size:18px;transition:all .2s;display:flex}.buttonNavBar:hover{color:var(--fuchsia-color);transform:translateY(-1px)}.icon{background-color:var(--white-color);color:var(--black-color);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;margin:5px;padding:10px;font-size:14px;transition:all .2s ease-in-out;display:flex;box-shadow:0 2px 5px #0000001a}.icon:hover{color:var(--fuchsia-color);transform:translateY(-2px);box-shadow:0 4px 8px #0000001f}button:disabled{background-color:var(--lightgrey-color);color:var(--grey-color);cursor:not-allowed;box-shadow:none}button.premium-disabled:disabled{background:linear-gradient(135deg,#c8a84b 0%,#f9d776 50%,#c8a84b 100%) 0 0/200%;color:#4a2e00!important}button:disabled:hover{box-shadow:none;transform:none}button:disabled:hover .button-tooltip{visibility:visible}.button-tooltip{visibility:hidden;background-color:var(--blue-color);width:120px;color:var(--white-color);text-align:center;z-index:1;border-radius:6px;padding:5px;position:absolute}.buy-premium-button{color:#4a2e00;white-space:nowrap;background:linear-gradient(135deg,#c8a84b 0%,#f9d776 50%,#c8a84b 100%) 0 0/200%;border-radius:50px;align-items:center;gap:.4rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 2px 8px #c8a84b73,inset 0 1px #ffffff59}.buy-premium-button:hover{color:#4a2e00;cursor:pointer;background-position:100%;transform:translateY(-2px);box-shadow:0 4px 16px #c8a84ba6,inset 0 1px #ffffff59}.buy-premium-button--compact{letter-spacing:.03em;border:none;justify-content:center;width:100%;padding:.3rem .75rem;font-size:.8rem;display:flex}.buy-premium-button--compact svg{flex-shrink:0;font-size:1rem}.buy-premium-button--hero{letter-spacing:.04em;text-transform:uppercase;border:none;max-width:fit-content;padding:.85rem 2rem;font-family:Allumi-extended,sans-serif;font-size:1rem;box-shadow:0 4px 20px #c8a84b73,inset 0 1px #ffffff59}.buy-premium-button--hero:hover{box-shadow:0 8px 30px #c8a84ba6,inset 0 1px #ffffff59}.buy-premium-button--hero svg{flex-shrink:0;font-size:1.25rem}.card{text-align:left;background:#fffffff2;border:1px solid #08369b14;border-radius:20px;padding:1.3rem;box-shadow:0 20px 45px #08369b38}:disabled{background:var(--lightgrey-color)}.card-header{justify-content:space-between;display:flex}.card-title{width:100%;margin-bottom:20px;font-family:Allumi-extended,sans-serif;font-weight:700}.empty-state-card{background:var(--white-color);border:0;border-radius:16px;justify-content:center;align-items:center;min-height:280px;padding:48px 32px;display:flex}.empty-state-content{text-align:center;color:var(--grey-color);flex-direction:column;align-items:center;gap:16px;display:flex}.empty-state-icon-wrapper{background:var(--lightblue-color);border-radius:50%;justify-content:center;align-items:center;padding:20px;display:flex}.empty-state-icon{color:var(--blue-color);font-size:36px}.empty-state-text{flex-direction:column;align-items:center;gap:8px;display:flex}.empty-state-title{color:var(--darkblue-color);margin:0;font-size:1.2rem}.empty-state-description{color:var(--grey-color);text-align:center;margin:0}.corner-badge{z-index:1000;width:300px;height:40px;color:var(--white-color);text-transform:uppercase;-webkit-user-select:none;user-select:none;background-color:#3348ffb6;justify-content:center;align-items:center;font-family:Allumi-extended,sans-serif;display:flex;position:fixed;bottom:70px;left:-60px;transform:rotate(45deg);box-shadow:0 0 10px #000c74b6}.cookie-consent-card{right:24px;bottom:calc(var(--footer-height) + 16px);z-index:1000;width:min(380px,100vw - 48px);max-height:calc(100vh - var(--footer-height) - 48px);background-color:var(--white-color);border:1px solid #08369b14;border-radius:20px;flex-direction:column;gap:10px;padding:18px 22px;font-family:Allumi,sans-serif;display:flex;position:fixed;overflow-y:auto;box-shadow:0 20px 45px #08369b38}.cookie-consent-card__close-button{z-index:1;width:32px;min-width:32px;height:32px;color:var(--darkgrey-color);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:0;display:inline-flex;position:absolute;top:12px;right:12px;transform:none}.cookie-consent-card__close-button svg{flex-shrink:0}.cookie-consent-card__close-button:hover{color:var(--fuchsia-color);background-color:#08369b14;transform:none}.cookie-consent-card__close-button:focus-visible{outline:2px solid var(--blue-color);outline-offset:2px;background-color:#08369b14;transform:none}.cookie-consent-card__message{color:var(--black-color);margin:0;padding-right:40px;font-size:14px;line-height:1.4}.cookie-consent-card__policy-link{width:fit-content;color:var(--blue-color);font-size:13px;text-decoration:underline;display:inline-block}.cookie-consent-card__policy-link:hover{color:var(--fuchsia-color)}.cookie-consent-card__categories{border:none;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.cookie-consent-card__categories-legend{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cookie-consent-card__option{background-color:var(--ultralightgrey-color);border-radius:10px;flex-direction:column;gap:3px;padding:6px 10px;display:flex}.cookie-consent-card__option-control{align-items:center;gap:8px;display:flex}.cookie-consent-card__checkbox{width:16px;height:16px;accent-color:var(--blue-color);cursor:pointer;flex-shrink:0;margin:0}.cookie-consent-card__checkbox:disabled{accent-color:var(--darkgrey-color);cursor:not-allowed}.cookie-consent-card__option-label{color:var(--black-color);cursor:default;font-size:14px;font-weight:600}.cookie-consent-card__option-description{color:var(--darkgrey-color);margin:0;padding-left:24px;font-size:11px;line-height:1.3}.cookie-consent-card__actions{flex-direction:column;gap:8px;margin-top:4px;display:flex}.cookie-consent-card__save-hint{color:var(--darkgrey-color);margin:0;font-size:12px;line-height:1.3}.cookie-consent-card__buttons{flex-direction:column;gap:8px;display:flex}.cookie-consent-card__buttons-row{gap:8px;display:flex}.cookie-consent-card__buttons-row--primary>*{flex:1 1 0;min-width:0}.cookie-consent-card__buttons-row--save>*{flex:100%}.cookie-consent-card__accept-btn,.cookie-consent-card__save-btn,.cookie-consent-card__reject-btn{width:100%;min-width:auto;padding:10px 16px;font-size:14px}.cookie-consent-card__accept-btn{background-color:var(--blue-color);color:var(--white-color)}.cookie-consent-card__accept-btn:hover{background-color:var(--darkblue-color);color:var(--white-color)}.cookie-consent-card__reject-btn:hover{color:var(--red-color)}.cookie-consent-card button:focus-visible,.cookie-consent-card a:focus-visible{outline:2px solid var(--blue-color);outline-offset:2px}@media (width<=768px){.cookie-consent-card{left:16px;right:16px;bottom:calc(var(--footer-height) + 12px);width:calc(100% - 32px);max-height:calc(100vh - var(--footer-height) - 32px);padding:16px}.cookie-consent-card__buttons-row--primary{flex-direction:column}.cookie-consent-card__buttons .button{width:100%;padding:12px 16px}}.date-with-range-container{flex-direction:column;margin:5px;display:flex}.date-with-range-label{color:var(--darkgrey-color);margin-bottom:5px}.date-range-input-container{background-color:var(--white-color);border:1px solid var(--black-color);-webkit-user-select:none;user-select:none;-khtml-user-select:none;-o-user-select:none;border-radius:5px;flex-direction:row;height:27px;display:flex}.date-input{border:none;outline:none;padding-top:0;padding-bottom:0}.date-range-options-container{flex-direction:row;display:flex}.date-range-option{background:var(--white-color);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:5px;transition:all .3s;display:flex}.date-range-option.selected{background:var(--fuchsia-color)}.date-range-option:hover{color:var(--fuchsia-color)}.slider-field{min-width:150px;max-width:250px;color:var(--text-color);border:0;flex-direction:column;flex:1;margin:5px;display:flex}label{color:var(--darkgrey-color);margin-bottom:5px}.dataset-initialization-container{background:var(--background-color,#f8f9fa);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.initialization-message{text-align:center;margin-top:2rem}.initialization-message p{color:var(--text-secondary,#666);margin-bottom:.5rem;font-size:1rem}.user-initialization-container{background:var(--background-color,#f8f9fa);min-height:100vh;font-family:var(--font-family,"Segoe UI", Tahoma, Geneva, Verdana, sans-serif);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.initialization-message{text-align:center;max-width:500px;margin-top:2rem}.initialization-message h3{color:var(--primary-text-color,#2c3e50);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.initialization-message p{color:var(--secondary-text-color,#7f8c8d);margin-bottom:.5rem;font-size:1rem;line-height:1.5}.retry-message{color:var(--warning-color,#f39c12);font-size:.9rem;font-style:italic}.user-error-container{background:var(--error-background,#fdf2f2)}.error-message{text-align:center;background:var(--surface-color,#fff);border-left:4px solid var(--error-color,#e74c3c);border-radius:8px;max-width:600px;padding:2rem;box-shadow:0 4px 6px #0000001a}.error-message h3{color:var(--error-color,#e74c3c);margin-bottom:1rem;font-size:1.4rem;font-weight:600}.error-message p{color:var(--error-text-color,#c0392b);margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.retry-button{background:var(--blue-color);color:var(--white-color);cursor:pointer;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:background-color .3s}.retry-button:hover{background:var(--darkblue-color)}[data-theme=dark] .user-initialization-container{background:var(--dark-background-color,#1a1a1a)}[data-theme=dark] .initialization-message h3{color:var(--dark-primary-text-color,#fff)}[data-theme=dark] .initialization-message p{color:var(--dark-secondary-text-color,#ccc)}[data-theme=dark] .error-message{background:var(--dark-surface-color,#2c2c2c);color:var(--dark-text-color,#fff)}[data-theme=dark] .user-error-container{background:var(--dark-error-background,#2c1810)}@media (width<=768px){.user-initialization-container{padding:1rem}.initialization-message{max-width:100%}.error-message{margin:0 1rem;padding:1.5rem}.initialization-message h3,.error-message h3{font-size:1.3rem}.initialization-message p,.error-message p{font-size:.9rem}}.dynamic-dropdown-container{z-index:1;position:relative}.dynamic-dropdown-input{flex-direction:column;margin:5px;display:flex}.dynamic-dropdown-label{color:var(--darkgrey-color);margin-bottom:5px}.dynamic-dropdown-list{background-color:var(--white-color);width:100%;box-shadow:0px 3px 6px 0px var(--grey-color);border-radius:10px;text-decoration:none;list-style:none;transition:all .3s;position:absolute;overflow-y:scroll}.dynamic-dropdown-list::-webkit-scrollbar-track{background-color:#0000}.dynamic-dropdown-list-element{cursor:pointer;background:0 0;border:none;flex-direction:column;width:100%;padding:5px;transition:all .2s;display:flex}.dynamic-dropdown-list-element:hover{background-color:var(--lightgrey-color)}.dynamic-dropdown-list-element-title{color:var(--black-color);font-size:1rem;font-weight:500}.dynamic-dropdown-list-element-description{color:var(--grey-color);font-size:.8rem}.dynamic-dropdown-alert{padding:5px;transition:all .2s}.dynamic-dropdown-confirmed-value-container{border:1px solid var(--black-color);background-color:var(--white-color);border-radius:5px;flex-wrap:nowrap;justify-content:center;align-items:center;height:26px;padding:2px;transition:all .2s;display:flex}.dynamic-dropdown-confirmed-value{height:100%;color:var(--black-color);background-color:var(--white-color);border-radius:5px;flex-direction:row;align-items:center;gap:10px;padding-left:5px;padding-right:5px;font-size:.9rem;display:flex}.dynamic-dropdown-confirmed-value-clear{transition:all .3s}.dynamic-dropdown-confirmed-value-clear:hover{color:var(--fuchsia-color);cursor:pointer}.dynamic-dropdown-sync-registries{cursor:pointer;padding:5px;transition:all .2s}.dynamic-dropdown-sync-registries:hover{background-color:var(--lightgrey-color)}.list-open{max-height:200px}.filters{flex-flow:wrap;align-items:flex-end;gap:.5rem;width:100%;margin:5px 5px 10px;display:flex}.filter-button{color:var(--darkblue-color);cursor:pointer;border:none;border:1px solid var(--darkblue-color);background-color:var(--white-color);border-radius:5px;margin:5px;padding:2px;font-size:1.5rem;transition:all .3s;display:flex;width:fit-content!important}.filter-button:hover{color:var(--fuchsia-color);border-color:var(--fuchsia-color);transform:scale(1.1)}.apply-filters-button{cursor:pointer;transform:.3s;margin:5px}.apply-filters-button:hover{color:var(--fuchsia-color);border-color:var(--fuchsia-color)}.inputField{max-width:fit-content}.filters:last-child{align-self:flex-end}footer{color:var(--black-color);text-align:center;height:var(--footer-height);background-color:#ffffff80;grid-template-columns:1fr 3fr 1fr;align-items:center;margin-top:auto;display:grid;box-shadow:0 20px 45px #08369b38}.copyright{color:var(--darkgrey-color);font-size:14px;font-family:Allumi-light,sans-serif!important}.footer-right-container{flex-wrap:nowrap;justify-content:right;align-items:center;gap:20px;margin-right:25px;display:flex}.footer-cookie-preferences-button{color:var(--darkgrey-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-family:Allumi-light,sans-serif;font-size:14px;display:inline-flex}.footer-cookie-preferences-icon{flex-shrink:0;font-size:16px}.footer-cookie-preferences-button:hover{color:var(--blue-color)}.footer-cookie-preferences-button:hover .footer-cookie-preferences-icon{color:var(--fuchsia-color)}.footer-cookie-preferences-button:focus-visible{color:var(--blue-color);outline:2px solid var(--blue-color);outline-offset:2px;background-color:#08369b14;border-radius:4px}.footer-cookie-preferences-button:focus-visible .footer-cookie-preferences-icon{color:var(--fuchsia-color)}.footer-cookie-preferences-button--active{color:var(--blue-color);border-radius:4px}.footer-cookie-preferences-button--active .footer-cookie-preferences-icon{color:var(--fuchsia-color)}@media (width<=768px){.footer-right-container{flex-wrap:wrap;justify-content:center}}.form-component{background-color:var(--white-color);border-radius:10px;min-width:12rem;padding:16px;display:block;box-shadow:0 4px 10px #0000000d}.form-component form{margin:0}.form-input{flex-flow:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.form-buttons-container{border-top:1px solid var(--ultralightgrey-color);flex-wrap:wrap;justify-content:flex-end;gap:.8rem;padding-top:.5rem;display:flex}.input-field{color:var(--text-color);border:0;flex-direction:column;flex:1;margin:8px 5px;display:flex}.label-container{flex-wrap:nowrap;align-items:center;margin-bottom:6px;display:flex}.input-label{max-width:100%;color:var(--darkgrey-color);font-size:14px;font-weight:500}.input-field-border{border:1px solid var(--lightgrey-color);background-color:var(--white-color);border-radius:8px;flex-flow:row;align-items:center;transition:all .2s;display:flex;overflow:hidden}.input-field-border:focus-within{border-color:var(--fuchsia-color);box-shadow:0 0 0 3px #c14ce426}.input-field input{border:1px solid var(--lightgrey-color);border-radius:8px;width:100%;min-width:10px;padding:10px 12px;font-size:14px;transition:all .2s}.input-field .dropdown-container{margin:0}.error{border-color:var(--red-color)!important}.input-field input:focus{border-color:var(--fuchsia-color);box-shadow:0 0 0 3px #c14ce426}.input-field-udm{color:var(--grey-color);margin:0 10px;font-size:14px}textarea{border:1px solid var(--lightgrey-color);border-radius:8px;width:100%;min-height:100px;padding:10px 12px;font-size:14px;transition:all .2s}textarea:focus,input:focus,select:focus{border-color:var(--fuchsia-color);outline:none}textarea[readonly],input[readonly],select[readonly]{cursor:not-allowed;border-color:var(--lightgrey-color);background-color:var(--ultralightgrey-color)!important;color:var(--grey-color)!important}.min-max-fields{flex-direction:row;align-items:center;gap:10px;display:flex}.min-max-field{width:75px;min-width:unset!important}.min-max-labels{width:80px;color:var(--darkgrey-color);justify-content:space-between;align-items:center;font-size:14px;display:flex}label{color:var(--darkgrey-color);margin-bottom:5px;font-size:14px;font-weight:500}.tooltip-text{color:var(--text-color);text-wrap:wrap;margin-bottom:5px;font-size:13px}.tooltip-image{object-fit:contain;width:auto;max-width:100%;max-height:250px}.label-info-icon{cursor:pointer;color:var(--darkgrey-color);margin-left:10px;font-size:1rem;transition:color .2s}.label-info-icon:hover{color:var(--fuchsia-color)}.required{color:var(--fuchsia-color);margin-left:4px;font-size:1.2rem}.icon-button{background:var(--lightblue-color);color:var(--blue-color);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.icon-button:hover{color:var(--fuchsia-color);background:#ff00ff2b;transform:scale(1.05)}.icon-button.premium-disabled,.icon-button.premium-disabled:disabled{cursor:not-allowed;background:linear-gradient(135deg,#c8a84b 0%,#f9d776 50%,#c8a84b 100%) 0 0/200%;border-radius:50px;color:#4a2e00!important;border:none!important}.language-selector-container{position:relative}.language-popup{background-color:var(--white-color);border:1px solid var(--lightgrey-color);opacity:0;visibility:hidden;border-radius:8px;flex-direction:column;gap:10px;padding:10px;transition:opacity .3s,transform .3s,visibility .3s;display:flex;position:absolute;transform:translate(-50%,-90px);box-shadow:0 4px 10px #0000001a}.language-popup.open{opacity:1;visibility:visible}.language-popup.closed{opacity:0;visibility:hidden}.language-option{color:var(--darkgrey-color);cursor:pointer;background-color:#0000;border:none;align-items:center;gap:10px;transition:transform .3s,color .3s;display:flex}.language-option:hover{color:var(--fuchsia-color);transform:scale(1.1)}.translate-button{cursor:pointer;background:0 0;border:none;font-size:1rem;transition:all .3s}.translate-button:hover{color:var(--fuchsia-color);transform:scale(1.2)}.line hr{display:none}.line{z-index:10;position:sticky;top:80px}.loading-animation{z-index:50;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loading-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:40;background-color:#e8e8e880;width:100%;height:100%;position:fixed;top:0;left:0}.loading-image{content:url(/assets/ui_assets/AI_Doing_blue.png);width:100px;position:fixed}.loader{border-top:4px solid var(--fuchsia-color);box-sizing:border-box;border-right:4px solid #0000;border-radius:50%;width:160px;height:160px;animation:1s linear infinite rotation;display:inline-block}.loader:after{content:"";box-sizing:border-box;border-bottom:4px solid var(--blue-color);border-left:4px solid #0000;border-radius:50%;width:160px;height:160px;position:absolute;top:0;left:0}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.small-loader-container{justify-content:center;align-items:center;height:100%;padding:10px;display:flex}.small-loader{border-top:4px solid var(--fuchsia-color);box-sizing:border-box;border-right:4px solid #0000;border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:inline-block}.small-loader:after{content:"";box-sizing:border-box;border-bottom:4px solid var(--blue-color);border-left:4px solid #0000;border-radius:50%;width:48px;height:48px;position:absolute;top:0;left:0}.error-page{color:var(--text-color);width:100svw;height:calc(100svh - var(--navbar-height) - var(--footer-height));background-image:url(/assets/ui_assets/light-background-test.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;justify-content:center;align-items:center;display:flex}.error-content{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;flex-direction:column;align-items:center;max-width:400px;padding:2rem;display:flex;box-shadow:0 4px 6px #0000001a}.error-icon-container{background-color:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:6rem;height:6rem;margin:0 auto 1rem;display:flex}.error-icon{width:3rem;height:3rem;color:var(--red-color)}.error-title{color:var(--text-color);margin-bottom:1rem;font-size:1.875rem;font-weight:700}.error-message{color:var(--text-color);opacity:.8;margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.compound-details-title{flex-direction:row;align-items:center;gap:1rem;width:100%;min-width:0;display:flex}.compound-details-title .input-component-wrapper{flex:auto;min-width:0;max-width:18rem}.compound-details-title .input-field{margin:0}.compound-details-title .compound-name-input{min-width:0}.compound-details-title .tag{flex-shrink:0}.compound-details-title-text{color:var(--black-color);line-break:anywhere;font-family:Allumi-extended,sans-serif;font-size:20px;font-weight:700;position:relative}.start-validation{font-size:20px!important}.compound-info-container{flex-flow:column wrap;gap:2rem;width:100%;max-width:100%;display:flex}.compound-details-info{flex-flow:wrap;align-items:center;gap:1rem;display:flex}.compound-details-label{color:#4a5568;margin-right:5px;font-family:Allumi-extended,sans-serif;font-weight:600}.compound-details-value{color:#2d3748;font-size:1rem;font-weight:500}.compound-graphs-container{grid-gap:20px;grid-template-columns:repeat(auto-fit,minmax(550px,1fr));width:100%;max-width:100%;margin-top:20px;display:grid}.compound-details-samples-section{width:100%;margin-top:20px}.graph-card{height:500px;padding-bottom:50px!important}.bar-chart-card{height:fit-content}.bar-chart-container{height:100%;padding-bottom:10px}.compound-actions{z-index:1;flex-direction:column;align-items:end;gap:20px;display:flex;position:fixed;bottom:60px;right:20px}.compound-actions .round-button{width:60px;height:60px;font-size:18px}.compound-actions .round-button:hover{transform:rotate(360deg)}.round-button.delete{font-size:24px}.validate:hover{color:var(--white-color);background-color:var(--green-color)!important}.discard:hover{color:var(--white-color);background-color:var(--red-color)!important}.close-validation-buttons{flex-direction:row;gap:10px;display:flex}.sankey-chart-card{min-height:500px}.sankey-chart-card canvas{width:100%!important;height:100%!important}.sankey-chart-costs-container{flex-flow:wrap;gap:20px;padding-bottom:10px;display:flex}.sankey-chart-total-cost{font-family:Allumi-extended,sans-serif;font-size:14px}.raw-material-selector{flex-direction:column;gap:12px;min-width:350px;max-height:400px;display:flex}.raw-material-selector-search{border:1px solid var(--grey-color);border-radius:6px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .3s}.raw-material-selector-search:focus{border-color:var(--fuchsia-color)}.raw-material-selector-list{flex-direction:column;gap:4px;max-height:300px;display:flex;overflow-y:auto}.raw-material-selector-item{border:1px solid var(--lightgrey-color);background:var(--white-color);cursor:pointer;text-align:left;border-radius:6px;flex-direction:column;align-items:flex-start;padding:10px 12px;transition:all .3s;display:flex}.raw-material-selector-item:hover{background:var(--lightgrey-color);border-color:var(--fuchsia-color)}.raw-material-selector-item-code{color:var(--black-color);font-weight:600}.raw-material-selector-item-category{color:var(--grey-color);text-transform:capitalize;font-size:12px}.raw-material-selector-item-description{color:var(--darkgrey-color);margin-top:4px;font-size:12px}.parameter-selector{flex-direction:column;gap:12px;width:100%;max-height:400px;display:flex}.parameter-selector-search{border:1px solid var(--grey-color);box-sizing:border-box;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .3s}.parameter-selector-search:focus{border-color:var(--fuchsia-color)}.parameter-selector-list{-webkit-overflow-scrolling:touch;flex-direction:column;gap:4px;max-height:300px;display:flex;overflow-y:auto}.parameter-selector-item{border:1px solid var(--lightgrey-color);background:var(--white-color);cursor:pointer;text-align:left;box-sizing:border-box;border-radius:6px;flex-direction:column;align-items:flex-start;width:100%;padding:10px 12px;transition:all .3s;display:flex}.parameter-selector-item:hover{background:var(--lightgrey-color);border-color:var(--fuchsia-color)}.parameter-selector-item:active{transform:scale(.98)}.parameter-selector-item-name{color:var(--black-color);word-break:break-word;font-weight:600}.parameter-selector-item-unit{color:var(--grey-color);margin-left:8px;font-size:12px}.parameter-selector-item-description{color:var(--darkgrey-color);word-break:break-word;margin-top:4px;font-size:12px}.parameter-selector-no-results{text-align:center;color:var(--grey-color);padding:20px;font-style:italic}.kpi-prediction-errors{width:100%;min-width:320px;max-width:700px}.kpi-prediction-errors-list{flex-direction:column;gap:10px;max-height:280px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.kpi-prediction-error-item{text-align:left;background-color:#f8fafc;border:1px solid #0f172a1f;border-radius:10px;padding:10px 12px}.kpi-prediction-error-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.kpi-prediction-error-kpi{color:#0f172a;line-break:anywhere;font-weight:700}.kpi-prediction-error-message{color:#334155;line-break:anywhere;margin:6px 0 0;font-size:13px;line-height:1.35}.kpi-prediction-missing-inputs{margin-top:10px}.kpi-prediction-missing-inputs-label{color:#475569;margin-bottom:6px;font-size:12px;font-weight:600;display:inline-block}.kpi-prediction-missing-inputs-chips{flex-wrap:wrap;gap:6px;display:flex}.kpi-prediction-missing-input-chip{color:#1e293b;line-break:anywhere;background-color:#fff;border:1px solid #cbd5e1;border-radius:999px;align-items:center;padding:3px 8px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}@media (width<=480px){.parameter-selector{min-width:100%;max-height:350px}.parameter-selector-search{padding:12px;font-size:16px}.parameter-selector-list{max-height:250px}.parameter-selector-item{padding:12px}.parameter-selector-item-name{font-size:14px}.parameter-selector-item-unit,.parameter-selector-item-description{font-size:11px}.kpi-prediction-errors{min-width:100%}.kpi-prediction-error-item{padding:10px}}.generation-overview-scatter{grid-area:1/1/span 2/span 2;min-height:400px}@media (width<=768px){.kpi-histogram-card{flex:100%;max-width:100%;max-height:400px}.overview-charts-container{flex-direction:column;display:flex}}@media (width<=1024px){.generation-overview-form-filters-container{flex-flow:wrap;align-items:center;display:flex}.generation-overview-form-reset-button{margin-left:10px}.generation-overview-actions{justify-content:right}}@media (width<=1100px){.overview-charts-container{grid-template-columns:1fr 1fr}}@media (width<=1200px){.kpi-histogram-card{flex:calc(50% - 20px)}}@media (width<=768px){.kpi-histogram-card{flex:100%;max-width:100%}}.generation-overview{width:100%;position:relative}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.generation-overview-header{flex-direction:column;gap:15px;margin-bottom:20px;display:flex}.generation-overview-title{color:var(--black-color);margin:0;font-family:Allumi-extended,sans-serif;font-size:20px;font-weight:700}.generation-overview-user{color:var(--darkgrey-color);font-family:Allumi-extended,sans-serif;font-size:14px;font-style:italic}@keyframes accordionSlideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:300px;transform:translateY(0)}}@media (width<=768px){.parameters-container{grid-template-columns:1fr}}.ngc-page{margin-right:var(--generations-panel-toggle-width);flex-direction:column;gap:16px;transition:margin-right .25s;display:flex}.ai-disclaimer{text-align:center;color:var(--grey-color);margin-bottom:10px;font-family:Allumi-extended,sans-serif;font-size:.8rem;font-style:italic;display:block}.ngc-page.panel-open{margin-right:calc(var(--generations-panel-width) + 24px)}.ngc-page-header{flex-direction:column;gap:8px;display:flex}.ngc-page-subtitle{color:var(--darkgrey-color);margin:-8px 0 0;font-size:15px;line-height:1.5}.ngc-filters-card{flex-flow:wrap;justify-content:center;align-items:center;gap:20px;margin-bottom:20px;display:flex}.constraints-container{grid-gap:10px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));width:100%;margin-top:10px;display:grid}.ngc-card{flex-direction:column;align-items:center;gap:20px;transition:all .3s;display:flex}.ngc-card-title{flex-flow:row;align-items:center;gap:5px;font-family:Allumi-extended,sans-serif;display:flex}.ngc-card-title-text{font-size:18px;font-weight:600}.ngc-card-title-count{color:var(--grey-color)}.ngc-tile-container{flex-flow:wrap;justify-content:center;gap:20px;display:flex}.ngc-tile-container>div{transition:all .3s;animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.plus{transition:all .3s}.plus:hover{transform:rotate(180deg)}.round-button-container{z-index:20;transition:right .25s;position:fixed;bottom:50px;right:45px}.round-button-container.panel-open{right:calc(var(--generations-panel-width) + 45px)}.generate{gap:10px;padding:0 24px;box-shadow:0 4px 14px #10135e59;width:auto!important;height:48px!important}.generate:hover{transform:translateY(-2px);box-shadow:0 6px 18px #f0f6}.ngc-generate-icon{width:18px;height:18px}.ngc-generate-label{letter-spacing:.5px;white-space:nowrap;text-transform:uppercase;font-size:13px;font-weight:700}.ngc-hard-constraints-title{align-items:stretch;gap:8px;margin-top:3rem;margin-bottom:20px;display:flex}.ngc-hard-constraints-warning-icon{background-color:var(--orange-color);color:var(--white-color);border-radius:50%;width:24px;height:24px;padding:4px}.home-page{flex-direction:column;min-height:100%;padding-bottom:clamp(1rem,3vw,2.5rem);display:flex}.hero-section{isolation:isolate;place-items:center end;min-width:0;min-height:clamp(320px,38vw,500px);padding:clamp(.9rem,2vw,1.5rem) 0;display:grid;position:relative;overflow:visible}.hero-section:before{content:"";width:100%;transform:translateX(clamp(0rem, -5.2vw, -1rem)) scale(var(--hero-scroll-scale,1));transform-origin:0;will-change:transform;z-index:1;pointer-events:none;background-image:url(/assets/ui_assets/alchemix-particle-flow.svg);background-position:0;background-repeat:no-repeat;background-size:60%;transition:transform .15s ease-out;position:absolute;top:clamp(.25rem,1vw,.7rem);bottom:clamp(.25rem,1vw,.7rem);left:clamp(-1.25rem,1vw,.7rem)}.hero-content{z-index:2;flex-direction:column;justify-self:end;gap:clamp(.95rem,1.8vw,1.45rem);min-width:0;margin-left:auto;margin-right:3rem;animation:.75s ease-out both heroReveal;display:flex;position:relative}.hero-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffad;border:1px solid #10135e29;border-radius:999px;align-items:center;width:fit-content;padding:.42rem .95rem;display:inline-flex}.hero-title{color:var(--text-color);letter-spacing:.05em;margin:0;font-family:Allumi-extended,sans-serif;font-size:3rem;line-height:.95}.brand-highlight{color:var(--blue-color);font-family:Allumi-extended,sans-serif;font-size:4rem}.badge-text{letter-spacing:.12em;color:var(--blue-color);font-family:Allumi-extended,sans-serif;font-size:1.2rem;font-weight:600}.hero-description{max-width:80ch;color:var(--darkgrey-color);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffad;border-radius:12px;margin-bottom:20px;padding:10px;font-family:Allumi,sans-serif;font-size:clamp(.98rem,1.4vw,1.1rem);line-height:1.58}.hero-actions{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:.4rem;display:flex}.hero-login-button{appearance:none;color:var(--white-color);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:linear-gradient(145deg,#0b2d88 0%,#1845a8 100%);border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.88rem 2rem;font-family:Allumi-extended,sans-serif;font-size:.95rem;font-weight:600;transition:transform .3s,box-shadow .3s;display:inline-flex;box-shadow:0 10px 26px #1845a84d}.hero-login-button:hover{transform:translateY(-2px);box-shadow:0 14px 34px #1845a857}.hero-login-icon{font-size:1.15em}.try-freemium-button{appearance:none;border:2px solid var(--blue-color,#0b2d88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--blue-color,#0b2d88);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#ffffffd9;border-radius:999px;padding:.88rem 1.8rem;font-family:Allumi-extended,sans-serif;font-size:.95rem;font-weight:600;transition:transform .3s,box-shadow .3s,background .3s,color .3s;box-shadow:0 8px 22px #0b2d881f}.try-freemium-button:hover{color:var(--white-color,#fff);background:linear-gradient(145deg,#0b2d88 0%,#1845a8 100%);transform:translateY(-2px);box-shadow:0 14px 34px #1845a84d}.hero-actions .buy-premium-button--hero{box-shadow:0 8px 22px #c8a84b59,inset 0 1px #ffffff73}.home-navigation-section{padding:0 .15rem}.home-navigation-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),280px));justify-content:center;align-items:stretch;gap:clamp(.8rem,1.6vw,1rem);width:100%;max-width:1200px;margin:0 auto;display:grid}.home-navigation-card{width:100%;min-width:0;min-height:220px;color:inherit;background:radial-gradient(140% 90% at 100% 0,#8bb8f029 0%,#8bb8f000 70%),linear-gradient(#fffffff2 0%,#eff4fce6 100%);border:1px solid #10135e1a;border-radius:18px;flex-direction:column;padding:1.2rem;text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;box-shadow:0 12px 30px #10135e14}.home-navigation-card:hover{border-color:#2e63c54d;transform:translateY(-3px);box-shadow:0 16px 34px #10135e1f}.home-navigation-card:focus-visible{outline-offset:2px;outline:3px solid #2e63c559}.home-navigation-card.disabled{opacity:.6;cursor:default;transform:none;box-shadow:0 8px 18px #10135e14}.home-navigation-card.disabled:hover{border-color:#10135e1a;transform:none;box-shadow:0 8px 18px #10135e14}.home-navigation-card.disabled.premium-disabled{opacity:1;color:#4a2e00;background:linear-gradient(135deg,#fff8dd 0%,#f8e7b3 45%,#fdf4d6 100%),linear-gradient(#fffffff2 0%,#eff4fce6 100%);border-color:#c8a84bb3}.home-navigation-card-icon{width:40px;height:40px;color:var(--white-color);background:linear-gradient(145deg,#4a7fd6 0%,#6db5e7 100%);border-radius:10px;justify-content:center;align-items:center;font-size:1.15rem;display:inline-flex;box-shadow:0 8px 16px #3466bf3d}.home-navigation-card-title{color:var(--darkblue-color);text-transform:uppercase;margin:.95rem 0 0;font-family:Allumi-extended,sans-serif;font-size:1.06rem;line-height:1.2}.home-navigation-card-description{color:var(--darkgrey-color);margin:.65rem 0 0;font-size:.95rem;line-height:1.5}.home-buy-premium-section{justify-content:center;margin-top:clamp(2rem,5vw,4.5rem);padding:0 .15rem;display:flex}.home-buy-premium-section .buy-premium-button--hero{box-shadow:0 8px 22px #c8a84b59,inset 0 1px #ffffff73}.molecular-hero{cursor:auto;width:100%;height:100%;min-height:210px;overflow:visible}.molecular-svg{width:100%;height:100%;overflow:visible}.flow-line{fill:none;stroke:url(#stream-line-grad);stroke-linecap:round;stroke-dasharray:2.8 4.4;animation-name:flowTravel;animation-timing-function:linear;animation-iteration-count:infinite}.mesh-link{stroke:url(#mesh-link-grad);stroke-width:.16px;stroke-linecap:round;animation-name:linkPulse;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.mesh-node{transform-origin:50%;animation:nodePulse var(--pulse-duration) ease-in-out var(--pulse-delay) infinite}.mesh-dot,.mesh-glow,.hero-bubble,.dust-particle{transition:opacity .3s}.tone-blue{fill:#3369c4}.tone-cyan{fill:#7ec5e9}.tone-accent{fill:#b552ba}.mesh-glow{opacity:.26}.hero-bubble{filter:url(#node-glow);animation-name:bubbleFloat;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.dust-particle{animation-name:dustTwinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes heroReveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes flowTravel{0%{stroke-dashoffset:0}to{stroke-dashoffset:-38px}}@keyframes linkPulse{0%,to{opacity:.08}45%,55%{opacity:.4}}@keyframes nodePulse{0%,to{opacity:.7;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}@keyframes bubbleFloat{0%,to{transform:translate(0)}50%{transform:translateY(-1.2px)}}@keyframes dustTwinkle{0%,to{opacity:.18}50%{opacity:.9}}@media (width<=1180px){.home-navigation-grid{grid-template-columns:repeat(2,minmax(min(100%,250px),280px))}}@media (width<=920px){.hero-section{align-items:start;min-height:clamp(280px,62vw,430px);padding-bottom:1.4rem}.hero-content{width:100%;max-width:min(100%,560px);margin-left:auto;padding-top:clamp(2.1rem,13vw,4.8rem)}}@media (width<=680px){.home-navigation-grid{grid-template-columns:minmax(0,1fr)}.home-navigation-card{min-height:190px}.hero-section{min-height:auto;padding:1.4rem .95rem 1rem}.hero-section:before{width:clamp(200px,84vw,360px);height:clamp(150px,48vw,220px);transform:translateX(-1rem) scale(var(--hero-scroll-scale,1))}.hero-content{gap:.95rem;max-width:100%;padding-top:clamp(2.35rem,27vw,4.4rem)}.hero-title{letter-spacing:.03em;font-size:clamp(2rem,9vw,2.55rem);line-height:.98}.hero-description{max-width:100%;margin-bottom:.7rem}.hero-actions{justify-content:flex-start;width:100%}.hero-actions .buy-premium-button--hero,.try-freemium-button,.home-buy-premium-section .buy-premium-button--hero{justify-content:center;width:100%;max-width:320px}.molecular-hero{min-height:145px}}@media (pointer:coarse){.molecular-hero{cursor:default}}@media (prefers-reduced-motion:reduce){.hero-section:before{transition:none!important;transform:translate(clamp(0rem,-5.2vw,-1rem))!important}.hero-content,.flow-line,.mesh-link,.mesh-node,.hero-bubble,.dust-particle{transition:none!important;animation:none!important}.try-freemium-button{transition:none!important}}.archive-actions{z-index:20;flex-flow:wrap;justify-content:center;align-items:center;display:flex;position:fixed;bottom:50px;right:30px}.create-new-compound-button{width:60px!important;height:60px!important}.create-new-compound-button:hover{transform:rotate(180deg)}.table-filters-actions-container{flex-direction:row;gap:20px;width:100%;display:flex}.archive-view-modes{flex-flow:wrap;justify-content:center;align-items:center;display:flex}.overview-charts-container{grid-gap:20px;grid-template-columns:1fr 1fr 1fr;margin-top:20px;display:grid}.archive-scatter{grid-area:1/1/span 2/span 2;max-height:720px}.kpi-histogram-card{flex-direction:column;flex:calc(33.333% - 20px);min-width:300px;height:350px;display:flex;position:relative}.kpi-histogram-expand-button:hover{color:var(--fuchsia-color);transform:scale(1.1)}@media (width<=1024px){.table-filters-actions-container{flex-direction:column}.filters-and-actions{width:100%}.archive-filters-container{flex-wrap:wrap;align-items:center;display:flex;flex-direction:row!important}.archive-form-reset-button{margin-left:10px}.archive-view-modes{justify-content:right}}@media (width<=1100px){.overview-charts-container{grid-template-columns:1fr 1fr}.archive-scatter-card{grid-column:1/span 2}}.kpi-histograms-title{color:#111827;margin:30px 0 20px;font-size:24px;font-weight:600}.overview-histograms-container{flex-flow:wrap;gap:20px;width:100%;display:flex}.kpi-histogram-card canvas{flex:1;margin-bottom:10px;width:100%!important;height:100%!important}@media (width<=1200px){.kpi-histogram-card{flex:calc(50% - 20px)}}.modal-overlay{z-index:50;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:#fff;border-radius:8px;width:80%;max-width:1000px;padding:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-title{font-size:20px;font-weight:600}.modal-close-button{color:#6b7280;cursor:pointer;background:0 0;border:none}.modal-close-button:hover{color:#374151}.modal-chart-container{height:400px}.modal-footer{color:#6b7280;justify-content:space-between;margin-top:16px;font-size:14px;display:flex}.historic-label{color:#3b82f6}.predicted-label{color:#ec4899}.archive{width:100%;position:relative}.archive-header{flex-direction:column;gap:15px;margin-bottom:25px;display:flex}.archive-title{color:var(--black-color);margin:0;font-family:Allumi-extended,sans-serif;font-size:24px;font-weight:700}.parameters-title{color:var(--black-color);font-family:Allumi-extended,sans-serif;font-size:18px;font-weight:700}.parameters-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.creativity-container{background-color:var(--white-color);border:none;border-radius:8px;width:fit-content;transition:all .3s;display:flex}.creativity-level{flex-direction:row;justify-content:center;align-items:center;width:fit-content;display:flex}.parameter-group{cursor:pointer;background-color:var(--white-color);border:none;border-radius:8px;flex-direction:column;justify-content:center;gap:8px;height:fit-content;padding:8px 16px;transition:all .3s;display:flex;box-shadow:0 2px 5px #0000001a}.parameter-header{justify-content:space-between;align-items:center;margin:0;padding:0;display:flex}.parameter-header p{flex-grow:1;margin:0}.accordion-icon{color:var(--darkgrey-color);align-items:center;font-size:30px;transition:all .3s;display:flex}.parameter-group.expanded .accordion-icon{color:var(--fuchsia-color);transform:rotate(180deg)}.parameter-group:hover{box-shadow:0 4px 8px #00000026}.parameter-group:hover .accordion-icon{color:var(--fuchsia-color)}.parameter-content{animation:.3s forwards accordionSlideDown;overflow:hidden}.parameter-list{flex-direction:column;gap:6px;margin:0;padding:0 0 0 16px;display:flex}.parameter-list li{line-height:1.5;list-style-type:circle!important}@media (width<=768px){.overview-charts-container{flex-direction:column;display:flex}.overview-histograms-container{flex-direction:column}.kpi-histogram-card{min-width:unset;flex:100%;width:100%}.archive-scatter{grid-column:unset;grid-row:unset;max-height:400px}}.cost-archive-page{--cost-archive-chrome:calc(var(--navbar-height) + 20px  + 4rem  + var(--footer-height));height:calc(100vh - var(--cost-archive-chrome));height:calc(100svh - var(--cost-archive-chrome));flex-direction:column;gap:16px;min-height:0;display:flex;overflow:hidden}.cost-archive-header{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.cost-archive-subtitle{color:var(--darkgrey-color);margin:-8px 0 8px;font-size:15px;line-height:1.5}.cost-archive-controls{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:8px;display:flex}.cost-archive-controls .input-component-wrapper{min-width:240px;max-width:320px}.cost-archive-dataset-type-input{width:100%}.cost-archive-error-card{flex-direction:column;align-items:center;gap:16px;display:flex}.cost-archive-error-message{color:var(--red-color);text-align:center;margin:0;font-size:14px}.cost-archive-retry-button{min-width:140px}.ci{--ci-accent:var(--blue-color);--ci-accent-soft:#08369b14;--ci-accent-softer:#08369b0d;--ci-accent-strong:#08369b29;--ci-ink:var(--darkblue-color);--ci-ink-2:var(--darkgrey-color);--ci-ink-3:var(--grey-color);--ci-border:#08369b1f;--ci-border-soft:#08369b0f;--ci-surface-alt:#f7f9fd;--ci-surface-head:#f4f7fc;--ci-surface-head-accent:#e1e8f4;--ci-surface-head-accent-strong:#ced8ec;--ci-total-ink:#a3009e;--ci-total-surface:var(--lightfuchsia-color);--ci-total-surface-head:#fbdcfb;--ci-total-surface-strong:#f5c8f3;--ci-total-border:#ff00ff47;color:var(--ci-ink);flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.ci-controls{flex-wrap:wrap;flex-shrink:0;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.ci-controls .input-component-wrapper{min-width:180px;max-width:220px}.ci-control-input{width:100%}.ci-group-sort-button{margin-bottom:4px}.ci-legend{color:var(--ci-ink-3,var(--grey-color));align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.ci-legend-bar{border:1px solid var(--ci-border-soft,#08369b0f);background-color:var(--white-color);background-clip:padding-box;border-radius:8px;flex-shrink:0;width:96px;height:8px}.ci-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.ci-table-scroll{flex:1;min-height:0;overflow:auto}.ci-table{border-collapse:separate;border-spacing:0;width:100%;font-size:16px}.ci-th{z-index:2;background:var(--ci-surface-head);border-bottom:1px solid var(--ci-border);text-align:right;vertical-align:bottom;white-space:nowrap;padding:10px 12px;position:sticky;top:0}.ci-th-mat{z-index:3;text-align:center;min-width:220px;left:0}.ci-th-mat-title{text-transform:uppercase;letter-spacing:.4px;font-size:16px;font-weight:700}.ci-th-mat-sub{color:var(--ci-ink-3);font-size:13px;font-weight:400}.ci-th-overall{background:var(--ci-total-surface-head);color:var(--ci-total-ink)}.ci-th-overall .sortable-header{color:var(--ci-total-ink)}.ci-table .sortable-header,.ci-detail-table .sortable-header{cursor:pointer;color:var(--ci-ink);text-transform:capitalize;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}.ci-table .sortable-header:hover,.ci-detail-table .sortable-header:hover{color:var(--fuchsia-color)}.ci-table .sort-icon,.ci-detail-table .sort-icon{opacity:.6;font-size:12px;transition:opacity .2s}.ci-table .sort-icon.neutral,.ci-detail-table .sort-icon.neutral{opacity:.3}.ci-table .sortable-header:hover .sort-icon.neutral,.ci-detail-table .sortable-header:hover .sort-icon.neutral{opacity:.8}.ci-table .sort-icon.ascending,.ci-table .sort-icon.descending,.ci-detail-table .sort-icon.ascending,.ci-detail-table .sort-icon.descending{opacity:1;color:var(--fuchsia-color)}.ci-th .sortable-header{font-size:16px}.ci-col-sub{color:var(--ci-ink-3);margin-top:2px;font-size:13px;font-weight:400}.ci-details-button{margin-top:6px}.ci-td{border-bottom:1px solid var(--ci-border-soft);vertical-align:top;padding:8px 12px}.ci-td-mat{z-index:1;background:var(--white-color);text-align:center;min-width:220px;position:sticky;left:0}.ci-row-alt .ci-td-mat,.ci-row-alt{background:var(--ci-surface-alt)}.ci-mat-name{text-transform:capitalize;font-size:16px;font-weight:700}.ci-mat-meta{color:var(--ci-ink-3);text-transform:capitalize;font-size:13px}.ci-mat-unit-cost{font-variant-numeric:tabular-nums;text-transform:none}.ci-td-num{text-align:right;font-variant-numeric:tabular-nums;min-width:130px}.ci-td-overall{background:var(--ci-total-surface);border-left:1px solid var(--ci-total-border);color:var(--ci-total-ink)}.ci-empty{color:var(--lightgrey-color);text-align:center}.ci-cell-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.ci-cell-pct{color:inherit;opacity:.75;font-size:13px}.ci-cell-cost{font-size:16px;font-weight:700}.ci-heat-dark{color:var(--white-color)}.ci-cell-range{color:inherit;opacity:.75;margin-top:3px;font-size:13px}.ci-no-match{text-align:center;color:var(--ci-ink-3);padding:24px 12px;font-size:14px}.ci-tfoot-cell{z-index:2;background:var(--ci-total-surface-head);border-top:1px solid var(--ci-total-border);color:var(--ci-total-ink);padding:10px 12px;font-weight:700;position:sticky;bottom:0}.ci-tfoot-label{z-index:3;text-transform:uppercase;letter-spacing:.4px;font-size:13px;left:0}.ci-tfoot-num{text-align:right;font-variant-numeric:tabular-nums}.ci-tfoot-range{color:var(--ci-ink-3);font-size:13px;font-weight:400}.ci-tfoot-grand{background:var(--ci-total-surface-strong)}.popup-modal.ci-detail-modal{top:12vh;width:90%!important;height:76vh!important;max-height:76vh!important;left:5%!important}.popup-modal.ci-detail-modal .popup-container{height:100%}.popup-modal.ci-detail-modal .popup-content{flex:1;align-items:stretch;min-height:0;overflow:hidden}.ci-detail-head{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.ci-detail-head .ci-legend{margin-bottom:0}.ci-export-button-trigger{margin-left:auto}.ci-export-button.button{white-space:nowrap}.ci-detail-summary{color:var(--grey-color);text-align:center;margin:0;font-size:14px}.ci-detail-scroll{flex:1;min-height:0;overflow:auto}.ci-detail-table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px}.ci-detail-th{z-index:2;background:var(--ci-surface-head,#f4f7fc);text-align:right;white-space:nowrap;border-bottom:1px solid #08369b1f;padding:10px 12px;position:sticky;top:0}.ci-detail-th-compound{z-index:3;text-align:left;text-transform:uppercase;letter-spacing:.4px;font-size:12px;left:0}.ci-detail-th-total{z-index:3;background:var(--ci-total-surface-head,#fbdcfb);color:var(--ci-total-ink,#a3009e);right:0}.ci-detail-th-total .sortable-header{color:var(--ci-total-ink,#a3009e)}.ci-detail-td{text-align:right;font-variant-numeric:tabular-nums;border-bottom:1px solid #08369b0f;padding:8px 12px}.ci-detail-td-compound{z-index:1;background:var(--white-color);text-align:left;font-weight:700;position:sticky;left:0}.ci-row-alt .ci-detail-td-compound{background:#f7f9fd}.ci-detail-td-total{z-index:1;background:var(--ci-total-surface,#fdedfd);color:var(--ci-total-ink,#a3009e);font-weight:700;position:sticky;right:0}.ci-detail-pct{color:inherit;opacity:.75;font-size:12px}.ci-detail-foot{z-index:2;background:var(--ci-total-surface-head,#fbdcfb);border-top:1px solid var(--ci-total-border,#ff00ff47);text-align:right;font-variant-numeric:tabular-nums;color:var(--ci-total-ink,#a3009e);padding:10px 12px;font-weight:700;position:sticky;bottom:0}.ci-detail-foot-label{z-index:3;text-align:left;text-transform:uppercase;letter-spacing:.4px;font-size:12px;left:0}.ci-detail-foot-pct{color:var(--grey-color);font-size:12px;font-weight:400}.ci-detail-foot-grand{z-index:3;background:var(--ci-total-surface-strong,#f5c8f3);right:0}.generations-history-container{flex-direction:row;gap:20px;margin-bottom:50px;display:flex}.filters-and-actions{flex-direction:column;flex-shrink:0;gap:20px;width:280px;display:flex}@media (width<=1024px){.generations-history-container{flex-direction:column}.filters-and-actions{width:100%}}.filters-with-title{flex-direction:column;gap:10px;display:flex}.filters-title{color:var(--black-color);font-family:Allumi-extended,sans-serif;font-size:18px;font-weight:700}.compare-container{flex-direction:column;gap:20px;display:flex}.compare-header{justify-content:space-between;align-items:center;display:flex}.header-title{color:var(--black-color);font-family:Allumi-extended,sans-serif;font-size:24px;font-weight:700}.raw-materials-charts-grid{grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:20px;display:grid}.recipe-metrics-charts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;display:grid}.chart-card{background-color:var(--white-color);box-shadow:0px 3px 6px 0px var(--lightgrey-color);border-radius:10px;flex-direction:column;padding:20px;display:flex}.recipe-metric{min-height:unset}.chart-title{color:var(--black-color);text-align:center;margin-bottom:15px;font-family:Allumi-extended,sans-serif;font-size:18px;font-weight:700}.chart-card>div{flex:1;width:100%;min-height:300px;position:relative;overflow:auto}.chart-card:first-child>div{min-height:400px;padding-right:10px;overflow-y:auto}.dark-mode .compare-container{background-color:var(--dark-bg-color)}.dark-mode .header-title{color:var(--white-color)}.dark-mode .chart-card{background-color:var(--darkblue-color);box-shadow:0 3px 6px #0000004d}.dark-mode .chart-title{color:var(--white-color)}@media (width<=768px){.raw-materials-charts-grid{grid-template-columns:1fr}}.hard-constraint-modal{width:90vw;max-width:1000px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 45px #08369bd1;z-index:2!important;margin:0!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.popup-wrapper:has(.hard-constraint-modal){z-index:1!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.popup-wrapper:has(.hard-constraint-modal) .popup-backdrop{z-index:1!important;width:100vw!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important}.constraint-form{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;padding:20px 0;display:flex}.form-field{flex-direction:column;gap:8px;min-width:200px;max-width:250px}.field-label{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.field-tooltip{cursor:help;color:var(--blue-color);font-size:16px}.dynamic-fields{border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;width:100%;padding:20px;display:grid}.array-field{border:1px solid var(--border-color,#e1e5e9);background:var(--white-color);border-radius:8px;padding:16px}.array-field-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.array-items{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.array-item{align-items:center;gap:8px;display:flex}.array-item input{flex:1}.remove-button{cursor:pointer;transition:all .3s;background:var(--red-color)!important;color:var(--white-color)!important;border:none!important;border-radius:4px!important;min-width:auto!important;padding:8px 12px!important;font-size:12px!important}.remove-button:hover{background:var(--red-dark,#dc2626)!important}.add-button{cursor:pointer;align-self:flex-start;transition:all .3s;background:var(--green-color)!important;color:var(--white-color)!important;border:none!important;border-radius:4px!important;padding:8px 16px!important;font-size:14px!important}.add-button:hover{background:var(--green-dark,#16a34a)!important}.empty-array-message{color:var(--grey-color);text-align:center;background:var(--ultralightgrey-color,#f8f9fa);border-radius:4px;margin:8px 0;padding:16px;font-size:14px;font-style:italic}.error-message{color:var(--red-color);margin-top:4px;font-size:12px;font-weight:500}.form-field input.error,.form-field select.error{border-color:var(--red-color);box-shadow:0 0 0 3px #ef44441a}.form-actions{justify-content:flex-end;align-items:right;gap:12px;width:100%;margin-top:20px;padding-top:20px;display:flex}.cancel-button:hover{color:var(--red-color);outline:1px solid var(--red-color)}@media (width<=768px){.hard-constraint-modal{width:95vw;max-width:95vw;max-height:95vh;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.constraint-form{gap:16px;padding:16px 0}.dynamic-fields{padding:16px}.form-actions{flex-direction:column-reverse;gap:8px}.cancel-button,.save-button{justify-content:center;width:100%}}.constraint-type-select:focus-visible,.form-field input:focus-visible{outline:2px solid var(--blue-color);outline-offset:2px}.dynamic-fields.animate{animation:.3s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hard-constraints-filters-container{flex-flow:wrap!important;align-items:center!important;gap:10px!important}.dynamic-filters-form-reset-button{margin-left:10px!important}.add-hard-constraint{z-index:20;position:fixed;bottom:50px;right:30px;width:60px!important;height:60px!important}.add-hard-constraint:hover{transform:rotate(180deg)}.upload-card{flex-direction:column;align-items:center;gap:1rem;display:flex}.upload-data-actions-container{place-content:center space-between;align-items:flex-end;margin-bottom:1rem;display:flex}.add-dataset-button-container{justify-content:right;width:100%;display:flex}.folder-icon{color:var(--darkgrey-color);font-size:3rem;transition:all .3s}.add-dataset-button{margin-top:20px;transition:all .3s}.add-dataset-button:hover{transform:rotate(180deg)}.load-data-btn{background:var(--blue-color);color:var(--white-color);border:none;padding:.9rem 2.25rem;font-size:1.25rem;font-weight:600;animation:2s ease-in-out infinite gentle-bounce}.load-data-btn:hover{background:var(--darkblue-color);color:var(--white-color);animation:none}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.download-example-btn{margin-bottom:5px}.ngc-fa-plus-icon{font-size:14px}.dataset-type-selector{align-items:center;gap:1.5rem;display:flex}.upload-data-progress{margin:2rem}.progress-indicator{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.progress-step{text-align:center;flex-direction:column;align-items:center;gap:.5rem;min-width:120px;display:flex}.step-number{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex}.step-name{font-size:.9rem;font-weight:500;transition:color .3s}.progress-step.completed .step-number{background-color:var(--green-color);color:var(--white-color)}.progress-step.completed .step-name{color:var(--green-color)}.progress-step.active .step-number{background-color:var(--blue-color);color:var(--white-color)}.progress-step.active .step-name{color:var(--darkblue-color);font-weight:600}.progress-step.pending .step-number{background-color:var(--lightblue-color);color:var(--grey-color);border:2px solid var(--lightgrey-color)}.progress-step.pending .step-name{color:var(--grey-color)}.upload-data-content{margin-bottom:2rem}.current-file-info{text-align:center;margin-bottom:2rem}.current-file-info h2{color:var(--darkblue-color);margin-bottom:.5rem}.current-file-info p{color:var(--grey-color);font-size:1.1rem}.upload-tab-content{width:100%}.upload-area{cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:left;border:3px dashed var(--grey-color);background:var(--ultralightgrey-color);border-radius:10px;justify-content:center;align-items:center;min-height:200px;padding:1.3rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.upload-area:hover{background:var(--lightgrey-color)}.upload-area:hover .folder-icon{transform:scale(1.2)}.upload-area.drag-over{border-color:var(--green-color);background-color:var(--lightgreen-color);transform:scale(1.02)}.upload-area.drag-reject{border-color:var(--red-color);background-color:var(--lightred-color);transform:scale(1.02)}.upload-area.uploading{border-color:var(--yellow-color);background-color:var(--lightyellow-color);cursor:not-allowed}.upload-area.permission-locked{cursor:not-allowed;opacity:.7}.upload-data-container.premium-disabled .upload-area.permission-locked{opacity:1;border:2px dashed #d4a93b}.upload-data-container.premium-disabled .upload-area.permission-locked .folder-icon,.upload-data-container.premium-disabled .upload-area.permission-locked .upload-text,.upload-data-container.premium-disabled .upload-area.permission-locked .upload-subtext,.upload-data-container.premium-disabled .upload-area.permission-locked .upload-requirements{color:#4a2e00}.upload-data-container.premium-disabled .tab:disabled{color:#4a2e00;opacity:1;background-size:200%;border-bottom:2px solid #d4a93b!important}.upload-data-container.premium-disabled .tab:disabled .tabTitle{color:#4a2e00!important}.upload-data-container.premium-disabled .tab:disabled:hover{border-color:#d4a93b}.upload-data-container.premium-disabled .input-field select.premium-disabled:disabled{color:#4a2e00;opacity:1;background:linear-gradient(135deg,#c8a84b 0%,#f9d776 50%,#c8a84b 100%);border:1px solid #d4a93b}.upload-area.permission-locked:hover{background:var(--ultralightgrey-color)}.upload-area.permission-locked:hover .folder-icon{transform:none}.upload-permission-note{color:var(--grey-color);margin:0 0 1rem;font-size:.9rem}.upload-permission-note.premium-disabled{color:#5a3e00;font-weight:500}.upload-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.upload-icon{margin-bottom:1rem;font-size:4rem}.upload-text{color:var(--darkgrey-color);margin:0;font-size:1.3rem;font-weight:600}.upload-subtext{color:var(--darkgrey-color);margin:0;font-size:1rem}.upload-requirements{color:var(--grey-color);margin:0;font-size:.9rem;font-style:italic}.upload-spinner{flex-direction:column;align-items:center;gap:1rem;display:flex}.spinner{border:4px solid var(--grey-color);border-top:4px solid var(--blue-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-section{margin-top:2rem}.table-section h3{color:var(--blue-color);margin-bottom:.5rem}.table-section p{color:var(--grey-color);margin-bottom:1.5rem}.upload-data-table-container{border-radius:16px;margin-bottom:2rem;overflow:hidden}.upload-data-table-wrapper{max-height:500px;overflow:auto}.upload-data-table{border-collapse:collapse;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.95rem}.upload-data-table th{background:var(--lightblue-color);color:var(--darkblue-color);text-align:center;letter-spacing:.5px;z-index:1;border:none;padding:1.25rem 1rem;font-size:.9rem;font-weight:600;position:sticky;top:0}.upload-data-table th:first-child{border-radius:16px 0 0 16px}.upload-data-table th:last-child{border-radius:0 16px 16px 0}.upload-data-table td{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);vertical-align:middle;padding:1rem;font-weight:500;transition:all .2s}.upload-data-table tr{transition:all .2s}.upload-data-table tr:hover{background-color:var(--ultralightgrey-color);border-radius:8px;transform:translateY(-1px)}.upload-data-table td:first-child{border-radius:16px 0 0 16px}.upload-data-table td:last-child{border-radius:0 16px 16px 0}.table-actions{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.reject-btn:hover{outline:1px solid var(--red-color);color:var(--red-color);transform:translateY(-1px)}.confirm-btn:hover:not(:disabled){transform:translateY(-1px)}.confirm-btn:disabled{background-color:var(--grey-color);cursor:not-allowed;transform:none}.upload-complete{text-align:center;background:var(--white-color);border-radius:12px;padding:3rem 2rem;box-shadow:0 4px 12px #0000001a}.upload-complete h2{color:var(--green-color);margin-bottom:1rem}.upload-complete p{color:var(--gray-color);font-size:1.1rem}.upload-error{color:var(--red-color);margin:0;font-size:.9rem;font-weight:600}.final-confirmation-section{margin-top:2rem}.final-confirmation-content{background:var(--white-color);border:1px solid var(--border-color);border-radius:12px;padding:2rem;box-shadow:0 4px 16px #0000001a}.final-confirmation-content h2{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.final-confirmation-content p{color:var(--text-color);margin-bottom:2rem;line-height:1.6}.completed-files-summary{margin-bottom:2rem}.completed-files-summary h3{color:var(--text-color);margin-bottom:1rem;font-size:1.2rem;font-weight:500}.files-list{background:var(--light-gray-color);border-radius:8px;margin:0;padding:1rem;list-style:none}.file-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.file-item:last-child{border-bottom:none}.file-key{color:var(--primary-color);font-size:.9rem;font-weight:600}.file-name{color:var(--text-color);background:var(--white-color);border:1px solid var(--border-color);border-radius:4px;padding:.25rem .5rem;font-family:monospace;font-size:.85rem}.final-actions{justify-content:center;gap:1rem;display:flex}.final-ingest-btn:hover:not(:disabled){background:var(--primary-hover-color);transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.final-ingest-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.file-download{cursor:pointer;color:var(--blue-color);transition:color .3s}.file-download:hover{color:var(--fuchsia-color)}.unauthorized-page{color:var(--text-color);width:100svw;height:calc(100svh - var(--navbar-height) - var(--footer-height));background-image:url(/assets/ui_assets/light-background-test.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed}.unauthorized-content{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;flex-direction:column;align-items:center;max-width:400px;padding:2rem;display:flex;box-shadow:0 4px 6px #0000001a}.unauthorized-icon-container{background-color:var(--lightred-color);border-radius:50%;justify-content:center;align-items:center;width:6rem;height:6rem;margin:0 auto 1rem;display:flex}.unauthorized-icon{width:3rem;height:3rem;color:var(--red-color)}.unauthorized-title{color:var(--black-color);margin-bottom:1rem;font-size:1.875rem;font-weight:700}.unauthorized-message{color:var(--black-color);opacity:.8;margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.unauthorized-button{min-width:8rem}.company-info-container{max-width:1200px;min-height:calc(100vh - 200px);margin:0 auto;padding:20px}.companies-list{flex-direction:column;gap:24px;margin-top:20px;display:flex}.company-card-wrapper{flex-direction:column;gap:16px;display:flex}.company-details-card{background:var(--white-color);border:1px solid var(--ultralightgrey-color);border-radius:12px;padding:24px;transition:all .3s;box-shadow:0 2px 8px #0000001a}.company-header{border-bottom:2px solid var(--lightgrey-color);justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;display:flex}.company-name{color:var(--darkblue-color);margin:0;font-family:Allumi-extended,sans-serif;font-size:24px;font-weight:700;line-height:1.2}.company-owner{background:var(--blue-color);color:var(--white-color);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.company-info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.info-item{flex-direction:column;gap:6px;display:flex}.info-item dt{color:var(--grey-color);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:12px;font-weight:600}.info-item dd{color:var(--black-color);word-break:break-word;margin:0;font-size:16px;font-weight:500}.products-card{margin-top:1rem}.products-title{color:var(--black-color);align-items:center;gap:10px;margin:0 0 20px 1rem;font-family:Allumi-extended,sans-serif;font-size:20px;font-weight:600;display:flex}.products-title:before{content:"";background:var(--fuchsia-color);border-radius:2px;width:4px;height:20px}.products-table-container{border:1px solid var(--lightgrey-color);border-radius:8px;overflow-x:auto}.products-table{border-collapse:collapse;width:100%;font-size:14px}.products-table th{color:var(--black-color);text-align:center;border-bottom:2px solid var(--lightgrey-color);text-transform:uppercase;padding:12px 16px;font-size:12px;font-weight:600}.products-table td{border-bottom:1px solid var(--lightgrey-color);vertical-align:middle;background-color:var(--white-color);padding:12px 16px}.products-table tbody tr:last-child td{border-bottom:none}.dataset-description{text-align:center;color:var(--darkblue-color)}.dataset-type{text-align:center;border-radius:4px;font-weight:600}.metadata-card{background:var(--lightblue-color);border:1px solid var(--blue-color);border-radius:12px;margin-top:24px;padding:20px}.metadata-card h3{color:var(--darkblue-color);margin:0 0 12px;font-family:Allumi-extended,sans-serif;font-size:16px;font-weight:600}.metadata-info{color:var(--grey-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.retry-section{text-align:center;margin-top:20px}.retry-button{background:var(--blue-color);color:var(--white-color);cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-family:Allumi-extended,sans-serif;font-size:14px;font-weight:600;transition:all .3s}.retry-button:hover{background:var(--darkblue-color);transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.retry-button:active{transform:translateY(0)}.empty-state{background:var(--white-color);border:2px dashed var(--lightgrey-color);text-align:center;border-radius:12px;margin-top:20px;padding:40px}.empty-content h3{color:var(--grey-color);margin:0 0 12px;font-family:Allumi-extended,sans-serif;font-size:20px}.empty-content p{color:var(--grey-color);margin:0 0 24px;font-size:14px;line-height:1.5}@media (width<=768px){.company-info-container{padding:16px}.company-header{flex-direction:column;align-items:flex-start;gap:12px}.company-name{font-size:20px}.company-info-grid{grid-template-columns:1fr;gap:16px}.products-table-container{font-size:12px}.products-table th,.products-table td{padding:8px 12px}.metadata-info{flex-direction:column;align-items:flex-start;gap:8px}.empty-state{padding:24px 16px}.empty-content h3{font-size:18px}}@media (width<=480px){.company-details-card,.products-card{padding:16px}.products-table th,.products-table td{padding:6px 8px;font-size:11px}.status-badge{padding:3px 8px;font-size:9px}}.company-info-container:has(.loading){justify-content:center;align-items:center;min-height:400px;display:flex}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.retry-button:focus,.products-table:focus-within{outline:2px solid var(--blue-color);outline-offset:2px}.product-actions{text-align:center;padding:12px 16px}.edit-product-button{border:1px solid var(--blue-color);color:var(--blue-color);background-color:var(--white-color);cursor:pointer;border-radius:5px;align-items:center;margin:5px;padding:3px 5px 3px 7px;font-family:Allumi-extended,sans-serif;font-size:14px;font-weight:500;transition:all .3s}.edit-product-button:hover{color:var(--fuchsia-color);border-color:var(--fuchsia-color)}.edit-product-button:active{transform:translateY(0)}.edit-product-button:focus{outline:2px solid var(--blue-color);outline-offset:2px}.form-actions-row{flex-direction:row;gap:12px;margin-top:8px;display:flex}.tooltip-content{text-wrap:wrap;background-color:var(--blue-color);width:max-content;max-width:300px;box-shadow:0px 0px 3px 2px var(--white-color);text-align:center;color:var(--white-color);z-index:101;border-radius:4px;padding:4px 8px;font-size:90%}.compact-tooltip{max-width:180px;padding:4px 6px}.premium-tooltip{color:#5a3e00;background:#fffdf7;border:1.5px solid #d4a93b;align-items:center;gap:6px;font-weight:500;display:flex;box-shadow:0 2px 8px #d4a93b2e}.premium-tooltip:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d4a93b'%3E%3Cpath d='M5 16L3 5l5.5 5L12 4l3.5 6L21 5l-2 11H5zm14 3c0 .6-.4 1-1 1H6c-.6 0-1-.4-1-1v-1h14v1z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:13px;height:13px;display:inline-block}.tooltip-trigger{cursor:pointer;background-color:#0000;border:0}.data-table-shell{flex:1;width:100%;min-width:0;height:fit-content}.data-table-shell .data-table-container{background-color:#0000;border-radius:10px;min-height:fit-content;overflow-x:auto;width:100%!important;max-width:100%!important}.data-table-shell .data-table-container::-webkit-scrollbar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:8px}.data-table-shell .data-table-container::-webkit-scrollbar-track{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000}.data-table-shell .data-table-container::-webkit-scrollbar-thumb{background-color:var(--fuchsia-color);cursor:pointer;border-radius:10px}.data-table-shell .data-table{border-collapse:collapse;text-align:center;background-color:#0000;width:100%;min-width:max-content;font-family:Allumi-extended,sans-serif;font-size:12px}.data-table-shell .data-table-header th{text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:10px;font-family:Allumi-extended,sans-serif;font-size:14px;overflow:hidden;background-color:var(--lightblue-color)!important;color:var(--black-color)!important}.data-table-shell .data-table-header th:first-of-type{border-radius:8px 0 0 8px}.data-table-shell .data-table-header th:last-of-type{border-radius:0 8px 8px 0}.data-table-shell .data-table td{background-color:var(--white-color);text-align:center;vertical-align:middle;width:fit-content;min-width:35px;height:fit-content;padding:8px 12px}.data-table-shell .data-table-body tr{margin:10px;transition:all .3s;border-bottom:2px solid var(--lightblue-color)!important}.data-table-shell .data-table-body tr:hover{cursor:pointer;transform:translate(-2px)}.data-table-shell .sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s}.data-table-shell .sortable-header:hover{border-bottom:1px solid var(--fuchsia-color);transform:translateY(-1px);background-color:var(--lightblue-color)!important;color:var(--black-color)!important}.data-table-shell .header-content{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.data-table-shell .header-text{text-transform:capitalize}.data-table-shell .sort-indicator-container{flex-shrink:0;align-items:center;gap:4px;display:flex}.data-table-shell .sort-icon{opacity:.6;font-size:12px;transition:opacity .2s}.data-table-shell .sort-icon.neutral{opacity:.3}.data-table-shell .sort-icon.ascending,.data-table-shell .sort-icon.descending{color:var(--fuchsia-color);opacity:1}.data-table-shell .sort-priority{background-color:var(--fuchsia-color);width:16px;height:16px;color:var(--white-color);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;line-height:1;transition:all .3s;display:flex}.data-table-shell .sortable-header:hover .sort-icon.neutral{opacity:.8}.data-table-shell .table-footer{background-color:var(--lightblue-color);width:100%;color:var(--black-color);border-radius:10px;flex-direction:row;justify-content:space-between;margin-top:5px;padding:10px;font-size:12px;display:flex;box-shadow:0 2px 4px #0000001a;font-family:Allumi-extended,sans-serif!important}.data-table-shell .left-footer{align-items:center;display:flex;font-family:Allumi-extended,sans-serif!important}.data-table-shell .right-footer{flex-direction:row;gap:20px;display:flex;font-family:Allumi-extended,sans-serif!important}.data-table-shell .items-per-page-selector-container{align-items:center;gap:10px;display:flex;font-family:Allumi-extended,sans-serif!important}.data-table-shell .items-per-page-selector{border:1px solid var(--border-color,#ccc);border-radius:5px;outline:none;width:100px;height:28px;padding:4px 8px;font-size:14px;transition:all .2s;font-family:Allumi-extended,sans-serif!important}.data-table-shell .items-per-page-selector:focus,.data-table-shell .items-per-page-selector:hover{border-color:var(--fuchsia-color);box-shadow:0 0 0 2px rgba(var(--fuchsia-color-rgb), .2)}.data-table-shell .items-per-page-selector-title{font-family:Allumi-extended,sans-serif!important}.data-table-shell .pager-container{cursor:default;flex-direction:row;align-items:center;gap:10px;display:flex}.data-table-shell .previous-page-icon,.data-table-shell .next-page-icon{cursor:pointer;background-color:#0000;border:0;border-radius:4px;flex-direction:row;align-items:center;padding:6px 10px;transition:all .3s;display:flex}.data-table-shell .previous-page-icon:hover,.data-table-shell .next-page-icon:hover{background-color:#ffffff80;color:var(--fuchsia-color)!important}.data-table-shell .previous-page-icon:disabled,.data-table-shell .next-page-icon:disabled{cursor:not-allowed;opacity:.5}.data-table-shell .page-input-container{align-items:center;gap:2px;font-family:Allumi-extended,sans-serif;font-size:14px;display:flex}.data-table-shell .page-input{border:1px solid var(--border-color,#ccc);background-color:var(--background-color,#fff);width:60px;color:var(--text-color,#333);text-align:center;border-radius:4px;padding:4px 8px;font-family:Allumi-extended,sans-serif;font-size:14px;transition:all .3s}.data-table-shell .page-input:focus{border-color:var(--fuchsia-color,#d946ef);background-color:var(--input-focus-bg,#fff);outline:none;box-shadow:0 0 0 2px #d946ef33}.data-table-shell .page-input:hover:not(:focus){border-color:var(--border-hover-color,#999)}.data-table-shell .page-input:invalid,.data-table-shell .page-input.invalid{border-color:var(--error-color,#ef4444);box-shadow:0 0 0 2px #ef444433}.data-table-shell .page-total{color:var(--text-muted-color,#666);margin-left:2px;font-size:14px}.data-table-shell .page-input::-webkit-outer-spin-button{appearance:none;margin:0}.data-table-shell .page-input::-webkit-inner-spin-button{appearance:none;margin:0}.data-table-shell .page-input[type=number]{appearance:textfield}@media (width<=800px){.data-table-shell .table-footer,.data-table-shell .right-footer{align-items:center;gap:10px}.data-table-shell .table-footer{flex-direction:column}}.user-management-page{flex-direction:column;gap:24px;padding-bottom:30px;display:flex}.user-management-actions{z-index:20;position:fixed;bottom:50px;right:30px}.user-management-add{width:60px!important;height:60px!important}.user-management-add:hover{transform:rotate(180deg)}.user-management-header{flex-direction:column;gap:8px;display:flex}.user-management-subtitle{color:var(--darkgrey-color);margin:-8px 0 0;font-size:15px;line-height:1.5}.user-management-card{padding:24px}.user-management-filters-grid{grid-template-columns:1fr 1fr auto;align-items:end;gap:16px;display:grid}.user-management-filter-actions{justify-content:flex-end;align-self:end;align-items:center;gap:12px;display:flex}.user-management-table-header-section{justify-content:space-between;align-items:flex-start;display:flex}.user-management-table-title{color:var(--black-color);font-family:Allumi-extended,sans-serif;font-weight:700}.user-management-empty-state,.user-management-error{text-align:center;color:var(--darkgrey-color);padding:32px 0}.user-management-error{color:var(--red-color)}.user-management-user-cell{justify-content:center;align-items:center;gap:12px;display:flex}.user-management-avatar{color:#1d4ed8;background:#eef4ff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:700;display:flex}.user-management-avatar.disabled{color:#5a6270;background:#f2f4f7}.user-management-user-name{color:var(--black-color);font-weight:600}.user-management-actions-cell{text-align:center;width:110px}.user-management-row-actions{justify-content:center;align-items:center;gap:8px;display:flex}.account-enabled-tag,.user-management-email-cell{justify-content:center;align-items:center;height:100%;display:flex}.user-management-modal{position:fixed;width:min(520px,90vw)!important;max-height:78vh!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.user-management-confirm-modal{width:min(500px,90vw)!important}.user-management-modal .popup-container{max-height:78vh}.user-management-modal .popup-content{align-items:stretch}.user-management-modal-content{flex-direction:column;gap:20px;width:100%;min-height:0;display:flex}.user-management-confirm-text{color:var(--black-color);margin:0;line-height:1.6}.user-management-modal-summary{align-items:center;gap:16px;display:flex}.user-management-modal-avatar{color:#1d4ed8;background:#eef4ff;border-radius:9999px;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:700;display:flex}.user-management-modal-avatar.disabled{color:#5a6270;background:#f2f4f7}.user-management-modal-summary-text{flex-direction:column;gap:4px;display:flex}.user-management-modal-user-name{color:var(--black-color);font-size:20px;font-weight:700}.user-management-modal-last-active{color:var(--darkgrey-color);font-size:14px}.user-management-modal-form{flex-direction:column;gap:12px;display:flex}.user-management-edit-actions{border-top:1px solid #eaecf0;justify-content:space-between;align-items:center;gap:16px;padding-top:12px;display:flex}.user-management-delete-button{color:var(--darkgrey-color);cursor:pointer;background:0 0;border:none;font-size:15px;font-weight:600;transition:all .2s ease-in-out}.user-management-delete-button:hover:not(:disabled){color:var(--fuchsia-color);background:0 0;transform:translateY(-2px)}.user-management-delete-button:disabled{opacity:.5;cursor:not-allowed}.user-management-confirm-delete-button{background:var(--fuchsia-color);color:var(--white-color)}.user-management-modal-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}@media (width<=767px){.user-management-edit-actions{flex-direction:column;align-items:stretch}.user-management-modal-actions{justify-content:center}}@media (width<=992px){.user-management-filters-grid{grid-template-columns:1fr}.user-management-filter-actions{justify-content:flex-start}}@media (width<=600px){.user-management-add{width:48px!important;height:48px!important}}@media (width>=993px){.user-management-filter-actions{margin-bottom:9px}}.parameter-registry-page{flex-direction:column;gap:20px;padding-bottom:30px;display:flex}.parameter-registry-actions{z-index:20;position:fixed;bottom:50px;right:30px}.parameter-registry-add{width:60px!important;height:60px!important}.parameter-registry-add:hover{transform:rotate(180deg)}.parameter-registry-header p{color:var(--grey-color);margin:-14px 30px 0;font-family:Allumi-extended,sans-serif;font-size:14px}.parameter-registry-filters,.parameter-registry-results{margin:0 30px}.parameter-registry-form{grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) minmax(180px,1fr) auto;align-items:end;gap:12px;display:grid}.parameter-registry-form>*{min-width:0}.parameter-registry-filter-actions{flex-wrap:wrap;grid-column:auto;align-items:center;gap:8px;display:flex}.parameter-registry-filter-actions>*{flex:none;min-width:110px}.parameter-registry-reset{height:40px;margin:8px 0}.parameter-registry-results{min-height:180px;overflow:hidden}.parameter-registry-state,.parameter-registry-error{justify-content:center;align-items:center;min-height:140px;display:flex}.parameter-registry-error{color:var(--red-color);font-weight:500}@media (width<=600px){.parameter-registry-add{width:48px!important;height:48px!important}}@media (width<=1100px){.parameter-registry-form{grid-template-columns:repeat(2,minmax(0,1fr))}.parameter-registry-filter-actions{grid-column:1/-1}}@media (width<=800px){.parameter-registry-form{grid-template-columns:minmax(0,1fr)}.parameter-registry-filter-actions{grid-column:1}.parameter-registry-header p{margin:0 30px}.parameter-registry-filters,.parameter-registry-results{margin:0 15px}}.raw-material-registry-page{flex-direction:column;gap:20px;padding-bottom:30px;display:flex}.raw-material-registry-actions{z-index:20;position:fixed;bottom:50px;right:30px}.raw-material-registry-add{width:60px!important;height:60px!important}.raw-material-registry-add:hover{transform:rotate(180deg)}.raw-material-registry-header p{color:var(--grey-color);margin:-14px 30px 0;font-family:Allumi-extended,sans-serif;font-size:14px}.raw-material-registry-filters,.raw-material-registry-results{margin:0 30px}.raw-material-registry-form{grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) minmax(180px,1fr) auto;align-items:end;gap:12px;display:grid}.raw-material-registry-form>*{min-width:0}.raw-material-registry-filter-actions{flex-wrap:wrap;grid-column:auto;align-items:center;gap:8px;display:flex}.raw-material-registry-filter-actions>*{flex:none;min-width:110px}.raw-material-registry-reset{height:40px;margin:8px 0}.raw-material-registry-results{min-height:180px;overflow:hidden}.raw-material-registry-state,.raw-material-registry-error{justify-content:center;align-items:center;min-height:140px;display:flex}.raw-material-registry-error{color:var(--red-color);font-weight:500}.raw-material-registry-row-actions{white-space:nowrap;align-items:center;gap:4px;display:flex}@media (width<=1100px){.raw-material-registry-form{grid-template-columns:repeat(2,minmax(0,1fr))}.raw-material-registry-filter-actions{grid-column:1/-1}}@media (width<=800px){.raw-material-registry-header p{margin:0 30px}.raw-material-registry-form{grid-template-columns:minmax(0,1fr)}.raw-material-registry-filter-actions{grid-column:1}.raw-material-registry-filters,.raw-material-registry-results{margin:0 15px}}@media (width<=600px){.raw-material-registry-add{width:48px!important;height:48px!important}}.react-icons{color:"undefined"}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30;background-image:linear-gradient(90deg,#ffffff1a,#ffffff1a,#ffffffe6),url(/assets/ui_assets/navbar_background_bs_light.png);background-repeat:no-repeat;background-size:cover;border-radius:100px;justify-content:space-between;align-items:center;min-width:fit-content;max-width:100%;margin:10px;padding-left:2rem;padding-right:2rem;display:flex;position:sticky;top:10px;box-shadow:0 20px 45px #08369b38}.navbar-left,.navbar-right{height:var(--navbar-height);justify-content:flex-start;align-items:center;gap:1.5rem;display:flex}.hamburger-icon,.close-icon{cursor:pointer;width:40px;color:var(--black-color);background:0 0;font-size:1.5rem;transition:all .2s}.hamburger-icon:hover,.close-icon:hover{color:var(--fuchsia-color);transition:all .2s;transform:scale(1.2)}.logo{-webkit-user-select:none;user-select:none;height:auto}.ai-doing-logo-icon{content:url(/assets/ui_assets/AI_Doing_blue.png);width:100%;min-width:40px;max-width:40px;height:100%}.brembo-solutions-logo-icon{display:none}.login-button{cursor:pointer;color:var(--black-color);text-align:center;box-shadow:none;background:0 0;border:0;justify-content:flex-end;gap:.5em;font-size:1.2rem;transition:all .3s;display:flex;margin:0!important}.login-button:hover{cursor:pointer;color:var(--fuchsia-color);box-shadow:none;background:0 0;border:0}.login-button-content{align-items:center;gap:.5em;display:flex}.user-menu-icon,.help-menu-icon{align-items:center;width:fit-content;display:flex;padding:0!important}.login-button-title{display:none}.login-button-username{text-wrap:nowrap;text-overflow:ellipsis;max-width:130px;overflow:hidden}.nav-menu{background-color:var(--black-color);justify-content:center;width:250px;height:90vh;display:flex;position:fixed;top:0;left:-100%;box-shadow:0 0 10px #00000080}.nav-menu.active{transition:all .5s;position:fixed;top:80px;left:0}.nav-menu-items{white-space:nowrap;flex-direction:row;list-style:none;display:flex}.nav-menu-items a{color:var(--black-color)}.navbar-toggle{justify-content:flex-start;align-items:center;width:100%;height:80px;display:flex}.navbar-toggle svg{color:var(--black-color)}.nav-menu-items li:last-child label{text-align:center;justify-content:flex-start;align-items:center;padding-left:20px;display:flex;position:absolute;bottom:10px}.nav-menu-items li:last-child label:hover{color:var(--fuchsia-color)}.navbar-center{display:none}.logo-divider-left{border-left:2px solid var(--black-color);height:50%}.logo-divider-right{display:none}.navbar-line{background-color:var(--blue-color);width:100%;height:2px;margin-top:-2px}@media only screen and (width>=650px){.navbar-center{display:none}.brembo-solutions-logo-icon{content:url(/assets/ui_assets/Brembo_Solutions_black.png);width:100%;min-width:100px;max-width:100px;height:100%;display:block}.logo-divider-right{border-left:2px solid var(--black-color);height:50%;display:block}.logo-icon{width:230px}.login-button-title{text-overflow:ellipsis;white-space:nowrap;flex-wrap:wrap;max-width:150px;margin-right:10px;display:flex;overflow:hidden;width:fit-content!important}.login-button-icon{align-items:center;display:flex}.login-button{min-width:120px;color:var(--black-color);flex-direction:row;align-items:center;display:flex}}@media only screen and (width>=1000px){.hamburger-icon{display:none}.navbar-left{gap:2rem}.navbar-center{text-align:left;justify-content:space-evenly;width:100%;display:flex}.navbar-right{gap:2rem}}.navbar-dropdown{color:var(--black-color);display:inline-block;position:relative}.navbar-dropdown-title{text-transform:uppercase;cursor:pointer;padding:.3rem 1rem;transition:all .3s}.navbar-dropdown-title:hover{color:var(--fuchsia-color)}.navbar-dropdown-title.active{background-color:var(--fuchsia-color);color:var(--white-color);border-radius:10px}.navbar-dropdown-content{background-color:var(--white-color);text-align:center;z-index:11;border-radius:20px;flex-direction:column;width:fit-content;height:fit-content;max-height:0;transition:max-height .5s,padding .5s;display:flex;position:absolute;top:150%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 20px 45px #08369b38}.navbar-dropdown.open .navbar-dropdown-content{border:1px solid #08369b14;max-height:min(65vh,34rem);padding:5px;overflow:hidden auto}.nav-text{cursor:pointer;color:var(--black-color);background:0 0;border:none;outline:none;margin:5px;text-decoration:none;list-style-type:none}.navbar-dropdown-content .nav-text{font-family:Allumi,sans-serif;font-size:.875rem;font-weight:400;line-height:1.2}.navbar-dropdown-content .nav-text.navbar-dropdown-label{cursor:default;border-bottom:1px solid var(--lightgrey-color);margin-bottom:8px;padding-bottom:8px;font-size:.75rem;font-weight:600}.navbar-dropdown-content .nav-text.navbar-dropdown-label:hover{color:var(--black-color)}.nav-text{color:var(--black-color);text-transform:uppercase;padding:.3rem 1rem;text-decoration:none;transition:all .3s}.nav-text.active{background-color:var(--fuchsia-color);color:var(--white-color);border-radius:10px}.nav-text:hover{color:var(--fuchsia-color)}.nav-text.active:hover{color:var(--white-color)}.nav-text.disabled{opacity:.5;cursor:not-allowed}.nav-text.disabled:hover{color:var(--black-color)}.nav-text.disabled.premium-disabled{opacity:1;color:#4a2e00;background:linear-gradient(135deg,#c8a84b 0%,#f9d776 50%,#c8a84b 100%) 0 0/200%;border-radius:50px;padding:.3rem 1rem}.nav-text.disabled.premium-disabled:hover{color:var(--black-color)}.page-title{align-items:center;gap:8px;margin-bottom:20px;font-size:24px;font-weight:700;line-height:1.2;display:inline-flex}.page-title-text{display:inline-block}.page-title-tooltip{align-items:center;display:inline-flex}.page-title-tooltip-button{width:24px;height:24px;color:var(--darkgrey-color);cursor:pointer;background-color:#0000;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:color .2s,background-color .2s,transform .2s;display:inline-flex}.page-title-tooltip-button:hover,.page-title-tooltip-button[data-state=open]{color:var(--darkblue-color);background-color:#08369b14}.page-title-tooltip-button:focus-visible{outline:2px solid var(--blue-color);outline-offset:2px}.page-title-tooltip-icon{width:18px;height:18px}.page-title-tooltip-content{text-align:left;max-width:min(320px,100vw - 32px);padding:8px 10px;line-height:1.4}@media (width<=768px){.page-title{gap:6px;font-size:22px}.page-title-tooltip-button{width:22px;height:22px}.page-title-tooltip-icon{width:17px;height:17px}}.popup-backdrop{top:var(--navbar-height);width:100vw;height:calc(100vh - var(--navbar-height));z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#dcdcdcbf;border:none;border-radius:20px 20px 0 0;position:fixed;left:0}.popup-modal{z-index:10;-ms-overflow-style:none;overscroll-behavior:contain;background:#fffffff2;border:1px solid #08369b14;border-radius:20px;position:fixed;top:20vh;left:30%;overflow-y:hidden;box-shadow:0 20px 45px #08369b38;width:40%!important;max-height:min-content!important;padding:0!important}.popup-modal.warning{border-left:5px solid var(--orange-color)}.popup-icon.warning{color:var(--orange-color)}.popup-modal.error{border-left:5px solid var(--red-color)}.popup-icon.error{color:var(--red-color)}.popup-modal.success{border-left:5px solid var(--green-color)}.popup-icon.success{color:var(--green-color)}.popup-modal.info{border-left:5px solid var(--blue-color)}.popup-icon.info{color:var(--blue-color)}.popup-container{background-color:var(--white-color);border-radius:8px;flex-direction:column;max-height:100%;display:flex;position:relative;overflow:hidden}.popup-header{background:var(--white-color);box-shadow:0px 5px 5px var(--white-color);padding:10px 10px 0;position:sticky;top:0}.popup-header h2{color:var(--white-color);margin:0}.popup-content{color:var(--black-color);flex-direction:column;flex:1;align-items:center;gap:15px;padding:1rem;display:flex;overflow-y:auto}.popup-title{text-transform:uppercase;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding-top:10px;font-size:large;font-weight:700;display:flex}.popup-message-container{text-align:center;gap:20px}.popup-actions{box-shadow:0px -5px 5px var(--white-color);flex-direction:row;justify-content:flex-end;gap:10px;padding:1rem;display:flex}.popup-close{font-size:1.2rem;position:absolute;top:20px;right:20px}.popup-close-icon{cursor:pointer}.popup-close-icon:hover{color:var(--red-color);transition:all .3s;transform:scale(1.1)}.popup p{margin-left:10px}.popup-cancel-button:hover{outline:1px solid var(--red-color);color:var(--red-color);background-color:var(--white-color)}@media (width>=768px){.modal{width:40rem;left:calc(50% - 20rem)}.popup-actions{flex-direction:row}}@font-face{font-family:Allumi-extended, sans-serif;src:url(/fonts/ALLUMIPROEXTENDED-LIGHT.OTF)format("opentype")}.project-title{color:var(--blue-color);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;text-transform:uppercase;margin:2rem auto;font-family:Allumi-extended,sans-serif;font-size:22px;text-decoration:none}@media only screen and (width>=650px){.project-title{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;text-transform:uppercase;white-space:nowrap;width:85%;margin:2rem auto;font-family:Allumi-extended,sans-serif;font-size:22px}}.round-button{text-transform:uppercase;background-color:var(--darkblue-color);width:30px;height:30px;color:var(--white-color);border:2px solid;border-color:var(--white-color);box-shadow:0px 0px 5px 1px var(--darkgrey-color);cursor:pointer;border-radius:100px;justify-content:center;align-items:center;transition:all .3s;display:flex}.round-button.disabled{color:var(--white-color);border-color:var(--white-color);cursor:not-allowed;background-color:var(--darkgrey-color)!important}.round-button.disabled.premium-disabled{background-size:200%;border-radius:50px;color:#4a2e00!important;background:linear-gradient(135deg,#c8a84b 0%,#f9d776 50%,#c8a84b 100%)!important;border:2px solid #d4a93b!important}.round-button.disabled:hover{transform:none!important}.round-button:hover{background-color:var(--fuchsia-color)}.side-menu{background-color:var(--white-color);z-index:20;border-radius:20px;flex-direction:column;justify-content:center;gap:20px;width:250px;min-width:240px;height:fit-content;margin:-2rem;padding-top:10px;transition:transform .3s ease-in-out;display:flex;position:fixed;overflow:hidden;transform:translate(-110%);box-shadow:0 20px 45px #08369b38;border:1px solid #08369b14!important}.side-menu.active{transform:translate(10px)}.side-menu-items{background:var(--white-color);width:100%;position:relative}.side-menu-items a{color:var(--black-color)}.side-menu-items a:hover{color:var(--fuchsia-color);background-color:#0000}.side-menu-items li:last-child label{text-align:center;justify-content:flex-start;width:100%;font-size:14px;position:absolute;bottom:20px}.side-menu-items li:last-child label:hover{color:var(--fuchsia-color);cursor:pointer}@media only screen and (width>=1050px){.side-menu{display:none}}.sidebar-footer{width:220px;margin:0 auto 20px}.sidebar-footer a{text-align:center;color:var(--black-color);justify-content:center;align-items:center;font-size:14px;text-decoration:none;display:flex}.side-text{justify-content:flex-start;align-items:center;height:60px;padding:8px 0 8px 16px;list-style:none;display:flex}.side-text a{color:var(--black-color);border-radius:10px;align-items:center;width:95%;height:100%;padding:0 16px;font-size:18px;text-decoration:none;transition:all .2s;display:flex}.side-text a:hover{color:var(--fuchsia-color);transition-delay:20ms;transform:scale(1.05)}.side-text.active{background-color:var(--white-color);border:2px solid;border-color:var(--fuchsia-color);color:var(--fuchsia-color)}.side-text.active:hover{color:var(--fuchsia-color);background-color:#0000}.sidebar-item-title{margin-left:1rem}.side-text.disabled{cursor:not-allowed;opacity:.5}.side-text.disabled.premium-disabled{opacity:1;background:#e0e0e0;border:2px solid #d4a93b;border-radius:10px}.side-text.disabled.premium-disabled a:hover{color:inherit;transform:none}.tab{cursor:pointer;background-color:var(--white-color);text-transform:uppercase;border:none;border-bottom:2px solid var(--lightgrey-color);width:100%;max-width:200px;height:40px;padding:10px;transition:all .3s}.tabTitle{font-size:12px;font-weight:700;overflow:hidden}.active,.tab:hover{background-color:var(--white-color);border-color:var(--fuchsia-color)}.tab:disabled{cursor:not-allowed;position:relative;border-bottom:2px solid var(--ultralightgrey-color)!important;background-color:#0000!important}.tab:disabled .tabTitle{color:var(--grey-color)!important}.tooltiptext{text-transform:none;display:none}.tab:disabled .tooltiptext{background-color:var(--black-color);width:120px;color:var(--white-color);text-align:center;z-index:1;border-radius:6px;padding:5px 0;display:none;position:absolute}.tab:disabled:hover{background-color:var(--lightgrey-color);cursor:not-allowed;border-color:var(--lightblue-color)}.tab:disabled:hover .tooltiptext{display:initial;cursor:not-allowed}.tab-list{gap:0;margin-left:20px;margin-right:20px;display:flex}@media only screen and (width>=650px){.tab-list{flex-wrap:unset;margin-left:20px;margin-right:20px;display:flex}}.tag{background-color:var(--tag-bg-color);color:var(--tag-text-color);border-radius:12px;align-items:center;gap:5px;width:fit-content;padding:4px 8px;font-size:14px;font-weight:500;display:flex}.tag-icon{color:#fff;align-items:center;font-size:12px;display:flex}.tag-text{color:#fff;font-family:Allumi-extended,sans-serif;font-size:14px}.text-with-options-container{position:relative}.text-with-options-label{color:var(--darkgrey-color);margin-bottom:5px}.text-with-options-list{background-color:var(--white-color);width:100%;box-shadow:0px 3px 6px 0px var(--grey-color);border-radius:10px;text-decoration:none;list-style:none;transition:all .3s;position:absolute;overflow-y:scroll}.text-with-options-list::-webkit-scrollbar-track{background-color:#0000}.text-with-options-list-element{cursor:pointer;background:0 0;border:none;flex-direction:column;width:100%;padding:5px;transition:all .2s;display:flex}.text-with-options-list-element:hover{background-color:var(--lightgrey-color)}.text-with-options-list-element-title{color:var(--black-color);font-size:1rem;font-weight:500}.text-with-options-list-element-description{color:var(--grey-color);font-size:.8rem}.text-with-options-alert{padding:5px;transition:all .2s}.text-with-options-confirmed-value-container{border:1px solid var(--black-color);background-color:var(--white-color);border-radius:5px;flex-wrap:nowrap;justify-content:center;align-items:center;height:26px;padding:2px;transition:all .2s;display:flex}.text-with-options-confirmed-value{height:100%;color:var(--black-color);background-color:var(--white-color);border-radius:5px;flex-direction:row;align-items:center;gap:10px;padding-left:5px;padding-right:5px;font-size:.9rem;display:flex}.text-with-options-confirmed-value-clear{transition:all .3s}.text-with-options-confirmed-value-clear:hover{color:var(--fuchsia-color);cursor:pointer}.text-with-options-sync-registries{cursor:pointer;padding:5px;transition:all .2s}.text-with-options-sync-registries:hover{background-color:var(--lightgrey-color)}.list-closed{max-height:0;padding:0}.list-open{z-index:1;max-height:200px}.sun-icon{transition:all .3s;display:none}.moon-icon{display:inherit;transition:all .3s}.moon-icon:hover{transform:scale(1.2);color:var(--fuchsia-color)!important}.theme-button{cursor:pointer;color:var(--black-color);background:0 0;border:none}.toggle-switch-label-container{align-items:center;display:flex}.toggle-switch-label{max-width:100%;color:var(--darkgrey-color);margin:5px 0;font-size:14px;font-weight:500}.toggle-switch-label-container .label-info-icon{color:var(--darkgrey-color);cursor:pointer;margin-left:10px;font-size:1rem;transition:color .2s}.toggle-switch-info-button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin-left:10px;padding:0;display:inline-flex}.toggle-switch-info-button .label-info-icon{margin:0}.toggle-switch-info-button:focus-visible{outline:2px solid var(--fuchsia-color);outline-offset:2px}.toggle-switch-info-button:hover .label-info-icon,.toggle-switch-label-container .label-info-icon:hover{color:var(--fuchsia-color)}.toggle-switch{background-color:var(--white-color);grid-gap:5px;cursor:pointer;border:1px solid #08369b14;border-radius:8px;flex-direction:row;justify-content:space-between;align-items:center;width:fit-content;height:40px;padding:2px;display:flex;position:relative}.toggle-option{color:var(--darkgrey-color);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-o-user-select:none;text-transform:capitalize;background-color:#0000;border:0;border-radius:5px;width:fit-content;height:100%;padding:0 10px;font-size:15px;transition:all .3s;overflow:hidden}.toggle-option:hover{color:var(--fuchsia-color)}.selected{border-bottom:2px solid var(--fuchsia-color);border-width:3px;margin-bottom:-2px;box-shadow:0 0 5px #ff00ff4b}.selected.toggle-disabled{background-color:var(--grey-color);color:var(--white-color)}.toggle-disabled{background-color:var(--white-color);color:var(--darkgrey-color);cursor:not-allowed}.hidden-input{visibility:hidden;position:absolute;border:0!important;width:0!important;height:0!important;margin:0!important;padding:0!important}.unauthenticated-page{color:var(--text-color);width:100svw;height:calc(100svh - var(--navbar-height) - var(--footer-height));background-image:url(/assets/ui_assets/light-background-test.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;justify-content:center;align-items:center;display:flex}.unauthenticated-content{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;flex-direction:column;align-items:center;max-width:400px;padding:2rem;display:flex;box-shadow:0 4px 6px #0000001a}.unauthenticated-icon-container{background-color:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:6rem;height:6rem;margin:0 auto 1rem;display:flex}.unauthenticated-icon{width:3rem;height:3rem;color:var(--red-color)}.unauthenticated-title{color:var(--text-color);margin-bottom:1rem;font-size:1.875rem;font-weight:700}.unauthenticated-message{color:var(--text-color);opacity:.8;margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.unauthenticated-button{min-width:8rem}.dropdown-container{min-width:min(200px,100%);color:var(--text-color);border:0;flex-direction:column;margin:8px 5px;display:flex;position:relative}.dropdown-btn{border:1px solid var(--lightgrey-color);appearance:none;background-image:url(/assets/ui_assets/dropdown_arrow.svg);background-position:calc(100% - 12px);background-repeat:no-repeat;background-size:16px;background-color:var(--white-color);cursor:pointer;width:100%;min-width:min(100px,100%);height:auto;color:var(--grey-color);text-align:left;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;padding:10px 32px 10px 10px;font-size:14px;transition:all .2s;overflow:hidden}.dropdown-btn.open{border-color:var(--fuchsia-color);outline:1px solid var(--fuchsia-color)}.dropdown-btn.has-values{color:var(--black-color);white-space:normal;align-items:center;display:flex}.dropdown-btn:disabled,.dropdown-btn.readonly{background-color:var(--ultralightgrey-color);color:var(--grey-color);cursor:not-allowed;border-color:var(--lightgrey-color)}.dropdown-content{background:var(--white-color);border:1px solid var(--lightgrey-color);box-shadow:0px 3px 6px 0px var(--darkgrey-color);z-index:200;border-radius:10px;flex-direction:column;gap:5px;min-width:200px;padding:5px;display:flex}.dropdown-items{z-index:12;flex-direction:column;gap:5px;min-width:200px;max-height:200px;padding:5px;display:flex;overflow-y:auto}.dropdown-item{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:3px;padding:5px}.dropdown-item:hover{outline:1px solid var(--fuchsia-color);color:var(--fuchsia-color)}.dropdown-item.selected{background:var(--fuchsia-color);color:var(--white-color)}.dropdown-item.dropdown-item--checkbox{align-items:center;gap:8px;display:flex}.dropdown-item-checkbox{border:1.5px solid var(--grey-color);width:14px;height:14px;color:var(--white-color);border-radius:3px;flex:none;justify-content:center;align-items:center;font-size:10px;line-height:1;display:inline-flex}.dropdown-item-checkbox.checked{background:var(--fuchsia-color);border-color:var(--fuchsia-color)}.dropdown-item.selected .dropdown-item-checkbox{border-color:var(--white-color)}.dropdown-item.selected .dropdown-item-checkbox.checked{background:var(--white-color);color:var(--fuchsia-color)}.dropdown-search-wrapper{border:1px solid var(--lightgrey-color);background:var(--white-color);border-radius:6px;align-items:center;gap:6px;margin:0 5px 3px;padding:6px 8px;display:flex}.dropdown-search-wrapper:focus-within{border-color:var(--fuchsia-color)}.dropdown-search-icon{color:var(--grey-color);flex-shrink:0;font-size:14px}.dropdown-search-input{width:100%;color:var(--text-color);background:0 0;border:none;outline:none;font-size:14px}.dropdown-no-results{color:var(--grey-color);text-align:center;padding:8px 5px;font-size:13px}.dropdown-chips{align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.dropdown-chip{background:var(--ultralightgrey-color);border-radius:4px;flex-shrink:1;align-items:center;gap:4px;min-width:0;max-width:140px;padding:2px 6px;font-size:13px;line-height:1.2;display:inline-flex}.dropdown-chip-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dropdown-chip-count{background:var(--lightfuchsia-color);color:var(--fuchsia-color);white-space:nowrap;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.control-btn{background:var(--darkblue-color);color:var(--white-color);cursor:pointer;border:none;border-radius:5px;padding:5px;transition:all .3s}.control-btn:hover{background:var(--fuchsia-color)}ul{margin:0;padding:0;list-style:none}.selected-values{margin-top:5px;font-size:14px}.multi-select-dropdown-required{color:var(--fuchsia-color);font-size:1.2rem}.multi-select-dropdown-label-container{flex-wrap:nowrap;align-items:center;display:flex}.gen-param-input-field{width:100%;max-width:200px}.gen-param-container{background-color:var(--white-color);border:1px solid #08369b14;border-radius:10px;flex-direction:column;justify-content:space-between;min-width:250px;max-width:250px;display:flex;box-shadow:0 3px 6px #08369b38}.gen-param-inputs{flex-direction:column;gap:5px;margin:10px;display:flex}.gen-param-footer{background-color:var(--blue-color);width:100%;height:30px;color:var(--white-color);border-radius:0 0 10px 10px;flex-flow:row;justify-content:center;align-items:center;gap:10px;padding:5px 10px;display:flex}.gen-param-row{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.ngc-remove-icon{cursor:pointer;transition:all .3s}.ngc-remove-icon:hover{color:var(--fuchsia-color)}.range-input{max-width:70px}.table-wrapper{flex:1;width:100%;min-width:0;height:fit-content}.compounds-table-header-section{justify-content:space-between;align-items:flex-start;display:flex}.compounds-table-header-right{flex-direction:row;align-items:center;gap:15px;display:flex}.table-container{background-color:#0000;border-radius:10px;min-height:fit-content;width:100%!important;max-width:100%!important}.compounds-table-title{color:var(--black-color);font-family:Allumi-extended,sans-serif;font-weight:700}table{border-collapse:collapse;text-align:center;background-color:#0000;width:100%;font-size:12px}.error-text{height:100%;color:var(--grey-color);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.compound-table-header th{white-space:nowrap;text-overflow:ellipsis;padding:10px;font-family:Allumi-extended,sans-serif;font-size:14px;background-color:var(--lightblue-color)!important;color:var(--black-color)!important}.compound-table-header th:first-of-type{border-radius:8px 0 0 8px}.compound-table-header th:last-of-type{border-radius:0 8px 8px 0}.header-checkbox-container{justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.selected-count-container{background-color:var(--blue-color);color:var(--white-color);text-align:center;border-radius:12px;flex-direction:row;align-items:center;min-width:20px;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.2;display:flex;position:absolute;top:-5px;left:-55px}.selected-count-number{font-family:Allumi-extended,sans-serif}.selected-count-delete{cursor:pointer;height:100%;margin-left:5px;font-size:14px;font-weight:700;transition:all .3s}.selected-count-delete:hover{color:var(--red-color);transform:scale(1.2)}.compound-table-container{overflow-x:auto}.compound-table-container::-webkit-scrollbar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:8px}.compound-table-container::-webkit-scrollbar-track{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000}.compound-table-container::-webkit-scrollbar-thumb{background-color:var(--fuchsia-color);cursor:pointer;border-radius:10px}.compound-table-container td{width:fit-content;min-width:35px;height:fit-content;text-align:-webkit-center;background-color:var(--white-color);padding:8px}.table-cell-text{border-radius:100px;width:fit-content;margin:3px;padding:2px 10px;font-family:Allumi-extended,sans-serif}.compounds-table-body tr{margin:10px;transition:all .3s;border-bottom:2px solid var(--lightblue-color)!important}.compounds-table-body tr:not(.expanded-row):hover{cursor:pointer;transform:translate(-2px)}.selected-row{color:var(--black-color);transition:all .3s;transform:translate(-2px);box-shadow:0 4px 8px #0000001a;background-color:var(--lightgrey-color)!important}.details-icon-container{align-self:center;align-items:center;height:100%;display:flex}.details-icon{z-index:1;position:sticky;top:0;left:0}.details-action-buttons{align-items:center;gap:8px;display:flex}.compounds-table-body tr:hover .expand-icon{transform:rotate(180deg)}.expand-column-header{width:40px}.expand-icon-cell{z-index:1;background-color:var(--white-color);text-align:center;width:40px;position:sticky;left:0}.edit-button-cell{z-index:1;background-color:var(--white-color);text-align:center;width:40px;position:sticky;left:40px}.duplicate-button-cell{z-index:1;background-color:var(--white-color);text-align:center;width:40px;position:sticky;left:85px}.expand-icon-button{border:1px solid var(--lightblue-color);background-color:var(--white-color);width:32px;height:32px;color:var(--blue-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s;display:inline-flex;transform:rotate(-90deg)}.expand-icon-button:hover,.expand-icon-button.expanded{background-color:var(--blue-color);color:var(--white-color);transform:rotate(0);box-shadow:0 4px 8px #00000026}.expand-icon-button:focus-visible{outline:2px solid var(--fuchsia-color);outline-offset:2px}@keyframes fadeOut{0%{opacity:1;max-height:2000px;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-10px)}}.table-footer{background-color:var(--lightblue-color);width:100%;color:var(--black-color);border-radius:10px;flex-direction:row;justify-content:space-between;margin-top:5px;padding:10px;font-size:12px;display:flex;box-shadow:0 2px 4px #0000001a;font-family:Allumi-extended,sans-serif!important}.left-footer{align-items:center;display:flex;font-family:Allumi-extended,sans-serif!important}.table-legend{flex-direction:row;gap:10px;margin:0 10px;display:flex}.legend-item-abbreviation{font-size:14px;font-weight:700;font-family:Allumi-extended,sans-serif!important}.legend-item-abbreviation.actual{color:var(--blue-color);font-size:14px;font-weight:700;font-family:Allumi-extended,sans-serif!important}.legend-item-abbreviation.generated,.legend-item-abbreviation.predicted{color:var(--fuchsia-color);font-size:14px;font-weight:700;font-family:Allumi-extended,sans-serif!important}.right-footer{flex-direction:row;gap:20px;display:flex;font-family:Allumi-extended,sans-serif!important}.items-per-page-selector-container{align-items:center;gap:10px;display:flex;font-family:Allumi-extended,sans-serif!important}.items-per-page-selector{border:1px solid var(--border-color,#ccc);border-radius:5px;outline:none;width:100px;height:28px;padding:4px 8px;font-size:14px;transition:all .2s;font-family:Allumi-extended,sans-serif!important}.items-per-page-selector:focus,.items-per-page-selector:hover{border-color:var(--fuchsia-color);box-shadow:0 0 0 2px rgba(var(--fuchsia-color-rgb), .2)}.items-per-page-selector-title{font-family:Allumi-extended,sans-serif!important}.pager-container{cursor:default;flex-direction:row;align-items:center;gap:10px;display:flex}.compound-table-actions{flex-flow:wrap;align-items:center;gap:10px;display:flex}.compound-table-action-button{background-color:var(--blue-color);color:var(--white-color);cursor:pointer;border:none;border-radius:5px;width:100%;padding:5px;font-family:Allumi-extended,sans-serif;font-size:14px;transition:all .3s}.compound-table-action-button:disabled{background-color:var(--lightgrey-color);cursor:not-allowed}.compound-table-action-button:hover:not(:disabled){background-color:var(--fuchsia-color)}.previous-page-icon,.next-page-icon{cursor:pointer;background-color:#0000;border:0;border-radius:4px;flex-direction:row;align-items:center;padding:6px 10px;transition:all .3s;display:flex}.previous-page-icon:hover,.next-page-icon:hover{background-color:#ffffff80;color:var(--fuchsia-color)!important}.previous-page-icon:disabled,.next-page-icon:disabled{opacity:.5;cursor:not-allowed}.page-input-container{align-items:center;gap:2px;font-family:Allumi-extended,sans-serif;font-size:14px;display:flex}.page-input{border:1px solid var(--border-color,#ccc);text-align:center;background-color:var(--background-color,#fff);width:60px;color:var(--text-color,#333);border-radius:4px;padding:4px 8px;font-family:Allumi-extended,sans-serif;font-size:14px;transition:all .3s}.page-input:focus{border-color:var(--fuchsia-color,#d946ef);background-color:var(--input-focus-bg,#fff);outline:none;box-shadow:0 0 0 2px #d946ef33}.page-input:hover:not(:focus){border-color:var(--border-hover-color,#999)}.page-input:invalid,.page-input.invalid{border-color:var(--error-color,#ef4444);box-shadow:0 0 0 2px #ef444433}.page-total{color:var(--text-muted-color,#666);margin-left:2px;font-size:14px}.page-input::-webkit-outer-spin-button{appearance:none;margin:0}.page-input::-webkit-inner-spin-button{appearance:none;margin:0}.page-input[type=number]{appearance:textfield}.material-content{color:unset;will-change:transform, width;cursor:pointer;background-color:#0000;border:0;border-radius:6px;height:100%;padding:6px;font-family:Allumi-extended,sans-serif;position:relative}.material-name{color:var(--blue-color);border-bottom:1px solid var(--lightblue-color);margin-bottom:8px;padding-bottom:4px;font-weight:700}.material-label{color:var(--fuchsia-color);margin-right:4px;font-weight:600}.material-value{align-items:center;margin-bottom:4px;font-size:13px;display:flex}.param-content{color:unset;will-change:transform, width;cursor:pointer;background-color:#0000;border:0;border-radius:6px;height:100%;padding:6px;font-family:Allumi-extended,sans-serif;position:relative}.param-name{color:var(--blue-color);border-bottom:1px solid var(--lightblue-color);margin-bottom:8px;padding-bottom:4px;font-weight:700}.param-label{color:var(--fuchsia-color);margin-right:4px;font-weight:600}.param-value,.param-range{align-items:center;margin-bottom:4px;font-size:13px;display:flex}.material-tooltip,.param-tooltip{background-color:var(--white-color);z-index:20;pointer-events:none;text-align:left;border:1px solid var(--blue-color);min-width:200px;max-width:300px;color:var(--black-color);border-radius:8px;padding:12px;box-shadow:0 4px 12px #00000026}.expanded-row td{background-color:var(--white-color);border-top:none;padding:0}.expanded-row-content{background-color:var(--white-color);border-radius:0 0 16px 16px;flex-direction:column;padding:24px;display:flex}.expanded-row-header{flex-direction:column-reverse;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.expanded-row-title{color:var(--blue-color);flex-shrink:0;font-family:Allumi-extended,sans-serif;font-size:18px}.expanded-row-title-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.recipe-metrics-remaining-badge{border-radius:999px;padding:2px 10px;font-family:Allumi-extended,sans-serif;font-size:12px;line-height:1.2}.recipe-metrics-remaining-badge--info{background-color:var(--lightblue-color);color:var(--blue-color)}.recipe-metrics-remaining-badge--warning{background-color:var(--yellow-color);color:var(--orange-color)}.recipe-metrics-remaining-badge--danger{background-color:var(--lightred-color);color:var(--red-color)}.expanded-row-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.add-sample-button-inline:hover{transform:rotate(180deg)}.add-sample-button-inline:active{transform:scale(.95)}.add-sample-button-inline:focus{outline:2px solid var(--blue-color);outline-offset:2px}.add-sample-button:hover{transform:rotate(180deg)}.add-sample-button:active{transform:scale(.95)}.add-sample-button:focus{outline:2px solid var(--blue-color);outline-offset:2px}.recipe-metrics-section{flex-direction:column;display:flex}.recipe-metric-card{border-bottom:2px solid var(--lightgrey-color);flex-direction:column;gap:14px;padding:18px;display:flex}.recipe-metric-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.metric-card-info{flex-direction:column;gap:6px;display:flex}.metric-card-meta{flex-wrap:wrap;gap:8px;display:flex}.metric-meta-badge{background-color:var(--white-color);color:var(--blue-color);border-radius:999px;padding:2px 10px;font-family:Allumi-extended,sans-serif;font-size:12px;box-shadow:inset 0 0 0 1px #5381ff33}.metric-card-actions{align-items:center;display:flex}.recipe-metric-tables{flex-flow:row;gap:18px;display:flex}.metric-table-wrapper{background-color:var(--white-color);border:1px solid #0000000d;border-radius:12px;padding:14px;box-shadow:0 2px 6px #0000000f}.metric-table-title{color:var(--blue-color);margin-bottom:10px;font-family:Allumi-extended,sans-serif;font-size:14px}.metric-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.metric-table th,.metric-table td{border-bottom:1px solid #00000014;padding:6px 8px}.metric-table th{background-color:var(--white-color);color:var(--blue-color);font-weight:600}.metric-empty-row td{text-align:center;color:var(--grey-color);font-style:italic}.expanded-row-empty{text-align:center;color:var(--grey-color);background-color:#5381ff14;border-radius:12px;padding:24px;font-style:italic}.sortable-header{-webkit-user-select:none;user-select:none;transition:all .3s}.sortable-header:hover{border-bottom:1px solid var(--fuchsia-color);transform:translateY(-1px);background-color:var(--lightblue-color)!important;color:var(--black-color)!important}.header-content{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.header-text{text-transform:capitalize}.sort-indicator-container{flex-shrink:0;align-items:center;gap:4px;display:flex}.sort-icon{opacity:.6;font-size:12px;transition:opacity .2s}.sort-icon.neutral{opacity:.3}.sort-icon.ascending,.sort-icon.descending{opacity:1;color:var(--fuchsia-color)}.sort-priority{background-color:var(--fuchsia-color);color:var(--white-color);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;line-height:1;transition:all .3s;display:flex}.sortable-header:hover .sort-icon.neutral{opacity:.8}.raw-materials-floating-portal{background-color:var(--white-color);border:1px solid var(--lightgrey-color);z-index:50;opacity:1;border-radius:8px;width:max-content;min-width:480px;max-width:80vw;max-height:420px;transition:transform .25s,opacity .25s;position:relative;overflow:hidden auto;box-shadow:0 8px 30px #00000040}@media (width<=900px){.raw-materials-floating-portal{min-width:0;max-width:95vw}.table-legend{display:none}}.raw-materials-portal-header{background-color:var(--white-color);z-index:20;justify-content:space-between;height:70px;padding:20px;display:flex;position:sticky;top:0}.raw-materials-portal-title{font-family:Allumi-extended,sans-serif}.raw-materials-portal-subtitle{color:var(--blue-color);margin:4px 0 0;font-family:Allumi-light,sans-serif;font-size:14px}.raw-materials-portal-close{cursor:pointer;background:0 0;border:none;font-size:18px;transition:all .3s}.raw-materials-portal-close:hover{color:var(--red-color);transform:scale(1.2)}.raw-materials-portal-content{padding:10px}.raw-materials-portal-table{border-radius:0 0 10px 10px}.raw-materials-portal-th{text-transform:capitalize;box-shadow:inset 0px -2px 0 var(--blue-color);z-index:20;padding-bottom:10px;font-size:16px;position:sticky;top:70px;background-color:var(--white-color)!important;color:var(--blue-color)!important}.raw-materials-portal-td{border-bottom:none;border-left:none;border-right:none;padding:5px}.material-cell-content{flex-flow:row;justify-content:center;align-items:center;gap:6px;display:flex}.category-info-icon{color:var(--blue-color);font-size:16px;transition:color .2s;position:relative}.category-info-icon:hover{color:var(--fuchsia-color)}.column-visibility-settings{z-index:10;position:relative}.settings-toggle-button{cursor:pointer;justify-content:center;align-items:center;display:flex}.settings-toggle-button:hover{transform:rotate(180deg)}.settings-popup{z-index:10;background-color:var(--white-color);border:1px solid #ccc;border-radius:5px;flex-direction:column;width:300px;max-height:70vh;padding:15px;transition:all .3s;animation:.2s ease-out popupFadeIn;display:flex;position:absolute;overflow:hidden;box-shadow:0 4px 15px #0003}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-popup h3{color:#333;margin-top:0;margin-bottom:10px;font-size:16px}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.settings-popup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffc}}.column-tabs{border-bottom:1px solid #ccc;flex-direction:row;justify-content:center;gap:10px;max-width:100%;margin-bottom:15px;display:flex}.tab-button{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 10px;font-size:14px;overflow:hidden;max-width:100%!important}.tab-button.active{color:var(--blue-color);border-bottom:2px solid var(--blue-color);font-weight:500}.columns-list-container{flex:auto;padding-right:6px;overflow-y:auto}.column-toggle-grid{flex-direction:column;gap:8px;display:flex}.column-visibility-item{cursor:pointer;text-align:left;background-color:#f5f5f5;border:none;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.column-visibility-item:hover{background-color:#e9e9e9}.column-visibility-item.active{background-color:#e6f2ff}.column-visibility-item.active .visibility-icon{color:var(--blue-color)}.column-name{color:#333;font-size:14px}.visibility-icon{color:#666;font-size:16px}.toggle-all-columns-container{background-color:var(--white-color);border-top:1px solid #e0e0e0;flex-shrink:0;justify-content:center;align-items:center;width:100%;margin-top:12px;padding-top:12px;display:flex}.toggle-all{background-color:var(--blue-color);width:100%;color:var(--white-color);cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:14px;transition:all .3s}.toggle-all:hover{background-color:var(--fuchsia-color);transform:scale(1.05)}.generations-table-wrapper{flex:1;width:100%;min-width:0;height:fit-content}.generations-table-container{background-color:var(--white-color);width:100%;min-height:fit-content;max-width:100%!important}.generations-table-header-section{justify-content:space-between;align-items:flex-start;display:flex}.generations-table-header-right{flex-direction:row;align-items:center;gap:15px;display:flex}.generations-table-title{color:var(--black-color);font-family:Allumi-extended,sans-serif;font-weight:700}.refresh-icon:hover{transform:rotate(180deg)}.generations-table-container::-webkit-scrollbar{height:8px}.generations-table-container::-webkit-scrollbar-thumb{background-color:var(--fuchsia-color);cursor:pointer;border-radius:10px}.generations-table-content{width:100%;position:relative;overflow-x:auto}.generations-table-content::-webkit-scrollbar{height:8px}.generations-table-content::-webkit-scrollbar-thumb{background-color:var(--fuchsia-color);cursor:pointer;border-radius:10px}.generations-table-content::-webkit-scrollbar-thumb:hover{background-color:var(--fuchsia-color);cursor:pointer;border-radius:10px}.generations-table{background-color:var(--white-color);border-collapse:collapse;text-align:center;font-size:12px}.generations-table-header{border-collapse:collapse;cursor:default;text-transform:capitalize;width:100%}.generations-loading-container{justify-content:center;align-items:center;height:100%;min-height:200px;padding:10px;display:flex}.generations-loader{border-top:4px solid var(--fuchsia-color);box-sizing:border-box;border-right:4px solid #0000;border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:inline-block}.generations-loader:after{content:"";box-sizing:border-box;border-bottom:4px solid var(--blue-color);border-left:4px solid #0000;border-radius:50%;width:48px;height:48px;position:absolute;top:0;left:0}.generations-table th{text-overflow:ellipsis;padding:8px 12px;font-family:Allumi-light,sans-serif;font-size:14px;overflow:hidden;background-color:var(--lightblue-color)!important;color:var(--black-color)!important}.generations-table th:first-of-type{border-radius:8px 0 0 8px}.generations-table th:last-of-type{border-radius:0 8px 8px 0}.generations-table td{min-width:fit-content;height:fit-content;text-align:-webkit-center;padding:4px 6px}.generations-table-cell-text{border-radius:100px;width:fit-content;margin:3px;padding:2px 10px;font-family:Allumi-extended,sans-serif;display:block}.generations-table tbody tr{border-bottom:2px solid var(--lightblue-color);transition:all .3s}.generations-status-chip{text-align:center;white-space:nowrap;border-radius:16px;padding:4px 8px;font-family:Allumi-extended,sans-serif;font-size:12px;font-weight:700;display:inline-block}.generations-status-chip.success{background-color:var(--green-color);color:var(--white-color)}.generations-status-chip.warning{background-color:var(--orange-color);color:var(--white-color)}.generations-status-chip.error{background-color:var(--red-color);color:var(--white-color)}.generations-status-chip.default{background-color:var(--grey-color);color:var(--white-color)}.generations-table-footer{background-color:var(--lightblue-color);width:100%;color:var(--black-color);border-radius:8px;flex-direction:row;justify-content:space-between;padding:10px 15px;font-size:12px;display:flex;font-family:Allumi-extended,sans-serif!important}.generations-left-footer{align-items:center;display:flex;font-family:Allumi-extended,sans-serif!important}.generations-right-footer{flex-direction:row;gap:20px;display:flex;font-family:Allumi-extended,sans-serif!important}.generations-items-per-page-selector-container{align-items:center;gap:10px;display:flex;font-family:Allumi-extended,sans-serif!important}.generations-items-per-page-selector{border:1px solid var(--blue-color);border-radius:5px;outline:none;width:100px;padding:4px 8px;transition:all .2s;font-family:Allumi-extended,sans-serif!important}.generations-items-per-page-selector:focus,.generations-items-per-page-selector:hover{border-color:var(--fuchsia-color);box-shadow:0 0 0 2px rgba(var(--fuchsia-color-rgb), .2)}.generations-items-per-page-selector-title{font-family:Allumi-extended,sans-serif!important}.generations-pager-container{cursor:default;flex-direction:row;align-items:center;gap:10px;display:flex}.generations-previous-page-icon,.generations-next-page-icon{cursor:pointer;background-color:#0000;border:0;border-radius:4px;flex-direction:row;align-items:center;padding:6px 10px;transition:all .3s;display:flex}.generations-previous-page-icon:hover,.generations-next-page-icon:hover{background-color:#ffffff80;color:var(--fuchsia-color)!important}.generations-previous-page-icon:disabled,.generations-next-page-icon:disabled{opacity:.5;cursor:not-allowed}.generations-actions-container{flex-flow:row;justify-content:center;align-items:center;gap:5px;display:flex}.gp-toggle-tab{background-color:var(--darkblue-color);cursor:pointer;z-index:55;border:none;border-radius:12px 0 0 12px;flex-direction:column;align-items:center;gap:12px;padding:18px 10px;transition:right .25s;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)translateZ(0);box-shadow:-2px 0 10px #00000026}.gp-toggle-tab.gp-open{right:var(--generations-panel-width)}.gp-toggle-badge{background-color:var(--fuchsia-color);color:var(--white-color);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.gp-toggle-label{writing-mode:vertical-rl;letter-spacing:2px;color:var(--white-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;backface-visibility:hidden;font-family:Allumi-extended,sans-serif;font-size:13px;font-weight:700;transform:translateZ(0)}.gp-panel{right:0;top:calc(var(--navbar-height) + 16px);width:var(--generations-panel-width);background-color:var(--white-color);z-index:50;border-top-left-radius:16px;flex-direction:column;transition:transform .25s;display:flex;position:fixed;bottom:0;overflow:hidden;transform:translate(100%);box-shadow:-4px 0 20px #0000001f}.gp-panel.gp-open{transform:translate(0)}.gp-panel-header{border-bottom:1px solid var(--lightgrey-color);justify-content:space-between;align-items:center;padding:20px 20px 12px;display:flex}.gp-panel-header-title{align-items:center;gap:10px;font-family:Allumi-extended,sans-serif;font-size:17px;font-weight:700;display:flex}.gp-panel-badge{background-color:var(--lightfuchsia-color);color:var(--fuchsia-color);border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.gp-panel-close{cursor:pointer;color:var(--darkgrey-color);background:0 0;border:none;padding:4px;display:flex}.gp-panel-body{flex-direction:column;flex:1;gap:10px;padding:12px 20px 20px;display:flex;overflow-y:auto}.gp-panel-loading{border:3px solid var(--lightgrey-color);border-top-color:var(--fuchsia-color);border-radius:50%;width:32px;height:32px;margin:40px auto;animation:.8s linear infinite gp-spin}@keyframes gp-spin{to{transform:rotate(360deg)}}.gp-panel-empty{text-align:center;color:var(--grey-color);margin-top:40px;font-size:14px}.gp-generation-item{border:1px solid var(--lightgrey-color);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.gp-generation-item-content{flex:1;min-width:0}.gp-generation-item-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.gp-generation-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.gp-status-chip{white-space:nowrap;border-radius:16px;flex-shrink:0;padding:3px 8px;font-family:Allumi-extended,sans-serif;font-size:11px;font-weight:700;display:inline-block}.gp-status-chip.success{background-color:var(--green-color);color:var(--white-color)}.gp-status-chip.warning{background-color:var(--orange-color);color:var(--white-color)}.gp-status-chip.error{background-color:var(--red-color);color:var(--white-color)}.gp-status-chip.default{background-color:var(--grey-color);color:var(--white-color)}.gp-generation-meta{color:var(--grey-color);font-size:12px}.gp-generation-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.gp-panel-footer{border-top:1px solid var(--lightgrey-color);justify-content:space-between;align-items:center;padding:14px 20px;font-size:12px;display:flex}.gp-panel-footer>span{color:var(--grey-color)}.gp-panel-history-link{cursor:pointer;color:var(--darkblue-color);background:0 0;border:none;padding:0;font-size:12px;font-weight:700}.kpi-bar-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-family:inherit;display:flex;position:relative}.kpi-bar-track{background-color:var(--lightblue-color);border-radius:8px;width:100%;height:12px;display:block;position:relative;overflow:visible}.kpi-bar-bounds{justify-content:space-between;margin-top:2px;font-size:12px;display:flex}.kpi-bar-lower-bound,.kpi-bar-upper-bound{color:var(--darkgrey-color)}.kpi-bar-progress{border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}.kpi-bar-marker{cursor:pointer;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;transform:translate(-50%,-25%)}.kpi-bar-marker-label{color:var(--white-color);-webkit-user-select:none;user-select:none;font-size:11px;font-weight:700}.kpi-bar-actual{background-color:var(--blue-color);box-shadow:0 0 5px #0003}.kpi-bar-predicted{background-color:var(--fuchsia-color);box-shadow:0 0 5px var(--darkgrey-color)}@keyframes tooltip-pop{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.kpi-actual-value{color:var(--blue-color)}.kpi-predicted-value{color:var(--fuchsia-color)}.scatter-card{width:100%;height:100%;min-height:400px}.scatter-chart{width:100%;height:80%}.no-data{height:100%;color:var(--grey-color);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.scatter-chart-title{text-wrap:nowrap;flex-direction:row;align-items:center;display:flex}.scatter-chart-title .info-icon{color:var(--grey-color);cursor:pointer;font-size:18px;transition:all .3s}.tsne-tooltip-content{text-align:left;max-width:800px;padding:1rem}.tsne-tooltip-content h3{text-transform:uppercase;margin-bottom:.5rem;font-family:Allumi-extended,sans-serif!important}.tsne-tooltip-content p{margin-bottom:1rem}.tsne-tooltip-content ul{margin-bottom:1rem;margin-left:1.5rem;list-style:outside}.kpi-histogram-card{flex-direction:column;flex:calc(33.333% - 20px);min-width:300px;height:400px;display:flex;position:relative;overflow:hidden}.kpi-histogram-container{flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.kpi-histogram-container canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.kpi-histogram-expand-button{cursor:pointer;color:var(--darkgrey-color);background-color:#0000;border:none;align-self:center;width:min-content;margin-bottom:10px;font-size:24px;transition:all .3s;position:absolute;top:10px;right:10px}.focused-kpi-backdrop{z-index:50;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.focused-kpi-modal{background-color:#fff;border-radius:.5rem;width:80%;max-width:900px;padding:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.focused-kpi-header{justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.focused-kpi-title{font-size:1.25rem;font-weight:600}.focused-kpi-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem;font-size:24px;transition:all .3s;display:flex}.focused-kpi-close:hover{color:var(--red-color);background-color:#0000000d}.focused-histogram-canvas{height:24rem;position:relative}@media (width<=768px){.kpi-histogram-card{min-width:unset;width:100%;height:auto;min-height:350px}.kpi-histogram-container{height:280px;min-height:280px;position:relative}.kpi-histogram-container canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important}}.back-button-container{margin-bottom:1rem;display:flex}.back-button{border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);background-color:#0000;border-radius:4px;flex-flow:row;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Allumi-extended,sans-serif;font-size:1rem;transition:all .3s;display:flex}.arrow-icon{transition:all .3s}.back-button:hover,.back-button:hover .arrow-icon{color:var(--fuchsia-color);transform:translate(-5px)}.dynamic-filters-form-filters-container{flex-direction:column;display:flex}.dynamic-filters-form{flex-direction:column;gap:1rem;display:flex}.dynamic-filters-form-reset-button{color:var(--darkgrey-color);cursor:pointer;background-color:#0000;border:0;height:26px;margin-top:10px;font-size:1rem;transition:all .3s}.dynamic-filters-form-reset-button:hover{color:var(--fuchsia-color);transform:scale(1.02)}.advanced-filters{flex-direction:column;justify-content:center;align-items:center;margin-top:15px;display:flex}.advanced-filters-add-container{justify-content:center;align-items:center;margin-bottom:10px;display:flex}.advanced-filters-floating{z-index:100;background:#fff;border:1px solid #08369b14;border-radius:20px;width:310px;margin-top:10px;padding:15px;transition:all .3s;position:absolute;overflow:hidden auto;box-shadow:0 20px 45px #08369b38}.advanced-filters-floating h4{margin-bottom:15px;font-family:Allumi-extended,sans-serif;font-weight:700}@keyframes advancedFiltersFadeIn{0%{opacity:0;transform:translateY(-15px);box-shadow:0 0 #0000}to{opacity:1;transform:translateY(0);box-shadow:0 3px 12px #00000026}}.advanced-filters .round-button{transition:all .3s}.advanced-filters .round-button:hover{background-color:var(--fuchsia-color);transform:rotate(180deg)}.advanced-filters-row{margin-bottom:15px}.advanced-filters-form h4{border-bottom:1px solid var(--border-color);color:var(--darkgrey-color);margin-top:0;padding-bottom:10px;font-weight:500}.advanced-filters-range{gap:10px;display:flex}.advanced-filters-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.advanced-filters-summary{margin-top:20px}.advanced-filters-summary h4{color:var(--darkgrey-color);margin-bottom:12px;padding-bottom:8px;font-size:1rem;font-weight:500}.advanced-filters-list{margin:10px 0 0;padding:0;list-style:none}.advanced-filters-item{background-color:var(--white-color);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:fit-content;margin-bottom:6px;padding:10px 12px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.advanced-filters-badge{color:var(--darkgrey-color);align-items:center;font-size:.9rem;font-weight:500;display:flex}.advanced-filters-type{font-family:Allumi-extended,sans-serif}.advanced-filters-type.actual{color:var(--blue-color)}.advanced-filters-type.predicted,.advanced-filters-type.generated{color:var(--fuchsia-color)}.advanced-filters-type.value{color:var(--grey-color)}.advanced-filters-remove{cursor:pointer;background-color:#0000;border:0;align-items:center;padding:0;font-size:20px;transition:all .3s;display:flex}.advanced-filters-remove:hover{color:var(--red-color);transform:scale(1.2)}.advanced-filters-cancel-button:hover{outline:1px solid var(--red-color);color:var(--red-color);background-color:var(--white-color)}.advanced-filters-error{color:var(--red-color);text-align:center;margin-top:5px;font-size:.9rem}.advanced-filters-toggle .tooltip-trigger .toggle-switch{width:100%}.parameter-chip-container{z-index:10;background-color:#0000;border:0;margin:2px;display:inline-block}.generations-parameter-chip{background-color:var(--lightblue-color);color:var(--blue-color);-webkit-user-select:none;user-select:none;text-transform:capitalize;border-radius:16px;padding:4px 8px;font-family:Allumi-extended,sans-serif;font-size:12px;transition:all .3s;display:inline-block}.generations-parameter-chip:hover{background-color:var(--blue-color);color:var(--white-color);box-shadow:0 2px 4px #0003}.parameter-tooltip{z-index:20;pointer-events:none;text-align:left;border:1px solid var(--blue-color);min-width:200px;max-width:300px;color:var(--black-color);background-color:#fff;border-radius:8px;padding:12px;box-shadow:0 4px 12px #00000026}.parameter-tooltip-title{border-bottom:1px solid var(--lightblue-color);color:var(--blue-color);margin-bottom:8px;padding-bottom:5px;font-size:13px;font-weight:700}.parameter-tooltip-list{margin:0;padding:0 0 0 15px;list-style-type:disc}.parameter-tooltip-list li{margin-bottom:4px;font-size:12px}.parameter-tooltip-item{flex-direction:column;margin-bottom:8px;display:flex}.parameter-tooltip-item-title{color:var(--blue-color);font-size:12px;font-weight:700}.parameter-tooltip-item-value{text-transform:capitalize;font-size:12px}.parameter-tooltip-table{border-collapse:collapse;width:100%;margin-top:5px;font-size:11px}.parameter-tooltip-table th,.parameter-tooltip-table td{text-align:center;padding:4px}.parameter-tooltip-table th{color:var(--blue-color);font-weight:700}.parameter-tooltip-value{white-space:nowrap}.raw-materials-table-wrapper{width:100%;margin-top:24px;transition:box-shadow .3s}.raw-materials-table-header-section{justify-content:left;align-items:center;gap:1rem;margin:16px 16px 12px;display:flex}.raw-materials-table-container{background-color:var(--white-color);width:100%;min-height:fit-content;overflow:hidden;padding:0!important}.raw-materials-table-title{color:var(--black-color);padding-left:12px;font-family:Allumi-extended,sans-serif;font-size:20px;font-weight:700;position:relative}.raw-materials-table-title:before{content:"";background-color:var(--fuchsia-color);border-radius:2px;width:4px;height:20px;position:absolute;top:2px;left:0}.add-raw-material-button{transition:all .3s}.add-raw-material-button:hover{transform:rotate(180deg)}.raw-materials-table-content{width:100%;position:relative;padding:0!important}.raw-materials-table-content::-webkit-scrollbar{height:8px}.raw-materials-table{border-spacing:0;table-layout:fixed;width:100%}.raw-materials-table thead th{background-color:var(--white-color);text-align:center;color:var(--darkgrey-color);border-bottom:2px solid var(--fuchsia-color);z-index:1;padding:10px;font-family:Allumi-extended,sans-serif;font-size:1rem;font-weight:700;transition:background-color .3s}.raw-materials-table-actual-header{justify-content:center;align-items:center;gap:8px;font-family:Allumi-extended,sans-serif;display:flex}.raw-materials-table-header-percentage{color:var(--grey-color);font-size:.8rem}.raw-materials-table tbody tr{border-bottom:1px solid var(--white-color);transition:all .3s}.raw-materials-table tbody tr.pending-deletion{opacity:.7;background-color:#ff63471a;-webkit-text-decoration:line-through #e53e3e;text-decoration:line-through #e53e3e}.raw-materials-table tbody tr.pending-deletion td{color:var(--grey-color,#888);text-decoration:line-through}.raw-materials-table tbody tr.pending-deletion td:first-child{text-decoration:none}.raw-materials-table tbody tr:last-child{border-bottom:none}.raw-materials-table tbody td{color:var(--black-color);padding:5px;font-size:14px;transition:color .3s}.raw-materials-code{color:var(--grey-color);font-size:14px!important}.raw-materials-code-and-tooltip{align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;display:flex}.raw-materials-code-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.raw-materials-code .info-icon{cursor:pointer;font-size:18px;transition:all .3s}.raw-materials-code-and-tooltip .info-icon{flex-shrink:0;align-items:center;display:inline-flex}.raw-materials-percentage{text-align:center;color:var(--blue-color);font-weight:500}.category-total-percentage{color:var(--grey-color);margin-left:8px;font-style:italic;font-size:14px!important}.raw-materials-category-row{background:var(--white-color)}.raw-materials-category-cell-container{margin:0;padding:0!important}.raw-materials-category-cell{cursor:pointer;text-transform:capitalize;background-color:unset;border:none;width:100%;transition:all .3s;position:relative;transform:unset!important;padding:8px 12px!important;font-size:15px!important}.raw-materials-category-cell:hover{background-color:var(--lightgrey-color)!important;transform:unset!important}.raw-materials-category-cell:before{content:"Click to expand/collapse";color:var(--grey-color);opacity:0;font-size:12px;font-style:italic;font-weight:400;transition:opacity .3s;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.raw-materials-category-cell:hover:before{opacity:.8}.category-header{justify-content:space-between;align-items:center;width:100%;display:flex}.category-header span{font-size:16px;font-weight:700;font-family:Allumi-extended,sans-serif!important}.category-toggle-icon{background-color:var(--white-color);width:24px;height:24px;color:var(--blue-color);border:1px solid var(--blue-color);border-radius:50%;justify-content:center;align-items:center;transition:transform .3s;display:flex}.category-toggle-icon.expanded{transform:rotate(0)}.category-toggle-icon.collapsed{transform:rotate(-90deg)}.raw-materials-table-no-data{height:150px;color:var(--darkgrey-color);justify-content:center;align-items:center;font-style:italic;display:flex}.animated-row-entry td:first-child{border-left:4px solid var(--blue-color)}.animated-row td{background-color:var(--white-color);text-align:center;height:100%}.raw-materials-table tbody tr.animated-row{cursor:unset;animation:.3s forwards fadeIn}.raw-materials-category-cell.expanded{background-color:var(--lightblue-color);margin-bottom:8px;box-shadow:0 5px 8px #001aff1a}.raw-materials-editable-input{border:2px solid var(--lightgrey-color);background-color:var(--white-color);width:80px;color:var(--black-color);text-align:center;border-radius:6px;outline:none;padding:6px 8px;font-size:14px;font-weight:500;transition:all .3s}.raw-materials-editable-input:focus{border-color:var(--blue-color);transform:scale(1.02);box-shadow:0 0 0 3px #3b82f61a}.raw-materials-editable-input:hover{border-color:var(--blue-color)}.raw-materials-editable-input::placeholder{color:var(--grey-color);font-style:italic}.raw-materials-editable-input:invalid{border-color:var(--red-color,#ef4444);background-color:#ef44440d}.cost-info-container{justify-content:center;gap:4px;display:flex}.cost-date-info{color:var(--grey-color);margin-top:4px;font-style:italic}.unit-cost-tooltip-container{flex-direction:column;gap:4px;display:flex}.pushed-materials-header{background:var(--lightgreen-color,#e8f5e9)}.pushed-materials-header .category-header{color:var(--green-color,#2e7d32);padding:8px 16px;font-weight:600}.pushed-material-row{background-color:#4caf501a}.pushed-material-row td:first-child{border-left:3px solid var(--green-color,#4caf50)}.recipe-metrics-table-wrapper{margin-top:1.5rem;margin-bottom:1.5rem;font-family:Allumi-extended,sans-serif}.recipe-metrics-header{flex-direction:column;gap:1rem;margin:16px 16px 12px;display:flex}.add-param-button{transition:all .3s}.add-param-button:hover{transform:rotate(180deg)}.recipe-metrics-table-actual-header{justify-content:center;align-items:center;gap:8px;font-family:Allumi-extended,sans-serif;display:flex}.recipe-metrics-title{color:var(--black-color);padding-left:12px;font-family:Allumi-extended,sans-serif;font-size:20px;font-weight:700;position:relative}.recipe-metrics-title:before{content:"";background-color:var(--fuchsia-color);width:4px;height:20px;position:absolute;top:2px;left:0}.predict-kpis-button-container{justify-content:center;align-items:center;margin-top:10px;display:flex}.predict-kpis-button{width:60px;height:60px;font-size:22px;transition:all .4s}.predict-kpis-button:hover{transform:rotate(360deg)}.recipe-metrics-info{flex-wrap:wrap;gap:25px;margin-bottom:20px;font-family:Allumi-extended,sans-serif;display:flex}.recipe-metrics-info-item{flex-direction:column;gap:.25rem;font-family:Allumi-extended,sans-serif;display:flex}.recipe-metrics-label{color:#4a5568;letter-spacing:.05em;font-family:Allumi-extended,sans-serif;font-size:.875rem;font-weight:600}.recipe-metrics-value-text{color:#2d3748;font-size:1rem;font-weight:500}.recipe-metrics-info-input{width:100%}.recipe-metrics-info-item .input-component-wrapper{max-width:260px}.recipe-metrics-sections{grid-template-columns:repeat(auto-fit,minmax(min(100%,450px),1fr));gap:1rem;display:grid}.recipe-metrics-section{height:100%;margin-bottom:2rem}.recipe-metrics-section:last-child{margin-bottom:0}.recipe-metrics-section-title{color:#2d3748;margin-bottom:1rem;padding-bottom:.5rem;font-family:Allumi-extended,sans-serif;font-size:1.125rem;font-weight:600}.recipe-metrics-table-container{background:var(--white-color)}.recipe-metrics-table{border-collapse:collapse;width:100%;font-size:.875rem}.recipe-metrics-table thead th{color:#4a5568;text-align:center;letter-spacing:.05em;border-bottom:2px solid #e2e8f0;padding:.75rem 1rem;font-family:Allumi-extended,sans-serif;font-size:.875rem;font-weight:700}.recipe-metrics-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .15s}.recipe-metrics-table tbody tr:hover{background-color:#f7fafc}.recipe-metrics-table tbody tr:last-child{border-bottom:none}.recipe-metrics-table tbody td{vertical-align:middle;padding:.75rem 1rem}.recipe-metrics-name{color:#2d3748;text-align:center;flex-direction:row;gap:8px;min-width:200px;font-weight:500}.recipe-metrics-name-and-tooltip{white-space:nowrap;text-overflow:ellipsis;flex-direction:row;justify-content:center;gap:10px;max-width:200px;margin:auto;display:flex;overflow:hidden}.recipe-metrics-name-and-tooltip .info-icon{cursor:pointer;font-size:18px;transition:all .3s}.recipe-metrics-value{text-align:center;min-width:120px}.recipe-metrics-actual{color:#2d3748;font-weight:500}.recipe-metrics-predicted{color:#3182ce;font-weight:500}.recipe-metrics-target{color:#38a169;font-weight:500}.recipe-metrics-input{text-align:right;border:1px solid #cbd5e0;border-radius:.375rem;width:100%;max-width:120px;padding:.375rem .5rem;font-size:.875rem;transition:border-color .15s}.recipe-metrics-input:focus{border-color:#3182ce;outline:none;box-shadow:0 0 0 3px #3182ce1a}.recipe-metrics-empty{text-align:center;color:#718096;padding:2rem;font-style:italic}.recipe-metrics-empty-section{text-align:center;color:#4f678b;background-color:#f7fafc;border:1px dashed #cbd5e0;border-radius:8px;padding:1.5rem;font-style:italic}.recipe-metrics-section-header{justify-content:space-between;align-items:center;display:flex}.recipe-metrics-section-actions{align-items:center;gap:.5rem;display:flex}.recipe-metrics-predict-kpi-icon{object-fit:contain;width:14px;height:14px;display:block}.recipe-metrics-actions-col{width:50px;min-width:50px}.recipe-metrics-actions{justify-content:center;align-items:center;width:50px;min-width:50px}.recipe-metrics-row.pending-deletion{opacity:.7;background-color:#ff63471a;-webkit-text-decoration:line-through #e53e3e;text-decoration:line-through #e53e3e}.recipe-metrics-row.pending-deletion:hover{background-color:#ff634726}.recipe-metrics-row.pushed-param-row{background-color:#48bb781a}.recipe-metrics-row.pushed-param-row:hover{background-color:#48bb7826}.animated-row-entry{animation:.3s ease-in-out fadeIn}.recipe-metrics-editable-input{text-align:center;border:1px solid #cbd5e0;border-radius:.375rem;width:100%;max-width:120px;padding:.375rem .5rem;font-size:.875rem;transition:border-color .15s}.recipe-metrics-editable-input:focus{border-color:#3182ce;outline:none;box-shadow:0 0 0 3px #3182ce1a}@media (width<=1024px){.recipe-metrics-sections{grid-template-columns:1fr}.recipe-metrics-name{min-width:150px}}@media (width<=768px){.recipe-metrics-info{flex-direction:column;gap:1rem}.recipe-metrics-info-item .input-component-wrapper{max-width:100%}.recipe-metrics-table-container{-webkit-overflow-scrolling:touch;border-left:none;border-right:none;border-radius:0}.recipe-metrics-table thead th,.recipe-metrics-table tbody td{padding:.5rem .75rem}.recipe-metrics-name{flex-wrap:wrap;min-width:120px}.recipe-metrics-value{min-width:80px}.recipe-metrics-section-header{flex-wrap:wrap;gap:.5rem}.recipe-metrics-section-title{font-size:1rem}.recipe-metrics-actions-col,.recipe-metrics-actions{width:40px;min-width:40px}.recipe-metrics-editable-input{max-width:100px}}@media (width<=480px){.recipe-metrics-header{margin:12px 8px 8px}.recipe-metrics-title{font-size:18px}.recipe-metrics-table{font-size:.75rem}.recipe-metrics-table thead th,.recipe-metrics-table tbody td{padding:.375rem .5rem;font-size:.75rem}.recipe-metrics-section-title{font-size:.875rem}.recipe-metrics-input,.recipe-metrics-editable-input{max-width:80px;padding:.25rem .375rem;font-size:.75rem}.recipe-metrics-name{min-width:100px;font-size:.75rem}.recipe-metrics-value{min-width:60px}.recipe-metrics-actions-col,.recipe-metrics-actions{width:35px;min-width:35px}.recipe-metrics-info{gap:.75rem}.recipe-metrics-label{font-size:.75rem}.recipe-metrics-value-text{font-size:.875rem}}.constraint-group-card{transition:all .3s}.constraint-group-header{background:var(--white-color);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #08369b14;border-radius:20px;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;transition:all .3s;display:flex;box-shadow:0 20px 45px #08369b38}.constraint-group-header.expanded{background:var(--lightblue-color);box-shadow:0 2px 6px #0000001f}.constraint-group-header:hover{background:var(--ultralightgrey-color)}.constraint-group-title{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.constraint-count{color:var(--white-color);background:var(--blue-color);border-radius:5px;min-width:fit-content;padding:2px 8px;font-size:14px;font-weight:200}.info-icon{color:var(--grey-color);cursor:pointer;font-size:16px;transition:all .3s}.info-icon:hover{color:var(--fuchsia-color);transform:scale(1.1)}.constraint-group-actions{flex-flow:row;align-items:center;gap:10px;display:flex}.accordion-arrow{background-color:var(--white-color);width:30px;height:30px;color:var(--blue-color);border:1px solid var(--blue-color);border-radius:50%;justify-content:center;align-items:center;transition:transform .3s;display:flex;transform:rotate(-90deg)}.accordion-arrow.expanded{transform:rotate(0)}.constraints-content{margin-top:20px}.constraints-grid{flex-direction:column;gap:20px;display:flex}.constraints-list{opacity:0;flex-flow:wrap;gap:20px;max-height:0;padding:0 20px;transition:max-height .3s,opacity .3s,padding .3s;display:flex;overflow:hidden}.constraints-list.expanded{opacity:1;max-height:none;padding:20px}.constraints-list.collapsed{opacity:0;max-height:0;padding:0 20px}.no-data-card{text-align:center;padding:40px 20px}.no-data-message h3{text-transform:uppercase;color:var(--darkblue-color);margin-bottom:8px;font-family:Allumi-extended,sans-serif;font-size:18px}.no-data-message p{color:var(--darkgrey-color);margin:0;font-size:16px}@media (width<=768px){.constraints-grid{grid-template-columns:1fr;gap:16px}.constraint-group-header{padding:12px 16px}.constraint-group-title{flex-wrap:wrap;gap:6px;font-size:16px}.constraint-count{padding:1px 6px;font-size:12px}.constraints-list.expanded{padding:16px}}@media (width<=480px){.hard-constraints-container{padding:10px}.constraint-group-header{padding:10px 12px}.constraint-group-title{flex-wrap:wrap;gap:4px;font-size:14px}.constraint-count{padding:1px 5px;font-size:11px}.constraints-list.expanded{padding:12px}}.constraint-item{background-color:#fff;border-radius:8px;flex-direction:column;min-width:400px;max-width:400px;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 0 6px #00000038}.constraint-item:last-child{margin-bottom:0}.constraint-header{margin:15px}.constraint-data{flex:1;padding:0 15px}.constraint-basic-info{flex-flow:column wrap;gap:20px;margin-bottom:20px;display:flex}.constraint-owner,.constraint-dataset,.constraint-name,.constraint-description{color:var(--darkgrey-color);font-size:14px}.constraint-owner strong,.constraint-dataset strong,.constraint-name strong,.constraint-description strong{color:var(--black-color);font-weight:600}.compound-groups{margin-top:12px}.compound-groups-header{margin-bottom:12px}.compound-groups-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:0;font-size:14px;font-weight:700;display:block}.compound-groups-tags{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.compound-group-tag{background:var(--white-color);color:var(--blue-color);white-space:nowrap;cursor:default;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000001f}.constraint-item-data{flex:1;margin-bottom:8px}.constraint-item-data:last-child{margin-bottom:0}.constraint-footer{width:100%;color:var(--white-color);justify-content:center;align-items:space-around;border-radius:0 0 8px 8px;gap:50px;margin-top:auto;padding:4px 12px;font-size:16px;font-weight:600;display:flex;background-color:var(--blue-color)!important}.constraint-footer button{color:var(--white-color);cursor:pointer;background:0 0;border:none;font-size:16px;transition:color .3s}.constraint-param{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.param-name{text-transform:capitalize;flex-shrink:0;min-width:120px;font-size:13px;font-weight:600;border:none!important}.param-value{color:var(--text-secondary);text-align:right;word-break:break-word;max-width:60%;font-size:13px}.constraint-rule{background:var(--white-color);border-top:1px solid var(--lightgrey-color);width:100%;padding-left:12px;padding-right:12px;overflow:hidden}.constraint-rule:last-child{margin-bottom:0}.constraint-rule-header{justify-content:space-between;align-items:center;display:flex}.rule-indicator{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.constraint-rule-content{padding:12px}.material-codes{flex-wrap:wrap;gap:4px;max-height:200px;margin-top:4px;display:flex;overflow-y:auto}.material-code-tag{background:var(--ultralightgrey-color);border-radius:8px;padding:2px 6px;font-size:11px;font-weight:500}.constraint-action-icon{color:var(--white-color);cursor:pointer;font-size:16px;font-weight:600;transition:all .3s}.constraint-action-icon:hover{color:var(--fuchsia-color);transform:scale(1.2)}.simple-value{color:var(--text-secondary);font-style:italic}@media (width<=768px){.constraint-basic-info{flex-direction:column;gap:8px}.compound-groups-tags{justify-content:flex-start}.constraint-param{flex-direction:column;align-items:flex-start;gap:4px}.param-value{text-align:left;max-width:100%}.constraint-rule-header{flex-direction:column;align-items:flex-start;gap:6px}.material-codes{justify-content:flex-start}}@media (width<=480px){.constraint-item{padding:12px}.constraint-rule-content{padding:8px}.constraint-param{flex-direction:column;align-items:flex-start;gap:2px}.material-codes{margin-top:8px}}.app{margin-top:50px;margin-left:10px}.icons{font-size:20px}.bg{flex-direction:column;width:100vw;min-height:100svh;display:flex}.line-home{height:0}.main{background-image:url(/assets/ui_assets/light-background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;border-radius:0;flex:auto;max-width:100vw;min-height:0;padding:2rem;display:flex}.main-block{flex:1;max-width:100%}.parameter-registry-modal{height:min(620px,78vh);top:15vh;left:50%;transform:translate(-50%);width:min(500px,90vw)!important;max-height:78vh!important}.parameter-registry-modal .popup-container,.parameter-registry-modal .popup-content{min-height:0}.parameter-registry-modal .popup-container{height:100%}.parameter-registry-modal .popup-content{overflow:hidden}.parameter-registry-modal-form{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.parameter-registry-modal-fields{flex-direction:column;flex:1;gap:12px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.parameter-registry-modal-actions{border-top:1px solid var(--lightblue-color);background-color:var(--white-color);flex-shrink:0;justify-content:flex-end;gap:10px;margin-top:8px;padding:12px 0 4px;display:flex}.parameter-registry-modal-error,.parameter-registry-modal-api-error{color:var(--red-color);font-size:12px}.raw-material-modal{height:min(680px,82vh);top:15vh;left:50%;transform:translate(-50%);width:min(500px,90vw)!important;max-height:82vh!important}.raw-material-modal .popup-container{height:100%}.raw-material-modal .popup-container,.raw-material-modal .popup-content{min-height:0}.raw-material-modal .popup-content{overflow:hidden}.raw-material-modal-form{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.raw-material-modal-fields{flex-direction:column;flex:1;gap:12px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.raw-material-modal-field{flex-direction:column;gap:4px;display:flex}.raw-material-modal-actions{border-top:1px solid var(--lightblue-color);background:var(--white-color);flex-shrink:0;justify-content:flex-end;gap:10px;margin-top:8px;padding:12px 0 4px;display:flex}.raw-material-modal-error,.raw-material-modal-api-error{color:var(--red-color);font-size:12px}.raw-material-cost-modal{top:calc((100vh + var(--navbar-height)) / 2);box-sizing:border-box;max-width:calc(100vw - 32px);height:auto;left:50%;transform:translate(-50%,-50%);width:min(680px,100vw - 32px)!important;max-height:calc(100vh - var(--navbar-height) - 32px)!important}.raw-material-cost-modal .popup-container{max-height:calc(100vh - var(--navbar-height) - 32px)}.raw-material-cost-modal .popup-header{flex-shrink:0}.raw-material-cost-modal .popup-content{box-sizing:border-box;width:100%;min-height:0;overflow:hidden}.raw-material-cost-form{flex-direction:column;width:100%;min-height:0;display:flex}.raw-material-cost-content{flex-direction:column;flex:1;gap:14px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.raw-material-cost-context,.raw-material-cost-inputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.raw-material-cost-context>*,.raw-material-cost-inputs>*{min-width:0}.raw-material-cost-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.raw-material-cost-history{box-sizing:border-box;max-width:100%;min-height:140px;box-shadow:none;background:0 0;flex-direction:column;padding:12px;display:flex;overflow:hidden}.raw-material-cost-history h3{margin:0 0 10px;font-family:Allumi-light,sans-serif}.raw-material-cost-history-scroll{width:100%;max-width:100%;min-height:0;max-height:240px;overflow:auto}.raw-material-cost-history table{border-collapse:collapse;width:100%;font-family:Allumi-extended,sans-serif;font-size:12px}.raw-material-cost-history th,.raw-material-cost-history td{text-align:left;padding:8px}.raw-material-cost-history th{background:var(--lightblue-color);position:sticky;top:0}.raw-material-cost-delta--positive{color:var(--green-color)}.raw-material-cost-delta--negative{color:var(--red-color)}.raw-material-cost-delta--muted{color:var(--grey-color)}.raw-material-cost-actions{border-top:1px solid var(--lightblue-color);background:var(--white-color);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:10px;margin-top:8px;padding:12px 0 4px;display:flex}.raw-material-cost-error{color:var(--red-color);font-size:12px}@media (width<=600px){.raw-material-cost-modal{max-width:calc(100vw - 16px);width:calc(100vw - 16px)!important;max-height:calc(100vh - var(--navbar-height) - 16px)!important}.raw-material-cost-modal .popup-container{max-height:calc(100vh - var(--navbar-height) - 16px)}.raw-material-cost-modal .popup-content{padding:12px}.raw-material-cost-context,.raw-material-cost-inputs{grid-template-columns:1fr}}@media (width<=425px){.raw-material-cost-modal .popup-content{min-height:0;padding:8px 10px;overflow:hidden auto}.raw-material-cost-modal .input-field{margin-block:3px}.raw-material-cost-content{flex:0 auto;gap:8px;overflow-y:visible}.raw-material-cost-context,.raw-material-cost-inputs{gap:6px}.raw-material-cost-context input,.raw-material-cost-context select,.raw-material-cost-inputs input,.raw-material-cost-inputs select{box-sizing:border-box;height:44px;padding-block:6px}.raw-material-cost-context label,.raw-material-cost-inputs label{margin-bottom:2px}.raw-material-cost-history{min-height:0;padding:8px}.raw-material-cost-history h3{margin-bottom:6px}.raw-material-cost-history-scroll{max-height:120px}.raw-material-cost-history th,.raw-material-cost-history td{padding:6px}.raw-material-cost-actions{gap:6px;margin-top:4px;padding:8px 0 2px}}@font-face{font-family:Allumi;src:local(Allumi),url(/fonts/ALLUMIPRO-REGULAR.OTF)format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Allumi-light;src:local(Allumi),url(/fonts/ALLUMIPRO-LIGHT.OTF)format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Allumi-extended;src:local(Allumi),url(/fonts/ALLUMIPROEXTENDED-LIGHT.OTF)format("opentype");font-weight:400;font-style:normal}body{font-family:Allumi,sans-serif;font-size:var(--font-size-standard);background-color:var(--white-color);padding:0}.root{margin:10px}button,label{font-family:Allumi,sans-serif}input{border-width:1px;border-radius:5px;padding:4px;font-family:Allumi,sans-serif}select{appearance:none;cursor:pointer;background-image:url(/assets/ui_assets/dropdown_arrow.svg);background-position:calc(100% - 12px);background-repeat:no-repeat;background-size:16px;padding-left:4px;padding-right:32px}h1{margin-block:0}:disabled{background-color:var(--lightgrey-color)!important;color:var(--grey-color)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:#f5f5f5}::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#999}:root{--red-color:#ff000d;--lightred-color:#fcdfdd;--darkgreen-color:#0b5a0b;--green-color:#009e00;--lightgreen-color:#ecffef;--black-color:#010101;--white-color:#fff;--fuchsia-color:#f0f;--lightfuchsia-color:#fdedfd;--text-color:#000;--navbar-height:80px;--footer-height:40px;--generations-panel-width:380px;--generations-panel-toggle-width:32px;--lightblue-color:#e4ebfd;--darkblue-color:#10135e;--blue-color:#08369b;--skyblue-color:#d9f1fa;--lightgrey-color:gainsboro;--grey-color:#797878;--darkgrey-color:#444a54;--dirtywhite-color:#e4ebfd;--yellow-color:#faf3d7;--orange-color:#ff9100;--brown-color:#4d3800;--ultralightgrey-color:#f0f0f0;--max-num-galler:6;--avg-num-galler:3;--min-num-galler:1;--font-size-standard:16px}*{box-sizing:border-box;margin:0;padding:0;font-family:Allumi,sans-serif}