@import url(https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp);@import url(https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);.fullscreen-loading-overlay{opacity:1}.fullscreen-loading-overlay--hidden{opacity:0;pointer-events:none}.loader-spinner-plain{animation:loader-spin 1s linear infinite;border:3px solid #e0e0e0;border-radius:50%;border-top-color:#30ccd4;height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.loading-spinner-ring{animation:loader-spin 1.5s linear infinite}.loading-spinner-ring:before{animation:loader-spin 2s linear infinite}.loading-spinner-ring:after{animation:loader-spin 1s linear infinite}.loader-text{color:#555;font-size:.95rem;letter-spacing:.04em;margin-top:16px;transition:opacity .3s ease,transform .3s ease}.loader-text--visible{opacity:1;transform:translateY(0)}.loader-text--hidden{opacity:0;transform:translateY(6px)}.loader-dots span{animation:loader-dot-blink 1.4s infinite both;display:inline-block}.loader-dots span:nth-child(2){animation-delay:.2s}.loader-dots span:nth-child(3){animation-delay:.4s}@keyframes loader-dot-blink{0%,80%,to{opacity:0;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.loading-progress{background:#e0e0e0;margin-top:20px}.loading-progress-bar{background:#30ccd4}@keyframes loader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.card{align-items:flex-start;background:var(--White,#fff);border-radius:6px;box-shadow:0 2px 8px 0 #0000001a;cursor:pointer;display:flex;flex-direction:column;gap:4px;margin:10px;min-height:200px;padding:16px;width:184px}.product-image{align-self:stretch;height:124px;object-fit:cover}.product-name{font-size:20px;font-weight:700;line-height:28px}.product-name,.product-price{align-self:stretch;color:#0f1820;color:var(--Grey-Grey-500,#0f1820);font-family:Karla;font-style:normal}.product-price{font-size:16px;font-weight:400;letter-spacing:.08px;line-height:24px}.large-tile-card{align-items:center;background:#fff;border:2px solid #e0e4ea;border-radius:14px;box-shadow:0 2px 8px 0 #0e474912;cursor:pointer;display:flex;flex-direction:column;max-width:260px;min-width:180px;padding:18px 18px 14px;transition:box-shadow .18s,border .18s}.large-tile-card:focus,.large-tile-card:hover{border:2px solid #00bfae;box-shadow:0 4px 24px 0 #00bfae1f;outline:none}.large-tile-media{align-items:center;display:flex;height:120px;justify-content:center;margin-bottom:14px;width:100%}.large-tile-image{border-radius:8px;max-height:100%;max-width:100%;object-fit:cover}.large-tile-texture{background-position:50%;background-size:cover;height:100px;width:100px}.large-tile-hex,.large-tile-texture{border:1px solid #e0e4ea;border-radius:8px}.large-tile-hex{align-items:center;display:flex;height:80px;justify-content:center;width:80px}.large-tile-placeholder{background:#f0f0f0;border:1px dashed #e0e4ea;border-radius:8px;height:80px;width:80px}.large-tile-content{align-items:center;display:flex;flex-direction:column;width:100%}.large-tile-name{color:#0e4749;font-size:1.1rem;font-weight:700;margin-bottom:6px;text-align:center}.large-tile-price{color:#00bfae;font-size:1rem;font-weight:600;margin-bottom:4px}.large-tile-description{color:#4a6c6f;font-size:.97rem;margin-top:4px;opacity:.85;text-align:center}.product-editor-general-settings{display:flex;justify-content:space-between;margin-top:20px;overflow:auto}.dependencies-editor{min-width:100%}.leftSide{margin-right:20px}.rightSide{align-items:center}.image-placeholder,.rightSide img{align-items:right;border:1px solid #ccc;cursor:pointer;display:flex;justify-content:right;margin-top:10px}.editProductImg{border-radius:15px;height:200px!important;object-fit:cover;width:200px!important}.placeholder{align-items:center;color:#aaa;display:flex;height:100%;justify-content:center;width:100%}.progress-circle{position:relative}.progress-circle svg{height:100%;left:0;position:absolute;top:0;width:100%}.circle-bg{fill:none;stroke:#eee;stroke-width:3.8}.circle{fill:none;stroke:#007bff;stroke-width:2.8;stroke-linecap:round;transition:stroke-dasharray .3s}.remove-image-button{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:5px 10px}.remove-image-button:hover{background-color:#c82333}.file-item{align-items:center;display:flex;gap:10px;margin-top:10px}.remove-file-button{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.remove-file-button:hover{background-color:#c82333}.dependencies-section{margin-top:20px}.dependency-item{gap:5px;margin-top:3px}.leftSide,.rightSide{width:48%}.image-placeholder{align-items:center;background-color:#f0f0f0;cursor:pointer;display:flex;height:100px;justify-content:center;width:100px}.progress-circle{height:100px;margin-top:10px;width:100px}.button-row{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.inputText{font-size:13pt}.inputDesc,.inputText{height:25px;width:100%}.inputDesc{font-size:15pt}.uploadBtn{color:#fff;font-size:12pt;height:40px;width:150px}.color-circle{height:100px;width:100px}.editor-main{flex:1 0;flex-direction:column}.editor-main,.frame-26{align-items:flex-start;align-self:stretch;display:flex;gap:24px}.frame-26{width:80%}.row-2{gap:24px}.image-upload,.row-2{align-items:flex-start;align-self:stretch;display:flex}.image-upload{flex:1 0;flex-direction:column;gap:4px}.image-upload2{align-self:stretch;color:#000;font-family:Karla;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.frame-22{align-items:center;align-self:stretch;background:#fcfcfc;background:var(--Grey-Grey-50,#fcfcfc);border-radius:6px;flex:1 0;flex-direction:column;gap:4px}.frame-22,.photo-camera{cursor:pointer;display:flex;justify-content:center}.photo-camera{color:#dcdde0;color:var(--Grey-Grey-200,#dcdde0);flex-direction:column;font-family:Material Symbols Sharp;font-size:60px;font-style:normal;font-weight:400;height:60px;line-height:24px;text-align:center;width:60px}.click-to-choose-an-image{color:#a6a7ad;color:var(--Grey-Grey-300,#a6a7ad);cursor:pointer;font-family:Karla;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.frame-25{align-items:flex-start;display:flex;flex-direction:column;gap:24px}.frame-28{align-items:center;display:flex;justify-content:space-between}.variant-editor{width:80vw}.dropdown-product{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;flex-shrink:0;gap:4px;width:375px}.input-product-editor{align-items:center;align-self:stretch;background:#fff;background:var(--White,#fff);border:1px solid #dcdde0;border:1px solid var(--Grey-Grey-200,#dcdde0);border-radius:6px;display:flex;height:44px;justify-content:space-between;padding:8px 12px}.input-product{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;flex-shrink:0;gap:4px;width:375px}.label-product{align-self:stretch;color:#0f1820;color:var(--Grey-Grey-500,#0f1820);font-family:Karla;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.upload-btn{align-items:center;border:1px solid #062944;border:1px solid var(--Primary-Primary-500,#062944);border-radius:6px;cursor:pointer;display:flex;gap:4px;height:44px;justify-content:center;min-width:120px;padding:8px 12px}.upload-arrow-left{color:#fff;color:var(--Primary-Primary-500,#fff);color:#062944;color:var(--Primary-Primary-500,#062944);font-family:Material Symbols Sharp;font-size:18px;font-style:normal;font-weight:400;line-height:24px;text-align:center;width:24px}.related-files{color:#000;font-family:Karla;font-weight:600}.related-files,.upload-button{font-size:16px;font-style:normal;line-height:24px}.upload-button{color:#062944;color:var(--Primary-Primary-500,#062944);cursor:pointer;font-family:Roboto Mono;font-weight:400;letter-spacing:.16px;text-align:center;text-transform:uppercase}.frame-27{align-items:flex-start;display:flex;gap:24px;width:375px}.placeholder-product{color:#a6a7ad;color:var(--Grey-Grey-300,#a6a7ad);font-family:Karla;font-size:16px;font-style:normal;font-weight:400;letter-spacing:.08px;line-height:24px}.saveButton{background:#2a52bf;background:var(--Primary-Primary-300,#2a52bf);border:0;border-radius:6px;color:#fff;color:var(--White,#fff);min-width:120px}.cancelButton,.saveButton{align-items:center;cursor:pointer;display:flex;font-family:Roboto Mono;font-size:16px;font-style:normal;font-weight:400;gap:4px;height:44px;justify-content:center;letter-spacing:.16px;line-height:24px;padding:8px 12px;text-align:center;text-transform:uppercase}.cancelButton{border:1px solid #062944;border:1px solid var(--Primary-Primary-500,#062944);border-radius:6px;flex:1 0;max-width:120px}.cancelButton:hover{background-color:#062944;background-color:var(--Primary-Primary-500,#062944);color:#fff}.text-box-desc{display:none}.production-data-editor{background:#fff;border-radius:12px;box-shadow:0 2px 16px #0001;margin:32px auto;max-width:700px;padding:32px}.production-data-editor table{background:#f9f9f9;border-collapse:collapse;border-radius:8px;font-size:16px;overflow:hidden;width:100%}.production-data-editor td,.production-data-editor th{border:1px solid #e0e0e0;padding:0;text-align:left}.production-data-editor th{background:#e3f2fd;color:#1976d2;font-weight:600;height:44px}.production-data-editor tr:nth-child(2n){background:#f5faff}.production-data-editor input[type=text]{background:#0000;border:none;box-sizing:border-box;font-size:16px;height:44px;outline:none;padding:10px 8px;transition:background .2s,border-bottom .2s;vertical-align:middle;width:100%}.production-data-editor input[type=text]:focus{background:#fffde7;border-bottom:2px solid #1976d2}.production-data-editor button{background:#1976d2;border:none;border-radius:6px;box-shadow:0 2px 8px #1976d233;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:18px;padding:12px 32px;transition:background .2s}.production-data-editor button:hover{background:#1565c0}.ralContainer{margin-top:20px;max-width:800px;min-width:30vw;text-align:center}.hover-text{background-color:#000000b3;border-radius:3px;color:#fff;left:50%;padding:5px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}#searchInput{border:1px solid #ccc;border-radius:4px;margin-bottom:20px;padding:10px;width:100%}.color-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-top:20px}.color-swatch{align-items:center;border-radius:50px;box-sizing:border-box;cursor:pointer;display:flex;font-size:12px;height:80px;justify-content:center;opacity:1;padding:5px;text-align:center;transition:transform .2s,opacity .2s;width:80px}.color-grid-small{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));margin-top:20px}.color-swatch-small{align-items:center;border-radius:35px;box-sizing:border-box;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:60px;justify-content:center;padding:5px;text-align:center;transition:transform .2s,opacity .2s;width:60px}.color-swatch.show{opacity:1;transition:transform .2s,opacity .2s}.color-swatch:hover{transform:scale(1.1);transition:scale smooth .1s}.colourMenu{text-align:center;width:100%}.color-swatch-small:hover{transform:scale(1.1);transition:scale smooth .1s}.color-swatch-text{border-radius:10px;font-size:13px;font-weight:700;margin-top:5px;padding:8px;text-align:center}.ralTitle{margin-bottom:20px}.color-swatch-container{position:relative}.color-swatch.selected{border:2px solid #007bff;transform:scale(1.1)}.modifications-list{align-items:flex-start;align-self:stretch;display:flex;flex:1 0;flex-direction:column;flex-wrap:wrap;gap:10px;gap:24px}.element-group{margin-bottom:20px}.modification-item{border-radius:4px;padding:10px}.product-modification{cursor:pointer}.add-modification{align-items:center;background-color:#f0f0f0;border:1px dashed #ccc;cursor:pointer;display:flex;height:100px;justify-content:center;width:100px}.new-modification-form{margin-top:20px}.new-modification-form label{display:block;margin-bottom:10px}.new-modification-form input,.new-modification-form select{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;margin-top:5px;padding:8px;width:100%}.parameter-row{display:flex;gap:10px;margin-bottom:10px}.new-modification-form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:10px;padding:10px 20px}.image-gallery{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;height:85vh;max-height:900px;max-width:1400px;overflow:hidden;width:85vw}.image-gallery-header{align-items:center;background:#f9fafd;border-bottom:1px solid #e0e4ea;display:flex;justify-content:space-between;padding:20px 24px}.image-gallery-title{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0}.gallery-container{display:flex;flex:1 1;flex-direction:row;overflow:hidden}.image-grid-container{background:#fff;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px}.image-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.grid-image{aspect-ratio:1/1;background:#fff;border:2px solid #e0e4ea;border-radius:8px;box-shadow:0 2px 8px #0000000d;cursor:pointer;transition:all .2s ease}.grid-image:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff26;transform:translateY(-2px)}.grid-image.selected{border-color:#007bff;box-shadow:0 4px 12px #007bff40}.upload-area{align-items:center;background:#f7fafd;border:2px dashed #b8c2cc;border-radius:10px;color:#4a6a74;cursor:pointer;display:flex;flex-direction:column;font-size:1rem;gap:8px;margin-bottom:20px;padding:32px 20px;text-align:center;transition:all .2s ease}.upload-area:hover{background:#f0f7ff;border-color:#007bff}.upload-area-icon{color:#007bff;font-size:2.5rem;margin-bottom:8px}.preview-sidebar{background-color:#f9fafd;border-left:1px solid #e0e4ea;display:flex;flex-direction:column;overflow-y:auto;padding:20px;width:350px}.preview-sidebar-empty{align-items:center;color:#8898aa;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 20px;text-align:center}.preview-sidebar-empty-icon{color:#cbd5e0;font-size:4rem;margin-bottom:16px}.image-preview{background:#fff;border:1px solid #e0e4ea;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.image-preview img{display:block;max-height:350px;object-fit:contain;width:100%}.image-details{background:#fff;border:1px solid #e0e4ea;border-radius:8px;margin-bottom:16px;padding:16px}.image-details p{align-items:flex-start;color:#4a6a74;display:flex;font-size:.9rem;gap:8px;margin:0 0 12px;word-break:break-word}.image-details p:last-child{margin-bottom:0}.image-details strong{color:#2c3e50;display:inline-block;min-width:80px}.image-url-container{display:flex;flex-direction:column;gap:8px;width:100%}.image-url-ellipsis{color:#007bff;cursor:pointer;font-size:.85rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-url-btn{align-items:center;background:none;border:none;color:#007bff;cursor:pointer;display:inline-flex;font-size:1.1em;padding:4px;transition:all .2s ease}.copy-url-btn:hover{color:#0056b3;transform:scale(1.15)}.button-group{display:flex;flex-direction:row;gap:10px;margin:5px}.cancel-button,.confirm-button,.delete-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:8px;justify-content:center;padding:6 10px;transition:all .2s ease}.confirm-button{background-color:#007bff}.confirm-button:hover{background-color:#0056b3;box-shadow:0 4px 8px #007bff33;transform:translateY(-1px)}.confirm-button:disabled{background-color:#cbd5e0;transform:none}.cancel-button{background-color:#f3f4f6;color:#4a6a74}.cancel-button:hover{background-color:#e0e4ea}.delete-button{background-color:#dc3545;color:#fff;margin:5px}.delete-button:hover{background-color:#c82333;box-shadow:0 4px 8px #dc354533;transform:translateY(-1px)}.crop-btn{align-items:center;background:#fffffff2;border:1px solid #e0e4ea;border-radius:6px;box-shadow:0 2px 8px #0000001a;color:#007bff;cursor:pointer;display:flex;font-size:.9em;font-weight:600;gap:6px;padding:8px 12px;position:absolute;right:12px;top:12px;transition:all .2s ease}.crop-btn:hover{background:#fff;box-shadow:0 4px 12px #00000026;color:#0056b3;transform:scale(1.05)}.close-popup-x{align-items:center;background:none;border:none;color:#4a6a74;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;line-height:1;padding:0;transition:color .2s;width:32px}.close-popup-x:hover{color:#dc3545}.progress-bar{background-color:#e0e4ea;border-radius:4px;height:8px;margin-top:12px;overflow:hidden;width:100%}.progress-bar-fill{background-color:#007bff;border-radius:4px;height:100%;transition:width .3s ease}.cropper-container{background:#fff;display:flex;flex-direction:column;height:100%;padding:20px;position:relative;width:100%}.image-grid-container::-webkit-scrollbar,.preview-sidebar::-webkit-scrollbar{width:8px}.image-grid-container::-webkit-scrollbar-track,.preview-sidebar::-webkit-scrollbar-track{background:#f1f3f5;border-radius:4px}.image-grid-container::-webkit-scrollbar-thumb,.preview-sidebar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.image-grid-container::-webkit-scrollbar-thumb:hover,.preview-sidebar::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (max-width:1024px){.image-gallery{height:90vh;width:95vw}.preview-sidebar{width:300px}.image-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:768px){.gallery-container{flex-direction:column}.preview-sidebar{border-left:none;border-top:1px solid #e0e4ea;max-height:50vh;width:100%}.image-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.search-bar-container{align-items:center;display:flex;margin-bottom:20px;position:relative;width:100%}.search-icon{color:#8898aa;font-size:1.2rem;left:12px;pointer-events:none;position:absolute}.search-bar{background:#fff;border:2px solid #e0e4ea;border-radius:8px;color:#2c3e50;font-size:.95rem;padding:12px 40px;transition:all .2s ease;width:100%}.search-bar:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.search-bar::placeholder{color:#a0aec0}.clear-search-btn{align-items:center;background:none;border:none;border-radius:50%;color:#8898aa;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;padding:0;position:absolute;right:12px;transition:all .2s ease;width:24px}.clear-search-btn:hover{background:#f3f4f6;color:#2c3e50}.grid-image-wrapper{aspect-ratio:1/1;background:#fff;border:2px solid #0000;border-radius:8px;box-shadow:0 2px 8px #00000014;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.grid-image-wrapper:hover{border-color:#007bff;box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.grid-image-wrapper.selected{border-color:#007bff;box-shadow:0 4px 16px #007bff4d}.grid-image{display:block;height:100%;object-fit:cover;width:100%}.image-overlay{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;left:0;opacity:0;padding:8px;position:absolute;right:0;transition:opacity .2s ease}.grid-image-wrapper:hover .image-overlay{opacity:1}.image-name-overlay{color:#fff;font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-badge{align-items:center;background:#007bff;border-radius:50%;box-shadow:0 2px 8px #007bff66;color:#fff;display:flex;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px}.selected-badge .icon-left{font-size:1.2rem}.grid-loading-state{align-items:center;color:#8898aa;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e0e4ea;border-top-color:#007bff}.grid-empty-state{align-items:center;color:#8898aa;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.grid-empty-state h3{color:#4a6a74;font-size:1.25rem;margin:0 0 8px}.grid-empty-state p{font-size:.95rem;margin:0}.grid-results-count{border-top:1px solid #f0f1f3;color:#8898aa;font-size:.85rem;margin-top:16px;padding:12px 0;text-align:center}.image-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding-bottom:20px}@media (max-width:1024px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width:768px){.image-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.search-bar{font-size:.9rem;padding:10px 36px}}@media (max-width:480px){.image-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.cropper-wrapper{background:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.cropper-canvas{background:#1a1a1a;flex:1 1;min-height:0;position:relative}.cropper-controls{background:#f9fafd;border-top:1px solid #e0e4ea;display:flex;flex-direction:column;gap:20px;padding:24px}.control-section{gap:12px}.control-label{color:#2c3e50;font-size:.9rem;font-weight:600;margin:0}.aspect-ratio-buttons{display:flex;flex-wrap:wrap;gap:8px}.aspect-btn{align-items:center;background:#fff;border:2px solid #e0e4ea;border-radius:8px;color:#4a6a74;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.aspect-btn:hover{background:#f0f7ff;border-color:#007bff;color:#007bff}.aspect-btn.active{background:#007bff;border-color:#007bff;color:#fff}.aspect-btn .icon-left{font-size:1.1rem}.aspect-label{font-size:.85rem}.zoom-control{align-items:center;background:#fff;border:1px solid #e0e4ea;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.zoom-icon{color:#8898aa;cursor:pointer;font-size:1.2rem;transition:color .2s ease}.zoom-icon:hover{color:#007bff}.zoom-slider{-webkit-appearance:none;appearance:none;background:#e0e4ea;border-radius:3px;flex:1 1;height:6px;outline:none}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#007bff;border-radius:50%;box-shadow:0 2px 4px #007bff4d;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.zoom-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 8px #007bff66;transform:scale(1.15)}.zoom-slider::-moz-range-thumb{background:#007bff;border:none;border-radius:50%;box-shadow:0 2px 4px #007bff4d;cursor:pointer;height:20px;-moz-transition:all .2s ease;transition:all .2s ease;width:20px}.zoom-slider::-moz-range-thumb:hover{box-shadow:0 2px 8px #007bff66;transform:scale(1.15)}.cropper-actions{display:flex;gap:12px;margin-top:8px}.cropper-actions .cancel-button,.cropper-actions .confirm-button{flex:1 1}.loading-spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@media (max-width:768px){.cropper-controls{gap:16px;padding:16px}.aspect-ratio-buttons{gap:6px}.aspect-btn{font-size:.85rem;padding:8px 12px}.aspect-label{display:none}.aspect-btn .icon-left{margin:0}.cropper-actions{flex-direction:column}.cropper-actions .cancel-button,.cropper-actions .confirm-button{width:100%}}.cropper-canvas .reactEasyCrop_Container{background:#1a1a1a}.cropper-canvas .reactEasyCrop_CropArea{border:2px solid #007bff!important;box-shadow:0 0 0 9999px #00000080}.depth-container{align-items:center;display:flex;justify-content:center;min-height:400px;padding:2rem 1rem}.depth-header{margin-bottom:2rem;text-align:center}.depth-title{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.depth-subtitle{color:#64748b;font-size:.875rem;margin:0}.depth-config-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.config-input-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.config-label{display:flex;flex-direction:column;gap:.5rem}.config-label-text{color:#475569;font-size:.875rem;font-weight:500}.config-input-wrapper{align-items:center;display:flex;position:relative}.config-input{border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;padding:.625rem 2.5rem .625rem .75rem;transition:all .2s;width:100%}.config-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.config-unit{color:#64748b;font-size:.875rem;pointer-events:none;position:absolute;right:.75rem}.depth-value-display{margin-bottom:2rem;text-align:center}.depth-value-badge{align-items:baseline;background:#2980b9;border-radius:12px;box-shadow:0 4px 12px #2563eb4d;color:#fff;display:inline-flex;gap:.25rem;margin-bottom:.75rem;padding:1rem 2rem}.depth-value-number{font-size:2rem;font-weight:700;line-height:1}.depth-value-unit{font-size:1.25rem;font-weight:500;opacity:.9}.depth-value-description{color:#64748b;font-size:.875rem;font-weight:500}.depth-slider-container{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.depth-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s;width:44px}.depth-button:hover:not(:disabled){background:#f8fafc;border-color:#2563eb;transform:scale(1.05)}.depth-button:active:not(:disabled){transform:scale(.95)}.depth-button:disabled{cursor:not-allowed;opacity:.3}.depth-button .material-icons{color:#2563eb;font-size:24px}.depth-slider-wrapper{align-items:center;display:flex;flex:1 1;height:44px;position:relative}.depth-slider{-webkit-appearance:none;appearance:none;background:#0000;border-radius:4px;cursor:pointer;height:8px;outline:none;position:relative;width:100%;z-index:2}.depth-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:3px solid #2980b9;border-radius:50%;box-shadow:0 2px 8px #2563eb4d;cursor:pointer;height:24px;-webkit-transition:all .2s;transition:all .2s;width:24px}.depth-slider::-moz-range-thumb{background:#fff;border:3px solid #2980b9;border-radius:50%;box-shadow:0 2px 8px #2563eb4d;cursor:pointer;height:24px;-moz-transition:all .2s;transition:all .2s;width:24px}.depth-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #2563eb66;transform:scale(1.2)}.depth-slider::-moz-range-thumb:hover{box-shadow:0 4px 12px #2563eb66;transform:scale(1.2)}.depth-slider-track{background:#e2e8f0;border-radius:4px;height:8px;left:0;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.depth-slider-fill{background:#2980b9;border-radius:4px;height:100%;transition:width .2s ease}.depth-range-info{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;padding:1rem}.depth-range-item{align-items:center;display:flex;flex-direction:column;gap:.25rem}.depth-range-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.depth-range-value{color:#1e293b;font-size:.875rem;font-weight:600}.depth-range-divider{color:#cbd5e1;font-size:1.25rem}.depth-actions,.depth-confirm-button{display:flex;justify-content:center}.depth-confirm-button{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 12px #2563eb4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .2s}.depth-confirm-button:hover{box-shadow:0 6px 16px #2563eb66;transform:translateY(-2px)}.depth-confirm-button:active{transform:translateY(0)}.depth-preview-panel{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;margin-top:1.5rem;padding:1.25rem}.preview-title{color:#475569;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.preview-description{color:#1e293b;font-size:.875rem;line-height:1.6;margin:0}.preview-description strong{color:#2563eb;font-weight:600}@media (max-width:640px){.depth-card{padding:1.5rem}.depth-title{font-size:1.25rem}.depth-value-number{font-size:2.5rem}.config-input-group{grid-template-columns:1fr}.depth-slider-container{gap:.75rem}.depth-button{height:40px;width:40px}}.ab-container{align-items:center;display:flex;justify-content:center;min-height:400px;min-width:400px;padding:2rem 1rem}.ab-header{margin-bottom:2rem;text-align:center}.ab-title{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.ab-subtitle{color:#64748b;font-size:.875rem;margin:0}.ab-config-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.ab-config-panel,.ab-question-group{margin-bottom:1.5rem}.ab-config-label{display:flex;flex-direction:column;gap:.5rem}.ab-config-label-text{color:#475569;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.ab-question-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .2s;width:100%}.ab-question-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.ab-answers-section{display:flex;flex-direction:column;gap:1rem}.ab-answers-header{align-items:center;display:flex;justify-content:space-between}.ab-add-button{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.ab-add-button:hover{box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.ab-add-button .material-icons{font-size:18px}.ab-answers-list{display:flex;flex-direction:column;gap:.75rem}.ab-answer-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.ab-answer-number{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.ab-answer-inputs{display:flex;flex:1 1;gap:.75rem}.ab-answer-input{border:1px solid #cbd5e1;border-radius:6px;font-size:.875rem;padding:.625rem .75rem;transition:all .2s}.ab-answer-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.ab-answer-value{flex:2 1}.ab-answer-key{flex:1 1}.ab-remove-button{align-items:center;background:#fee;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.ab-remove-button:hover:not(:disabled){background:#dc2626;border-color:#dc2626;color:#fff}.ab-remove-button:disabled{cursor:not-allowed;opacity:.3}.ab-remove-button .material-icons{font-size:20px}.ab-selected-display{margin-bottom:1.5rem;text-align:center}.ab-selected-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem}.ab-selected-badge .material-icons{font-size:20px}.ab-selected-text{font-size:1rem}.ab-options-container{margin-bottom:1.5rem}.ab-options-grid{grid-gap:.75rem;display:grid;gap:.75rem}.ab-option{cursor:pointer;display:block;min-width:350px;position:relative}.ab-option-input{opacity:0;pointer-events:none;position:absolute}.ab-option-content{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;padding:1rem 1.25rem;transition:all .2s}.ab-option:hover .ab-option-content{background:#f8fafc;border-color:#2563eb;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.ab-option-selected .ab-option-content{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#2563eb;box-shadow:0 4px 12px #2563eb33}.ab-option-radio{flex-shrink:0}.ab-option-radio-outer{align-items:center;border:2px solid #cbd5e1;border-radius:50%;display:flex;height:24px;justify-content:center;transition:all .2s;width:24px}.ab-option-selected .ab-option-radio-outer{background:#fff;border-color:#2563eb}.ab-option-radio-inner{animation:scaleIn .2s ease;background:#2563eb;border-radius:50%;height:12px;width:12px}.ab-option-text{color:#1e293b;flex:1 1;font-size:1rem;font-weight:500}.ab-option-check{animation:scaleIn .2s ease;color:#2563eb;font-size:24px}.ab-empty-state{color:#64748b;padding:3rem 1rem;text-align:center}.ab-empty-icon{color:#cbd5e1;font-size:48px;margin-bottom:.75rem}.ab-empty-state p{font-size:.875rem;margin:0}.ab-actions,.ab-confirm-button{display:flex;justify-content:center}.ab-confirm-button{align-items:center;background:#2980b9;border:none;border-radius:12px;box-shadow:0 4px 12px #2563eb4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .2s}.ab-confirm-button:hover:not(:disabled){box-shadow:0 6px 16px #2563eb66;transform:translateY(-2px)}.ab-confirm-button:active:not(:disabled){transform:translateY(0)}.ab-confirm-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.ab-confirm-button .material-icons{font-size:20px}.ab-preview-panel{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;margin-top:1.5rem;padding:1.25rem}.ab-preview-title{color:#475569;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.ab-preview-description{color:#1e293b;font-size:.875rem;line-height:1.6;margin:0}.ab-preview-description strong{color:#2563eb;font-weight:600}@media (max-width:640px){.ab-card{padding:1.5rem}.ab-title{font-size:1.25rem}.ab-answer-inputs{flex-direction:column;gap:.5rem}.ab-answer-key,.ab-answer-value{flex:1 1}.ab-answers-header{align-items:stretch;flex-direction:column;gap:.75rem}.ab-add-button{justify-content:center;width:100%}}.category-editor{background-color:#fff;border-radius:20px;justify-content:space-between;justify-content:center;overflow:auto;padding:30px;z-index:1000}.modal-content{text-align:center;width:50vw}.leftSide,.rightSide{display:flex;flex:1 1;flex-direction:column;gap:0}.configflow-root{background:#f7fafc;font-family:Karla,Segoe UI,Arial,sans-serif;min-height:70vh;padding:32px 0 32px 20px;width:100%}.configflow-title{color:#0e4749;font-size:2rem;font-weight:700;letter-spacing:.01em;margin-bottom:32px;text-align:center}.configflow-layout{align-items:flex-start;display:flex;flex-direction:row;gap:32px;justify-content:center;margin:0 auto;max-width:1400px;width:100%}.configflow-sidebar{align-items:stretch;background:#fff;border-radius:16px;box-shadow:0 2px 16px 0 #0e47490f;display:flex;flex-direction:column;min-height:400px;min-width:180px;padding:24px 16px}.configflow-sidebar h4{color:#0e4749;font-size:1.1rem;font-weight:600;margin-bottom:18px;text-align:center}.configflow-droplist{flex-direction:column}.configflow-droplist,.configflow-droplist-horizontal{display:flex;gap:12px;min-height:60px;padding:6px 0;transition:background .2s}.configflow-droplist-horizontal{align-items:center;flex-direction:row}.configflow-droplist-horizontal.drag-over,.configflow-droplist.drag-over{background:#00bfae14;border-radius:10px}.configflow-main{align-items:stretch;display:flex;flex:1 1;flex-direction:column;max-width:900px;min-width:400px}.configflow-flowarea{background:#fff;border-radius:18px;box-shadow:0 2px 16px 0 #0e47490f;min-height:180px;overflow:visible;padding:32px 24px;position:relative}.configflow-dotted-bg{background:repeating-linear-gradient(90deg,#e0e4ea,#e0e4ea 1px,#0000 0,#0000 32px),repeating-linear-gradient(180deg,#e0e4ea,#e0e4ea 1px,#0000 0,#0000 32px);border-radius:18px;inset:0;pointer-events:none;position:absolute;z-index:0}.configflow-flow{align-items:center;display:flex;flex-direction:row;gap:16px;min-height:80px;position:relative;z-index:1}.configflow-card{background:#f5fafd;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px 0 #0e474912;color:#0e4749;cursor:grab;font-size:1.08rem;font-weight:600;max-width:220px;min-width:120px;padding:18px 20px;text-align:center;transition:box-shadow .18s,background .18s,transform .18s;-webkit-user-select:none;user-select:none}.configflow-card.mod-card{background:#e0f7fa;color:#0e4749}.configflow-card.equip-card{background:#f0f4f8;color:#222}.configflow-card.fixed-card{background:#b2dfdb;border:2px solid #00bfae;box-shadow:0 2px 12px 0 #00bfae14;color:#222;cursor:default;font-weight:700}.configflow-card.dragging{background:#fffde7;border:2px solid #00bfae;box-shadow:0 4px 24px 0 #00bfae2e;transform:scale(1.06)}@media (max-width:1100px){.configflow-layout{align-items:stretch;flex-direction:column;gap:24px}.configflow-sidebar{margin-bottom:16px;min-width:0;width:100%}.configflow-main{max-width:100%}}.configflow-layout-vertical{align-items:flex-start;display:flex;flex-direction:row;gap:32px;justify-content:flex-start;margin:0 auto;max-width:1200px;width:100%}.configflow-main-vertical{align-items:stretch;display:flex;flex:1 1;flex-direction:column;max-width:700px;min-width:320px}.configflow-flowarea-vertical{background:#fff;border-radius:18px;box-shadow:0 2px 16px 0 #0e47490f;min-height:400px;overflow:visible;padding:32px 24px;position:relative}.configflow-dotted-bg-vertical{background:repeating-linear-gradient(180deg,#e0e4ea,#e0e4ea 1px,#0000 0,#0000 32px),repeating-linear-gradient(90deg,#e0e4ea,#e0e4ea 1px,#0000 0,#0000 32px);border-radius:18px;inset:0;pointer-events:none;position:absolute;z-index:0}.configflow-flow-vertical{align-items:center;display:flex;flex-direction:column;gap:16px;min-height:80px;position:relative;z-index:1}.configflow-droplist-vertical{display:flex;flex-direction:column;gap:12px;min-height:80px;min-width:200px;padding:6px 0;transition:background .2s}.configflow-sidebar-right-vertical{align-items:stretch;background:#fff;border-radius:16px;box-shadow:0 2px 16px 0 #0e47490f;display:flex;flex-direction:column;min-height:400px;min-width:180px;padding:24px 16px;width:350px}@media (max-width:900px){.configflow-layout-vertical{align-items:stretch;flex-direction:column;gap:24px}.configflow-sidebar-right-vertical{margin-top:16px;min-width:0;width:100%}.configflow-main-vertical{max-width:100%}}.category-editor-content{width:100%}.configflow-droplist-grid{min-width:260px}.configflow-arrow-down{align-items:center;display:flex;height:32px;justify-content:center;margin:0}.configflow-section-bg{background:#f7fafdea;border:1px solid #e0e4ea;border-radius:12px;box-shadow:0 2px 8px 0 #0e47490a;margin-bottom:6px;padding:18px 24px}.configflow-section-flex{align-items:flex-start;display:flex;flex-direction:row}.configflow-section-title{color:#4a6a74;font-size:.85rem;font-weight:500;letter-spacing:.03em;margin-bottom:8px;opacity:.75;text-align:center}.image-gallery-popup{inset:0;z-index:1000}.popup-overlay{background:#1e293b40;inset:0;position:fixed;z-index:1001}.popup-content{animation:popup-fade-in .18s;box-shadow:0 8px 32px 0 #1e293b2e;min-width:340px;z-index:1002}.popup-content h4{color:#2d3748;font-size:1.18rem;font-weight:600;letter-spacing:.01em;margin-top:0}.input-product,.popup-content h4{margin-bottom:18px}.label-product{color:#4a6a74;display:block;font-size:.98rem;font-weight:500;margin-bottom:6px}.placeholder-product.input-product-editor{background:#f8fafc;border:1.5px solid #e0e4ea;border-radius:8px;color:#374151;font-size:1rem;margin-bottom:0;padding:8px 12px;transition:border-color .18s;width:100%}.placeholder-product.input-product-editor:focus{background:#fff;border-color:#007bff;outline:none}.dependencies-editor{margin:0 0 24px;max-width:600px;padding:28px 24px 20px}.dependencies-columns{display:flex;flex-wrap:wrap;gap:20px}.category-section{flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1;margin-bottom:20px}.categories-list{grid-gap:12px 18px;display:grid;gap:12px 18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.category-item{align-items:center;background:#fff;border:1px solid #e0e4ea;border-radius:8px;box-shadow:0 1px 4px 0 #0e47490a;display:flex;padding:12px 16px;transition:box-shadow .15s,border .15s}.category-item:hover{border-color:#b8c2cc;box-shadow:0 2px 8px 0 #007bff14}.category-item label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:1rem;gap:10px;width:100%}.category-item input[type=checkbox]{accent-color:#007bff;border:1.5px solid #b8c2cc;border-radius:5px;height:20px;margin-right:10px;transition:border-color .18s;width:20px}.category-item input[type=checkbox]:focus,.category-item input[type=checkbox]:hover{border-color:#007bff;outline:none}.dependency-item{align-items:center;display:flex;gap:10px;margin-top:10px}input[type=checkbox]:checked+.custom-checkbox{color:#000;content:"X"!important;font-size:14px!important;line-height:7px;text-align:center}.production-field-row-header{border:1.5px solid #fff;border-radius:0;font-size:1rem}.production-field-row,.production-field-row-header{background:#e0e4ea;font-family:Karla,Segoe UI,Arial,sans-serif;padding:8px 12px;width:40px}.production-field-row{border:1.5 solid #fff;border-radius:0;font-size:.9rem}.production-field-display-name{padding:8px 12px;width:400px}.production-field-display-name,.production-field-key{border:1.5px solid #e0e4ea;border-radius:0;font-family:Karla,Segoe UI,Arial,sans-serif;font-size:.9rem}.production-field-key{padding:8px 10px;width:300px}.production-field-unit{padding:7px 10px}.production-field-button,.production-field-unit{border:1.5px solid #e0e4ea;border-radius:0;font-family:Karla,Segoe UI,Arial,sans-serif;font-size:.9rem;width:100px}.production-field-button{background:none;padding:8px 10px}.production-field-button:hover{cursor:pointer;font-weight:600}.production-field-display-name-header{background:#e0e4ea;border:1.5px solid #e0e4ea;border-radius:0;font-family:Karla,Segoe UI,Arial,sans-serif;font-size:1rem;font-weight:700;margin:-1.2px;padding:8px 12px;width:400px}.production-field-key-header{width:300px}.production-field-key-header,.production-field-unit-header{background:#e0e4ea;border:1.5px solid #e0e4ea;border-radius:0;font-family:Karla,Segoe UI,Arial,sans-serif;font-size:1rem;font-weight:700;margin-bottom:-3px;margin-left:-2px;margin-top:-3px;padding:8px 10px}.production-field-unit-header{width:50px}.production-field-button-header{margin-bottom:-3px;margin-left:-2px;margin-top:-3px;padding:8px 10px;width:100px}.production-field-button-header,.production-field-value-header{background:#e0e4ea;border:1.5px solid #e0e4ea;border-radius:0;font-family:Karla,Segoe UI,Arial,sans-serif;font-size:1rem;font-weight:700}.production-field-value-header{margin:-1.2px;padding:8px 12px;width:400px}.production-field-value{border:1.5px solid #e0e4ea;border-radius:0;font-family:Karla,Segoe UI,Arial,sans-serif;font-size:.9rem;padding:8px 12px;width:400px}.dependencies-editor{margin:16px 0;width:100%}.dependencies-editor-title{font-weight:600;margin-bottom:12px}.dependencies-editor-empty{background:#f9f9f9;border:1px dashed #e0e0e0;border-radius:8px;padding:20px;text-align:center}.dependencies-accordion{border:0 solid #e0e0e0;border-radius:8px!important;box-shadow:none!important;margin-bottom:8px!important}.dependencies-accordion:before{display:none}.dependencies-accordion-summary{border-radius:8px}.dependencies-accordion-header{align-items:center;display:flex;width:100%}.dependencies-accordion-details{flex-direction:column;padding:16px!important}.dependencies-select-all{border-bottom:1px solid #e0e0e0;margin-bottom:12px;padding-bottom:12px}.dependencies-items-list{display:flex;flex-direction:column;gap:4px}.dependencies-item{border-radius:4px;margin:0!important;padding:4px 8px;transition:background-color .2s}.dependencies-item:hover{background-color:#f5f5f5}.dependencies-item-label{align-items:center;display:flex;justify-content:space-between;width:100%}.category-card{align-items:flex-start;background:#fff;background:var(--White,#fff);border-radius:6px;box-shadow:0 2px 8px 0 #0000001a;display:flex;flex-direction:column;gap:8px;padding:16px;width:240px}.category-name{align-self:stretch;color:#0f1820;color:var(--Grey-Grey-500,#0f1820);font-family:Karla;font-size:20px;font-style:normal;font-weight:700;line-height:28px}.frame-23{align-items:flex-start;align-self:stretch;display:flex;justify-content:space-between;justify-content:end}.btn .category-edit{color:#062944;color:var(--Primary-Primary-500,#062944);cursor:pointer;font-family:Material Symbols Sharp;font-size:18px;font-style:normal;font-weight:400;line-height:24px;text-align:center;width:24px}.title-row{justify-content:space-between}.categories{color:#0f1820;color:var(--Grey-Grey-500,#0f1820);font-family:Karla;font-size:28px;font-style:normal;font-weight:700;line-height:28px;text-align:center}.configflow-droplist-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));min-height:60px;padding:6px 0;transition:background .2s}.breadcrumbs{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.breadcrumbs,.hyperlink{font-family:Roboto Mono;font-size:14px;font-style:normal;font-weight:400;gap:10px;letter-spacing:.28px;line-height:26px;line-height:var(--font-line-height-Link,26px);-webkit-text-decoration-style:solid;text-decoration-style:solid}.hyperlink{color:#2a52bf;color:var(--Primary-Primary-300,#2a52bf);cursor:pointer;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.keyboard-arrow-right{color:#0f1820;color:var(--Grey-Grey-500,#0f1820);font-family:Material Symbols Sharp;font-size:14px;font-style:normal;font-weight:400;line-height:24px;text-align:center;text-decoration:none!important;-webkit-text-decoration-line:none!important;text-decoration-line:none!important}.inventory-main-container{align-items:center;display:flex;flex-direction:column;padding:48px 0}.inventory-tiles{display:flex;gap:32px}.inventory-tile{background:#f5f8fa;border-radius:16px;box-shadow:0 2px 8px #e0e5ec;color:#2980b9;font-size:1.5rem;font-weight:600;min-width:180px;outline:none;padding:48px 64px;text-align:center;transition:box-shadow .2s,background .2s}.inventory-tile:focus,.inventory-tile:hover{background:#eaf3fa;box-shadow:0 4px 16px #d0d8e0}.container{margin:30px 0 0}.input{align-items:flex-start;display:flex;flex:1 0;flex-direction:column;gap:4px;width:100%}.input .label{align-self:left;color:#0f1820;color:var(--Grey-Grey-500,#0f1820);font-family:Karla;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.input .frame-2{align-items:center;align-self:stretch;background:#fff;background:var(--White,#fff);border:1px solid #dcdde0;border:1px solid var(--Grey-Grey-200,#dcdde0);border-radius:6px;display:flex;height:44px;justify-content:space-between;width:100%}.input .search{border:0;color:#a6a7ad;color:var(--Grey-Grey-300,#a6a7ad);font-family:Karla;font-size:16px;font-style:normal;font-weight:400;letter-spacing:.08px;line-height:24px;margin-right:-10px;padding:8px 12px;width:100%}.login-container{margin:auto;max-width:70vw}.categories-container{display:flex;flex-direction:column;gap:20px}.category-row{display:flex;gap:10px;height:250px;overflow-x:auto}.version-tile{background-color:#f0f0f0;box-sizing:border-box;flex-shrink:0;height:200px;min-width:200px;padding:10px}.version-tile.show-more{align-items:center;background-color:#d0d0d0;display:flex;justify-content:center}#img{align-content:end;min-height:30vh;padding-top:15vh}#img,#login{text-align:center}#login{align-content:top}.textField{border:1.3px solid #897f7f;border-radius:5pt;box-shadow:none;box-sizing:border-box;font-size:15pt;margin:2px;min-width:300px;padding:7px}.textField:focus{background-color:#add8e6}#form{display:grid}.logo{height:10vh}h1{font-size:1.3rem}h4{color:#2d2828;font-size:.9rem;line-height:.4rem;text-align:right;text-decoration:none}.button{background-color:#fff;border:1pt solid #897f7f;border-radius:5px;color:#897f7f;display:block;font-size:1rem;margin:10px auto auto;max-width:300px;padding:10px 30px}.button:hover{border:1pt solid #252323;color:#252323;cursor:pointer;font-size:1rem}.keyboard-arrow-down{color:#666;font-family:MaterialSymbolsSharp-Regular,sans-serif;font-size:16px;pointer-events:none;position:absolute;right:10px}.dropdown{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.additionalInfo{margin-top:40px;text-align:right}#forgottenPassBtn{display:none}#forgottenPassLink,#goBackLink{cursor:pointer}#goBackLink{display:none}.products{background-color:#add8e6;min-height:10vh}.hidden{display:none}#adminColumn.hideColumn{opacity:.2;pointer-events:none;transform:translateX(-100%)}#contentColumn{padding-left:260px;transition:padding-left .35s cubic-bezier(.4,0,.2,1);width:100%}#adminColumn.hideColumn+#contentColumn{padding-left:0}#contentColumn{align-items:center;display:block;float:center;height:100%;padding-right:40px;position:relative;transition:min-width .5s ease-in-out;width:75%}.link{cursor:pointer}#settingsIcon{background-color:#fff;border-radius:5px;font-size:25px;padding:5px 10px}.headerBar{background-color:#d3d3d3;margin:0;padding:10px;text-align:right;width:99%}.fullScreenColumn{min-width:98%!important;transition:min-width .5s ease-in-out;transition-delay:.25s}h4{text-align:center}.menuOptionsSecondary{align-content:center;border:.5px solid #000;border-radius:5px;cursor:pointer;height:20px;margin:0 auto 10px;padding:7px;width:50%}.menuOptionsSecondary:hover{background-color:#add8e6;border:0 solid #000}.top-menu-item{background-color:#f8fafc;border-radius:15px}.inlineMenu{margin-left:10px;margin-right:10px}#content{align-content:space-around;line-height:2em;padding-left:2vw}.table{border-collapse:collapse;margin:50px 10px 10px;text-align:center;width:100%}.filters{align-content:end;align-items:right;text-align:right}.buttonFilters{align-content:center;align-items:center;color:#fff;cursor:pointer;height:40px;margin:auto;text-align:center;vertical-align:middle;width:150px}.filters input{font-size:1rem;height:30px;width:300px}.filters select{font-size:1rem;height:35px;margin-left:10px;width:200px}.topMenuOption{background-color:#ff0;border-radius:15px;margin-bottom:15px;margin-top:-10px;padding-bottom:10px;padding-top:10px}.subMenu.show{max-height:500px;padding:10px 20px 20px}.versions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:16px}.version-tile{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;padding:16px}.viewOrderTable{display:flex}.left{float:left;text-align:left;width:50%}.right{float:right;width:50%}.configuration{display:block}.newCommentSumbit{border-radius:12px;font-size:14px;padding:6px}.arrow{align-content:center;align-items:center;vertical-align:middle}.product-tabs{margin-bottom:20px;margin-top:20px;width:100%}.product-tabs,.tab-comp{align-items:center;display:flex}.tab-comp{width:150px}.tab-comp,.tab-comp2{border-bottom:1px solid #dcdde0;border-bottom:1px solid var(--Grey-Grey-200,#dcdde0);color:#0f1820;color:var(--Grey-Grey-500,#0f1820);cursor:pointer;flex-shrink:0;font-family:Karla;font-size:16px;font-style:normal;font-weight:400;gap:2px;justify-content:center;letter-spacing:.08px;line-height:24px;padding:8px 16px}.tab-comp2{align-items:center;display:flex;width:180px}.tab-comp.active,.tab-comp2.active{border-bottom:0 solid #dcdde0;border-bottom:0 solid var(--Grey-Grey-200,#dcdde0)}.tab-comp.active .product-tab,.tab-comp2.active .product-tab2{align-items:center;border-bottom:3px solid #2a52bf;border-bottom:3px solid var(--Primary-Primary-300,#2a52bf);color:#2a52bf;color:var(--Primary-Primary-300,#2a52bf);display:flex;flex-shrink:0;font-family:Karla;font-size:16px;font-style:normal;font-weight:600;gap:10px;justify-content:center;line-height:24px;min-width:100px;padding:8px 16px;width:150px}.edit-right{align-items:right;display:flex;justify-content:flex-end;margin-left:auto}.image-gallery-popup{align-items:center;background:none;display:flex;justify-content:center;position:fixed;z-index:2000}.image-gallery-popup,.popup-overlay{height:100vh;left:0;top:0;width:100vw}.popup-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0e47491a;border-radius:0;position:absolute;z-index:2001}.popup-content{align-items:center;background:#f7fafd;background-color:#f9fafd;border:1px solid #e0e4ea;border-radius:16px;box-shadow:0 4px 32px 0 #0e474921,0 1.5px 8px 0 #0e474912;display:flex;flex-direction:column;max-height:92vh;max-width:96vw;overflow-y:auto;padding:32px 28px 24px;position:relative;transition:box-shadow .18s;z-index:2002}.close-popup-button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:18px;padding:10px 24px;transition:background .18s}.close-popup-button:hover{background-color:#0056b3}.selected-image-preview{border-radius:5px;height:auto;object-fit:cover;width:200px}.settings-tabs{display:flex;margin-bottom:24px}.settings-tab-comp,.settings-tab-comp2{background:none;border:none;cursor:pointer;margin-right:12px;padding:0}.settings-frame-11{background:#f5f6fa;border:1px solid #e0e5ec;border-bottom:none;border-radius:12px 12px 0 0;padding:10px 28px;transition:background .2s,box-shadow .2s}.settings-tab-comp.active .settings-frame-11,.settings-tab-comp2.active .settings-frame-11{background:#e9ecf3;border-bottom:2px solid #b2b8c6;box-shadow:0 4px 12px #e0e5ec}.settings-tab,.settings-tab2{color:#333;font-size:16px;font-weight:600}.tabs{display:flex;justify-content:flex-start;margin-bottom:20px}.tab{background-color:#f0f0f0;border:1px solid #ccc;border-bottom:none;cursor:pointer;padding:10px 20px}.tab.active{background-color:#fff;border-bottom:1px solid #fff}.nav{flex:1 0;flex-direction:column;gap:36px}.nav,.nav-top{align-items:flex-start;align-self:stretch;display:flex}.nav-top{flex-direction:column;gap:4px}.menu-component-vertical{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column}.left{justify-content:space-between}._1,.left{align-items:center;display:flex;flex:1 0}._1{gap:8px}.menu-icon-left{color:#5e6266;color:var(--Grey-Grey-400,#5e6266);font-family:Material Symbols Sharp;font-size:20px;font-style:normal;font-weight:300;line-height:24px;text-align:center;translate:no;width:24px}.menu-icon-left-small:hover{color:#007bff!important}.menu-nav-comp{color:#5e6266;color:var(--Grey-Grey-400,#5e6266);font-size:16px;font-weight:500;line-height:24px}.brand,.menu-nav-comp{font-family:Karla;font-style:normal;text-align:center}.brand{color:#0f569d;color:var(--Grey-Grey-400,#0f569d);cursor:pointer;font-size:45px;font-weight:700;letter-spacing:.12px;line-height:21px}.brand.start{margin-left:20px}.user-menu{position:relative}.user-submenu{background:#fff;border-radius:6px;box-shadow:0 2px 8px #0000001f;min-width:140px;padding:8px 0;position:absolute;right:0;top:100%;z-index:100}.user-submenu-item{cursor:pointer;padding:10px 18px;transition:background .18s;white-space:nowrap}.user-submenu-item:hover{background:#f0f0f0}.menu-nav-comp-middle{align-content:center;height:30px;justify-content:center;text-align:center}.biz{border-bottom:1px solid #5e6266}.btn{font-family:Karla;font-size:16px;font-style:normal;font-weight:400;gap:3px;letter-spacing:.08px;line-height:24px}.btn,.btns-secondary{align-items:center;cursor:pointer;display:flex;height:44px}.btns-secondary{background:#fff;background:var(--White,#fff);border:2px solid var(--color-primary-500);border-radius:6px;gap:4px;justify-content:center;max-width:200px;min-width:120px;padding:8px 12px}.btn-text-secondary{color:var(--color-primary-500);font-family:Roboto Mono;font-size:16px;letter-spacing:.16px;text-transform:uppercase}.arrow-left-secondary,.btn-text-secondary{cursor:pointer;font-style:normal;font-weight:400;line-height:24px;text-align:center}.arrow-left-secondary{color:var(--color-primary-300);font-family:Material Symbols Sharp;font-size:18px;translate:no;width:24px}.arrow-left{translate:no}.cancel-button,.confirm-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:8px 18px;transition:background .15s,color .15s}.confirm-button{background:#007bff;color:#fff}.confirm-button:disabled{background:#b8c2cc;color:#fff;cursor:not-allowed}.cancel-button{background:#f3f4f6;color:#374151}.delete-button:disabled{background:#b8c2cc;border:1.5px solid #b8c2cc;color:#fff;cursor:not-allowed}.cancel-button:hover{background:#e0e4ea}.delete-button{background:#fff0f0;border:1.5px solid #e74c3c;border-radius:6px;color:#e74c3c;cursor:pointer;font-size:.95rem;padding:10px 20px;transition:background .18s}.delete-button.enabled:hover{background:#ffeaea;color:#c0392b}.enabled .arrow-left{color:#e74c3c!important}input[type=checkbox]{accent-color:#007bff;border:1.5px solid #b8c2cc;border-radius:5px;height:18px;margin-right:6px;transition:border-color .18s;vertical-align:middle;width:18px}.products-container{display:flex;flex-direction:column;gap:20px}.category-section{display:flex;flex-direction:column;gap:10px}.category-header{align-items:center;display:flex;justify-content:space-between}h3{margin-bottom:10px}.products-row{align-items:center;display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;vertical-align:middle}.product-tile{background-color:#f0f0f0;border:1px solid #ccc;box-sizing:border-box;cursor:pointer;flex-shrink:0;height:100px;min-width:100px;padding:10px}.product-tile.show-more{align-items:center;background-color:#fff;border-radius:12px;display:flex;justify-content:center}.edit-category{margin-top:20px}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:5px;box-shadow:0 0 10px #0000001a;padding:20px}.productDescriptionMain{background-color:#fff;opacity:80%;padding:10px}.right-header{align-items:right;display:flex;gap:8px}.left-header{align-items:center;display:flex;gap:8px;width:60%}.icon-left{color:#5e6266;color:var(--Grey-Grey-400,#5e6266);cursor:pointer;font-family:Material Symbols Sharp;font-size:20px;font-style:normal;font-weight:400;line-height:24px;text-align:center;translate:no;width:24px}.nav-comp{color:#5e6266;color:var(--Grey-Grey-400,#5e6266);cursor:pointer}.nav-comp,.nav-comp2{font-family:Roboto Mono;font-size:16px;font-style:normal;font-weight:400;letter-spacing:.16px;line-height:24px;text-align:center;text-transform:uppercase}.icon-left2,.nav-comp2{color:#2a52bf;color:var(--Primary-Primary-300,#2a52bf)}.icon-left2{font-family:Material Symbols Sharp;font-size:20px;font-style:normal;font-weight:400;line-height:24px;text-align:center}.todo-list{background-color:#fff3e0}.orders-pending{background-color:#ffebee}.orders-in-production{background-color:#e8f5e9}.todo-input{display:flex;gap:8px;margin-bottom:16px}.todo-input input[type=text]{border:1px solid #ccc;border-radius:4px;flex:2 1;padding:8px}.todo-input input[type=date]{border:1px solid #ccc;border-radius:4px;flex:1 1;padding:8px}.todo-input button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.todo-input button:hover{background-color:#45a049}.todo-table{border-collapse:collapse;margin-top:16px;width:100%}.todo-table td,.todo-table th{border:0 solid #ccc;padding:8px;text-align:left}.todo-table th{background-color:#f4f4f4;width:100%}.todo-table tr.completed td{color:gray;text-decoration:line-through}.todo-table-container{height:100%;overflow:auto;width:100%}.new-todo-input{border:0;color:#a6a7ad;color:var(--Grey-Grey-300,#a6a7ad);font-family:Karla;font-size:16px;font-style:normal;font-weight:400;letter-spacing:.08px;line-height:24px}#menu{color:#5e6266;font-family:Karla;font-size:16px;font-style:normal;font-weight:600;gap:16px;line-height:24px;margin-right:10px;padding-left:10px;padding-top:20px;text-align:center}#menu,.menuTop{align-items:flex-start;align-self:stretch;display:flex;flex:1 0;flex-direction:column}.menuTop{gap:26px}.menuTop b{color:#111;font-weight:600}.menuOptions{border-radius:10px;cursor:pointer;padding:10px}.menuOptions,.subMenu{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column}.subMenu{color:#5e6266;flex:1 0;font-family:Karla;font-size:16px;font-style:normal;font-weight:600;gap:4 px;line-height:24px;max-height:0;overflow:hidden;padding:0;text-align:center;transition:max-height .3s ease-out,padding .3s ease-out}.subMenu.show{display:flex;margin-top:20px}.subMenuOptions{align-items:flex-start;align-self:stretch;cursor:pointer;display:flex;flex-direction:column}.subMenuOptions:hover{background-color:#f8fafc;color:#007bff}.topMenuOption{color:#007bff;font-weight:500}.inlineMenu{cursor:pointer;font-size:13px;margin-top:10px}.inlineMenu.link:hover{color:#f8fafc;text-decoration:underline}.inlineMenu button{background:none;border:none;color:#d9534f;cursor:pointer;font-size:13px;padding:0}.inlineMenu button:hover{text-decoration:underline}.register-modal{margin-bottom:25px!important;margin-top:25px!important}.settings-form-save:disabled{background:#b2b8c6;cursor:pointer;cursor:not-allowed}.settings-form-save,.settings-form-save:disabled{border:none;border-radius:8px;box-shadow:2px 2px 8px #e0e5ec;color:#fff;font-size:16px;font-weight:600;margin-top:8px;padding:10px 32px}.settings-form-save{background:#007bff;cursor:pointer}.logo-centered{align-items:center;cursor:pointer;font-size:45px;gap:8px;margin-top:-20px;width:100%}.logo-centered,.small-brand{color:#0f569d;color:var(--Grey-Grey-400,#0f569d);font-family:Karla;font-style:normal;font-weight:700;letter-spacing:.12px;text-align:center}.small-brand{font-size:35px;line-height:21px}.login-modal{background:#f8fafc;border-radius:16px;box-shadow:0 4px 24px #e0e5ec;margin:0 auto;margin-bottom:55px!important;margin-top:70px!important;max-width:500px;padding:32px}.loader{animation:l15 1s linear infinite;aspect-ratio:1;border:4px solid #0000;border-radius:50%;border-right-color:#007bff;display:grid;width:50px}.loader:after,.loader:before{animation:l15 2s infinite;border:inherit;border-radius:50%;content:"";grid-area:1/1;margin:2px}.loader:after{animation-duration:3s;margin:8px}@keyframes l15{to{transform:rotate(1turn)}}.fullpage-loader{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f8fafbf2;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.user-management-root{background:#fff;border-radius:18px;box-shadow:0 4px 24px 0 #1e293b1a;font-family:Karla,Segoe UI,Arial,sans-serif;margin:32px auto;max-width:700px;padding:40px 32px 32px}.user-management-title{color:#002147;font-family:Roboto Mono,Karla,Segoe UI,Arial,sans-serif;font-size:2rem;font-weight:700;letter-spacing:.01em;margin-bottom:24px}.user-management-section{margin-bottom:18px}.user-management-loader{align-items:center;display:flex;justify-content:center;min-height:120px}.user-management-table{background:#f6f9fe;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 2px 8px 0 #007bff12;font-size:1rem;overflow:hidden;width:100%}.user-management-table td,.user-management-table th{color:#002147;font-family:Karla,Segoe UI,Arial,sans-serif;padding:14px 12px;text-align:left}.user-management-table th{background:#e6f0ff;border-bottom:2px solid #b3c6e0;font-size:1.05rem;font-weight:700}.user-management-table tr:not(:last-child) td{border-bottom:1px solid #e0e4ea}.user-management-select{background:#fff;border:1.5px solid #b3c6e0;border-radius:8px;color:#002147;font-family:Karla,Segoe UI,Arial,sans-serif;font-size:1rem;padding:7px 12px}.user-management-remove-btn{background:#fff;border:1.5px solid #d32f2f;border-radius:8px;color:#d32f2f;cursor:pointer;font-size:1rem;font-weight:600;padding:7px 18px;transition:background .18s,color .18s}.user-management-remove-btn:hover{background:#ffeaea;color:#a31515}.user-management-invite-row{align-items:center;display:flex;gap:12px;margin-top:8px}.user-management-input{background:#fff;border:1.5px solid #b3c6e0;border-radius:8px;color:#002147;flex:1 1 180px;font-family:Karla,Segoe UI,Arial,sans-serif;font-size:1rem;padding:7px 12px}.user-management-invite-btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:9px 22px;transition:background .18s}.user-management-invite-btn:disabled{background:#b3c6e0;cursor:not-allowed}.user-management-invite-btn:hover:not(:disabled){background:#0056b3}.user-management-subtitle{color:#007bff;font-family:Roboto Mono,Karla,Segoe UI,Arial,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:.01em;margin-bottom:6px}@media (max-width:800px){.user-management-root{padding:18px 4vw}.user-management-table td,.user-management-table th{padding:10px 6px}.user-management-invite-row{align-items:stretch;flex-direction:column;gap:8px}}.inline-field{display:inline-block;margin-bottom:0;margin-bottom:0!important;vertical-align:middle}.custom-form{background:#f8fafc;border-radius:16px;box-shadow:0 4px 24px #e0e5ec;margin:0 auto;min-width:80%;padding:32px 25px 12px;transition:height .35s cubic-bezier(.4,0,.2,1)}.custom-form-title{margin-bottom:24px}.custom-form-field{margin-bottom:20px}.custom-form-field label{font-weight:600;text-align:left}.custom-form-field input,.custom-form-field select,.custom-form-field textarea{background:#fff;border:1px solid #cfd8dc;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:10px;padding:10px 12px}.custom-form-field textarea{resize:vertical}.notifications-bar{grid-column:1/-1;margin-bottom:24px;width:100%}.notifications-list-wide{width:100%}.notification-bar-item{background:#f5f5f5;border-left:4px solid #bdbdbd;border-radius:8px;box-shadow:0 1px 4px #0000000a;display:flex;flex-direction:column;padding:16px 24px;position:relative;transition:background .2s}.notification-bar-item.read{opacity:.7}.notification-bar-item.unread{opacity:1}.notification-bar-item.proposal-update{background:#e3f2fd;border-left:4px solid #1976d2}.notification-bar-item.proposal-comment{background:#fffde7;border-left:4px solid #fbc02d}.notification-bar-item.default{background:#f5f5f5;border-left:4px solid #bdbdbd}.go-to-proposal-link{color:#1976d2;cursor:pointer;font-size:14px;font-weight:500;margin-left:24px;opacity:0;transition:opacity .2s}.notification-details{color:#555;font-size:13px;margin-top:2px}.userInputRequired{background-color:#fff;border:1px solid #b8c2cc;border-radius:16px;box-sizing:border-box;color:#333;font-size:16px;margin-top:20px;min-width:40vw;padding:10px 12px;transition:border-color .18s;width:100%}.css-fslhw6{padding:0!important}@media (max-width:768px){.header-int{height:auto;min-height:60px}.header{flex-wrap:wrap;gap:8px;padding:8px 12px}.left-header{flex:1 1}.brand{font-size:20px!important}.brand img{height:28px!important}.right-header{gap:8px}.icon-left{font-size:20px!important}.nav-comp2{display:none}.sidebar{box-shadow:2px 0 8px #0000001a;height:calc(100vh - 60px);left:0;position:fixed;top:60px;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:260px;z-index:1000}.sidebar.collapsed{transform:translateX(0)!important}.chevron{background:#0e4749!important;border:none;border-radius:0 8px 8px 0;box-shadow:2px 0 8px #0003;color:#fff!important;font-size:20px;left:0!important;padding:12px 8px;position:fixed!important;top:70px!important;transition:left .3s cubic-bezier(.4,0,.2,1);z-index:1001}.sidebar.collapsed~.chevron{left:260px!important}.content-area{margin-left:0!important;overflow-x:hidden;padding:12px;width:100%!important}.sidebar.collapsed:before{background:#00000080;content:"";height:calc(100vh - 60px);left:260px;position:fixed;top:60px;width:calc(100vw - 260px);z-index:999}.user-submenu{box-shadow:0 4px 12px #00000026;max-width:calc(100vw - 16px);position:fixed!important;right:8px!important;top:60px!important}div[style*="position: fixed"][style*="z-index: 10"]{max-height:calc(100vh - 80px)!important;max-width:calc(100vw - 16px)!important;right:8px!important;top:60px!important}.notifications-bar{margin-bottom:16px!important}.notifications-list-wide{padding:8px!important}.grid-title{font-size:16px!important;padding:10px!important}}@media (max-width:480px){.header{padding:6px 8px}.brand,.brand span{font-size:18px!important}.brand span{margin-left:-30px!important}.nav-component{padding:4px 6px}.icon-left{font-size:18px!important}.sidebar{width:220px}.sidebar.collapsed~.chevron{left:220px!important}.content-area{padding:8px}.notifications-bar h3{font-size:18px!important}.notification-bar-item{font-size:13px!important;padding:12px!important}.orders-table td:nth-child(3),.orders-table th:nth-child(3){display:none}}@media (max-width:900px) and (orientation:landscape){.sidebar{width:200px}.sidebar.collapsed~.chevron{left:200px!important}.chevron{top:65px!important}}@media (hover:none) and (pointer:coarse){.nav-component{align-items:center;display:flex;justify-content:center}.chevron,.nav-component{min-height:44px;min-width:44px}.btn,button{min-height:44px;padding:10px 16px}}@media (max-width:768px){body{overflow-x:hidden}*{max-width:100vw}.admin-menu-panel,.menu-panel{width:260px}.menu-item{font-size:14px;padding:12px 16px}.menu-icon{font-size:20px}}.chevron-bar:hover{background-color:#e4e4e4!important}.category-card{cursor:pointer;margin-bottom:20px;margin-top:20px}.frame-23 .btn{border-radius:10px;padding:10px}.frame-23 .btn .category-edit2:hover{text-decoration:underline}.product-image--placeholder{align-items:center;background:#f4f6fa;border:1px dashed #e0e5ec;border-radius:8px;display:flex;justify-content:center}.notifications-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.notifications-header h3{font-size:16px;font-weight:600;margin:0}.notifications-unread-badge{background:var(--notif-proposal-update);border-radius:16px;color:#fff;font-size:12px;font-weight:600;padding:2px 10px}.notifications-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:400px;max-width:500px;min-width:420px;overflow-y:auto;position:absolute;right:0;top:48px;z-index:1000}.notifications-wide{background:#fff;border-radius:8px;width:100%}.notifications-wide .notifications-list{max-height:400px;overflow-y:auto;padding:8px}.notifications-list{padding:8px}.notifications-empty{color:#888;margin:0;padding:40px 20px;text-align:center}.notification-group{background:var(--notif-read-bg);border:1px solid #e0e0e0;border-bottom:none;border-radius:8px 0 0 8px;border-right:none;box-shadow:0 1px 4px #0000000a;margin-bottom:8px;overflow:hidden;position:relative}.notification-group.unread{background:var(--notif-unread-bg)}.notification-stack-1,.notification-stack-2{background:inherit;border:1px solid;border-color:inherit;border-bottom:none;border-radius:8px 8px 0 0;height:4px;left:6px;position:absolute;right:6px}.notification-stack-1{opacity:.6;top:-2px;z-index:-1}.notification-stack-2{left:12px;opacity:.3;right:12px;top:-4px;z-index:-2}.notification-group.notif-proposal-update{border-left:4px solid var(--notif-proposal-update)}.notification-group.notif-proposal-comment{border-left:4px solid var(--notif-proposal-comment)}.notification-group.notif-order-update{border-left:4px solid var(--notif-order-update)}.notification-group.notif-order-comment{border-left:4px solid var(--notif-order-comment)}.notification-group.notif-status-change{border-left:4px solid var(--notif-status-change)}.notification-group.notif-default{border-left:4px solid var(--notif-default)}.notification-group-header{align-items:center;background:#ffffff80;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:background .2s}.notification-group.read .notification-group-header{background:#f9f9f9}.notification-group-header:hover{background:#ffffffb3}.notification-group.read .notification-group-header:hover{background:#f5f5f5}.notification-group-header-left{align-items:center;display:flex;gap:12px}.expand-icon{font-size:1.2rem;transition:transform .2s}.expand-icon.expanded{transform:rotate(90deg)}.notification-group-title{color:#2c3e50;font-size:13px;font-weight:600}.notification-badge{border-radius:12px;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px}.notification-group.unread .notification-badge{color:#fff}.notification-group.notif-proposal-update .notification-badge{background:var(--notif-proposal-update)}.notification-group.notif-proposal-comment .notification-badge{background:var(--notif-proposal-comment)}.notification-group.notif-order-update .notification-badge{background:var(--notif-order-update)}.notification-group.notif-order-comment .notification-badge{background:var(--notif-order-comment)}.notification-group.notif-status-change .notification-badge{background:var(--notif-status-change)}.notification-badge.new-order{background:var(--notif-order-update);box-shadow:0 2px 8px #2e7d3266;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.notification-updated-text{color:#666;font-size:12px;font-weight:400}.notification-time{color:#888;font-size:12px}.notification-group-items{background:#fff}.notification-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px 16px;transition:background .2s}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:var(--notif-unread-bg)}.notification-item.read{background:#fff}.notification-item.unread:hover{background:#e3f2fd}.notification-item.read:hover{background:#f9fafb}.notification-item.notif-proposal-update{border-left:4px solid var(--notif-proposal-update)}.notification-item.notif-proposal-comment{border-left:4px solid var(--notif-proposal-comment)}.notification-item.notif-order-update{border-left:4px solid var(--notif-order-update)}.notification-item.notif-order-comment{border-left:4px solid var(--notif-order-comment)}.notification-item.notif-status-change{border-left:4px solid var(--notif-status-change)}.notification-item.read{border-left:4px solid #e0e0e0}.notification-item-content{align-items:flex-start;display:flex;justify-content:space-between}.notification-item-left{flex:1 1}.notification-item-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.notification-icon{font-size:1.1rem}.notification-message{color:#2c3e50;font-size:13px;font-weight:600}.notification-unread-dot{border-radius:50%;height:8px;width:8px}.notification-item.notif-proposal-update .notification-unread-dot{background:var(--notif-proposal-update);box-shadow:0 0 0 3px var(--notif-proposal-update)20}.notification-item.notif-proposal-comment .notification-unread-dot{background:var(--notif-proposal-comment);box-shadow:0 0 0 3px var(--notif-proposal-comment)20}.notification-item.notif-order-update .notification-unread-dot{background:var(--notif-order-update);box-shadow:0 0 0 3px var(--notif-order-update)20}.notification-item.notif-order-comment .notification-unread-dot{background:var(--notif-order-comment);box-shadow:0 0 0 3px var(--notif-order-comment)20}.notification-item.notif-status-change .notification-unread-dot{background:var(--notif-status-change);box-shadow:0 0 0 3px var(--notif-status-change)20}.notification-content-text{color:#4a4a4a;display:flex;font-size:14px;gap:10px;margin-bottom:6px}.notification-meta{color:#888;display:flex;flex-wrap:wrap;font-size:12px;gap:12px;margin-top:4px}.notification-item-right{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.notification-timestamp{color:#888;font-size:11px;white-space:nowrap}.notification-view-link{cursor:pointer;font-size:12px;font-weight:500;opacity:0;transition:opacity .2s;white-space:nowrap;z-index:1}.notification-item:hover .notification-view-link{opacity:1}.notification-item.notif-proposal-update .notification-view-link{color:var(--notif-proposal-update)}.notification-item.notif-proposal-comment .notification-view-link{color:var(--notif-proposal-comment)}.notification-item.notif-order-update .notification-view-link{color:var(--notif-order-update)}.notification-item.notif-order-comment .notification-view-link{color:var(--notif-order-comment)}.notification-item.notif-status-change .notification-view-link{color:var(--notif-status-change)}@media (max-width:768px){.notifications-dropdown{left:8px;max-width:none;min-width:0;min-width:auto;position:fixed;right:8px;top:60px}}.notification-modal-dropdown{position:relative}.notification-bell-button{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:background .2s}.notification-bell-button:hover{background:#0000000d}.notification-bell-button .material-symbols-sharp{color:#333;color:var(--color-text-primary,#333);font-size:24px}.notification-bell-badge{align-items:center;background:#ff5252;background:var(--color-error-500,#ff5252);border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:4px;top:4px}.ai-summary-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 6px #667eea4d;color:#fff;cursor:pointer;display:flex;font-family:Material Symbols Sharp;font-size:20px;justify-content:center;padding:6px;transition:all .2s ease}.ai-summary-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.ai-summary-btn:disabled{cursor:not-allowed;opacity:.6}.ai-summary-btn .material-symbols-sharp{animation:sparkle 2s infinite;font-size:20px}@keyframes sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ai-summary-container{animation:slideDown .3s ease;background:linear-gradient(135deg,#667eea15,#764ba215);border:1px solid #667eea40;border-radius:12px;margin:12px;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ai-summary-header{background:#667eea1a;border-bottom:1px solid #667eea20;display:flex;justify-content:space-between;padding:12px 16px}.ai-summary-icon{align-items:center;color:#667eea;display:flex;font-size:14px;font-weight:600;gap:8px}.ai-summary-icon .material-symbols-sharp{font-size:20px}.ai-summary-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;padding:4px;transition:all .2s ease}.ai-summary-close:hover{background:#0000000d;color:#1f2937}.ai-summary-content{padding:16px}.ai-summary-content p{color:#374151;font-size:14px;line-height:1.6;margin:0 0 12px}.breakdown-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#6b7280;display:flex;font-size:13px;gap:6px;padding:6px 12px}.breakdown-item .material-symbols-sharp{color:#667eea;font-size:16px}.notifications-header-wide{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:end}.notifications-header-actions{align-items:center;display:flex;gap:16px}.notifications-tab{border-radius:8px;padding:10px 16px}.notifications-tab:hover{background:#f3f4f6;color:#1f2937}.tab-badge{background:#ef4444;border-radius:10px;min-width:18px;padding:2px 6px}.ai-summary-view{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:12px}.ai-summary-loading{color:#6b7280}.ai-summary-loading .spinning{animation:spin 1s linear infinite;color:#3b82f6;font-size:48px}.ai-summary-content-main{margin:12px;text-align:left}.ai-summary-icon-large{margin-bottom:16px}.ai-summary-icon-large .material-symbols-sharp{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:64px}.ai-summary-content-main h3{color:#1f2937;font-size:24px;font-weight:700;margin-bottom:16px}.ai-summary-text{line-height:1.7;padding-bottom:20px;padding-top:20px}.ai-summary-breakdown-large{margin-bottom:24px;max-width:700px;width:100%}.ai-summary-breakdown-large h4{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.breakdown-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.breakdown-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.breakdown-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.breakdown-card .material-symbols-sharp{color:#3b82f6;font-size:32px}.breakdown-card div{display:flex;flex-direction:column;gap:2px}.breakdown-card strong{color:#1f2937;font-size:24px;font-weight:700}.breakdown-card span{color:#6b7280;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.ai-summary-generate-btn,.ai-summary-refresh-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.ai-summary-generate-btn:hover,.ai-summary-refresh-btn:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.ai-summary-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.ai-summary-empty{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px}.ai-summary-empty p{font-size:16px}@media (max-width:768px){.breakdown-grid{grid-template-columns:1fr}.ai-summary-view{padding:20px}.ai-summary-content-main h3{font-size:20px}}.ai-chat-container{border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:0 auto}.ai-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.ai-chat-message{animation:slideIn .3s ease;display:flex;flex-direction:column;gap:8px;max-width:80%}.ai-chat-message.user{align-self:flex-end}.ai-chat-message.assistant{align-self:flex-start}.ai-chat-message-header{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:8px}.ai-chat-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:28px;justify-content:center;width:28px}.ai-chat-message.user .ai-chat-avatar{background:#2563eb}.ai-chat-message-content{background:#f3f4f6;border-radius:12px;color:#1f2937;font-size:14px;line-height:1.6;padding:12px 16px}.ai-chat-message.user .ai-chat-message-content{background:#2563eb;color:#fff}.ai-chat-message-content a{color:#3b82f6;font-weight:500;text-decoration:underline}.ai-chat-message.user .ai-chat-message-content a{color:#dbeafe}.ai-chat-data-accessed{align-items:center;background:#f9fafb;border-radius:6px;color:#9ca3af;display:flex;font-size:11px;gap:6px;padding:4px 8px;width:-webkit-fit-content;width:fit-content}.ai-chat-data-accessed .material-symbols-sharp{font-size:14px}.ai-chat-typing{display:flex;gap:4px;padding:12px 16px}.ai-chat-typing span{animation:typing 1.4s infinite;background:#9ca3af;border-radius:50%;height:8px;width:8px}.ai-chat-typing span:nth-child(2){animation-delay:.2s}.ai-chat-typing span:nth-child(3){animation-delay:.4s}.ai-chat-input-container{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:16px}.ai-chat-input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease}.ai-chat-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ai-chat-input:disabled{background:#f3f4f6;cursor:not-allowed}.ai-chat-send-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:12px 16px;transition:all .2s ease}.ai-chat-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.ai-chat-send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.ai-chat-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:12px 16px}.ai-chat-action-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 12px;transition:all .2s ease}.ai-chat-action-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.ai-chat-action-btn:disabled{cursor:not-allowed;opacity:.5}.ai-chat-action-btn .material-symbols-sharp{font-size:18px}@media (max-width:768px){.ai-chat-container{height:500px}.ai-chat-message{max-width:90%}}.notifications-wide.fullscreen-mode{background:#fff;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;max-height:100vh;position:fixed;right:0;top:0;width:100vw;z-index:1000}.notifications-wide.fullscreen-mode .notifications-header-wide{background:#fff;border-bottom:2px solid #e5e7eb;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.notifications-wide.fullscreen-mode .ai-summary-view{display:flex;flex:1 1;flex-direction:column}.notifications-wide.fullscreen-mode .ai-chat-container{display:flex;flex:1 1;flex-direction:column;height:100%;max-height:none}.notifications-wide.fullscreen-mode .ai-chat-messages{flex:1 1;overflow-y:auto}.notifications-tab,.notifications-tabs{display:flex;gap:8px}.notifications-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;position:relative;transition:all .2s ease}.notifications-tab:hover{background:#f9fafb;color:#374151}.notifications-tab.active{background:#eff6ff;border-bottom-color:#2563eb;color:#2563eb}.notifications-tab .material-symbols-sharp{font-size:20px}.tab-badge{background:#2563eb;border-radius:12px;color:#fff;font-size:11px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.notifications-tab.active .tab-badge{background:#fff;color:#2563eb}.ai-chat-container{background:#fff;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:600px;margin:0;max-width:100%;overflow:hidden}.ai-summary-breakdown-compact{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.breakdown-badge{border-radius:12px;font-size:12px;padding:4px 10px}.breakdown-badge.proposals{background:#3b82f61a;border:1px solid #3b82f64d;color:#2563eb}.breakdown-badge.orders{background:#10b9811a;border:1px solid #10b9814d;color:#059669}.breakdown-badge.system{background:#9ca3af1a;border:1px solid #9ca3af4d;color:#6b7280}.notifications-wide:not(.fullscreen-mode){background:#fff;max-width:100%}.notifications-wide:not(.fullscreen-mode) .ai-chat-container{height:auto;max-height:600px}.notifications-empty-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:48px 24px;text-align:center}.notifications-empty-icon{animation:float 3s ease-in-out infinite;color:#2a52bf;font-size:80px;margin-bottom:24px}.notifications-empty-state h3{color:#0f1820;font-size:28px;font-weight:600;margin:0 0 12px}.notifications-empty-state p{color:#64748b;font-size:16px;line-height:1.6;margin:0 0 32px;max-width:400px}.notifications-empty-hint{color:#94a3b8!important;font-size:14px!important;margin-top:16px!important}.ai-summary-view{background:#f8fafc;height:100%;overflow-y:auto;padding:32px}.ai-summary-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.ai-summary-loading .material-symbols-sharp{animation:spin 1s linear infinite;color:#2a52bf;font-size:64px}.ai-summary-loading p{color:#64748b;font-size:16px}.ai-summary-content{border-radius:12px;margin:0 auto;overflow:hidden}.ai-summary-header{border-bottom:1px solid #e0e5ec;padding:24px}.ai-summary-title{align-items:center;display:flex;gap:12px;margin-bottom:16px}.ai-summary-title .material-symbols-sharp{color:#2a52bf;font-size:32px}.ai-summary-title h3{color:#0f1820;font-size:24px;font-weight:600;margin:0}.ai-summary-breakdown{display:flex;flex-wrap:wrap;gap:12px}.breakdown-badge{align-items:center;background:#f1f5f9;border-radius:20px;color:#334155;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:6px 14px}.breakdown-badge.proposals{background:#dbeafe;color:#1e40af}.breakdown-badge.orders{background:#dcfce7;color:#15803d}.breakdown-badge.system{background:#fef3c7;color:#92400e}.ai-summary-text{color:#334155;font-size:16px}.ai-summary-actions{background:#f8fafc;border-top:1px solid #e0e5ec;display:flex;gap:12px;padding:20px 24px}.ai-summary-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s}.ai-summary-action-btn.primary{background:#2a52bf;box-shadow:0 2px 4px #2a52bf33;color:#fff}.ai-summary-action-btn.primary:hover:not(:disabled){background:#1e3a8a;box-shadow:0 4px 8px #2a52bf4d}.ai-summary-action-btn.primary:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed}.ai-summary-action-btn.secondary{background:#fff;border:1px solid #e0e5ec;color:#64748b}.ai-summary-action-btn.secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}.ai-summary-action-btn .material-symbols-sharp{font-size:20px}.ai-summary-error{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;padding:32px}.ai-summary-error .material-symbols-sharp{color:#dc2626;font-size:64px}.ai-summary-error p{color:#64748b;font-size:16px;margin:0}@media (max-width:768px){.ai-summary-view{padding:16px}.ai-summary-text{font-size:15px;padding:24px 16px}.ai-summary-actions{flex-direction:column}.ai-summary-action-btn{justify-content:center;width:100%}}.ai-summary-messages{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto;padding:4px}.ai-summary-message{animation:slideIn .3s ease-out;border-radius:8px;padding:12px 16px}.ai-summary-message.user{background:#eff6ff;border-left:3px solid #2563eb;margin-left:20%}.ai-summary-message.assistant{background:#f8fafc;border-left:3px solid #2a52bf}.ai-summary-timestamp{color:#94a3b8;font-size:11px;margin-top:8px}.dropdown-menu{display:inline-block;position:relative}.dropdown-trigger{align-items:center;cursor:pointer;display:inline-flex}.dropdown-content{background:#fff;border:1px solid #e0e5ec;border:1px solid var(--color-border,#e0e5ec);border-radius:8px;border-radius:var(--border-radius-md,8px);box-shadow:0 4px 12px #0000001a;min-width:200px;overflow:hidden;position:absolute;top:calc(100% + 8px);z-index:1000}.dropdown-align-right{right:0}.dropdown-align-left{left:0}.dropdown-align-center{left:50%;transform:translateX(-50%)}.dropdown-item{align-items:center;color:#2c3e50;color:var(--color-text-primary,#2c3e50);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-primary,"Inter",sans-serif);font-size:14px;font-size:var(--font-size-sm,14px);gap:12px;padding:5px;transition:background .2s ease}.dropdown-item:hover:not(.disabled){background:#f8fafc;background:var(--color-grey-50,#f8fafc)}.dropdown-item.disabled{cursor:not-allowed;opacity:.5}.dropdown-item-icon{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:20px}.dropdown-item-text{white-space:nowrap}.dropdown-divider{background:#e0e5ec;background:var(--color-border,#e0e5ec);height:1px;margin:4px 0}@media print{.dropdown-menu{display:none}}.settings-form{background:#f8fafc;border-radius:16px;box-shadow:0 4px 24px #e0e5ec;margin:0 auto;max-width:500px;min-width:80%;padding:32px}.settings-form-title{margin-bottom:24px}.settings-form-field{margin-bottom:20px}.settings-form-field label{display:block;font-weight:600;margin-bottom:6px}.settings-form-field input,.settings-form-field select,.settings-form-field textarea{background:#fff;border:1px solid #cfd8dc;border-radius:8px;box-sizing:border-box;font-size:16px;padding:10px 12px;width:100%}.settings-form-field textarea{resize:vertical}.settings-form-loading{padding:32px;text-align:center}.settings-row{display:inline-flex;gap:20px;width:100%}.settings-column{min-width:40%}.phone-hint{color:#007bff;font-size:.95em;font-weight:400;margin-left:6px}.phone-input{background:#f6f9fe;border:1.5px solid #b3c6e0;border-radius:8px;color:#002147;font-size:1rem;margin-top:4px;padding:10px 12px;width:100%}.phone-input:focus{background:#fff;border-color:#007bff}.filters{align-items:flex-start;align-self:stretch;border-radius:6px;display:flex;gap:16px}.dropdown .dropdown2{align-self:left;color:#000;font-family:Karla;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.dropdown .frame-2{align-items:center;align-self:stretch;background:#fff;background:var(--White,#fff);border:1px solid #dcdde0;border:1px solid var(--Grey-Grey-200,#dcdde0);border-radius:6px;display:flex;height:44px;justify-content:space-between;padding:8px 12px}.dropdown .select-option{border:0;color:#a6a7ad;color:var(--Grey-Grey-300,#a6a7ad);font-family:Karla;font-size:16px;letter-spacing:.08px}.dropdown .select-option,.icon{font-style:normal;font-weight:400;line-height:24px}.icon{color:#5e6266;color:var(--Grey-Grey-400,#5e6266);font-family:Material Symbols Sharp;font-size:18px;text-align:center;width:24px}h2{color:#0f1820;color:var(--Grey-Grey-500,#0f1820);font-family:Karla;font-size:28px;font-style:normal;line-height:28px;text-align:left}.orders-tabs{align-items:center;border-bottom:1px solid #e3ebfa;border-bottom:1px solid var(--Primary-Primary-200,#e3ebfa);display:flex;margin-bottom:20px;margin-top:20px}.orders-tabs .tab-comp,.orders-tabs .tab-comp2{border-bottom:1px solid #dcdde0;border-bottom:1px solid var(--Grey-Grey-200,#dcdde0);color:#0f1820;color:var(--Grey-Grey-500,#0f1820);font-weight:400;gap:2px;letter-spacing:.08px}.orders-tabs .tab-comp,.orders-tabs .tab-comp2,.tab-comp.active .order-tab,.tab-comp2.active .order-tab2{align-items:center;display:flex;flex-shrink:0;font-family:Karla;font-size:16px;font-style:normal;justify-content:center;line-height:24px;padding:8px 16px;width:100px}.tab-comp.active .order-tab,.tab-comp2.active .order-tab2{border-bottom:3px solid #2a52bf;border-bottom:3px solid var(--Primary-Primary-300,#2a52bf);color:#2a52bf;color:var(--Primary-Primary-300,#2a52bf);font-weight:600;gap:10px;min-width:100px}th{color:#0f1820;color:var(--Grey-Grey-500,#0f1820);font-family:Roboto Mono;letter-spacing:.16px;text-align:left;text-transform:uppercase}.td-active,th{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.td-active{color:#2a52bf;color:var(--Primary-Primary-300,#2a52bf);cursor:pointer;font-family:Karla;letter-spacing:.08px;text-align:left;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration-style:solid;text-decoration-style:solid;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.dropdown,.tag{position:relative}.tag{align-items:center;border-radius:2px;display:flex;flex-direction:row;flex-shrink:0;gap:2px;justify-content:center;padding-right:10px;width:100%}.viewOrderHeader .dropdown{min-width:150px;width:150px}.dropdown-list{animation:dropdownSlideIn .2s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e3ebfa;border-radius:8px;box-shadow:0 4px 16px 0 #1e293b1a;left:0;list-style:none;margin:4px 0 0;max-width:180px;min-width:150px;overflow:hidden;position:absolute;right:0;top:100%;transform-origin:top center;z-index:10}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}.dropdown-fill{align-items:center;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:6px 8px;transition:background .2s;width:100%}.dropdown-fill:hover{transform:scale(1.02)}.dropdown .keyboard-arrow-down{color:#5e6266;color:var(--Grey-Grey-400,#5e6266);font-family:Material Symbols Sharp;font-size:22px;font-style:normal;font-weight:400;line-height:24px;text-align:center;transition:transform .2s cubic-bezier(.4,0,.2,1)}.dropdown-fill[aria-expanded=true] .keyboard-arrow-down{transform:rotate(180deg)}.dropdown-option{align-items:center;background:#0000;border-radius:6px;cursor:pointer;display:flex;font-family:Karla,Arial,sans-serif;font-size:15px;gap:8px;min-width:150px;padding:8px 10px;transition:background .15s,transform .1s}.dropdown-option:focus,.dropdown-option:hover{outline:none;transform:scale(1.04)}.dropdown-option[aria-selected=true]{font-weight:800}.dropdown-option:not(:last-child):after{background:#f0f0f0;bottom:0;content:"";height:1px;left:16px;opacity:0;position:absolute;right:16px;transition:opacity .2s}.tag-text{align-items:center;display:flex;font-family:RobotoMono-Regular,sans-serif;font-size:14px;font-weight:600;justify-content:flex-start;letter-spacing:.01em;line-height:14px;position:relative;text-align:left}.tag-icon{font-family:Material Symbols Sharp;font-size:18px;font-style:normal;font-weight:400;line-height:24px}.tag-pending{align-items:center;background:#fff7e2;border-radius:2px;display:inline-flex;gap:2px;justify-content:center}.tag-pending,.tag-pending .tag-icon{color:#5b3c03}.tag-accepted{align-items:center;background:#e3ebfa;border-radius:2px;color:#062944;display:inline-flex;gap:2px;justify-content:center}.tag-accepted .tag-icon{color:#062944}.tag-in-production{align-items:center;background:#ede7f6;border-radius:2px;color:#4a148c;display:inline-flex;gap:2px;justify-content:center}.tag-in-production .tag-icon{color:#4a148c}.tag-ready{align-items:center;background:#e0f2f1;border-radius:2px;display:inline-flex;gap:2px;justify-content:center}.tag-ready,.tag-ready .tag-icon{color:#004d40}.tag-shipped{align-items:center;background:#e1f5fe;border-radius:2px;display:inline-flex;gap:2px;justify-content:center}.tag-shipped,.tag-shipped .tag-icon{color:#01579b}.tag-delivered{align-items:center;background:#ccffda;border-radius:2px;color:#1c4f3f;display:inline-flex;gap:2px;justify-content:center}.tag-delivered .tag-icon{color:#1c4f3f}.tag-cancelled{align-items:center;background:#ffdfdd;border-radius:2px;color:#b20a34;display:inline-flex;gap:2px;justify-content:center;padding-right:6px}.tag-cancelled .tag-icon{color:#b20a34}.tag-rejected{align-items:center;background:#f8e1e6;border-radius:2px;color:#8b1538;display:inline-flex;gap:2px;justify-content:center}.tag-rejected .tag-icon{color:#8b1538}.tag-completed{align-items:center;background:#ccffda;border-radius:2px;color:#1c4f3f;display:inline-flex;gap:2px;justify-content:center}.tag-completed .tag-icon{color:#1c4f3f}.tag-unknown{background:#f5f5f5;color:#9e9e9e}.tag-space{background:#0000}.tag-new{background:#fff7e2;color:#5b3c03}.tag-contacted,.tag-new{align-items:center;border-radius:2px;display:inline-flex;gap:2px;justify-content:center}.tag-contacted{background:#ede7f6;color:#4a148c}.tag-qualified{background:#e0f2f1;color:#004d40}.tag-followup,.tag-qualified{align-items:center;border-radius:2px;display:inline-flex;gap:2px;justify-content:center}.tag-followup{background:#e1f5fe;color:#01579b}.tag-lost{align-items:center;background:#ffdfdd;border-radius:2px;color:#b20a34;display:inline-flex;gap:2px;justify-content:center;padding-right:6px}.viewOrder{padding-top:20px}.breadcrumbs{align-items:center;display:inline}.breadcrumb{align-items:center;display:flex;justify-content:center}.breadcrumb .hyperlink{color:#2a52bf;color:var(--Primary-Primary-300,#2a52bf);cursor:pointer;font-family:Roboto Mono;font-size:14px;font-style:normal;font-weight:400;gap:10px;letter-spacing:.28px;line-height:26px;line-height:var(--font-line-height-Link,26px);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration-style:solid;text-decoration-style:solid;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.breadcrumbs .keyboard-arrow-right{font-family:Material Symbols Sharp;font-size:18px;line-height:24px;text-align:center}.breadcrumb2,.breadcrumbs .keyboard-arrow-right{color:#0f1820;color:var(--Grey-Grey-500,#0f1820);font-style:normal;font-weight:400}.breadcrumb2{font-family:Roboto Mono;font-size:14px;letter-spacing:.28px;line-height:26px;line-height:var(--font-line-height-Link,26px)}.dropdown2{font-weight:700;margin-bottom:4px}.frame-2{align-items:center;display:flex;position:relative}.select-option{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px;width:100%}.order-info{background:#fcfcfc;background:var(--Grey-Grey-50,#fcfcfc);border-radius:6px;flex-direction:column;justify-content:center;padding:16px}.order-info,.row-1{align-self:stretch;gap:16px}.order-column,.order-info,.row-1{align-items:flex-start;display:flex}.order-column{flex:1 0;flex-direction:column;gap:4px}.order-label{color:#000;font-family:Karla;font-size:16px;font-style:normal;font-weight:600;line-height:24px;text-align:center}.order-customer-link{align-items:center;color:#2a52bf;color:var(--Primary-Primary-300,#2a52bf);cursor:pointer;display:flex;font-family:Roboto Mono;font-size:14px;gap:10px;justify-content:center;letter-spacing:.28px;line-height:26px;line-height:var(--font-line-height-Link,26px);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration-style:solid;text-decoration-style:solid;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.order-customer-link,.order-data{font-style:normal;font-weight:400}.order-data{font-family:Karla;font-size:16px;letter-spacing:.08px;line-height:24px}.order-data,.viewOrderHeader{color:#0f1820;color:var(--Grey-Grey-500,#0f1820);text-align:center}.viewOrderHeader{align-items:center;align-self:stretch;display:flex;gap:24px}.orderDetails{display:flex;flex-direction:row}.orderColumnOne,.orderColumnTwo{flex:1 1;flex-direction:column;gap:20px;margin-top:20px;text-align:center;width:50%}.orderColumnOne{text-align:left}.orderColumnTwo{display:inline-block;text-align:right}.orderStatus{float:right;text-align:center;width:30%}.orderStatus select{font-size:1rem;padding:20px}.orderConfiguration{margin-top:20px}.files-section{display:flex;flex-direction:row}.orderUpdates h2{margin-bottom:10px;margin-top:20px}.orderUpdates{border-radius:10px;border-width:2px;margin-bottom:40px;margin-top:20px;text-align:left;width:100%}.comments{max-height:250px;overflow:auto}.addComment{align-content:center;align-items:center;margin-bottom:20px;margin-left:20px;margin-top:10px;padding:10px;vertical-align:middle}.addComment textarea{font-family:Karla,sans-serif;font-size:1em;padding:10px;width:95%}.commentAuthor{font-size:.9rem;margin-bottom:5px}.addComment button{color:#fff;font-size:1rem}.editBtn{background-color:#fff0;border:none;border-radius:5px;cursor:pointer;font-size:12px;padding:10px 20px}button+button:hover{background-color:#5a6268}.saveEditBtn{background-color:#fff0;font-size:12px}.commAuth{font-size:15px;padding-left:10px}.commDate,.commType{font-size:12px}.commText{font-size:18px;margin-top:3px;padding-left:10px}.comment{border:1px solid #dcdde0;border:1px solid var(--Grey-Grey-200,#dcdde0);border-radius:10px;margin-bottom:10px;margin-right:30px;margin-top:5px;padding:15px}li{list-style-type:none}.edit-input{align-self:stretch}.edit-input,.edit-input-calendar{align-items:center;background:#fff;background:var(--White,#fff);border:1px solid #dcdde0;border:1px solid var(--Grey-Grey-200,#dcdde0);border-radius:6px;color:#0f1820;color:var(--Grey-Grey-500,#0f1820);display:flex;font-family:Karla;font-size:16px;font-style:normal;font-weight:400;gap:10px;height:44px;letter-spacing:.08px;line-height:24px;padding:8px 12px}.order-details-header{display:flex;justify-content:space-between;padding-right:20px;width:100%}:root{--status-pending-bg:var(--Amber-Amber-100,#fff7e2);--status-accepted-bg:var(--Primary-Primary-200,#e3ebfa);--status-in-production-bg:var(--Primary-Primary-200,#e3ebfa);--status-shipped-bg:var(--Primary-Primary-200,#e3ebfa);--status-completed-bg:var(--Green-Green-100,#ccffda);--status-cancelled-bg:var(--Red-Red-100,#ffdfdd);--status-rejected-bg:var(--error-error-200,#fdecea);--status-delivered-bg:var(--success-success-200,#e8f5e9);--status-unknown-bg:var(--neutral-neutral-200,#f5f5f5);--status-pending-border:var(--Amber-Amber-500,#5b3c03);--status-accepted-border:var(--Primary-Primary-500,#062944);--status-in-production-border:var(--Primary-Primary-500,#062944);--status-shipped-border:var(--Primary-Primary-500,#062944);--status-completed-border:var(--Green-Green-500,#1c4f3f);--status-cancelled-border:var(--Red-Red-500,#b20a34);--status-rejected-border:var(--error-error-500,#d32f2f);--status-delivered-border:var(--success-success-500,#388e3c);--status-unknown-border:var(--neutral-neutral-500,#9e9e9e);--status-ready-border:var(--Green-Green-500,#1c4f3f)}.comment-status-pending{background:#fff7e2!important;background:var(--status-pending-bg)!important}.comment-status-accepted{background:#e3ebfa!important;background:var(--status-accepted-bg)!important}.comment-status-in-production{background:#e3ebfa!important;background:var(--status-in-production-bg)!important}.comment-status-shipped{background:#e3ebfa!important;background:var(--status-shipped-bg)!important}.comment-status-completed{background:#ccffda!important;background:var(--status-completed-bg)!important}.comment-status-cancelled{background:#ffdfdd!important;background:var(--status-cancelled-bg)!important}.comment-status-rejected{background:#fdecea!important;background:var(--status-rejected-bg)!important}.comment-status-delivered{background:#e8f5e9!important;background:var(--status-delivered-bg)!important}.comment-status-unknown{background:#f5f5f5!important;background:var(--status-unknown-bg)!important}.specs-table-row{position:relative}.specs-table-row .editBtns{opacity:0;pointer-events:none;transition:opacity .4s}.specs-table-row:hover .editBtns{opacity:1;pointer-events:auto}.tile_old{align-items:center;background:#f9fbfd;border:2px solid #e3e8ee;border-radius:16px;box-shadow:0 4px 24px 0 #00bfae12;cursor:pointer;display:flex;flex-direction:column;max-height:400px;max-width:200px;min-height:220px;min-width:200px;padding:20px 18px 16px;transition:box-shadow .18s,border .18s,background .18s}.tile--center-content{justify-content:center}.tile__media{height:150px;justify-content:center;margin-bottom:14px}.tile__content,.tile__media{align-items:center;display:flex;width:100%}.tile__content{flex-direction:column}.tile__name{color:#1e293b;font-size:1.13rem;font-weight:700;margin-bottom:6px;text-align:center}.tile__price{color:#3b82f6;font-size:1.05rem;font-weight:600;margin-bottom:4px}.tile__description{color:#64748b;font-size:.98rem;margin-top:4px;opacity:.92;text-align:center}.tile_old:focus,.tile_old:hover{background:#e6f4ff;border:2px solid #3b82f6;box-shadow:0 6px 32px 0 #3b82f621;outline:none}.tile__image{border-radius:10px;max-height:100%;object-fit:cover}.tile__texture{background-position:50%;background-size:cover;height:100px;width:100px}.tile__hex,.tile__texture{border:1.5px solid #e3e8ee;border-radius:30px}.tile__hex{align-items:center;display:flex;height:80px;justify-content:center;width:80px}.tile__placeholder{background:#f3f6fa;border:2px dashed #e3e8ee;border-radius:14px;color:#b0b8c9;padding:32px;text-align:center}.tile__media--empty{background:none;max-height:0}.tile.disabled{background-color:#f5f5f5;border:1px solid #ddd;color:#aaa;display:none;opacity:0;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;transition:width .25s ease-in-out;-moz-transition:width .25s ease-in-out;-webkit-transition:width .25s ease-in-out}.tile{border:2px solid #e0e4ea;border-radius:14px;box-shadow:0 2px 8px 0 #0e474912;flex:1 1 160px;font-family:inherit;max-width:300px;min-height:100%;min-width:160px;padding:32px 24px;transition:box-shadow .18s,border .18s,background .18s}.tile .selected,.tile:focus,.tile:hover{box-shadow:0 4px 24px 0 #00bfae1f;outline:none}.tile .selected{background:#e0f7fa;border:2px solid #00bfae}.production-files-editor{display:flex;gap:20px}.sidebar2{background-color:#f9f9f9;border:1px solid #ccc;padding:10px;width:200px}.a4-paper{background-color:#fff;border:1px solid #000;height:297mm;padding:10px;position:relative;width:210mm}.draggable-field{cursor:move}.clickable-field,.draggable-field{background-color:#e0e0e0;border:1px solid #ccc;margin:4px 0;padding:8px}.clickable-field{cursor:pointer}.preview{margin-top:20px}.preview-field{background-color:#f0f0f0;border:1px solid #ccc;margin:4px 0;padding:8px}.segment--wide{align-items:flex-start;border-radius:16px;cursor:pointer;display:flex;margin:18px auto;max-width:900px;min-width:320px;padding:0;transition:box-shadow .18s,border .18s,background .18s;width:80vw}.segment--selected{background:#f0f7ff;border:2px solid #3b82f6;box-shadow:0 6px 32px 0 #3b82f621}.segment__media{align-items:center;background:#f3f6fa;border-radius:16px 0 0 16px;display:flex;flex-shrink:0;height:120px;justify-content:center;overflow:hidden;width:120px}.segment__image{height:100%;object-fit:cover;width:100%}.segment__texture{background-position:50%;background-size:cover;border:1.5px solid #e3e8ee;border-radius:10px;height:100px;width:100px}.segment__hex{align-items:center;border:1.5px solid #e3e8ee;border-radius:10px;display:flex;height:80px;justify-content:center;width:80px}.segment__media--empty{background:#f3f6fa;border:1.5px dashed #e3e8ee;border-radius:10px;height:80px;width:80px}.segment__info{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:18px 24px}.segment__name{color:#1e293b;font-size:1.18rem;font-weight:700;margin-bottom:8px}.segment__price{color:#3b82f6;font-size:1.08rem;font-weight:600;margin-bottom:6px}.segment__description{color:#64748b;font-size:1rem;margin-top:2px;opacity:.92}.segment__placeholder{background:#f3f6fa;border:2px dashed #e3e8ee;border-radius:14px;color:#b0b8c9;padding:32px;text-align:center}.ral-container{align-items:center;display:flex;justify-content:center;min-height:400px;min-width:900px}.ral-card{border-radius:16px;max-height:90vh;max-width:900px;overflow-y:auto;padding:2rem;width:100%}.ral-header{margin-bottom:2rem;text-align:center}.ral-title{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.ral-subtitle{color:#64748b;font-size:.875rem;margin:0}.ral-selected-display{margin-bottom:1rem;text-align:center}.ral-selected-badge{align-items:center;border-radius:12px;display:inline-flex;gap:1rem;padding:.75rem 1.5rem}.ral-selected-color{border:3px solid #fff;border-radius:8px;box-shadow:0 2px 8px #0003;height:40px;width:40px}.ral-selected-info{align-items:flex-start;display:flex;flex-direction:column;gap:.125rem}.ral-selected-code{font-size:1rem;font-weight:700}.ral-selected-name{font-size:.875rem;opacity:.9}.ral-selected-check{font-size:24px}.ral-search-container{margin-bottom:2rem;position:relative}.ral-search-icon{color:#64748b;font-size:20px;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ral-search-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;padding:.875rem 3rem;transition:all .2s;width:100%}.ral-search-input:focus{background:#fff;border-color:#2980b9;box-shadow:0 0 0 3px #2980b91a;outline:none}.ral-search-clear{align-items:center;background:#e2e8f0;border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .2s;width:28px}.ral-search-clear:hover{background:#cbd5e1}.ral-search-clear .icon-left{color:#64748b;font-size:18px}.ral-section-title{color:#475569;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.ral-categories-section{margin-bottom:2rem}.ral-categories-header{align-items:center;background:#f8fafc;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .2s}.ral-categories-header:hover{background:#f1f5f9}.ral-toggle-button{align-items:center;background:#0000;border:none;color:#2980b9;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.ral-toggle-button:hover{background:#2980b91a;border-radius:6px}.ral-toggle-button .icon-left{font-size:24px}.ral-categories-content{max-height:500px;opacity:1;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.ral-categories-collapsed{margin-bottom:0;max-height:0!important;opacity:0}.ral-categories-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding-top:.5rem}.ral-category{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:.875rem .75rem;position:relative;transition:all .2s}.ral-category:hover{background:#f8fafc;border-color:#2980b9;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.ral-category-selected{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#2980b9;box-shadow:0 4px 12px #2980b933}.ral-category-color{border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 6px #0000001a;height:50px;width:50px}.ral-category-selected .ral-category-color{border-color:#2980b9}.ral-category-name{color:#1e293b;font-size:.875rem;font-weight:500;text-align:center}.ral-category-check{animation:scaleIn .2s ease;color:#2980b9;font-size:20px;position:absolute;right:.5rem;top:.5rem}.ral-colors-section{margin-bottom:1.5rem}.ral-colors-grid{grid-gap:.75rem;background:#f8fafc;border-radius:12px;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));overflow-y:auto;padding:.5rem}.ral-color{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;transition:all .2s}.ral-color:hover{border-color:#2980b9;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.ral-color-selected{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#2980b9;box-shadow:0 4px 12px #2980b933}.ral-color-swatch{align-items:center;aspect-ratio:1;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 6px #0000001a;display:flex;justify-content:center;position:relative;width:100%}.ral-color-selected .ral-color-swatch{border-color:#2980b9}.ral-color-check{animation:scaleIn .2s ease;color:#fff;font-size:32px;text-shadow:0 2px 4px #0000004d}.ral-color-info{display:flex;flex-direction:column;gap:.125rem}.ral-color-code{color:#1e293b;font-size:.75rem;font-weight:600}.ral-color-name{color:#64748b;font-size:.6875rem;line-height:1.2}.ral-empty-state{color:#64748b;padding:3rem 1rem;text-align:center}.ral-empty-icon{color:#cbd5e1;font-size:64px;margin-bottom:1rem}.ral-empty-state p{font-size:.875rem;margin:0}.ral-actions{border-top:1px solid #e2e8f0;padding-top:1.5rem}.ral-actions,.ral-confirm-button{display:flex;justify-content:center}.ral-confirm-button{align-items:center;background:#2980b9;border:none;border-radius:12px;box-shadow:0 4px 12px #2980b94d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .2s}.ral-confirm-button:hover{box-shadow:0 6px 16px #2980b966;transform:translateY(-2px)}.ral-confirm-button:active{transform:translateY(0)}.ral-confirm-button .icon-left{font-size:20px}@media (max-width:768px){.ral-card{padding:1.5rem}.ral-title{font-size:1.25rem}.ral-categories-grid,.ral-colors-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.ral-selected-badge{flex-direction:column;text-align:center}}@media (max-width:480px){.ral-categories-grid,.ral-colors-grid{grid-template-columns:repeat(2,1fr)}}.configurator-main{overflow-Y:auto;align-content:center;border-radius:5px;display:block;flex:1 1;min-height:100%;min-width:75%;padding:10px 20px 20px;text-align:center}.configurator-choices{overflow-Y:auto;background:#fcfcfc;background:var(--Grey-Grey-50,#fcfcfc);border-radius:5px;display:flex;flex-direction:column;gap:20px;height:90vh;padding:20px;vertical-align:top;width:20%}.segment{padding:20px;transition:height .25s ease-out;-moz-transition:height .25s ease-out;-webkit-transition:height .25s ease-out}.segment.unfurled{max-height:200vh;padding-bottom:20px;padding-top:20px;vertical-align:middle}.segment.furled{max-height:0;overflow:hidden;padding:0!important;transition:max-height .25s ease-in;-moz-transition:max-height .25s ease-in;-webkit-transition:max-height .25s ease-in;z-index:0}.configurator{display:flex}.choice-category-name{width:70%}.choice-category-selected{text-align:left!important;vertical-align:middle;width:30%}.choice-header{display:flex}.configurator-sidebar{background:#fff;border-radius:18px;box-shadow:0 2px 16px 0 #0e474912;display:flex;flex-direction:column;gap:8px;margin-top:80px;max-width:280px;min-width:280px;padding:28px 24px 24px;position:-webkit-sticky;position:sticky;top:5%}.configurator-sidebar__section{margin-bottom:10px}.configurator-sidebar__label{font-size:1.04rem;font-weight:600;letter-spacing:.01em;margin-bottom:2px}.configurator-sidebar__value{color:#1e293b;font-size:1.08rem;margin-bottom:2px}.configurator-sidebar__price{font-size:1.01rem;font-weight:500;margin-left:6px}.configurator-sidebar__list{list-style:none;margin:0;padding:0}.configurator-sidebar__list li{align-items:center;color:#334155;font-size:1.01rem;justify-content:space-between;padding:2px 0}.configurator-sidebar__vat-toggle{align-items:center;color:#64748b;display:flex;font-size:1rem;gap:8px;margin-bottom:10px}.configurator-sidebar__total{border-top:1.5px solid #e0e4ea;margin-top:18px;padding-top:14px}.configurator-sidebar__total-value{font-size:1.25rem;font-weight:700;margin-top:2px}.modification-category-header{margin-bottom:12px;text-align:left}.modification-category-title{color:#0e4749;font-size:1.25rem;font-weight:700;letter-spacing:.01em;margin-bottom:4px}.adv-modification-category-description{border-radius:6px;font-family:Karla,sans-serif;font-size:1.08rem;margin-bottom:18px;text-align:left}.modification-selector{align-items:center;display:flex;flex-direction:column;margin:0 auto;padding:32px 0}.modification-category-description{background:#f5fafd;border-left:3px solid #00bfae;border-radius:6px;color:#4a6c6f;font-size:1.08rem;margin-bottom:18px;opacity:.95;padding:8px 14px;text-align:center}.modification-category-image-wrapper{align-items:center;background:#f8fafb;border-radius:12px;box-shadow:0 2px 12px 0 #00bfae12;display:flex;height:220px;justify-content:center;margin:0 auto 24px;width:340px}.modification-category-image{border-radius:10px;max-height:210px;max-width:100%;object-fit:contain}.modification-category-image-placeholder{color:#b0b8c9;font-size:1.1rem}.modification-choices-row{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin:24px 0 0}.modification-selector-actions{display:flex;justify-content:center;margin-top:32px;width:100%}.modification-selector-next-btn{background:#00bfae;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px 36px;transition:background .18s}.modification-selector-next-btn:disabled{background:#b0b8c9;cursor:not-allowed}.package-selector{margin:0 auto;max-width:1200px;padding:2rem}.package-selector__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.package-selector__back-btn,.package-selector__skip-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem}.package-selector__back-btn:hover,.package-selector__skip-btn:hover{background:#f5f5f5}.package-selector__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.package-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:1.5rem;transition:all .3s ease}.package-card:hover{border-color:#2196f3;box-shadow:0 4px 12px #0000001a}.package-card--selected{background:#f0f8ff;border-color:#2196f3}.package-card__header{align-items:start;display:flex;justify-content:space-between;margin-bottom:1rem}.package-card__header h3{font-size:1.25rem;margin:0}.package-card__discount{background:#4caf50;border-radius:12px;color:#fff;font-size:.875rem;font-weight:700;padding:.25rem .75rem}.package-card__price{align-items:end;font-size:1rem;font-weight:700;margin-bottom:1rem;text-align:right}.package-card__description{color:#666;font-size:.9rem;margin-bottom:1rem}.package-card__includes{margin-bottom:1.5rem}.package-card__includes h4{color:#888;font-size:.9rem;margin:0 0 .5rem;text-transform:uppercase}.package-card__includes ul{list-style:none;margin:0;padding:0}.package-card__includes li{color:#555;font-size:.9rem;padding:.25rem 0}.package-card__select-btn{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background .3s ease;width:100%}.package-card__select-btn:hover{background:#1976d2}.modification-category-container{border-bottom:1px solid #e0e0e0;margin-bottom:20px}.modification-category-container:hover{background:#f9f9f9;cursor:pointer}.modification-tiles-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tile.disabled{opacity:.5;pointer-events:none}.empty-state-message{color:#666;font-size:16px;padding:40px 20px;text-align:center}.validation-error{color:red;font-weight:700;margin:10px 0;text-align:center}.action-buttons{justify-content:end;margin-top:20px}.back-btn{background:none;border:none;color:#2a52bf;color:var(--Primary-Primary-300,#2a52bf);cursor:pointer;font-family:Roboto Mono;font-size:16px;font-style:normal;font-weight:400;gap:10px;letter-spacing:.28px;line-height:26px;line-height:var(--font-line-height-Link,26px);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration-style:solid;text-decoration-style:solid;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.back-btn:hover{text-decoration:underline}.btn-primary{background:#2980b9;color:#fff;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.btn-primary:disabled{background-color:#aaa;cursor:not-allowed}.modifications-header{padding-bottom:20px;padding-top:20px}.nav-controls-top{display:flex;justify-content:flex-start;padding-top:20px}.nav-controls-top .icon-left{color:#2a52bf;color:var(--Primary-Primary-300,#2a52bf);font-size:16px}.modification-tiles-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));justify-items:stretch;padding:24px 0}.modification-tiles-container:has(.tile img){grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.tile,.tile-wrapper{width:100%}.tile{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:100%;min-height:120px;padding:20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.tile:hover:not(.disabled){box-shadow:0 8px 20px #00000026;transform:scale(1.02)}.tile.selected{border-color:#007bff;border-width:3px;color:#fff}.tile.disabled{cursor:not-allowed;filter:grayscale(100%);opacity:.4}@media (max-width:1200px){.modification-tiles-container{gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.modification-tiles-container{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.modification-tiles-container{gap:12px;grid-template-columns:1fr}}.new-proposal-row{display:flex;flex-wrap:wrap;gap:0}.new-proposal-container{align-items:center;border-radius:5px;display:flex;flex-direction:column;min-height:80vh;padding:20px}.edit-input-textarea{border:1px solid #ccc;border-radius:5px;height:100px;padding:10px;resize:none;width:100%}.delivery-address-multiline{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;box-sizing:border-box;display:-webkit-box;max-width:320px;overflow:hidden;text-align:left;white-space:pre-line;word-break:break-word}.edit-icon{color:#2a52bf;cursor:pointer;font-size:20px;margin-left:10px;text-decoration:underline}.orderConfiguration{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:32px 0 0;text-rendering:optimizeLegibility}#orderConfiguration *{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:normal}.specs-title{color:#0f1b20;font-size:1.5rem;font-weight:700;margin-bottom:8px}.specs-card{background:#fff;border-radius:18px;box-shadow:0 2px 16px 0 #0e47490f;display:flex;flex-direction:column;gap:18px;padding:32px 32px 24px;width:100%}.specs-row{align-items:center;border-bottom:1px solid #e0e4ea;display:flex;font-size:1.08rem;justify-content:space-between;padding:10px 0}.specs-label{color:#222;font-weight:600;letter-spacing:.01em}.specs-value{color:#0e4749;font-weight:500}.equipment-row,.modification-row{position:relative}.equipment-row .edit-button,.modification-row .edit-button{opacity:0;transition:opacity .2s ease}.equipment-row:hover .edit-button,.modification-row:hover .edit-button{opacity:1}.specs-section-title{color:#0f1b20}.specs-empty{color:#aaa;font-size:.98rem;padding:8px 0 0}.specs-table{flex-direction:column;gap:0}.specs-table-header,.specs-table-row{grid-gap:8px;font-size:.98rem;gap:8px;grid-template-columns:2.5fr 1fr 1fr 1fr}.specs-table-header>div:nth-child(3),.specs-table-row>div:nth-child(3){text-align:center}.specs-table-header,.specs-table-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:5fr 1.5fr 1.5fr 1.5fr;padding:12px 16px}.specs-table-row{background:#0000;border-bottom:1px solid #f2f2f2;color:#222;padding:7px 0}.specs-table-row:last-child{border-bottom:none}.specs-total-row{background:#f5f5f5;border-radius:8px;font-weight:700;padding-left:10px}.new-proposal-container{background:none;border-radius:0;box-shadow:none;margin:40px auto;max-width:800px;padding:32px 24px;text-align:center}.new-proposal-title{color:#2a52bf;font-size:2rem;font-weight:700;margin-bottom:32px}.proposal-options-row{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.proposal-option-card{align-items:center;background:#fff;border:2px solid #e0e4ea;border-radius:14px;box-shadow:0 2px 8px 0 #0e474912;cursor:pointer;display:flex;flex:1 1 160px;flex-direction:column;font-family:inherit;max-width:300px;min-width:160px;padding:32px 24px;transition:box-shadow .18s,border .18s,background .18s}.proposal-option-card:focus,.proposal-option-card:hover{background:#fff;box-shadow:0 8px 20px #00000026;outline:none;transform:scale(1.02)}.proposal-option-icon{font-size:2.5rem;margin-bottom:12px}.proposal-option-title{color:#0e4749;font-size:1.2rem;font-weight:600;margin-bottom:6px}.proposal-option-desc{color:#4a6c6f;font-size:.98rem;opacity:.85}.filter-list-item.selected{background:#e6f0ff;color:#007bff;font-weight:600}.filter-list-item:hover{background:#f3f6fa}.place-order-stepper{animation:modalIn .2s;background:#fff;border-radius:16px;box-shadow:0 8px 32px #1e293b1f;margin:40px auto;max-width:1000px;padding:32px 32px 24px;width:100%}@keyframes modalIn{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.place-order-stepper h2{font-size:1.6rem;font-weight:700;margin-bottom:18px;margin-top:0}.place-order-stepper h3{font-size:1.1rem;font-weight:600;margin-bottom:10px;margin-top:24px}.product-images-list{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.product-image-block{align-items:flex-start;background:#f8fafc;border-radius:10px;box-shadow:0 2px 8px #f0f1f2;display:flex;flex:1 1 220px;flex-direction:column;margin-bottom:16px;min-width:220px;padding:16px}.product-image-title{font-size:1rem;font-weight:600;margin-bottom:8px}.product-images-list img{border:1px solid #e0e5ec;border-radius:6px;height:60px;margin-right:6px;object-fit:cover;width:60px}.upload-image-btn{background:#2980b9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-bottom:4px;margin-top:10px;padding:6px 14px;transition:background .15s}.upload-image-btn:hover{background:#1864ab}.image-gallery-modal-backdrop{align-items:center;background:#1e293b73;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.image-gallery-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #1e293b2e;max-height:90vh;max-width:900px;overflow-y:auto;padding:24px;position:relative;width:100%}.delivery-options{margin-bottom:16px}.delivery-options label{align-items:center;font-family:Karla;font-size:18px}.delivery-options input[type=text],.delivery-options label{border:0;display:flex;font-style:normal;font-weight:400;gap:8px;margin-bottom:6px;padding:8px 12px}.delivery-options input[type=text]{font-size:14pt;font-size:16px;width:80%}.delivery-options input[type=radio]{display:flex;height:16px;padding:8px 12px;width:16px}.attachments-list{margin:0 0 10px;padding:0 0 0 18px}.attachments-checkbox{align-items:center;display:flex;gap:8px;margin-bottom:16px}.order-comments{border:1px solid #e0e5ec;border-radius:6px;font-size:1rem;margin-bottom:16px;min-height:60px;padding:8px;resize:vertical;width:100%}.stepper-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.stepper-actions button{align-items:center;background:#2980b9;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:8px 18px;transition:background .15s}.stepper-actions button:disabled{background:#b0b8c1;cursor:not-allowed}.summary-product-block{background:#f8fafc;border-radius:10px;box-shadow:0 2px 8px #f0f1f2;margin-bottom:16px;padding:16px}.summary-attachments,.summary-comments,.summary-confirm,.summary-delivery{font-size:1rem;margin:18px 0 0}.summary-confirm label{align-items:center;display:flex;gap:8px;margin-top:10px}.proposal-segments-container{margin:0 auto;max-width:1200px;padding:32px 24px}.proposal-segments-title{color:#2c3e50;font-size:28px;font-weight:600;margin-bottom:24px}.proposal-review-subtitle{border-bottom:2px solid #e0e0e0;color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.segments-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.proposal-product-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;padding:16px;transition:box-shadow .2s ease}.proposal-product-card:hover{box-shadow:0 2px 8px #0000001a}.proposal-product-price{color:#2c3e50;font-size:20px;font-weight:600;margin-left:24px;white-space:nowrap}.print-images-section{display:none}.proposal-review-section{margin-bottom:32px}.proposal-delivery-details{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.proposal-delivery-row{border-bottom:1px solid #e0e0e0;color:#555;display:flex;font-size:15px;justify-content:space-between;padding:12px 0}.proposal-delivery-row:last-child{border-bottom:none}.proposal-delivery-price{color:#2c3e50;font-weight:600}.proposal-totals{background:#f8f9fa;border-radius:8px;margin-bottom:32px;padding:24px}.proposal-total-row{color:#555;display:flex;font-size:16px;justify-content:space-between;padding:12px 0}.proposal-grand-total{border-top:2px solid #2c3e50;color:#2c3e50;font-size:24px;font-weight:700;margin-top:16px;padding-top:16px}.proposal-segments-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.proposal-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.proposal-btn .material-icons{font-size:20px}.proposal-btn-primary{background:#4caf50;color:#fff}.proposal-btn-primary:hover{background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}.proposal-btn-secondary{background:#fff;border:1px solid #d0d0d0;color:#2c3e50}.proposal-btn-secondary:hover{background:#f5f5f5;border-color:#b0b0b0}.proposal-btn-save{background:#ff9800;color:#fff}.proposal-btn-save:hover{background:#f57c00;box-shadow:0 4px 12px #ff98004d;transform:translateY(-1px)}.print-only-address{display:none}@media (max-width:768px){.proposal-segments-container{padding:24px 16px}.proposal-product-card{align-items:flex-start;flex-direction:column}.proposal-product-price{margin-left:0;margin-top:12px}.proposal-segments-actions{flex-direction:column}.proposal-btn{justify-content:center;width:100%}.content{max-height:100%!important}}@media print{@page{size:A4;margin-bottom:.5mm;margin-left:.5mm;margin-right:.5mm;margin-top:.5mm;padding-top:15mm}@page :first{margin-bottom:.5mm;margin-left:.5mm;margin-right:.5mm;margin-top:.5mm;padding-top:.5vh}:root,body{background-color:#fff!important}body{height:auto!important;margin:0;padding:0;width:100%!important}.specs-table-header{padding:0!important}.print-only-address{display:block}.specs-table-header{padding-top:30px}.attachments-buttons,.back-button,.btns,.edit-button,.edit-icon,.header-int,.image-overlay-buttons,.material-symbols-sharp.no-print,.navigation,.no-print,.order-info,.orderUpdates,.proposal-uploads-section,.quote-actions,.quote-dropdown,.quote-section.no-print,.sidebar,.viewOrder,.viewQuote.no-print,button:not(.no-print-hide),header,nav{display:none!important}.print-images-section{display:block;page-break-before:always;page-break-inside:avoid}.specs-section-title.total{display:none!important}.print-images-section img{height:auto!important;max-width:100%!important}.print-images-section img,.print-images-section>div>div>div{page-break-after:auto;page-break-inside:avoid}.specs-table-header{margin-top:0;padding-top:0}.required-highlight{animation:pulse-border 2s ease-in-out infinite;background:#fff3e0;border:2px solid #ff9800!important;border-radius:8px;padding:12px}@keyframes pulse-border{0%,to{border-color:#ff9800}50%{border-color:#ffc107}}.summary-totals{page-break-inside:avoid}.print-pdf-notice{background:#fff!important;border:2px solid #000!important;display:block!important;padding:20mm!important;page-break-before:always}.print-pdf-notice *{color:#000!important}.specs-table-row{font-size:10pt!important}.specs-section-header{width:-webkit-max-content;width:max-content}#orderConfiguration{left:0!important;position:relative!important;top:0!important}#orderConfiguration,.orderConfiguration{background-color:#fff!important;border:none;box-shadow:none!important}.orderConfiguration{border:none!important;margin:0!important;max-width:100%!important;padding:20px!important;page-break-inside:auto!important;width:100%!important}.specs-card{border:0 solid #ddd!important;box-shadow:none!important}.specs-card-internal{border:1px solid #ddd!important;border-radius:8px;box-shadow:none!important;margin-top:20px;padding:20px}.quote-section,.specs-card{padding:0!important}.specs-card span{font-size:10pt!important};div strong{font-size:1pt!important};.content-area{background:#fff!important;padding:0!important}.specs-table-header.total{display:none}.content{background-color:#fff!important}.specs-table-row{page-break-inside:avoid}*{color-adjust:exact!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.specs-label,.specs-section-title,.specs-value{color:#000!important}.order-info{page-break-inside:avoid}.new-proposal-container,.proposal-segments-container{margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid}tr{page-break-inside:avoid}}.image-thumbnail-container:hover .image-overlay-buttons{opacity:1}.image-overlay-buttons button{background:#ffffffe6;border:1px solid #ddd;border-radius:4px;font-size:12px;gap:4px;padding:4px 8px}.image-overlay-buttons button:hover{box-shadow:0 2px 8px #0000001a;opacity:1!important;transform:scale(1.05)}.image-thumbnail-container{position:relative;width:120px}.image-thumbnail-container:hover .image-overlay-buttons{opacity:1!important}.image-overlay-buttons{gap:4px;right:4px;top:4px}.image-overlay-buttons button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-overlay-buttons button:hover{box-shadow:0 4px 8px #0000004d!important}.image-overlay-buttons button:active{transform:scale(.95)}.btn-primary-proposal{align-items:center;background:#2980b9;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;margin-bottom:4px;margin-top:10px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.install-delivery{margin:0 auto;max-width:800px;padding:2rem 1rem}.install-delivery-header{margin-bottom:2rem}.install-delivery-back-btn{background:none;border:none;color:#2a52bf;color:var(--Primary-Primary-300,#2a52bf);cursor:pointer;font-family:Roboto Mono;font-size:16px;font-style:normal;font-weight:400;gap:10px;letter-spacing:.28px;line-height:26px;line-height:var(--font-line-height-Link,26px);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration-style:solid;text-decoration-style:solid;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.install-delivery-back-btn:hover{text-decoration:underline}.install-delivery-content{display:flex;flex-direction:column;gap:2rem}.install-delivery-title{color:#1e293b;font-size:1.875rem;font-weight:700}.install-delivery-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.install-delivery-section-title{color:#1e293b;font-size:1.125rem;font-weight:600}.install-delivery-checkbox-header{align-items:center;cursor:pointer;display:flex;gap:.75rem}.install-delivery-checkbox{cursor:pointer;height:20px;width:20px}.install-delivery-address-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.install-delivery-address-card{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;display:block;padding:1rem;position:relative;transition:all .2s}.install-delivery-address-card:hover{background:#f8fafc;border-color:#2980b9}.install-delivery-address-card.selected{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#2980b9;box-shadow:0 2px 8px #2980b926}.install-delivery-radio{opacity:0;pointer-events:none;position:absolute}.install-delivery-address-content{display:flex;flex-direction:column;gap:.5rem}.install-delivery-address-header{align-items:center;display:flex;gap:.75rem}.install-delivery-radio-custom{align-items:center;border:2px solid #cbd5e1;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s;width:20px}.install-delivery-address-card.selected .install-delivery-radio-custom{background:#fff;border-color:#2980b9}.install-delivery-radio-dot{animation:scaleIn .2s ease;background:#2980b9;border-radius:50%;height:10px;width:10px}.install-delivery-address-label{color:#1e293b;font-size:.9375rem;font-weight:600}.install-delivery-address-text{color:#64748b;font-size:.875rem;line-height:1.5;margin-left:1.95rem}.install-delivery-address-form{background:#f8fafc;border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.install-delivery-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.install-delivery-form-group{display:flex;flex-direction:column;gap:.5rem}.install-delivery-label{color:#475569;font-size:.875rem;font-weight:500}.install-delivery-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:.9375rem;padding:.625rem .875rem;transition:all .2s;width:100%}.install-delivery-input:focus{border-color:#2980b9;box-shadow:0 0 0 3px #2980b91a;outline:none}.install-delivery-input::placeholder{color:#94a3b8}.install-delivery-pricing{margin-top:1rem}.install-delivery-pricing-inputs{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:1.5fr 1fr 1fr}.install-delivery-price-group{display:flex;flex-direction:column;gap:.5rem}.install-delivery-price-input-wrapper{align-items:center;display:flex;position:relative}.install-delivery-price-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-weight:500;padding:.75rem 3.5rem .75rem 1rem;transition:all .2s;width:100%}.install-delivery-price-input:focus{border-color:#2980b9;box-shadow:0 0 0 3px #2980b91a;outline:none}.install-delivery-price-currency{color:#64748b;font-size:.875rem;font-weight:600;pointer-events:none;position:absolute;right:1rem}.install-delivery-price-total{border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem}.install-delivery-total-amount{color:#2980b9;font-size:1.25rem;font-weight:700}.install-delivery-summary{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.install-delivery-summary-content{align-items:center;display:flex;justify-content:space-between}.install-delivery-summary-label{font-size:1.125rem;font-weight:600}.install-delivery-summary-amount{font-size:1.75rem;font-weight:700}.install-delivery-actions{display:flex;justify-content:flex-end}.install-delivery-submit-btn{align-items:center;background:#2980b9;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;margin-bottom:4px;margin-top:10px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.install-delivery-submit-btn:hover:not(:disabled){box-shadow:0 6px 16px #2980b966;transform:translateY(-2px)}.install-delivery-submit-btn:active:not(:disabled){transform:translateY(0)}.install-delivery-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.install-delivery-pricing-inputs{grid-template-columns:1fr}.install-delivery-price-total{order:3}.install-delivery-summary-content{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width:640px){.install-delivery-address-options,.install-delivery-form-row{grid-template-columns:1fr}}.install-delivery-header .icon-left{color:#2a52bf;color:var(--Primary-Primary-300,#2a52bf);font-size:16px}.quote-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.place-order-container{margin:0 auto;max-width:800px;padding:2rem 1rem}.place-order-header{margin-bottom:2rem}.place-order-back-btn{background:none;border:none;color:#2a52bf;color:var(--Primary-Primary-300,#2a52bf);cursor:pointer;font-family:Roboto Mono;font-size:16px;font-style:normal;font-weight:400;gap:10px;letter-spacing:.28px;line-height:26px;line-height:var(--font-line-height-Link,26px);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration-style:solid;text-decoration-style:solid;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.place-order-back-btn:hover{text-decoration:underline}.place-order-back-btn .icon-left{color:#2a52bf;color:var(--Primary-Primary-300,#2a52bf);font-size:16px}.place-order-content{display:flex;flex-direction:column;gap:2rem}.place-order-title{color:#1e293b;font-size:1.875rem;font-weight:700;margin:0 0 1.5rem}.place-order-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.place-order-section-title{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.place-order-address-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.place-order-address-card{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;display:block;padding:1rem;position:relative;transition:all .2s}.place-order-address-card:hover{background:#f8fafc;border-color:#2980b9}.place-order-address-card.selected{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#2980b9;box-shadow:0 2px 8px #2980b926}.place-order-radio{opacity:0;pointer-events:none;position:absolute}.place-order-address-content{display:flex;flex-direction:column;gap:.5rem}.place-order-address-header{align-items:center;display:flex;gap:.75rem}.place-order-radio-custom{align-items:center;border:2px solid #cbd5e1;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s;width:20px}.place-order-address-card.selected .place-order-radio-custom{background:#fff;border-color:#2980b9}.place-order-radio-dot{animation:scaleIn .2s ease;background:#2980b9;border-radius:50%;height:10px;width:10px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.place-order-address-label{align-items:center;color:#1e293b;display:flex;font-size:.9375rem;font-weight:600}.place-order-address-text{color:#64748b;font-size:.875rem;line-height:1.5;margin-left:1.95rem}.place-order-custom-address-form{background:#f8fafc;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem}.place-order-label{color:#475569;font-size:.875rem;font-weight:500}.place-order-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:.9375rem;padding:.625rem .875rem;transition:all .2s;width:100%}.place-order-input:focus{border-color:#2980b9;box-shadow:0 0 0 3px #2980b91a;outline:none}.place-order-input::placeholder{color:#94a3b8}.place-order-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.9375rem;line-height:1.6;padding:.75rem 1rem;resize:vertical;transition:all .2s;width:100%}.place-order-textarea:focus{border-color:#2980b9;box-shadow:0 0 0 3px #2980b91a;outline:none}.place-order-textarea::placeholder{color:#94a3b8}.place-order-actions{display:flex;gap:1rem;justify-content:space-between;padding-top:1rem}.place-order-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.place-order-btn-primary{align-items:center;background:#2980b9;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;margin-bottom:4px;margin-top:10px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.place-order-btn-primary:hover{box-shadow:0 6px 16px #2980b966;transform:translateY(-2px)}.place-order-btn-primary:active{transform:translateY(0)}@media (max-width:768px){.place-order-container{padding:1.5rem 1rem}.place-order-title{font-size:1.5rem}.place-order-address-options{grid-template-columns:1fr}.place-order-actions{flex-direction:column-reverse}.place-order-btn-primary,.place-order-btn-secondary{justify-content:center;width:100%}}.viewQuoteHeader{align-items:center;align-self:stretch;color:#0f1820;color:var(--Grey-Grey-500,#0f1820);display:flex;gap:24px;justify-content:space-between;max-width:90%;text-align:center}.attachments-bar{align-items:center;display:flex;gap:20px;margin-bottom:20px}.attachments-buttons{display:flex;gap:10px}@media print{.attachments-buttons,.image-overlay-buttons{display:none!important}}.quote-section{align-items:flex-start;align-self:stretch;background:#fcfcfc;background:var(--Grey-Grey-50,#fcfcfc);border-radius:6px;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:16px}.quote-dropdown{align-items:center;background:#0000;border:1px solid #e0e5ec;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:5px 8px}.image-description-overlay{bottom:0;color:#0f1b20;font-size:13px;font-weight:500;left:0;padding:8px 12px;position:absolute;right:0}.viewQuote{padding-bottom:30px;padding-top:20px}.drawing-image-container{border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.drawing-image-container:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.drawing-image-container:hover .image-overlay-buttons{opacity:1!important}.image-overlay-buttons{display:flex;gap:6px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s ease;z-index:10}.image-overlay-buttons button{align-items:center;background:#008069;border:none;border-radius:6px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-family:Material Symbols Sharp;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.image-overlay-buttons button:hover{transform:scale(1.1)}.image-overlay-buttons button:last-child{background:#ab334d}.image-overlay-buttons button:last-child:hover{background:#8c2a3e}.viewProposal-attachments-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.viewProposal-attachments-bar h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.viewProposal-attachments-buttons{display:flex;gap:8px}.viewProposal-empty-state{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;color:#888;cursor:pointer;margin-bottom:16px;padding:18px 32px;text-align:center;transition:all .2s ease;width:350px}.viewProposal-empty-state:hover{background:#eff6ff;border-color:#3498db;box-shadow:0 4px 12px #3498db26}.viewProposal-empty-state-icon{color:#94a3b8;display:block;font-size:64px;margin-bottom:6px;transition:all .2s ease}.viewProposal-empty-state-title{color:#64748b;font-size:16px;font-weight:500;margin:0 0 8px}.viewProposal-empty-state-subtitle{color:#94a3b8;font-size:14px;margin:0}.viewProposal-product-header{color:#64748b;font-size:15px;font-weight:600;margin-bottom:12px}.viewProposal-drawing-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));margin-bottom:24px}.viewProposal-image-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.viewProposal-image-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.viewProposal-image-card img{aspect-ratio:1/1;display:block;height:auto;object-fit:cover;width:100%}.viewProposal-image-description{background:#0009;bottom:0;color:#fff;font-size:13px;font-weight:500;left:0;padding:8px 12px;position:absolute;right:0}.viewProposal-image-overlay-buttons{display:flex;gap:6px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s ease}.viewProposal-image-card:hover .viewProposal-image-overlay-buttons{opacity:1}.viewProposal-overlay-btn{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-family:Material Symbols Sharp;font-size:18px;height:32px;justify-content:center;transition:transform .2s ease;width:32px}.viewProposal-overlay-btn:hover{transform:scale(1.1)}.viewProposal-overlay-btn-edit{background:#008069}.viewProposal-overlay-btn-edit:hover{background:#006d5b}.viewProposal-overlay-btn-delete{background:#ab334d}.viewProposal-overlay-btn-delete:hover{background:#8e2a3f}.viewProposal-attachment-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px}.viewProposal-file-list{list-style:none;margin:0 0 16px;padding-left:0}.viewProposal-file-item{align-items:center;background:#f8fafc;border:1px solid #e0e5ec;border-radius:6px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:10px 14px;transition:all .2s ease}.viewProposal-file-item:hover{background:#eff6ff;border-color:#bfdbfe;transform:translateX(4px)}.viewProposal-file-icon{flex-shrink:0}.viewProposal-file-name{color:#334155;flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewProposal-file-description{color:#64748b;font-size:13px;white-space:nowrap}.email-activity{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:1rem;padding:1.5rem}.email-activity__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.email-activity__header h3{font-size:1.25rem;margin:0}.email-activity__search-btn{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.email-activity__search-btn:hover:not(:disabled){background:#1976d2}.email-activity__search-btn:disabled{background:#ccc;cursor:not-allowed}.email-activity__error{background:#ffebee;border-radius:4px;color:#c62828;margin-top:1rem;padding:1rem}.email-activity__summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.summary-card__label{color:#666;font-size:.875rem;margin-bottom:.5rem}.summary-card__value{color:#333;font-size:1.5rem;font-weight:700}.email-activity__messages h4{margin-bottom:1rem}.messages-list{display:flex;flex-direction:column;gap:1rem}.message-item{border:1px solid #e0e0e0;border-radius:4px;padding:1rem}.message-item__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.message-item__details{color:#666;display:flex;font-size:.875rem;gap:2rem;margin-bottom:.5rem}.message-item__stats{color:#2196f3;font-size:.875rem;margin-top:.5rem}.status-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .75rem}.email-activity__bounces,.email-activity__spam{margin-top:2rem}.email-activity-table{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.email-activity-header h2{font-size:1.5rem;margin:0 0 1.5rem}.search-controls{align-items:center;background:#f5f5f5;border-radius:8px;flex-wrap:wrap;margin-bottom:1.5rem;padding:1rem}.search-controls,.search-type-selector{display:flex;gap:1rem}.search-type-selector label{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.search-input{flex:1 1;min-width:200px}.limit-select,.search-input,.template-filter{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.5rem}.limit-select,.template-filter{background:#fff}.search-button{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1.5rem}.search-button:hover:not(:disabled){background:#1976d2}.search-button:disabled{background:#ccc;cursor:not-allowed}.error-message{background:#ffebee;border-radius:4px;color:#c62828;margin-bottom:1rem;padding:1rem}.loading{color:#666;font-size:1.1rem;padding:3rem;text-align:center}.table-container{margin-bottom:1rem;overflow-x:auto}.emails-table{border-collapse:collapse;font-size:.9rem;width:100%}.emails-table thead{background:#f5f5f5}.emails-table td,.emails-table th{border-bottom:1px solid #e0e0e0;padding:.75rem;text-align:left}.emails-table th{color:#333;font-weight:600}.emails-table tbody tr:hover{background:#f9f9f9}.msg-id{color:#666;font-family:monospace;font-size:.85rem}.metric{font-weight:500;text-align:center}.view-activity-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .8rem}.view-activity-btn:hover{background:#45a049}.results-info{color:#666;font-size:.9rem;margin-top:1rem;text-align:center}.customer-activity-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{max-height:90vh;max-width:800px;overflow-y:auto;padding:2rem;width:90%}.modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:2rem;line-height:1;position:absolute;right:1rem;top:1rem}.modal-close:hover{color:#333}.activity-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:1.5rem 0}.summary-card{background:#f5f5f5;border-radius:8px;padding:1rem;text-align:center}.summary-label{color:#666;font-size:.85rem;margin-bottom:.5rem}.summary-value{color:#333;font-size:1.5rem;font-weight:700}.bounce-list,.spam-list{margin-top:2rem}.bounce-list h4,.spam-list h4{margin-bottom:1rem}.bounce-item,.spam-item{align-items:center;background:#fff3e0;border-left:4px solid #ff9800;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.bounce-item strong{color:#e65100}.bounce-item span,.spam-item span{color:#666;font-size:.85rem}.pagination-container{background:#f8fafc;border-top:1px solid #e0e5ec;flex-wrap:wrap;justify-content:space-between;padding:20px}.pagination-container,.pagination-info{align-items:center;display:flex;gap:16px}.pagination-info{color:#64748b;font-size:14px}.items-per-page-select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s}.items-per-page-select:hover{border-color:#94a3b8}.items-per-page-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.pagination-controls{gap:6px}.pagination-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:6px 12px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8;color:#1e293b}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:600}.pagination-btn.active:hover{background:#2563eb;border-color:#2563eb}.pagination-ellipsis{color:#94a3b8;font-weight:500;padding:6px 8px}@media (max-width:768px){.pagination-container{flex-direction:column;gap:12px}.pagination-info{align-items:flex-start;flex-direction:column;gap:8px;width:100%}.items-per-page-select{width:100%}.pagination-controls{flex-wrap:wrap;justify-content:center;width:100%}.pagination-btn{height:40px;min-width:40px}}@media (max-width:480px){.pagination-btn{font-size:12px;height:32px;min-width:32px;padding:4px 8px}.pagination-ellipsis{padding:4px 6px}}.resizable-table{table-layout:fixed!important;width:100%}.resizable-table th{overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.column-resizer{background:#0000;cursor:col-resize;height:100%;position:absolute;right:0;top:0;transition:background .2s;-webkit-user-select:none;user-select:none;width:8px;z-index:1}.column-resizer:hover{background:#3b82f64d}.column-resizer:active{background:#3b82f680}.resizable-table td{overflow:hidden;padding:12px 8px;text-overflow:ellipsis;white-space:nowrap}.resizable-table.resizing{-webkit-user-select:none;user-select:none}.resizable-table.resizing *{cursor:col-resize!important}body.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.message-details-modal .modal-content-large{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;left:50%;max-height:90vh;max-width:900px;overflow-y:auto;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:10001}.details-section{background:#f8fafc;border:1px solid #e0e5ec;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.details-section h4{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 1rem}.details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#1e293b;font-size:14px;font-weight:500}.event-history-table{margin-top:1rem;overflow-x:auto}.event-history-table table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.event-history-table thead{background:#f1f5f9}.event-history-table th{border-bottom:2px solid #e0e5ec;color:#475569;font-size:13px;font-weight:600;padding:12px 16px;text-align:left}.event-history-table td{border-bottom:1px solid #e0e5ec;color:#1e293b;font-size:14px;padding:12px 16px}.event-row{transition:background .2s}.event-row:hover{background:#f8fafc}.details-actions{border-top:1px solid #e0e5ec;display:flex;gap:12px;margin-top:2rem;padding-top:2rem}.action-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.action-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.action-btn.secondary{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.action-btn.secondary:hover{background:#e2e8f0;border-color:#94a3b8}.clickable-row{transition:background .2s}.clickable-row:hover{background:#f8fafc!important}@media (max-width:768px){.message-details-modal .modal-content-large{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;padding:1rem;width:100vw}.details-grid{grid-template-columns:1fr}.details-actions{flex-direction:column}.event-history-table{font-size:12px}.event-history-table td,.event-history-table th{font-size:12px;padding:8px 12px}}.customer-content{width:100%}.customers-body{align-items:flex-start;background:#fff;background:var(--White,#fff);flex:1 0;flex-direction:column;padding:24px}.customers-body,.title-row{align-self:stretch;display:flex;gap:24px}.title-row{align-items:center;color:#0f1820;color:var(--Grey-Grey-500,#0f1820);font-family:Karla;font-size:28px;font-style:normal;font-weight:700;line-height:28px;text-align:center}.customer-info{align-items:flex-start;align-self:stretch;background:#fcfcfc;background:var(--Grey-Grey-50,#fcfcfc);border-radius:6px;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:16px}.customer-header{align-items:center;align-self:stretch;color:#0f1820;color:var(--Grey-Grey-500,#0f1820);display:flex;font-family:Karla;font-size:20px;font-style:normal;font-weight:700;justify-content:space-between;line-height:28px;text-align:center}.customer-info .row-1{align-items:flex-start;align-self:stretch;background:#fcfcfc;background:var(--Grey-Grey-50,#fcfcfc);border-radius:6px;display:flex;gap:16px}.customer-info .customer-label{align-items:flex-start;display:flex;flex:1 0;flex-direction:column;gap:4px}.customer-info .customer-data{color:#000;font-family:Karla;font-size:16px;font-style:normal;font-weight:600;line-height:24px;text-align:center}.customer-data-container{align-items:flex-start;display:flex;flex:1 0;flex-direction:column;gap:4px}.customer-table{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column}.customer-table-header{align-items:center;align-self:stretch}.customer-table-header-cell{border-bottom:1px solid #dcdde0;border-bottom:1px solid var(--Grey-Grey-200,#dcdde0);border-top:1px solid #dcdde0;border-top:1px solid var(--Grey-Grey-200,#dcdde0);gap:4px;height:44px;padding:8px;width:181px}.customer-table-header-cell-text{color:#0f1820;color:var(--Grey-Grey-500,#0f1820);font-family:Roboto Mono;font-size:16px;font-style:normal;font-weight:400;letter-spacing:.16px;line-height:24px;text-transform:uppercase}.customers-checkbox{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;width:20px}.customers-checkbox,.edit-icon{color:#062944;color:var(--Primary-Primary-500,#062944);font-family:Material Symbols Sharp;font-size:18px;font-style:normal;font-weight:400;line-height:24px;text-align:center}.edit-icon{width:24px}.edit-btn{color:#062944;color:var(--Primary-Primary-500,#062944);font-family:Karla;font-size:16px;font-style:normal;font-weight:400;letter-spacing:.08px;line-height:24px}.edit-customer-input{background:#fff;background:var(--White,#fff);border:1px solid #dcdde0;border:1px solid var(--Grey-Grey-200,#dcdde0);border-radius:6px}.edit-customer-input,.edit-customer-textarea{align-items:center;align-self:stretch;color:#0f1820;color:var(--Grey-Grey-500,#0f1820);display:flex;font-family:Karla;font-size:16px;font-style:normal;font-weight:400;gap:10px;height:44px;letter-spacing:.08px;line-height:24px;padding:8px 12px}.save-button-container{align-items:right;width:100%}.save-btn{align-items:center;display:flex;font-family:Karla;font-size:16px;font-style:normal;font-weight:400;gap:3px;height:44px;justify-content:end;letter-spacing:.08px;line-height:24px}.customersRow,.save-btn{cursor:pointer}.add-button-container{justify-items:right;margin-right:20px}.customers-tabs{gap:20px;margin-top:20px}.customers-table{margin-top:30px}.action-buttons{display:flex;gap:20px;padding:10px}.customers-filters .input .frame-2 .icon{margin-right:15px}.customers-filters{background-color:#fff;border-radius:20px;height:140px;margin-top:10px;padding:20px}.customer-table{background:#fff;border-radius:10px;box-shadow:0 2px 8px 0 #1e293b0f;margin-bottom:32px;overflow-x:auto;width:100%}.customer-table-header{background:#f7fafc;border-bottom:1px solid #e3ebfa;border-radius:10px 10px 0 0;color:#062944;display:flex;font-weight:600}.customer-table-header-cell{align-items:center;display:flex;flex:1 1;font-size:1rem;padding:14px 10px}.customer-table-header-cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-table-row{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;transition:background .15s;width:100%}.customer-table-row:last-child{border-bottom:none}.customer-table-cell{background:#0000;color:#374151;flex:1 1;font-size:.98rem;overflow:hidden;padding:14px 10px;text-overflow:ellipsis;white-space:nowrap}.customer-table-row:hover{background:#f0f4fa}.pagination-controls{align-items:center;display:flex;gap:14px;justify-content:center;padding:16px 0}.pagination-controls button{background:#f7fafc;border:1px solid #e0e4ea;border-radius:6px;color:#0e4749;cursor:pointer;font-weight:500;padding:6px 18px;transition:background .15s,color .15s}.pagination-controls button:disabled{background:#f3f4f6;color:#b8c2cc;cursor:not-allowed}@media (max-width:700px){.customer-table-cell,.customer-table-header-cell{font-size:.95rem;padding:8px 4px}}.btn-customers{color:#fff;color:var(--White,#fff);cursor:pointer;font-family:Roboto Mono;font-size:16px;font-style:normal;font-weight:400;letter-spacing:.16px;line-height:24px;text-align:center;text-transform:uppercase}@media (max-width:768px){.customers-body{gap:16px;padding:12px}.title-row{font-size:22px;line-height:26px}div[style*="display: flex"][style*="gap: 12px"]{flex-wrap:wrap!important;gap:8px!important}div[style*="display: flex"][style*="gap: 12px"] button{flex:1 1 auto!important;font-size:13px!important;min-width:120px!important;padding:8px 12px!important}div[style*="background: #f8fafc"]{padding:16px!important}div[style*="background: #f8fafc"] form{gap:12px!important}div[style*="background: #f8fafc"] input,div[style*="background: #f8fafc"] select{flex:1 1 100%!important;min-width:0!important;min-width:auto!important;width:100%!important}div[style*="background: #f8fafc"]>form>div{flex-direction:column!important;gap:12px!important}div[style*="background: #f8fafc"] label{align-items:flex-start!important;flex-direction:column!important;width:100%!important}div[style*="background: #f8fafc"] label input[type=date]{width:100%!important}.customers-table{display:block;margin-top:16px;overflow-x:auto}.customers-table table{min-width:600px}.customers-table thead{display:table-header-group}.customers-table tbody{display:table-row-group}.customers-table td,.customers-table th{font-size:13px!important;padding:8px 6px!important}.customers-table td:first-child,.customers-table th:first-child{display:none}.customers-table td:nth-child(2),.customers-table th:nth-child(2){text-align:center;width:40px!important}.customers-table td:last-child,.customers-table th:last-child{font-size:12px!important;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}div[style*="Results Count"]{font-size:13px!important;padding:0 8px!important}div[style*="position: absolute"][style*="minWidth: 250"]{left:auto!important;max-width:90vw!important;min-width:200px!important;right:0!important}.modal{padding:0!important}.modal>div,.modal>form{border-radius:0!important;height:100vh!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;width:100vw!important}.modal-close-btn{font-size:32px!important;right:12px!important;top:12px!important}.customer-info{padding:12px}.customer-info .row-1{flex-direction:column}.customer-header{font-size:18px}div[style*="maxWidth: '900px'"]{border-radius:0!important;max-height:100vh!important;max-width:100vw!important;padding:1rem!important;width:100%!important}}@media (max-width:480px){.title-row{font-size:20px;line-height:24px}div[style*="display: flex"][style*="gap: 12px"] button{flex:1 1 100%!important;min-width:100%!important}div[style*="display: flex"][style*="gap: 12px"]:first-of-type{flex-direction:column!important}.customers-table td:nth-child(5),.customers-table th:nth-child(5){display:none}.customers-table td:nth-child(4),.customers-table th:nth-child(4){max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customers-table td,.customers-table th{font-size:12px!important;padding:6px 4px!important}div[style*="background: #f8fafc"]{padding:12px!important}div[style*="background: #f8fafc"] button{padding:12px!important;width:100%!important}}@media (max-width:900px) and (orientation:landscape){.customers-table td:first-child,.customers-table th:first-child{display:table-cell;font-size:11px!important}}@media (hover:none) and (pointer:coarse){.customers-checkbox{height:32px!important;width:32px!important}button{min-height:44px!important}.tableRow{min-height:48px}}@media (max-width:768px){body{overflow-x:hidden}.customer-content{overflow-x:hidden;width:100%}div[style*="borderBottom: '1px solid #e0e5ec'"]{-webkit-overflow-scrolling:touch;overflow-x:auto}}.dropdown-item-danger{border-top:2px solid #f0f1f2;color:#e74c3c!important}.dropdown-item-danger:hover{background:#ffebee!important}.leads-comp.active,.leads-comp2.active{align-items:center;border-bottom:3px solid #2a52bf!important;border-bottom:3px solid var(--Primary-Primary-300,#2a52bf)!important;color:#2a52bf;color:var(--Primary-Primary-300,#2a52bf);display:flex;flex-shrink:0;font-family:Karla;font-size:16px;font-style:normal;font-weight:600;gap:10px;justify-content:center;line-height:24px;min-width:150px;padding:8px 16px;width:150px}.leads-tabs{align-items:center;border-bottom:1px solid #e3ebfa;border-bottom:1px solid var(--Primary-Primary-200,#e3ebfa);display:flex;margin-bottom:20px;margin-top:20px}.leads-tabs .leads-comp{width:150px}.leads-tabs .leads-comp,.leads-tabs .leads-comp2{align-items:center;border-bottom:1px solid #dcdde0;border-bottom:1px solid var(--Grey-Grey-200,#dcdde0);color:#0f1820;color:var(--Grey-Grey-500,#0f1820);display:flex;flex-shrink:0;font-family:Karla;font-size:16px;font-style:normal;font-weight:400;gap:2px;justify-content:center;letter-spacing:.08px;line-height:24px;padding:8px 16px}.leads-tabs .leads-comp2{width:100px}.capture-tool{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.viewer-section-fullscreen{flex:1 1;overflow:hidden;position:relative}.capture-bottom-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:2px solid #ffffff1a;box-shadow:0 -4px 24px #0000004d;display:flex;flex-direction:column;gap:20px;padding:24px}.wizard-progress-bar{align-items:center;display:flex;gap:0;justify-content:center;padding:0 40px}.progress-step{position:relative}.progress-step,.step-indicator{align-items:center;display:flex}.step-indicator{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;font-size:18px;font-weight:600;height:48px;justify-content:center;transition:all .3s ease;width:48px;z-index:2}.progress-step.active .step-indicator{background:#1976d2;border-color:#1976d2;box-shadow:0 0 20px #1976d299;transform:scale(1.15)}.progress-step.completed .step-indicator{background:#4caf50;border-color:#4caf50}.step-check{font-size:24px}.step-number{font-size:20px}.step-label{color:#ffffffb3;font-size:12px;font-weight:500;left:50%;letter-spacing:.5px;position:absolute;text-transform:uppercase;top:60px;transform:translateX(-50%);white-space:nowrap}.progress-step.active .step-label{color:#1976d2;font-weight:600}.progress-step.completed .step-label{color:#4caf50}.step-connector{background:#fff3;height:2px;margin:0 -8px;transition:background .3s ease;width:80px;z-index:1}.step-connector.completed{background:#4caf50}.wizard-controls{align-items:center;display:flex;gap:24px;justify-content:space-around;padding:0 40px}.control-section{display:flex;flex-direction:column;gap:8px}.info-section{flex:0 0 auto;min-width:200px}.section-title{font-size:16px;font-weight:600}.section-subtitle{font-size:13px}.window-section{flex:1 1;gap:12px}.window-buttons{display:flex;flex-wrap:wrap;gap:8px}.btn-add-window,.btn-delete-window{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.btn-delete-window:hover{background:#fff3;border-color:#fff6;transform:translateY(-1px)}.btn-add-window:disabled{cursor:not-allowed;opacity:.4}.btn-icon{font-size:16px}.btn-text{font-size:13px}.btn-count{font-size:12px;opacity:.7}.requirements-checklist{display:flex;flex-wrap:wrap;gap:8px}.requirement-badge{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:16px;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:all .2s}.requirement-badge.met{background:#4caf5033;border-color:#4caf50;color:#4caf50}.requirement-badge.unmet{color:#fff9}.badge-icon{font-size:14px}.action-section{flex:0 0 auto}.btn-confirm-wall{align-items:center;background:linear-gradient(135deg,#1976d2,#1565c0);border:none;border-radius:8px;box-shadow:0 4px 12px #1976d24d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 32px;transition:all .2s;white-space:nowrap}.btn-confirm-wall:disabled{background:#abcff3;box-shadow:none;cursor:not-allowed}.fullscreen-loader-wrapper{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center}.loader-status{margin-top:92px;text-align:center}.loader-status h3{font-size:24px;font-weight:600;margin:0 0 12px}.loader-status p{font-size:16px;margin:8px 0;opacity:.9}.progress-text{font-size:14px!important;margin-top:16px!important;opacity:.7!important}.design-canvas-wrapper{background:#f5f5f5;display:flex;height:100%;width:100%}.view-sidebar{background:#fff;border-left:2px solid #e0e0e0;order:2;overflow-y:auto;padding:16px;width:200px}.view-sidebar h4{color:#7f8c8d;font-size:14px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.view-thumbnails{display:flex;flex-direction:column;gap:12px}.view-thumbnail{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s}.view-thumbnail:hover{border-color:#3498db;box-shadow:-2px 2px 8px #2196f333;transform:translateX(-4px)}.view-thumbnail.active{border-color:#2196f3;box-shadow:-2px 2px 8px #2196f34d}.view-thumbnail img{display:block;height:100px;object-fit:cover;width:100%}.view-thumbnail span{background:#f8f9fa;color:#2c3e50;display:block;font-size:12px;font-weight:600;padding:8px;text-align:center}.view-thumbnail.active span{background:#e3f2fd;color:#2196f3}.canvas-main{display:flex;flex:1 1;flex-direction:column;order:1}.canvas-toolbar-top{align-items:center;background:#fff;border-bottom:2px solid #e0e0e0;display:flex;gap:16px;padding:12px 16px}.tool-group{align-items:center;display:flex;gap:4px}.toolbar-spacer{flex:1 1}.tool-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:60px;padding:8px 12px;transition:all .2s}.tool-btn:hover{background:#f8f9fa;border-color:#3498db}.tool-btn.active{background:#2196f3;border-color:#2196f3;color:#fff}.tool-btn.btn-delete{animation:pulse 1.5s infinite;border-color:#e74c3c}.tool-btn.btn-delete:hover{background:#e74c3c;border-color:#e74c3c;color:#fff}.tool-btn.btn-delete .label{color:#e74c3c}.tool-btn.btn-delete:hover .label{color:#fff}.tool-btn .icon-design{font-size:20px}.tool-btn .label{font-size:11px;font-weight:600}.tool-btn.active .label{color:#fff}.zoom-indicator{color:#7f8c8d;font-family:monospace;font-size:13px;font-weight:600;padding:8px 12px}.canvas-container{background:#ecf0f1;flex:1 1;position:relative}.canvas-status-bar{align-items:center;background:#fffffff2;border-radius:6px;bottom:12px;box-shadow:0 2px 8px #0000001a;color:#7f8c8d;display:flex;font-family:monospace;font-size:12px;gap:8px;padding:8px 16px;position:absolute;right:12px}.canvas-status-bar span{white-space:nowrap}.design-canvas-loading{align-items:center;background:#fff;color:#7f8c8d;display:flex;font-size:18px;height:100%;justify-content:center;width:100%}.design-tool-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.design-tool-overlay{background:#000000b3;bottom:0;left:0;position:absolute;right:0;top:0}.design-tool-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;height:95vh;overflow:hidden;position:relative;width:95vw}.design-tool-header{align-items:center;border-bottom:1px solid #fff3;color:#fff;display:flex;gap:20px;justify-content:space-between;padding:16px 24px}.design-tool-header h2{flex-shrink:0;font-size:20px;font-weight:600;margin:0}.header-actions{display:flex;gap:12px;margin-left:auto}.phase-indicator{align-items:center;display:flex;gap:12px}.phase-indicator span{background:#f0f0f0;border-radius:20px;color:#95a5a6;font-size:14px;font-weight:600;padding:8px 16px}.phase-indicator span.active{background:#2196f3;color:#fff}.phase-indicator span.complete{background:#4caf50;color:#fff}.btn-add-window,.btn-back,.btn-capture,.btn-close,.btn-delete-window,.btn-export,.btn-save,.btn-save-annotations,.btn-save-next,.btn-skip,.close-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-save,.btn-save-annotations{background:#27ae60;color:#fff}.btn-save-annotations:hover,.btn-save:hover{background:#229954;box-shadow:0 4px 8px #27ae604d;transform:translateY(-1px)}.btn-save-next{background:#2196f3;color:#fff;font-size:16px;font-weight:700;padding:14px 20px}.btn-save-next:hover:not(:disabled){background:#1976d2;box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.btn-save-next:disabled{cursor:not-allowed}.btn-capture,.btn-export{background:#3498db;color:#fff}.btn-capture:hover,.btn-export:hover{background:#2980b9;box-shadow:0 4px 8px #3498db4d;transform:translateY(-1px)}.btn-close,.close-btn{background:#fff3;color:#000;font-size:18px}.btn-close:hover,.close-btn:hover{background:#ffffff4d}.close-helper-btn{background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;padding:4px 8px;transition:background .2s}.close-helper-btn:hover{background:#ffffff1a}.btn-skip{background:#fff;border:2px solid #2196f3;color:#2196f3;font-weight:600;padding:10px 16px}.btn-skip:hover{background:#e3f2fd}.btn-back{background:#fff;border:2px solid #bdc3c7;color:#7f8c8d;font-weight:600;padding:12px 24px}.btn-back:hover{border-color:#95a5a6;color:#2c3e50}.btn-add-window,.btn-delete-window{background:#fff;border:2px solid #2196f3;box-shadow:0 2px 8px #0000001a;font-weight:700;padding:10px 15px}.btn-add-window:hover{background:#2196f3;box-shadow:0 4px 12px #2196f34d;color:#fff;transform:translateY(-2px)}.btn-delete-window{border-color:#f44336}.btn-save-next:disabled{cursor:not-allowed!important;opacity:.6}.btn-save-next:disabled:hover{background:#ccc!important}.design-tool-content{display:flex;flex:1 1;gap:0;height:calc(100vh - 80px);overflow:hidden}.left-sidebar{background:#fff;border-right:2px solid #e0e0e0;display:flex;flex-direction:column;overflow-y:auto;width:300px}.sidebar-section{border-bottom:1px solid #e0e0e0;padding:20px}.sidebar-section h3{color:#2c3e50;font-size:16px;margin:0 0 16px}.capture-progress{border-bottom:1px solid #e0e0e0;padding:20px}.capture-progress h4{color:#7f8c8d;font-size:14px;margin:0 0 12px}.view-checklist{display:flex;flex-direction:column;gap:8px}.view-item{background:#f8f9fa;border-radius:6px;font-size:14px;font-weight:500;padding:8px 12px}.view-item.current{background:#e3f2fd;border-left:4px solid #2196f3;font-weight:700}.view-item.captured{background:#e8f5e9;color:#2e7d32}.sidebar-actions{border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;gap:12px;padding:20px}.current-view-info{background:#f8f9fa;margin-top:auto;padding:20px}.current-view-info h4{color:#7f8c8d;font-size:12px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.view-name{color:#2196f3;font-size:24px;font-weight:700;margin:0 0 8px}.view-instruction{color:#7f8c8d;font-size:13px;line-height:1.5;margin:0}.viewer-section{flex:1 1;position:relative}.design-tool-3d-viewer{height:100%;width:100%}.annotation-layout{flex:1 1}.view-selector-bar{background:#fff;border-bottom:2px solid #e0e0e0;display:flex;gap:8px;padding:16px}.view-selector-bar button{background:#fff;border:2px solid #bdc3c7;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.view-selector-bar button.active{background:#2196f3;border-color:#2196f3;color:#fff}.drawing-section{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.annotation-actions{background:#fff;border-top:2px solid #e0e0e0}.camera-helper-overlay{pointer-events:auto;position:absolute;right:20px;top:20px;z-index:100}.camera-helper-panel{background:#2c2c2cf2;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;padding:16px;width:280px}.panel-header{align-items:center;border-bottom:1px solid #555;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.panel-header h3{color:#4caf50;font-size:16px;margin:0}.panel-section{margin-bottom:16px}.panel-section h4{color:#aaa;font-size:13px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.preset-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr}.preset-btn{background:#3a3a3a;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:8px;transition:all .2s}.preset-btn:hover{background:#4a4a4a;border-color:#4caf50}.save-position-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px;transition:all .2s;width:100%}.save-position-btn:hover{background:#45a049;transform:translateY(-1px)}.instructions-list{color:#ccc;font-size:11px;line-height:1.6;margin:8px 0 0;padding-left:20px}.instructions-list li{margin-bottom:4px}.show-camera-helper-btn{background:#4caf50e6;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-size:20px;height:44px;position:absolute;right:20px;top:20px;transition:all .2s;width:44px;z-index:100}.show-camera-helper-btn:hover{background:#45a049f2;transform:scale(1.05)}.window-controls-overlay{display:flex;flex-direction:column;gap:10px;position:absolute;right:20px;top:20px;z-index:5}.window-count{background:#fffffff2;border-radius:6px;box-shadow:0 2px 4px #0000001a;font-size:12px;font-weight:700;padding:8px 12px;text-align:center}.error-state,.loading-state{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:50%;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.error-state p,.loading-state p{color:#2c3e50;margin:0}.error-state p:first-child{color:#e74c3c;font-weight:600}.design-tool-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;padding:12px 24px}.footer-info{color:#95a5a6;display:flex;font-family:monospace;font-size:12px;gap:12px}.footer-info span:not(:last-child){padding-right:12px}.tool-info{background:#fff;border-top:1px solid #e0e0e0;color:#7f8c8d;font-size:14px;padding:12px 24px}.window-controls{background:#f8fafc;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:12px}.wall-window-controls{display:flex;flex-direction:column;gap:8px}.wall-label{color:#2c3e50;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.window-button-group{display:flex;gap:8px}.btn-add-window:active{transform:translateY(0)}.btn-add-window{max-height:75px}.btn-delete-window{max-height:55px}.window-actions{border-top:1px solid #e0e5ec;margin-top:4px;padding-top:8px}.annotation-toolbar{align-items:center;background:#2c3e50;border-bottom:2px solid #34495e;display:flex;flex-wrap:wrap;gap:24px;padding:16px}.toolbar-section{align-items:center;display:flex;gap:8px}.toolbar-section label{color:#fff;font-size:14px;font-weight:600;margin-right:8px}.toolbar-section button{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.toolbar-section button:hover{background:#fff3}.toolbar-section button.active{background:#3498db;border-color:#2980b9}.annotation-layout{display:flex;flex-direction:column;height:100%}.annotation-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px}.btn-cancel-annotations,.btn-save-annotations{background:#95a5a6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px}.btn-save-annotations{background:#27ae60}.btn-save-annotations:hover:not(:disabled){background:#229954}.btn-save-annotations:disabled{cursor:not-allowed;opacity:.5}.color-tile{border-radius:4px;cursor:pointer;height:28px;transition:all .2s;width:28px}.color-tile:hover{transform:scale(1.1)}.tool-btn-small{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;padding:4px 12px;transition:all .2s}.tool-btn-small:hover{background:#fff3}.price-sheet-container{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;padding:24px}.price-sheet-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.price-sheet-header h2{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.price-sheet-actions{display:flex;gap:8px}.btn-export,.btn-import,.btn-save{background:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#2c3e50;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .15s ease}.btn-export:hover,.btn-import:hover{background:#f5f5f5;border-color:#b0b0b0}.btn-save{background:#4caf50;border-color:#4caf50;color:#fff}.btn-save:hover:not(:disabled){background:#45a049;border-color:#45a049}.btn-save:disabled{cursor:not-allowed}.btn-import{align-items:center;cursor:pointer;display:inline-flex}.price-sheet-info{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;color:#555;display:flex;font-size:13px;gap:24px;margin-bottom:16px;padding:12px}.price-sheet-info div{display:flex;gap:6px}.price-sheet-info strong{color:#2c3e50;font-weight:600}.price-sheet-table{background:#fff;border-collapse:collapse;box-shadow:0 1px 3px #0000001a;width:100%}.price-sheet-table thead{background:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:10}.price-sheet-table thead th{background:#f8f9fa;border:1px solid #d0d0d0;color:#555;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 8px;text-align:left;text-transform:uppercase}.price-sheet-table tbody tr{border-bottom:1px solid #e0e0e0}.price-sheet-table tbody tr:hover{background:#f9f9f9}.price-sheet-table tbody td{border:1px solid #e0e0e0;color:#2c3e50;font-size:13px;height:36px;padding:0;vertical-align:middle}.price-sheet-table tbody tr td[colspan="5"]{background:#e8f4f8;border:1px solid #d0d0d0;font-weight:700;padding:10px 12px}.price-input-wrapper{align-items:center;display:flex;height:100%;position:relative;width:100%}.price-input{background:#0000;border:none;color:#2c3e50;font-family:inherit;font-size:13px;height:36px;outline:none;padding:0 32px 0 8px;text-align:right;width:100%}.price-input:focus{background:#fffef7;box-shadow:inset 0 0 0 2px #4caf50}.currency-symbol{color:#999;font-size:12px;pointer-events:none;position:absolute;right:8px}.vat-input-wrapper{align-items:center;display:flex;gap:4px;height:36px;padding:0 8px}.vat-input{border:1px solid #d0d0d0;border-radius:3px;font-size:13px;height:28px;outline:none;padding:0 4px;text-align:center;transition:all .15s ease;width:50px}.vat-input:focus:not(:disabled){border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a}.vat-input:disabled{border-color:#e0e0e0;cursor:not-allowed}.percent-symbol{color:#999;font-size:12px;margin-right:8px}.manual-vat-label{align-items:center;color:#666;cursor:pointer;display:flex;font-size:11px;gap:4px;-webkit-user-select:none;user-select:none;white-space:nowrap}.manual-vat-label input[type=checkbox]{cursor:pointer}.total-input{color:#2c3e50;font-weight:600}.total-input:focus{background:#fff9e6;box-shadow:inset 0 0 0 2px #ff9800}.unsaved-warning{animation:slideIn .3s ease;background:#fff3cd;border:1px solid #ffc107;border-radius:4px;bottom:24px;box-shadow:0 2px 8px #00000026;color:#856404;font-size:13px;font-weight:500;padding:12px 20px;position:fixed;right:24px;z-index:1000}.price-sheet-container .loader-container{align-items:center;background:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@media (max-width:1200px){.price-sheet-info{flex-wrap:wrap}.manual-vat-label{font-size:10px}}@media (max-width:768px){.price-sheet-container{padding:16px}.price-sheet-header{align-items:flex-start;flex-direction:column;gap:12px}.price-sheet-actions{justify-content:flex-end;width:100%}.price-input,.price-sheet-table{font-size:12px}}.ai-assistant-container{background:#f8fafc;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;overflow:hidden}.ai-assistant-messages{-webkit-overflow-scrolling:touch;background:#f8fafc;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:20px}.ai-assistant-quick-actions{gap:12px}.ai-assistant-quick-btn{align-items:center;background:#fff;border:1px solid #e0e5ec;border-radius:8px;color:#0f1820;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:14px;padding:16px 20px;transition:all .2s ease}.ai-assistant-message{animation:slideIn .3s ease-out;display:flex}.ai-assistant-message.user{justify-content:flex-end}.ai-assistant-message.assistant{justify-content:flex-start}.ai-assistant-message-bubble{word-wrap:break-word;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:14px 18px}.ai-assistant-message.user .ai-assistant-message-bubble{background:linear-gradient(135deg,#2a52bf,#1e3a8a);border-bottom-right-radius:4px;color:#fff}.ai-assistant-message.assistant .ai-assistant-message-bubble{background:#fff;border-bottom-left-radius:4px;border-left:3px solid #2a52bf;color:#0f1820}.ai-assistant-message-text{font-size:13px;line-height:1.6;margin-bottom:6px}.ai-assistant-message-text p{margin:0 0 10px}.ai-assistant-message-text p:last-child{margin-bottom:0}.ai-assistant-message-text h1,.ai-assistant-message-text h2,.ai-assistant-message-text h3,.ai-assistant-message-text h4{font-weight:600;margin:16px 0 8px}.ai-assistant-message-text h1{font-size:20px}.ai-assistant-message-text h2{font-size:18px}.ai-assistant-message-text h3{font-size:16px}.ai-assistant-message-text h4{font-size:14px}.ai-assistant-message-text ol,.ai-assistant-message-text ul{margin:10px 0;padding-left:24px}.ai-assistant-message-text li{margin:6px 0}.ai-assistant-message-text b,.ai-assistant-message-text strong{font-weight:600}.ai-assistant-message-text code{background:#0000000d;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:13px;padding:2px 6px}.ai-assistant-message-text pre{background:#f1f5f9;border-radius:8px;margin:12px 0;overflow-x:auto;padding:12px}.ai-assistant-message-text pre code{background:none;padding:0}.ai-assistant-message-text blockquote{border-left:3px solid #2a52bf;color:#64748b;font-style:italic;margin:12px 0;padding-left:12px}.ai-assistant-message-text a{border-bottom:1px solid #0000;color:#2a52bf;text-decoration:none;transition:border-color .2s}.ai-assistant-message-text a:hover{border-bottom-color:#2a52bf}.ai-assistant-message-text table{border-collapse:collapse;font-size:14px;margin:12px 0;width:100%}.ai-assistant-message-text td,.ai-assistant-message-text th{border:1px solid #e0e5ec;padding:8px 12px;text-align:left}.ai-assistant-message-text th{background:#f8fafc;font-weight:600}.ai-assistant-message-text hr{border:none;border-top:1px solid #e0e5ec;margin:16px 0}.ai-assistant-message-text img{border-radius:8px;display:block;height:auto;margin:8px 0;max-width:100%}.ai-assistant-message-time{font-size:12px;font-weight:400;margin-top:6px;opacity:.7}.ai-assistant-typing{display:flex;gap:5px;padding:10px 0}.ai-assistant-typing span{animation:typing 1.4s infinite;background:#94a3b8;border-radius:50%;height:9px;width:9px}.ai-assistant-typing span:nth-child(2){animation-delay:.2s}.ai-assistant-typing span:nth-child(3){animation-delay:.4s}.ai-assistant-input-container{background:#fff;border-top:1px solid #e0e5ec;box-shadow:0 -2px 8px #0000000a;display:flex;flex-shrink:0;gap:10px;padding:16px 20px}.ai-assistant-input{background:#f8fafc;border:1px solid #e0e5ec;border-radius:8px;flex:1 1;font-family:inherit;font-size:16px;outline:none;padding:14px 18px;transition:all .2s}.ai-assistant-input:focus{background:#fff;border-color:#2a52bf;box-shadow:0 0 0 3px #2a52bf1a}.ai-assistant-send-btn{align-items:center;background:linear-gradient(135deg,#2a52bf,#1e3a8a);border:none;border-radius:50%;box-shadow:0 2px 8px #2a52bf4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .2s;width:48px}.ai-assistant-send-btn:active:not(:disabled){transform:scale(.95)}.ai-assistant-send-btn:disabled{cursor:not-allowed;opacity:.5}.ai-assistant-send-btn .material-symbols-sharp{font-size:22px}@media (max-width:768px){.ai-assistant-message-bubble{max-width:90%}.ai-assistant-quick-btn{font-size:15px;padding:14px 16px}.ai-assistant-messages{padding:16px 16px 80px}}.floating-ai-button{align-items:center;background:linear-gradient(135deg,#2a52bf,#1e3a8a);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 12px #2a52bf4d;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px;z-index:1000}.floating-ai-button:hover{box-shadow:0 6px 16px #2a52bf66;transform:scale(1.1)}.floating-ai-button:active{transform:scale(.95)}.floating-ai-button .material-symbols-sharp{font-size:28px;transition:transform .3s}.floating-ai-chat-window{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#f8fafc;border-radius:16px;bottom:100px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;height:600px;overflow:hidden;position:fixed;right:24px;width:450px;z-index:1001}.floating-ai-chat-header{align-items:center;background:linear-gradient(135deg,#2a52bf,#1e3a8a);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.floating-ai-chat-header-left{align-items:center;display:flex;gap:12px}.floating-ai-chat-header-left .material-symbols-sharp{font-size:32px}.floating-ai-chat-header h3{font-size:16px;font-weight:600;margin:0}.floating-ai-chat-header p{font-size:12px;margin:0;opacity:.9}.floating-ai-chat-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s;width:32px}.floating-ai-chat-close:hover{background:#fff3}.floating-ai-chat-close .material-symbols-sharp{font-size:20px}.floating-ai-chat-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}@media (max-width:768px){.floating-ai-button{bottom:16px;height:56px;right:16px;width:56px}.floating-ai-chat-window{border-radius:0;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:9999}}.ai-assistant-welcome{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;gap:20px;padding:48px 24px;text-align:center}.ai-assistant-welcome-icon{animation:float 3s ease-in-out infinite;font-size:72px}.ai-assistant-welcome h3{color:#0f1820;font-size:26px;font-weight:600;margin:0}.ai-assistant-welcome p{color:#64748b;font-size:16px;line-height:1.6;margin:0}.ai-assistant-quick-actions{display:flex;flex-direction:column;gap:2px;max-width:320px;width:100%}.ai-assistant-quick-btn:active{background:#eff6ff;border-color:#bfdbfe;transform:scale(.98)}.ai-assistant-quick-btn span:first-child{font-size:28px}.install-prompt-overlay{align-items:flex-end;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10044}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.install-prompt{animation:slideUp .3s ease;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #0003;max-width:500px;padding:24px;position:relative;width:100%;z-index:10004}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.install-prompt-close{align-items:center;background:#f1f3f5;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:32px}.install-prompt-close:hover{background:#e9ecef;color:#0f1820}.install-prompt-icon{border-radius:20px;box-shadow:0 4px 12px #2a52bf33;height:80px;margin:0 auto 20px;overflow:hidden;width:80px}.install-prompt-icon img{height:100%;object-fit:cover;width:100%}.install-prompt h3{color:#0f1820;font-size:24px;font-weight:600;margin:0 0 8px;text-align:center}.install-prompt>p{color:#64748b;font-size:15px;line-height:1.5;margin:0 0 24px;text-align:center}.install-prompt-steps{margin-bottom:24px}.install-step{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.install-step:last-child{margin-bottom:0}.install-step-number{align-items:center;background:#2a52bf;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:32px;justify-content:center;width:32px}.install-step-content{flex:1 1;padding-top:4px}.install-step-content p{color:#0f1820;font-size:15px;margin:0 0 8px}.install-icon-demo{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:8px;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.install-icon-demo .material-symbols-sharp{color:#2a52bf;font-size:24px}.install-prompt-button{align-items:center;background:#2a52bf;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-bottom:12px;padding:16px;transition:background .2s;width:100%}.install-prompt-button:hover{background:#1e3a8a}.install-prompt-button .material-symbols-sharp{font-size:24px}.install-prompt-dismiss{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:15px;padding:12px;transition:color .2s;width:100%}.install-prompt-dismiss:hover{color:#0f1820}@supports (padding:env(safe-area-inset-bottom)){.install-prompt{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}.mobile-ai-avatar{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:48px;line-height:1}.mobile-ai-welcome{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;gap:20px;padding:48px 24px;text-align:center}.mobile-ai-welcome-icon{animation:float 3s ease-in-out infinite;font-size:72px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mobile-ai-welcome h3{color:#0f1820;font-size:26px;font-weight:600;margin:0}.mobile-ai-welcome p{color:#64748b;font-size:16px;line-height:1.6;margin:0}.mobile-ai-quick-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px;max-width:320px;width:100%}.mobile-ai-quick-btn{align-items:center;background:#fff;border:1px solid #e0e5ec;border-radius:8px;box-shadow:0 1px 3px #0000000f;color:#0f1820;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:14px;padding:16px 20px;transition:all .2s ease}.mobile-ai-quick-btn:active{background:#eff6ff;border-color:#bfdbfe;transform:scale(.98)}.mobile-ai-quick-btn span:first-child{font-size:28px}.mobile-ai-message{animation:slideIn .3s ease-out;display:flex;margin-bottom:20px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-ai-message.user{justify-content:flex-end}.mobile-ai-message.assistant{justify-content:flex-start}.mobile-ai-message-bubble{word-wrap:break-word;border-radius:12px;box-shadow:0 2px 8px #0000000f;max-width:85%;padding:14px 18px}.mobile-ai-message.user .mobile-ai-message-bubble{background:linear-gradient(135deg,#2a52bf,#1e3a8a);border-bottom-right-radius:4px;color:#fff}.mobile-ai-message.assistant .mobile-ai-message-bubble{background:#fff;border-bottom-left-radius:4px;border-left:3px solid #2a52bf;color:#0f1820}.mobile-ai-message-text{font-size:15px;line-height:1.6;margin-bottom:6px}.mobile-ai-message-text p{margin:0 0 10px}.mobile-ai-message-text p:last-child{margin-bottom:0}.mobile-ai-message-text h1,.mobile-ai-message-text h2,.mobile-ai-message-text h3,.mobile-ai-message-text h4{font-weight:600;margin:16px 0 8px}.mobile-ai-message-text h1{font-size:20px}.mobile-ai-message-text h2{font-size:18px}.mobile-ai-message-text h3{font-size:16px}.mobile-ai-message-text h4{font-size:14px}.mobile-ai-message-text ol,.mobile-ai-message-text ul{margin:10px 0;padding-left:24px}.mobile-ai-message-text li{margin:6px 0}.mobile-ai-message-text b,.mobile-ai-message-text strong{font-weight:600}.mobile-ai-message-text code{background:#0000000d;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:13px;padding:2px 6px}.mobile-ai-message-text pre{background:#f1f5f9;border-radius:8px;margin:12px 0;overflow-x:auto;padding:12px}.mobile-ai-message-text pre code{background:none;padding:0}.mobile-ai-message-text blockquote{border-left:3px solid #2a52bf;color:#64748b;font-style:italic;margin:12px 0;padding-left:12px}.mobile-ai-message-text a{border-bottom:1px solid #0000;color:#2a52bf;text-decoration:none;transition:border-color .2s}.mobile-ai-message-text a:hover{border-bottom-color:#2a52bf}.mobile-ai-message-text table{border-collapse:collapse;font-size:14px;margin:12px 0;width:100%}.mobile-ai-message-text td,.mobile-ai-message-text th{border:1px solid #e0e5ec;padding:8px 12px;text-align:left}.mobile-ai-message-text th{background:#f8fafc;font-weight:600}.mobile-ai-message-text hr{border:none;border-top:1px solid #e0e5ec;margin:16px 0}.mobile-ai-message-text img{border-radius:8px;display:block;height:auto;margin:8px 0;max-width:100%}.mobile-ai-message-time{font-size:12px;font-weight:400;margin-top:6px;opacity:.7}.mobile-ai-typing{display:flex;gap:5px;padding:10px 0}.mobile-ai-typing span{animation:typing 1.4s infinite;background:#94a3b8;border-radius:50%;height:9px;width:9px}.mobile-ai-typing span:nth-child(2){animation-delay:.2s}.mobile-ai-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.mobile-ai-input{background:#f8fafc;border:1px solid #e0e5ec;border-radius:8px;flex:1 1;font-family:inherit;font-size:16px;outline:none;padding:14px 18px;transition:all .2s}.mobile-ai-input:focus{background:#fff;border-color:#2a52bf;box-shadow:0 0 0 3px #2a52bf1a}.mobile-ai-send{align-items:center;background:linear-gradient(135deg,#2a52bf,#1e3a8a);border:none;border-radius:50%;box-shadow:0 2px 8px #2a52bf4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .2s;width:48px}.mobile-ai-send:active:not(:disabled){transform:scale(.95)}.mobile-ai-send:disabled{cursor:not-allowed;opacity:.5}.mobile-ai-send .material-symbols-sharp{font-size:22px}.mobile-ai-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center}.mobile-ai-spinner{animation:spin .8s linear infinite;border:3px solid #e0e5ec;border-radius:50%;border-top-color:#2a52bf;height:44px;width:44px}@media (max-width:768px){.mobile-ai-message-bubble{max-width:90%}.mobile-ai-quick-btn{font-size:15px;padding:14px 16px}.mobile-ai-header{padding:16px}.mobile-ai-messages{padding:16px 16px 80px}}.mobile-ai-chat-container{background:#f8fafc;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;max-height:90vh!important;overflow:hidden;padding:0;position:relative}.mobile-ai-header{background:#fff;border-bottom:1px solid #e0e5ec;display:none;flex-shrink:0;padding:12px 20px;z-index:5}.mobile-ai-header-content{align-items:center;display:flex;gap:12px}.mobile-ai-avatar{font-size:24px}.mobile-ai-header h2{color:#0f1820;font-size:16px;font-weight:600;margin:0}.mobile-ai-status{color:#64748b;font-size:12px;margin:0}.mobile-ai-messages{-webkit-overflow-scrolling:touch;background:#f8fafc;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:20px}.mobile-ai-input-container{align-items:center;background:#fff;border-top:1px solid #e0e5ec;bottom:0;box-shadow:0 -2px 8px #0000000a;display:flex;flex-shrink:0;gap:10px;height:100px;justify-items:center;left:0;padding:16px 20px;position:-webkit-sticky;position:sticky;right:0;z-index:10001}.content-grid{grid-gap:16px;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;height:120vh;padding:16px}.sidebar{background:#fff;box-shadow:0 2px 16px 0 #0e474912;margin-top:50px;overflow-x:hidden;transition:width .35s cubic-bezier(.4,0,.2,1);width:260px;z-index:2}.sidebar,.sidebar.collapsed{border-radius:20px;max-height:510px;min-width:60px}.sidebar.collapsed{width:60px}.content-area{background:#f8fafb;flex:1 1;padding:30px 32px 50px 50px;transition:margin-left .35s cubic-bezier(.4,0,.2,1)}.notification-bar-item:hover .notification-item-link{opacity:1}.notifications-resize-handle{align-items:center;background:#e0e0e0;cursor:ns-resize;display:flex;height:8px;justify-content:center;position:relative;transition:background .2s;width:100%}.notifications-resize-handle:hover{background:#cbd5e1}.notifications-resize-handle.dragging{background:#1976d2}.notifications-resize-handle-bar{background:#94a3b8;border-radius:2px;height:4px;pointer-events:none;transition:background .2s;width:40px}.notifications-resize-handle.dragging .notifications-resize-handle-bar{background:#fff}.notifications-chevron-bar{align-items:center;background:#efefef;border-radius:0 0 20px 20px;cursor:pointer;display:none;text-align:center;width:100%}.notifications-chevron-button{background:#0000;border:none;color:#666;cursor:pointer;font-size:20px;line-height:1;padding:0 8px;transition:transform .2s;z-index:500}@media (min-width:769px) and (max-width:1024px){.content-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important}}.grid-item{align-items:left;background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:16px 16px 1px;text-align:center}.grid-title{border-bottom:1px solid #ccc;color:#002147;font-family:Roboto Mono,Karla,Segoe UI,Arial,sans-serif;font-weight:700;letter-spacing:.01em;padding-bottom:10px;text-align:left}.grid-item:first-child{background:#fff7e2;color:#5b3c03}.grid-item:nth-child(2){background:#e3ebfa;color:#062944}.grid-item:nth-child(3){background:#ede7f6;color:#4a148c}.grid-item:nth-child(4){background:#e0f2f1;color:#004d40}.grid-item:nth-child(5){background:#e1f5fe;color:#01579b}.grid-item:nth-child(6){background:#ccffda;color:#1c4f3f}.grid-item{height:100%;overflow-y:auto;width:100%}.orders-table{border-collapse:collapse;padding:10px;text-align:center;width:100%}.tableRow{border-bottom:1px solid #ccc;height:50px;margin-bottom:2px;padding-top:20px}.content-area.chatbot-mode{overflow:hidden;padding:0}@media (max-width:768px){.content-grid{grid-gap:16px;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;height:180vh;padding:16px}}.login-loader-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd9;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.remember-me-label{background:#f8fafc;border-radius:8px;gap:10px;margin:16px 0;padding:12px;transition:background .2s}.remember-me-label:hover{background:#f1f5f9}.remember-me-label input[type=checkbox]{height:20px;margin:0;width:20px}.remember-me-label span{font-weight:500;margin:0}.login-error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.login-error-message,.login-success-message{font-size:14px;line-height:1.5;margin-top:12px;padding:12px 16px}.login-success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a}.login-button-group{display:flex;flex-direction:column;gap:12px;margin-top:20px}.login-primary-btn{background:linear-gradient(135deg,#2a52bf,#1e3a8a);border:none;border-radius:8px;box-shadow:0 2px 8px #2a52bf40;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s;width:100%}.login-primary-btn:hover:not(:disabled){box-shadow:0 4px 12px #2a52bf59;transform:translateY(-2px)}.login-primary-btn:active:not(:disabled){transform:translateY(0)}.login-primary-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-secondary-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:16px;font-weight:500;padding:14px 24px;transition:all .2s;width:100%}.login-secondary-btn:hover{background:#e5e7eb;border-color:#d1d5db}.login-secondary-btn:active{background:#d1d5db}.settings-form-field .textField{transition:all .2s}.settings-form-field .textField:focus{border-color:#2a52bf;box-shadow:0 0 0 3px #2a52bf1a;outline:none}.logo-centered{display:flex;justify-content:center;margin-bottom:24px}.small-brand{border-radius:4px;color:#64748b;cursor:pointer;font-size:14px;padding:4px 12px;transition:all .2s}.small-brand:hover{background:#f1f5f9;color:#2a52bf}@media (max-width:768px){.login-modal{padding:20px}.remember-me-label{padding:10px}.login-primary-btn,.login-secondary-btn{font-size:15px;padding:12px 20px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.login-primary-btn:disabled{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.remember-me-label:focus-within{outline:2px solid #2a52bf;outline-offset:2px}input[type=checkbox]:focus-visible{outline:2px solid #2a52bf;outline-offset:2px}.contact-title,.help-title,.hero-title,.landing-title{color:#002147;font-family:Karla,Segoe UI,Arial,sans-serif;font-weight:800;letter-spacing:.01em}.feature-title,.logo-text{color:#002147;font-family:Roboto Mono,Karla,Segoe UI,Arial,sans-serif;font-weight:700;letter-spacing:.01em}.landing-root{background:#f6f9fe;min-height:100vh}.landing-page-header{align-items:center;background:#0000;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:32px 40px 0;position:relative;width:100%;z-index:10}.header-logo{gap:14px}.header-logo,.logo-circle{align-items:center;display:flex}.logo-circle{animation:flow-gradient 4s ease-in-out infinite;background:linear-gradient(120deg,#007bff 20%,#00c6ff 60%,#036);background-size:200% 200%;border-radius:50%;box-shadow:0 4px 18px 0 #007bff2e;color:#fff;font-family:Roboto Mono,Karla,Segoe UI,Arial,sans-serif;font-size:2.2rem;font-weight:800;height:50px;justify-content:center;letter-spacing:.04em;margin-right:-50px;text-transform:lowercase;width:50px}@keyframes flow-gradient{0%{background-position:0 50%}to{background-position:100% 50%}}.logo-text{color:#002147;font-family:Roboto Mono,Karla,Segoe UI,Arial,sans-serif;font-size:2rem;font-weight:700;letter-spacing:.01em}.header-cta{display:flex;gap:18px}.header-btn-secondary{background:#f3f6fa;border:1.5px solid #007bff;border-radius:8px;box-shadow:2px 2px 8px #e0e5ec;color:#002147;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:10px 32px;transition:background .18s,color .18s;width:100%}.header-btn-secondary:hover{background:#e6f0ff;color:#007bff}.header-btn{background:#007bff;border:none;border-radius:8px;box-shadow:2px 2px 8px #e0e5ec;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:10px 32px;transition:background .18s}.header-btn:hover{background:#0056b3}.hero{align-items:center;background:linear-gradient(120deg,#e6f0ff 60%,#f6f9fe);display:flex;flex-direction:column;justify-content:center;min-height:70vh;padding:80px 20px 60px;position:relative;text-align:center;width:100%}.hero-bg{background:linear-gradient(120deg,#007bff1f,#00216617),url(https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=1200&q=80) 50%/cover no-repeat;inset:0;opacity:.13;position:absolute;z-index:0}.hero-content{margin:0 auto;max-width:700px;position:relative;z-index:1}.hero-logo{margin-bottom:18px}.hero-title{color:#002147;font-family:Karla,Segoe UI,Arial,sans-serif;font-size:2.7rem;font-weight:800;letter-spacing:.01em;margin-bottom:16px}.hero-claim{color:#007bff;font-size:1.25rem;font-weight:600;letter-spacing:.02em;margin-bottom:22px}.hero-desc{color:#222c3a;font-family:Karla,Segoe UI,Arial,sans-serif;font-size:1.18rem;line-height:1.6;margin-bottom:32px}.landing-modal-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0000002e;cursor:pointer;inset:0;position:absolute}.landing-popup{align-items:center;background:#fff;border-radius:18px;box-shadow:0 8px 32px 0 #1e293b2e;display:flex;flex-direction:column;max-width:340px;padding:48px 32px 36px;position:relative;text-align:center;width:100%}.landing-popup,.landing-title{font-family:Karla,Segoe UI,Arial,sans-serif}.landing-title{color:#002147;font-size:2rem;font-weight:700;margin-bottom:18px}.landing-desc{color:#222c3a;font-size:1.1rem;margin-bottom:32px}.landing-desc,.landing-input{font-family:Karla,Segoe UI,Arial,sans-serif}.landing-input{background:#f6f9fe;border:1.5px solid #b3c6e0;border-radius:8px;box-sizing:border-box;color:#002147;font-size:1rem;margin-bottom:18px;outline:none;padding:10px 12px;transition:border-color .18s;width:100%}.landing-input:focus{background:#fff;border-color:#007bff}.landing-btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Karla,Segoe UI,Arial,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:8px;padding:12px 0;transition:background .18s;width:100%}.landing-btn:hover{background:#0056b3}.help-section{align-items:center;background:#fff;border-radius:0 0 32px 32px;box-shadow:0 4px 32px 0 #1e293b0f;display:flex;flex-direction:column;margin-bottom:32px;padding:64px 20px 48px;width:100%}.help-title{color:#002147;font-family:Karla,Segoe UI,Arial,sans-serif;font-size:2rem;font-weight:700;letter-spacing:.01em;margin-bottom:18px}.help-features{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-bottom:32px;max-width:1100px}.feature-card{background:#f6f9fe;border-radius:12px;box-shadow:0 2px 8px 0 #007bff12;color:#002147;flex:1 1 220px;font-family:Karla,Segoe UI,Arial,sans-serif;max-width:320px;min-width:220px;padding:24px 20px;text-align:left}.feature-title{color:#007bff;font-family:Roboto Mono,Karla,Segoe UI,Arial,sans-serif;font-size:1.15rem;font-weight:600;margin-bottom:8px}.feature-desc{color:#222c3a;font-size:1rem;line-height:1.5}.contact-section,.feature-desc{font-family:Karla,Segoe UI,Arial,sans-serif}.contact-section{background:#fff;border-radius:18px;box-shadow:0 2px 8px 0 #007bff12;margin:0 auto 32px;max-width:900px;padding:48px 24px 32px;text-align:center;width:100%}.contact-title{color:#002147;font-size:1.5rem;margin-bottom:12px}.contact-desc,.contact-title{font-family:Karla,Segoe UI,Arial,sans-serif}.contact-desc{color:#222c3a;font-size:1.08rem;margin-bottom:18px}.contact-form input,.contact-form textarea{background:#f6f9fe;border:1.5px solid #b3c6e0;border-radius:8px;box-sizing:border-box;color:#002147;font-family:Karla,Segoe UI,Arial,sans-serif;font-size:1rem;margin-bottom:12px;padding:10px 12px;width:100%}.contact-form textarea{min-height:60px;resize:vertical}.contact-form button{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Karla,Segoe UI,Arial,sans-serif;font-size:1.1rem;font-weight:600;padding:12px 0;transition:background .18s;width:100%}.contact-form button:hover{background:#0056b3}.footer{color:#b8c2cc;font-family:Karla,Segoe UI,Arial,sans-serif;font-size:.98rem;letter-spacing:.01em;margin-top:32px;padding-bottom:24px;text-align:center}@media (max-width:900px){.contact-section,.header,.help-section{padding-left:10px;padding-right:10px}.help-features{gap:16px}}@media (max-width:600px){.header{flex-direction:column;gap:12px;padding-top:18px}.hero-title,.logo-text{font-size:1.3rem}.help-section{padding:32px 2vw 18px}.feature-card{max-width:100vw;min-width:0;padding:16px 8px}.contact-section{padding:18px 2vw 12px}}.landing-modal-outer{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes popup-fade-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.landing-modal-close{background:none;border:none;color:#b8c2cc;cursor:pointer;font-size:22px;position:absolute;right:18px;top:12px;transition:color .15s;z-index:2}.landing-modal-close:hover{color:#007bff}.landing-popup-content{align-items:center;animation:popup-fade-in .22s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:18px;box-shadow:0 8px 32px 0 #1e293b2e;display:flex;flex-direction:column;min-width:450px;padding:48px 32px 36px;position:relative;z-index:4}@font-face{font-display:auto;font-family:Karla;font-style:normal;font-weight:400;src:url(/static/media/Karla-Regular.ecf99c13cba50b845d50.ttf) format("truetype")}@font-face{font-display:auto;font-family:Karla;font-style:normal;font-weight:600;src:url(/static/media/Karla-SemiBold.424a2a45ed6d58246b0b.ttf) format("truetype")}@font-face{font-display:auto;font-family:Karla;font-style:normal;font-weight:500;src:url(/static/media/Karla-Medium.c901d2a0c17ef5cacc1f.ttf) format("truetype")}@media (min-width:769px){.canvas-section{border-radius:18px;max-height:100vh;min-height:600px}.main-layout{background:#fffefc;display:flex;flex-direction:row;font-family:Karla,sans-serif;width:100%}.canvas-container{min-height:600px}}.package-option{gap:15px}.package-logo,.package-option{align-items:center;display:flex}.package-logo{flex-shrink:0;height:50px;justify-content:center;width:50px}.package-logo img{max-height:100%;max-width:100%;object-fit:contain}.package-info-tooltip{cursor:help;display:inline-flex;margin-left:8px;position:relative}.package-info-tooltip,.tooltip-icon{align-items:center;justify-content:center}.tooltip-icon{background-color:#666;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:18px;transition:background-color .2s;width:18px}.tooltip-icon:hover{background-color:#333}.tooltip-content{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:14px;left:5px;padding:15px;position:absolute;top:-10px;width:200px;z-index:1000}.tooltip-section{margin-bottom:12px}.tooltip-section:last-child{margin-bottom:0}.tooltip-section strong{color:#333;display:block;margin-bottom:4px}.tooltip-section p{color:#666;line-height:1.4;margin:0}.canvas-section{align-items:center;background:#f0eeec;background:var(--Grey-Grey-200,#f0eeec);display:flex;flex-direction:column;justify-content:flex-start;padding:32px 0 0;width:60%;z-index:2}.canvas-container{align-items:center;border-radius:18px;display:flex;height:100%;justify-content:center;overflow:hidden;position:-webkit-sticky;position:sticky;top:3%;width:100%}.canvas-caption{color:#1976d2;font-size:18px;font-weight:500;margin-top:18px;text-align:center}@media (min-width:769px){.config-section{max-height:100vh;padding:40px 48px;width:40%}}.config-section{background:#fff;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;max-width:40%;overflow:auto}.config-title{color:#1976d2;font-size:32px;font-weight:700;margin-bottom:8px}.config-desc{color:#333;font-size:18px;margin-bottom:24px}.web-configurator-sidebar{background-color:#fff;gap:16px;max-width:100%;width:539px}.accordion,.web-configurator-sidebar{align-items:flex-start;display:flex;flex-direction:column}.accordion{cursor:none;opacity:60%;transition:max-height .3s ease-out,opacity .3s ease-out,margin .3s ease-out;width:100%}.accordion.collapsed .header,.accordion.completed .header{height:40px}.accordion.completed{cursor:pointer;opacity:100%}.accordion.expanded .accordion-content{max-height:2000px;opacity:1;padding:24px 16px}.accordion.active{cursor:pointer;opacity:100%}.accordion .header{align-items:center;background-color:#fffefc;cursor:pointer;font-size:20px;font-weight:700;height:40px;justify-content:space-between;transition:background-color .2s ease}.accordion .header,.accordion-content{box-sizing:border-box;display:flex;padding:0 16px;width:100%}.accordion-content{align-items:flex-start;flex-direction:column;gap:16px;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease-out,opacity .3s ease-out,padding .3s ease-out}.accordion-control{align-items:center;display:flex;gap:8px}.selected-value{color:#1e1c19;color:var(--Grey-Grey-700,#1e1c19);font-family:Karla,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;text-align:right}.arrow{color:#666;cursor:pointer;font-family:Material Icons Sharp;font-size:20px}.option{border:1px solid #0000}.option:hover{border:1px solid #1e1c19;border:1px solid var(--Grey-Grey-700,#1e1c19)}.option.selected{background:#f7f7f5;background:var(--Grey-Grey-100,#f7f7f5);border:1px solid #1e1c19;border:1px solid var(--Grey-Grey-700,#1e1c19);border-radius:6px;box-shadow:none}.option.disabled{cursor:not-allowed;opacity:.5}.option .rectangle-99{background-color:#ddd;background-position:50%;background-size:cover;border-radius:4px;flex-shrink:0}.option .frame-179{display:flex;flex:1 1;flex-direction:column;gap:4px}.option .size-label{color:#333;font-size:16px;font-weight:500}.option .size-description{color:#666;font-size:14px}.next-row{display:flex;justify-content:flex-end;margin-top:16px;width:100%}.next-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.next-btn,.next-btn:hover{background-color:#30ccd4}.sunken-options{width:100%}.sunken-label{color:#333;font-size:14px;margin-bottom:8px}.sunken-options-row{display:flex;gap:8px}.sunken-option{border:1px solid #ddd;border-radius:4px;cursor:pointer;flex:1 1;padding:12px;text-align:center;transition:all .2s ease}.sunken-option:hover{background-color:#f5f5f5}.sunken-option.selected{background-color:#e3f2fd;border-color:#30ccd4}.sunken-option .sunken-percent{color:#333;font-size:16px;font-weight:500}.sunken-option .sunken-desc{color:#666;font-size:12px}.window-section{width:100%}.window-title{color:#333;font-size:14px;font-weight:500;margin-bottom:8px}.window-options{display:flex;gap:8px;margin-bottom:16px}.window-option{border:1px solid #ddd;flex:1 1;padding:8px;text-align:center;transition:all .2s ease}.window-option.selected{background-color:#e3f2fd;border-color:#30ccd4}.window-option .window-label{color:#333;font-size:14px}.colors-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);width:100%}.color-option{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:4px}.color-option.selected .color-swatch{border:2px solid #30ccd4;box-shadow:0 0 0 2px #1976d24d}.color-swatch{border:1px solid #ddd;border-radius:50%;height:40px;transition:all .2s ease;width:40px}.color-name{color:#333;font-size:12px;text-align:center}.color-ral{color:#666;font-size:10px}.wpc-grid{grid-template-columns:repeat(3,1fr)}.wpc-swatch{background-position:50%;background-size:cover;border:0!important;border-radius:0!important;box-shadow:none!important;height:100px!important;width:100px!important}.export-form{gap:16px}.export-form,.form-group{display:flex;flex-direction:column}.form-group{gap:4px;width:100%}.form-group label{font-size:14px}.form-input,.form-select{border:1px solid #ddd;display:inline-block;letter-spacing:normal;line-height:normal;text-align:start;text-indent:0;text-shadow:none;text-transform:none;word-spacing:normal}.form-checkbox{align-items:center;gap:8px}.form-checkbox label{color:#333;cursor:pointer;font-size:14px}.photos-section{width:100%}.photo-btn{background-color:#4caf50;margin-bottom:12px;padding:8px 16px}.photos-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.photo-preview{border:1px solid #ddd;width:100%}.photo-preview img{display:block;height:auto}.remove-photo{background-color:#00000080;border-radius:50%;color:#fff;right:4px;top:4px}.submit-btn{align-self:flex-end;background-color:#1976d2;font-size:16px;padding:12px 24px;transition:background-color .2s ease}.submit-btn:hover{background-color:#30ccd4}.submit-btn:disabled{background-color:#bdbdbd}.export-result{background-color:#e8f5e9;border-radius:4px;color:#2e7d32;padding:12px}.sidebar-spacer{flex:1 1;min-height:20px}.sidebar-footer{align-items:center;border-top:1px solid #eee;box-sizing:border-box;display:flex;justify-content:space-between;padding:16px;width:100%}.sidebar-footer span{color:#666;font-size:12px}.export-btn{background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s ease}.export-btn:hover{background-color:#555}@media (max-width:768px){.design-your{display:none}.main-layout{background:#f4f6fa;display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100vh;min-height:100vh;position:relative;width:100vw}.canvas-section{background:#f0eeec;background:var(--Grey-Grey-200,#f0eeec);box-sizing:border-box;flex-shrink:0;min-height:60vh;padding:0;position:fixed;top:0;width:100vw;z-index:1000}.canvas-container,.canvas-section{border-radius:0;margin:0;overflow:hidden}.canvas-container{align-items:center;box-shadow:none;display:flex;height:60vh;justify-content:center;width:100%}.config-section{background:#fff;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;left:0;margin:0;max-height:40vh;min-height:40vh;overflow-y:auto;padding:0;position:fixed;top:60vh;width:100vw;z-index:1}.web-configurator-sidebar{gap:0;max-width:100%;min-width:100%;overflow-y:auto;padding-bottom:20px;width:100%}.accordion .header{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;box-sizing:border-box;display:flex;justify-content:space-between;min-height:60px;padding:16px;position:relative;scroll-margin-top:5px;width:100%}.accordion-content{box-sizing:border-box;padding:20px 16px;width:100%}.canvas-container,.canvas-section,.config-section,.main-layout,.web-configurator-sidebar,body,html{box-sizing:border-box;max-width:100vw;overflow-x:hidden}.option{border-radius:8px;margin-bottom:8px;padding:16px 12px}.next-btn{border-radius:8px;font-size:16px;margin-top:16px;padding:12px 24px;width:100%}.form-input,.form-select{font-size:16px;margin-bottom:0;padding:12px}.colour-swatch{height:60px;width:60px}.colour-swatches-grid{gap:12px;grid-template-columns:repeat(3,1fr)}.colour-swatches-grid.wpc-grid{grid-template-columns:repeat(2,1fr)}}.window-btn{background:#f8fafd;border:1px solid #cfd8dc;border-radius:8px;color:#1976d2;cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;transition:all .2s}.window-btn.selected{background:#1976d2;border:2px solid #1976d2;color:#fff}.sunken-level-control{align-items:center;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;display:flex;margin-left:auto;padding:4px}.arrow-btn{background:none;border:none;color:#1976d2;cursor:pointer;font-size:14px;padding:2px 6px}.arrow-btn:hover:not(:disabled){background:#e3f2fd;border-radius:4px}.arrow-btn:disabled{color:#bdbdbd;cursor:not-allowed}.sunken-percent{font-weight:500;min-width:40px;padding:0 8px;text-align:center}.option{align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;gap:12px;padding:12px;position:relative;transition:background-color .2s ease;width:100%}.colour-current-selection{align-items:center;align-self:stretch;background:#fffefc;background:var(--Beige-Beige-100,#fffefc);border-radius:6px;display:flex;gap:8px;justify-content:center;margin-bottom:16px;padding:8px}.colour-info{align-items:center;display:flex;flex-direction:column}.colour-name{color:#333;font-size:16px;font-weight:600}.colour-ral{color:#666;font-size:12px}.colour-swatches-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);width:100%}.colour-swatches-grid.wpc-grid{grid-template-columns:repeat(3,1fr)}.colour-swatch-frame{align-items:center;border-radius:36px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.colour-swatch{border:1px solid #0000001a;border-radius:32px;box-shadow:0 1px 3px #0000001a;height:44px;transition:all .2s ease;width:44px}.colour-swatch-frame:hover .colour-swatch{transform:scale(1.1)}.colour-swatch.wpc-swatch{background-position:50%;background-size:cover}.colour-swatch-frame.selected .colour-swatch{border:1px solid #35322f;border:1px solid var(--Grey-Grey-600,#35322f);transform:scale(1.1)}.window-option{align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:background-color .2s ease;width:100%}.window-option:hover{background-color:#f5f5f5}.window-option.expanded{background-color:#e3f2fd;border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}.wall-options{background-color:#f9f9f9;border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-bottom:16px;padding:8px 8px 0 36px}.environment-controls{background-color:#ffffffe6;border-radius:8px;bottom:20px;box-shadow:0 2px 10px #0000001a;left:20px;padding:12px;position:absolute;z-index:10}.control-group{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.toggle-label{font-size:14px;font-weight:500;margin-right:10px}.toggle-switch{display:inline-block;height:24px;position:relative;width:46px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}input:checked+.toggle-slider{background-color:#4caf50}input:focus+.toggle-slider{box-shadow:0 0 1px #4caf50}input:checked+.toggle-slider:before{transform:translateX(22px)}.speed-control{align-items:center;display:flex;gap:8px;margin-top:8px}.speed-control label{font-size:14px}.speed-control input[type=range]{flex:1 1;height:6px}.speed-value{font-size:14px;min-width:30px;text-align:right}.wall-option{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:16px;height:68px;margin-bottom:8px;padding:8px;transition:background-color .2s ease;width:100%}.wall-option:hover{background-color:#f0f0f0}.wall-option.selected{background-color:#e3f2fd}.wall-option .rectangle-99{height:50px;width:50px}.nested-options{margin-bottom:12px;padding-left:24px;width:100%}.expanded-option{background-color:#f5f5f5}.loading-overlay{align-items:center;background-color:#fffc;color:#333;display:flex;flex-direction:column;font-weight:500;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:16px;width:40px}.feature-unavailable{background-color:#ff52521a;border-radius:4px;color:#ff5252;display:inline-block;font-size:11px;font-weight:400;margin-left:8px;padding:2px 6px;vertical-align:middle}.disabled-option{cursor:not-allowed;opacity:.5;pointer-events:none;position:relative}.camera-control-indicator{align-items:center;animation:fade-in .3s ease;background-color:#000000b3;border-radius:20px;color:#fff;display:flex;font-size:14px;gap:10px;left:20px;padding:8px 16px;position:absolute;top:20px;z-index:100}.camera-icon{font-size:18px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.option.wall-option.active{background-color:#3f51b51a;border-color:#30ccd4}.export-form{width:100%}.form-group{margin-bottom:0}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:5px}.form-input,.form-select{border:1px solid #d1d1d1;border-radius:4px;font-size:14px;padding:10px;width:100%}.form-input:focus,.form-select:focus{border-color:#30ccd4;box-shadow:0 0 0 2px #0056b333;outline:none}.form-checkbox{align-items:flex-start;display:flex;margin-bottom:12px}.form-checkbox input{margin-right:8px;margin-top:4px}.privacy-consent{background-color:#f8f9fa;border-radius:4px;font-size:13px;margin-bottom:15px;padding:10px}.submit-btn{background-color:#30ccd4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-top:10px;padding:12px 20px;width:100%}.submit-btn:hover{background-color:#003d82}.submit-btn:disabled{background-color:#b3c4d5;cursor:not-allowed}.photos-section{margin-bottom:20px;margin-top:15px}.photo-btn{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:10px;padding:8px 12px}.photos-grid{display:flex;flex-wrap:wrap;gap:10px}.photo-preview{border:1px solid #d1d1d1;border-radius:4px;height:75px;overflow:hidden;position:relative;width:100px}.photo-preview img{height:100%;object-fit:cover;width:100%}.remove-photo{background-color:#ffffffb3;border:none;cursor:pointer;font-size:16px;height:20px;line-height:1;position:absolute;right:0;top:0;width:20px}.form-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;margin:15px 0;padding:10px}.success-message{background-color:#d4edda;border-radius:5px;padding:30px;text-align:center}.success-icon{color:#28a745;font-size:48px;margin-bottom:15px}.success-text{color:#155724;font-size:18px;margin-bottom:5px}.success-text p{font-size:14px;margin-top:10px}.iti{width:100%}.fullscreen-loading-overlay{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .6s ease-out;width:100%;z-index:9999}.loading-logo-container{height:120px;margin-bottom:20px;position:relative;width:120px}.loading-logo{shape-rendering:geometricPrecision;height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px;z-index:2}.loading-spinner-ring{animation:spin 1.5s linear infinite;height:120px;left:0;top:0;width:120px}.loading-spinner-ring,.loading-spinner-ring:before{border:3px solid #0000;border-radius:50%;border-top-color:#30ccd4;position:absolute}.loading-spinner-ring:before{animation:spin 2s linear infinite;bottom:3px;content:"";left:3px;right:3px;top:3px}.loading-spinner-ring:after{animation:spin 1s linear infinite;border:3px solid #0000;border-radius:50%;border-top-color:#30ccd4;bottom:9px;content:"";left:9px;position:absolute;right:9px;top:9px}.loading-text{color:#333;font-family:Roboto,sans-serif;font-size:18px;margin-top:20px}.loading-progress{background-color:#e0e0e0;border-radius:5px;height:5px;margin-top:15px;overflow:hidden;width:250px}.loading-progress-bar{background-color:#1976d2;height:100%;transition:width .3s ease;width:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.accordion .header{scroll-snap-margin-top:5px!important;scroll-margin-top:5px!important}.config-section,html{scroll-behavior:smooth!important}}:root{--iti-hover-color:#0000000d;--iti-border-color:#ccc;--iti-dialcode-color:#999;--iti-dropdown-bg:#fff;--iti-search-icon-color:#999;--iti-spacer-horizontal:8px;--iti-flag-height:12px;--iti-flag-width:16px;--iti-border-width:1px;--iti-arrow-height:4px;--iti-arrow-width:6px;--iti-triangle-border:calc(var(--iti-arrow-width)/2);--iti-arrow-padding:6px;--iti-arrow-color:#555;--iti-path-flags-1x:url(/static/media/flags.bd95ef49b665a571ca04.webp);--iti-path-flags-2x:url(/static/media/flags@2x.bea0200ba7ea874b359f.webp);--iti-path-globe-1x:url(/static/media/globe.7fb216c936a98b90918e.webp);--iti-path-globe-2x:url(/static/media/globe@2x.5dc7e51d6b5d42fc2be4.webp);--iti-flag-sprite-width:3904px;--iti-flag-sprite-height:12px;--iti-mobile-popup-margin:30px}.iti{display:inline-block;position:relative}.iti *{box-sizing:border-box}.iti__a11y-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px}.iti input.iti__tel-input,.iti input.iti__tel-input[type=tel],.iti input.iti__tel-input[type=text]{margin:0!important;position:relative;z-index:0}.iti__country-container{bottom:0;left:0;padding:1px;padding:var(--iti-border-width);position:absolute;top:0}.iti__selected-country{align-items:center;background:none;border:0;border-radius:0;color:inherit;display:flex;font-family:inherit;font-size:inherit;font-weight:inherit;height:100%;line-height:inherit;margin:0;padding:0;position:relative;text-decoration:none;z-index:1}.iti__selected-country-primary{align-items:center;display:flex;height:100%;padding:0 6px 0 8px;padding:0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)}.iti__arrow{border-left:3px solid #0000;border-left:var(--iti-triangle-border) solid #0000;border-right:3px solid #0000;border-right:var(--iti-triangle-border) solid #0000;border-top:4px solid #555;border-top:var(--iti-arrow-height) solid var(--iti-arrow-color);height:0;margin-left:6px;margin-left:var(--iti-arrow-padding);width:0}.iti__arrow--up{border-bottom:4px solid #555;border-bottom:var(--iti-arrow-height) solid var(--iti-arrow-color);border-top:none}.iti__dropdown-content{background-color:#fff;background-color:var(--iti-dropdown-bg);border-radius:3px}.iti--inline-dropdown .iti__dropdown-content{border:1px solid #ccc;border:var(--iti-border-width) solid var(--iti-border-color);box-shadow:1px 1px 4px #0003;margin-left:-1px;margin-left:calc(var(--iti-border-width)*-1);margin-top:3px;position:absolute;z-index:2}.iti__search-input{border-radius:3px;border-width:0;padding-left:30px;padding-right:28px;width:100%}[dir=rtl] .iti__search-input{background-position:right 8px center;padding-left:inherit;padding-right:30px}.iti__search-input+.iti__country-list{border-top:1px solid #ccc;border-top:1px solid var(--iti-border-color)}.iti__search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.iti__search-input-wrapper{align-items:center;display:flex;position:relative}.iti__search-icon{display:flex;left:8px;pointer-events:none;position:absolute}[dir=rtl] .iti__search-icon{left:auto;right:8px}.iti__search-icon-svg{stroke:#999;stroke:var(--iti-search-icon-color);fill:none;stroke-width:3}.iti__search-clear{align-items:center;background:#0000;border:0;border-radius:3px;cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;position:absolute;right:4px;transition:background-color .15s ease;width:24px}.iti__search-clear .iti__search-clear-x{stroke-width:2}.iti__search-clear .iti__search-clear-bg{fill:#999;fill:var(--iti-search-icon-color)}[dir=rtl] .iti__search-clear{left:4px;right:auto}.iti__search-clear:focus-visible,.iti__search-clear:hover{background:#0000000d;background:var(--iti-hover-color);outline:none}.iti__no-results{padding:30px 0;text-align:center}.iti__country-list{-webkit-overflow-scrolling:touch;cursor:pointer;list-style:none;margin:0;overflow-y:scroll;padding:0}.iti--inline-dropdown .iti__country-list{max-height:185px}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap}@media (max-width:500px){.iti--flexible-dropdown-width .iti__country-list{white-space:normal}}.iti__country{align-items:center;display:flex;outline:none;padding:8px;padding:8px var(--iti-spacer-horizontal)}.iti__dial-code{color:#999;color:var(--iti-dialcode-color)}.iti__country.iti__highlight{background-color:#0000000d;background-color:var(--iti-hover-color)}.iti__country-list .iti__flag,.iti__country-name{margin-right:8px;margin-right:var(--iti-spacer-horizontal)}[dir=rtl] .iti__country-list .iti__flag,[dir=rtl] .iti__country-name{margin-left:8px;margin-left:var(--iti-spacer-horizontal);margin-right:0}.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) button.iti__selected-country{cursor:pointer}.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) .iti__selected-country-primary:hover,.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) .iti__selected-country:has(+.iti__dropdown-content:hover) .iti__selected-country-primary{background-color:#0000000d;background-color:var(--iti-hover-color)}.iti .iti__selected-dial-code{margin-left:4px}.iti--container{left:-1000px;padding:1px;padding:var(--iti-border-width);position:fixed;top:-1000px;z-index:1060}.iti--container:hover{cursor:pointer}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti--fullscreen-popup.iti--container{background-color:#00000080;bottom:0;display:flex;flex-direction:column;justify-content:flex-start;left:0;padding:30px;padding:var(--iti-mobile-popup-margin);position:fixed;right:0;top:0}.iti--fullscreen-popup .iti__dropdown-content{display:flex;flex-direction:column;max-height:100%;position:relative}.iti--fullscreen-popup .iti__country{line-height:1.5em;padding:10px}.iti__flag{--iti-flag-offset:100px;background-image:url(/static/media/flags.bd95ef49b665a571ca04.webp);background-image:var(--iti-path-flags-1x);background-position:var(--iti-flag-offset) 0;background-repeat:no-repeat;background-size:3904px 12px;background-size:var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);border-radius:1px;box-shadow:0 0 1px 0 #888;height:12px;height:var(--iti-flag-height);width:16px;width:var(--iti-flag-width)}.iti__ac{--iti-flag-offset:0px}.iti__ad{--iti-flag-offset:-16px}.iti__ae{--iti-flag-offset:-32px}.iti__af{--iti-flag-offset:-48px}.iti__ag{--iti-flag-offset:-64px}.iti__ai{--iti-flag-offset:-80px}.iti__al{--iti-flag-offset:-96px}.iti__am{--iti-flag-offset:-112px}.iti__ao{--iti-flag-offset:-128px}.iti__ar{--iti-flag-offset:-144px}.iti__as{--iti-flag-offset:-160px}.iti__at{--iti-flag-offset:-176px}.iti__au{--iti-flag-offset:-192px}.iti__aw{--iti-flag-offset:-208px}.iti__ax{--iti-flag-offset:-224px}.iti__az{--iti-flag-offset:-240px}.iti__ba{--iti-flag-offset:-256px}.iti__bb{--iti-flag-offset:-272px}.iti__bd{--iti-flag-offset:-288px}.iti__be{--iti-flag-offset:-304px}.iti__bf{--iti-flag-offset:-320px}.iti__bg{--iti-flag-offset:-336px}.iti__bh{--iti-flag-offset:-352px}.iti__bi{--iti-flag-offset:-368px}.iti__bj{--iti-flag-offset:-384px}.iti__bl{--iti-flag-offset:-400px}.iti__bm{--iti-flag-offset:-416px}.iti__bn{--iti-flag-offset:-432px}.iti__bo{--iti-flag-offset:-448px}.iti__bq{--iti-flag-offset:-464px}.iti__br{--iti-flag-offset:-480px}.iti__bs{--iti-flag-offset:-496px}.iti__bt{--iti-flag-offset:-512px}.iti__bw{--iti-flag-offset:-528px}.iti__by{--iti-flag-offset:-544px}.iti__bz{--iti-flag-offset:-560px}.iti__ca{--iti-flag-offset:-576px}.iti__cc{--iti-flag-offset:-592px}.iti__cd{--iti-flag-offset:-608px}.iti__cf{--iti-flag-offset:-624px}.iti__cg{--iti-flag-offset:-640px}.iti__ch{--iti-flag-offset:-656px}.iti__ci{--iti-flag-offset:-672px}.iti__ck{--iti-flag-offset:-688px}.iti__cl{--iti-flag-offset:-704px}.iti__cm{--iti-flag-offset:-720px}.iti__cn{--iti-flag-offset:-736px}.iti__co{--iti-flag-offset:-752px}.iti__cr{--iti-flag-offset:-768px}.iti__cu{--iti-flag-offset:-784px}.iti__cv{--iti-flag-offset:-800px}.iti__cw{--iti-flag-offset:-816px}.iti__cx{--iti-flag-offset:-832px}.iti__cy{--iti-flag-offset:-848px}.iti__cz{--iti-flag-offset:-864px}.iti__de{--iti-flag-offset:-880px}.iti__dj{--iti-flag-offset:-896px}.iti__dk{--iti-flag-offset:-912px}.iti__dm{--iti-flag-offset:-928px}.iti__do{--iti-flag-offset:-944px}.iti__dz{--iti-flag-offset:-960px}.iti__ec{--iti-flag-offset:-976px}.iti__ee{--iti-flag-offset:-992px}.iti__eg{--iti-flag-offset:-1008px}.iti__eh{--iti-flag-offset:-1024px}.iti__er{--iti-flag-offset:-1040px}.iti__es{--iti-flag-offset:-1056px}.iti__et{--iti-flag-offset:-1072px}.iti__fi{--iti-flag-offset:-1088px}.iti__fj{--iti-flag-offset:-1104px}.iti__fk{--iti-flag-offset:-1120px}.iti__fm{--iti-flag-offset:-1136px}.iti__fo{--iti-flag-offset:-1152px}.iti__fr{--iti-flag-offset:-1168px}.iti__ga{--iti-flag-offset:-1184px}.iti__gb{--iti-flag-offset:-1200px}.iti__gd{--iti-flag-offset:-1216px}.iti__ge{--iti-flag-offset:-1232px}.iti__gf{--iti-flag-offset:-1248px}.iti__gg{--iti-flag-offset:-1264px}.iti__gh{--iti-flag-offset:-1280px}.iti__gi{--iti-flag-offset:-1296px}.iti__gl{--iti-flag-offset:-1312px}.iti__gm{--iti-flag-offset:-1328px}.iti__gn{--iti-flag-offset:-1344px}.iti__gp{--iti-flag-offset:-1360px}.iti__gq{--iti-flag-offset:-1376px}.iti__gr{--iti-flag-offset:-1392px}.iti__gt{--iti-flag-offset:-1408px}.iti__gu{--iti-flag-offset:-1424px}.iti__gw{--iti-flag-offset:-1440px}.iti__gy{--iti-flag-offset:-1456px}.iti__hk{--iti-flag-offset:-1472px}.iti__hn{--iti-flag-offset:-1488px}.iti__hr{--iti-flag-offset:-1504px}.iti__ht{--iti-flag-offset:-1520px}.iti__hu{--iti-flag-offset:-1536px}.iti__id{--iti-flag-offset:-1552px}.iti__ie{--iti-flag-offset:-1568px}.iti__il{--iti-flag-offset:-1584px}.iti__im{--iti-flag-offset:-1600px}.iti__in{--iti-flag-offset:-1616px}.iti__io{--iti-flag-offset:-1632px}.iti__iq{--iti-flag-offset:-1648px}.iti__ir{--iti-flag-offset:-1664px}.iti__is{--iti-flag-offset:-1680px}.iti__it{--iti-flag-offset:-1696px}.iti__je{--iti-flag-offset:-1712px}.iti__jm{--iti-flag-offset:-1728px}.iti__jo{--iti-flag-offset:-1744px}.iti__jp{--iti-flag-offset:-1760px}.iti__ke{--iti-flag-offset:-1776px}.iti__kg{--iti-flag-offset:-1792px}.iti__kh{--iti-flag-offset:-1808px}.iti__ki{--iti-flag-offset:-1824px}.iti__km{--iti-flag-offset:-1840px}.iti__kn{--iti-flag-offset:-1856px}.iti__kp{--iti-flag-offset:-1872px}.iti__kr{--iti-flag-offset:-1888px}.iti__kw{--iti-flag-offset:-1904px}.iti__ky{--iti-flag-offset:-1920px}.iti__kz{--iti-flag-offset:-1936px}.iti__la{--iti-flag-offset:-1952px}.iti__lb{--iti-flag-offset:-1968px}.iti__lc{--iti-flag-offset:-1984px}.iti__li{--iti-flag-offset:-2000px}.iti__lk{--iti-flag-offset:-2016px}.iti__lr{--iti-flag-offset:-2032px}.iti__ls{--iti-flag-offset:-2048px}.iti__lt{--iti-flag-offset:-2064px}.iti__lu{--iti-flag-offset:-2080px}.iti__lv{--iti-flag-offset:-2096px}.iti__ly{--iti-flag-offset:-2112px}.iti__ma{--iti-flag-offset:-2128px}.iti__mc{--iti-flag-offset:-2144px}.iti__md{--iti-flag-offset:-2160px}.iti__me{--iti-flag-offset:-2176px}.iti__mf{--iti-flag-offset:-2192px}.iti__mg{--iti-flag-offset:-2208px}.iti__mh{--iti-flag-offset:-2224px}.iti__mk{--iti-flag-offset:-2240px}.iti__ml{--iti-flag-offset:-2256px}.iti__mm{--iti-flag-offset:-2272px}.iti__mn{--iti-flag-offset:-2288px}.iti__mo{--iti-flag-offset:-2304px}.iti__mp{--iti-flag-offset:-2320px}.iti__mq{--iti-flag-offset:-2336px}.iti__mr{--iti-flag-offset:-2352px}.iti__ms{--iti-flag-offset:-2368px}.iti__mt{--iti-flag-offset:-2384px}.iti__mu{--iti-flag-offset:-2400px}.iti__mv{--iti-flag-offset:-2416px}.iti__mw{--iti-flag-offset:-2432px}.iti__mx{--iti-flag-offset:-2448px}.iti__my{--iti-flag-offset:-2464px}.iti__mz{--iti-flag-offset:-2480px}.iti__na{--iti-flag-offset:-2496px}.iti__nc{--iti-flag-offset:-2512px}.iti__ne{--iti-flag-offset:-2528px}.iti__nf{--iti-flag-offset:-2544px}.iti__ng{--iti-flag-offset:-2560px}.iti__ni{--iti-flag-offset:-2576px}.iti__nl{--iti-flag-offset:-2592px}.iti__no{--iti-flag-offset:-2608px}.iti__np{--iti-flag-offset:-2624px}.iti__nr{--iti-flag-offset:-2640px}.iti__nu{--iti-flag-offset:-2656px}.iti__nz{--iti-flag-offset:-2672px}.iti__om{--iti-flag-offset:-2688px}.iti__pa{--iti-flag-offset:-2704px}.iti__pe{--iti-flag-offset:-2720px}.iti__pf{--iti-flag-offset:-2736px}.iti__pg{--iti-flag-offset:-2752px}.iti__ph{--iti-flag-offset:-2768px}.iti__pk{--iti-flag-offset:-2784px}.iti__pl{--iti-flag-offset:-2800px}.iti__pm{--iti-flag-offset:-2816px}.iti__pr{--iti-flag-offset:-2832px}.iti__ps{--iti-flag-offset:-2848px}.iti__pt{--iti-flag-offset:-2864px}.iti__pw{--iti-flag-offset:-2880px}.iti__py{--iti-flag-offset:-2896px}.iti__qa{--iti-flag-offset:-2912px}.iti__re{--iti-flag-offset:-2928px}.iti__ro{--iti-flag-offset:-2944px}.iti__rs{--iti-flag-offset:-2960px}.iti__ru{--iti-flag-offset:-2976px}.iti__rw{--iti-flag-offset:-2992px}.iti__sa{--iti-flag-offset:-3008px}.iti__sb{--iti-flag-offset:-3024px}.iti__sc{--iti-flag-offset:-3040px}.iti__sd{--iti-flag-offset:-3056px}.iti__se{--iti-flag-offset:-3072px}.iti__sg{--iti-flag-offset:-3088px}.iti__sh{--iti-flag-offset:-3104px}.iti__si{--iti-flag-offset:-3120px}.iti__sj{--iti-flag-offset:-3136px}.iti__sk{--iti-flag-offset:-3152px}.iti__sl{--iti-flag-offset:-3168px}.iti__sm{--iti-flag-offset:-3184px}.iti__sn{--iti-flag-offset:-3200px}.iti__so{--iti-flag-offset:-3216px}.iti__sr{--iti-flag-offset:-3232px}.iti__ss{--iti-flag-offset:-3248px}.iti__st{--iti-flag-offset:-3264px}.iti__sv{--iti-flag-offset:-3280px}.iti__sx{--iti-flag-offset:-3296px}.iti__sy{--iti-flag-offset:-3312px}.iti__sz{--iti-flag-offset:-3328px}.iti__tc{--iti-flag-offset:-3344px}.iti__td{--iti-flag-offset:-3360px}.iti__tg{--iti-flag-offset:-3376px}.iti__th{--iti-flag-offset:-3392px}.iti__tj{--iti-flag-offset:-3408px}.iti__tk{--iti-flag-offset:-3424px}.iti__tl{--iti-flag-offset:-3440px}.iti__tm{--iti-flag-offset:-3456px}.iti__tn{--iti-flag-offset:-3472px}.iti__to{--iti-flag-offset:-3488px}.iti__tr{--iti-flag-offset:-3504px}.iti__tt{--iti-flag-offset:-3520px}.iti__tv{--iti-flag-offset:-3536px}.iti__tw{--iti-flag-offset:-3552px}.iti__tz{--iti-flag-offset:-3568px}.iti__ua{--iti-flag-offset:-3584px}.iti__ug{--iti-flag-offset:-3600px}.iti__us{--iti-flag-offset:-3616px}.iti__uy{--iti-flag-offset:-3632px}.iti__uz{--iti-flag-offset:-3648px}.iti__va{--iti-flag-offset:-3664px}.iti__vc{--iti-flag-offset:-3680px}.iti__ve{--iti-flag-offset:-3696px}.iti__vg{--iti-flag-offset:-3712px}.iti__vi{--iti-flag-offset:-3728px}.iti__vn{--iti-flag-offset:-3744px}.iti__vu{--iti-flag-offset:-3760px}.iti__wf{--iti-flag-offset:-3776px}.iti__ws{--iti-flag-offset:-3792px}.iti__xk{--iti-flag-offset:-3808px}.iti__ye{--iti-flag-offset:-3824px}.iti__yt{--iti-flag-offset:-3840px}.iti__za{--iti-flag-offset:-3856px}.iti__zm{--iti-flag-offset:-3872px}.iti__zw{--iti-flag-offset:-3888px}.iti__globe{background-image:url(/static/media/globe.7fb216c936a98b90918e.webp);background-image:var(--iti-path-globe-1x);background-position:100%;background-size:contain;box-shadow:none;height:19px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2x){.iti__flag{background-image:url(/static/media/flags@2x.bea0200ba7ea874b359f.webp);background-image:var(--iti-path-flags-2x)}.iti__globe{background-image:url(/static/media/globe@2x.5dc7e51d6b5d42fc2be4.webp);background-image:var(--iti-path-globe-2x)}}.superadmin-badge{border:1px solid #c6282833;border-radius:20px;color:#c62828;cursor:default;font-size:.7rem;letter-spacing:.08em;padding:3px 10px;text-transform:uppercase}.superadmin-badge,.superadmin-badge:hover{background:#c628280a}.superadmin-footer-note{color:#aaa;font-size:.72rem;line-height:1.5;margin-top:20px;text-align:center}.login-modal-admin{background:#eceff1!important;max-width:600px}.remember-me-label-login{align-items:center;background:#0000!important;display:flex;font-weight:500;gap:5px;justify-content:end;text-align:right;width:100%}.login-password-recovery{align-items:center;display:flex;gap:10px;justify-content:left;margin:4px 0 12px}.login-recovery-link{background:none;border:none;color:#888;cursor:pointer;font-size:.8rem;padding:0;text-decoration:underline;transition:color .2s}.login-recovery-link:hover:not(:disabled){color:#555}.login-recovery-link:disabled{color:#bbb;cursor:default}.login-recovery-success{color:#2e7d32;font-size:.8rem}.login-recovery-error{color:#c62828;font-size:.8rem}.sa-layout{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.sa-header{background:#eceff1;border-bottom:1px solid #cfd8dc;box-shadow:0 2px 6px #0000000f;position:-webkit-sticky;position:sticky;top:0;z-index:100}.sa-header,.sa-header-inner{align-items:center;min-height:80px}.sa-header-inner{display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}.sa-header-brand{flex-shrink:0}.sa-header-logo{border-radius:6px;display:block;height:60px;object-fit:contain;width:auto}.sa-nav{display:flex;flex:1 1;gap:4px;justify-content:center}.sa-nav-item{align-items:center;border-radius:6px;color:#546e7a;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:7px 16px;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.sa-nav-item .material-icons{font-size:16px}.sa-nav-item:hover{color:#263238}.sa-page-bar{background:#fff;border-bottom:1px solid #e8ecef}.sa-page-bar-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:10px 24px}.sa-page-bar-left{align-items:center;display:flex;gap:8px}.sa-page-bar-label{color:#37474f;font-size:.82rem;font-weight:600}.sa-page-bar-dot{color:#b0bec5;font-size:.82rem}.sa-page-bar-desc{color:#90a4ae;font-size:.78rem}.sa-page-bar-badge{background:#c628280a;border:1px solid #c6282822;border-radius:20px;color:#c62828;font-size:.65rem;font-weight:700;letter-spacing:.1em;padding:3px 8px}.sa-content{flex:1 1;margin:0 auto;max-width:1400px;padding:24px;width:100%}.sa-access-denied{color:#c62828;gap:8px;height:100vh}.sa-access-denied,.sa-placeholder{align-items:center;display:flex;flex-direction:column;justify-content:center}.sa-placeholder{color:#90a4ae;gap:12px;padding:80px 24px}.sa-placeholder .material-icons{font-size:48px}.sa-placeholder p{font-size:1rem}.ws-toolbar{flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.ws-toolbar,.ws-toolbar-left{align-items:center;display:flex}.ws-toolbar-left{gap:10px}.ws-toolbar-title{color:#263238;font-size:1.15rem;font-weight:700}.ws-toolbar-count{background:#eceff1;border-radius:20px;color:#546e7a;font-size:.75rem;font-weight:600;padding:2px 8px}.ws-toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ws-search-wrap{align-items:center;display:flex;position:relative}.ws-search-icon{color:#90a4ae;font-size:18px;left:10px;position:absolute}.ws-search{background:#fff;border:1px solid #cfd8dc;border-radius:8px;color:#263238;font-size:.85rem;outline:none;padding:8px 12px 8px 34px;transition:border-color .15s;width:220px}.ws-search:focus{border-color:#546e7a}.ws-list{display:flex;flex-direction:column;gap:10px}.ws-card{align-items:center;background:#fff;border:1px solid #eceff1;border-radius:12px;cursor:pointer;display:flex;gap:18px;min-height:120px;padding:16px 20px;transition:box-shadow .15s,border-color .15s,transform .1s}.ws-card:hover{border-color:#b0bec5;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.ws-card-logo{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;padding:4px;width:250px}.ws-card-logo-img{height:100%;object-fit:contain;padding:4px;width:100%}.ws-card-logo-fallback{color:#90a4ae;font-size:26px}.ws-card-body{flex:1 1;min-width:0}.ws-card-name{color:#263238;font-size:1rem;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-card-id{color:#90a4ae;font-family:monospace;font-size:.75rem;margin-bottom:8px}.ws-card-meta{display:flex;flex-wrap:wrap;gap:14px}.ws-card-meta-item{align-items:center;color:#546e7a;display:flex;font-size:.78rem;gap:4px}.ws-card-meta-item .material-icons{color:#90a4ae;font-size:14px}.ws-card-arrow{color:#b0bec5;flex-shrink:0;transition:color .15s,transform .15s}.ws-card:hover .ws-card-arrow{color:#546e7a;transform:translateX(3px)}.sa-empty{align-items:center;color:#90a4ae;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 24px;text-align:center}.sa-empty .material-icons{font-size:48px}.sa-empty p{font-size:.95rem}.sa-dialog-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.sa-dialog{background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000026;max-width:480px;overflow:hidden;width:100%}.sa-dialog-header{align-items:center;border-bottom:1px solid #eceff1;display:flex;justify-content:space-between;padding:18px 22px 14px}.sa-dialog-title{color:#263238;font-size:1rem;font-weight:700}.sa-dialog-close{background:none;border:none;color:#90a4ae;cursor:pointer;display:flex;padding:4px;transition:color .15s}.sa-dialog-close:hover{color:#263238}.sa-dialog-body{display:flex;flex-direction:column;gap:4px;padding:20px 22px}.sa-dialog-info{align-items:flex-start;background:#e3f2fd;border-radius:8px;color:#1565c0;display:flex;font-size:.82rem;gap:8px;margin-bottom:8px;padding:10px 14px}.sa-dialog-info .material-icons{flex-shrink:0;font-size:16px;margin-top:1px}.sa-dialog-footer{border-top:1px solid #eceff1;display:flex;gap:8px;justify-content:flex-end;padding:14px 22px 18px}.tab-workspace{color:#828e94!important}.tab-workspace:hover{background:#0000;color:#262728!important}.sa-nav-dropdown{position:relative}.sa-nav-item--btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;font-family:var(--font-secondary);font-size:inherit;font-size:.85rem;font-weight:500;gap:5px;line-height:var(--font-link-line-height)}.sa-nav-chevron{color:#90a4ae;font-size:16px!important;margin-left:2px}.sa-nav-dropdown-menu{animation:sa-dropdown-in .12s ease;background:#fff;border:1px solid #eceff1;border-radius:10px;box-shadow:0 4px 20px #0000001a;left:0;min-width:220px;overflow:hidden;position:absolute;top:calc(100% + 8px);z-index:999}@keyframes sa-dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sa-nav-dropdown-item{align-items:center;border-bottom:1px solid #f5f5f5;color:#37474f;display:flex;font-family:var(--font-secondary);font-size:.85rem;font-weight:500;gap:8px;line-height:var(--font-link-line-height);padding:10px 16px;text-decoration:none;transition:background .1s}.sa-nav-dropdown-item:last-child{border-bottom:none}.sa-nav-dropdown-item:hover{background:#f5f7f8}.sa-nav-dropdown-item--active{background:#fff3e0;color:#e65100}.sa-nav-dropdown-item .material-icons-sharp{font-size:16px!important}.gallery-modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1300}.gallery-modal-inner{background:#fff;border-radius:14px;box-shadow:0 24px 80px #0003;max-height:85vh;max-width:85vw;overflow:auto;width:100%}.sa-topbar{background:#e65100;box-shadow:0 2px 8px #0003;color:#fff;gap:12px;justify-content:space-between;min-height:40px;padding:0 16px;position:-webkit-sticky;position:sticky;top:0;z-index:200}.sa-topbar,.sa-topbar-left{align-items:center;display:flex}.sa-topbar-left{font-size:.85rem;gap:8px;min-width:0}.sa-topbar-icon{flex-shrink:0;font-size:16px;opacity:.85}.sa-topbar-label{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.sa-topbar-role{background:#fff3;border-radius:4px;font-size:.72rem;font-weight:600;padding:1px 6px}.sa-topbar-at{opacity:.7}.sa-topbar-back{align-items:center;background:#ffffff26;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.82rem;gap:4px;padding:3px 10px;transition:background .15s}.sa-topbar-back:hover{background:#ffffff40}.sa-topbar-back .material-icons{font-size:16px}.sa-topbar-sep{opacity:.5}.sa-topbar-workspace{font-size:.85rem;font-weight:700}.sa-topbar-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.sa-topbar-switch-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.82rem;font-weight:500;gap:5px;padding:4px 10px;transition:background .15s}.sa-topbar-switch-btn:hover{background:#ffffff40}.sa-topbar-switch-btn .material-icons{font-size:16px}.sa-topbar-chevron{font-size:18px!important}.sa-topbar-exit{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.82rem;font-weight:600;gap:5px;padding:4px 12px;transition:background .15s}.sa-topbar-exit:hover{background:#ffffff4d}.sa-topbar-exit .material-icons{font-size:16px}.sa-topbar-switcher{position:relative}.sa-topbar-dropdown{background:#fff;border:1px solid #eceff1;border-radius:10px;box-shadow:0 8px 32px #00000026;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);width:300px;z-index:300}.sa-topbar-dropdown-header{align-items:center;background:#fafafa;border-bottom:1px solid #eceff1;color:#546e7a;display:flex;font-size:.78rem;font-weight:600;gap:6px;padding:10px 14px}.sa-topbar-dropdown-header .material-icons{color:#90a4ae;font-size:15px}.sa-topbar-dropdown-header strong{color:#263238}.sa-topbar-dropdown-empty,.sa-topbar-dropdown-loading{align-items:center;color:#90a4ae;display:flex;font-size:.82rem;gap:8px;padding:16px 14px}.sa-topbar-dropdown-loading .material-icons{font-size:16px}.sa-topbar-dropdown-list{max-height:320px;overflow-y:auto}.sa-topbar-dropdown-item{align-items:center;background:none;border:none;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;gap:10px;padding:9px 14px;text-align:left;transition:background .12s;width:100%}.sa-topbar-dropdown-item:hover:not(:disabled){background:#f5f7f8}.sa-topbar-dropdown-item:disabled{cursor:default}.sa-topbar-dropdown-item--current{background:#e8f5e9}.sa-topbar-dropdown-avatar{align-items:center;background:#eceff1;border-radius:50%;color:#546e7a;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:30px;justify-content:center;width:30px}.sa-topbar-dropdown-item--current .sa-topbar-dropdown-avatar{background:#2e7d32;color:#fff}.sa-topbar-dropdown-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.sa-topbar-dropdown-name{color:#263238;font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-topbar-dropdown-email{color:#90a4ae;font-size:.72rem}.sa-topbar-dropdown-role{background:#eceff1;border-radius:4px;color:#546e7a;flex-shrink:0;font-size:.68rem;font-weight:600;padding:2px 5px}.sa-topbar-dropdown-check{color:#2e7d32;flex-shrink:0;font-size:16px!important}.dbmgmt-wrap{max-width:1400px}.dbmgmt-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:340px 1fr}.dbmgmt-tree-panel{background:#fff;border:1px solid #eceff1;border-radius:10px;display:flex;flex-direction:column;max-height:72vh;overflow:hidden}.dbtree-root{flex:1 1;overflow-y:auto}.dbtree-node{align-items:center;background:none;border:none;border-bottom:1px solid #f5f5f5;color:#37474f;cursor:pointer;display:flex;font-size:.82rem;gap:4px;overflow:hidden;padding:6px 12px;text-align:left;transition:background .1s;white-space:nowrap;width:100%}.dbtree-node:hover{background:#f5f7f8}.dbtree-node--collection{color:#1565c0}.dbtree-node--doc{color:#37474f}.dbtree-chevron{color:#b0bec5;flex-shrink:0;font-size:16px!important}.dbtree-type-icon{flex-shrink:0;font-size:15px!important}.dbtree-node--collection .dbtree-type-icon{color:#f9a825}.dbtree-node--doc .dbtree-type-icon{color:#78909c}.dbtree-label{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis}.dbtree-badge{background:#e3f2fd;border-radius:4px;color:#1565c0;flex-shrink:0;font-size:.65rem;font-weight:700;padding:1px 5px}.dbtree-error{align-items:center;color:#c62828;display:flex;font-size:.75rem;gap:6px;padding:6px 12px}.dbtree-error .material-icons{font-size:14px}.dbmgmt-doc-panel{background:#fff;border:1px solid #eceff1;border-radius:10px;display:flex;flex-direction:column;max-height:72vh;overflow:hidden}.dbdoc-viewer{flex:1 1;overflow-y:auto;padding:16px}.dbdoc-path{align-items:center;background:#fafafa;border:1px solid #eceff1;border-radius:8px;display:flex;gap:8px;margin-bottom:14px;padding:8px 12px}.dbdoc-path .material-icons{color:#90a4ae;flex-shrink:0;font-size:15px}.dbdoc-path code{color:#546e7a;font-family:monospace;font-size:.75rem;word-break:break-all}.dbdoc-subcols{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.dbdoc-subcols-label{color:#90a4ae;font-size:.75rem;font-weight:600;margin-right:4px}.dbdoc-subcol-chip{align-items:center;background:#fff8e1;border:1px solid #ffe082;border-radius:6px;color:#5d4037;display:flex;font-size:.75rem;gap:4px;padding:3px 8px}.dbdoc-subcol-chip .material-icons{color:#f9a825;font-size:13px}.dbdoc-json-label{color:#90a4ae;font-size:.75rem;font-weight:600;margin-bottom:6px}.dbdoc-json{background:#fafafa;border:1px solid #eceff1;border-radius:8px;color:#263238;font-family:JetBrains Mono,monospace;font-size:.78rem;line-height:1.6;margin:0;overflow-x:auto;padding:14px;white-space:pre-wrap;word-break:break-word}:root{--font-primary:"Karla",sans-serif;--font-secondary:"Roboto Mono",monospace;--font-icons:"Material Symbols Sharp";--font-h1-size:2rem;--font-h1-line-height:2.75rem;--font-h1-weight:700;--font-h2-size:1.75rem;--font-h2-line-height:1.75rem;--font-h2-weight:700;--font-h3-size:1.5rem;--font-h3-line-height:1.75rem;--font-h3-weight:700;--font-h4-size:1.25rem;--font-h4-line-height:1.75rem;--font-h4-weight:700;--font-h5-size:1rem;--font-h5-line-height:1.5rem;--font-h5-weight:700;--font-body-size:1rem;--font-body-line-height:1.5rem;--font-body-weight:400;--font-subtitle-size:1rem;--font-subtitle-line-height:1.5rem;--font-subtitle-weight:400;--font-link-size:1.125rem;--font-link-line-height:1.625rem;--font-link-weight:400;--font-caption-size:0.75rem;--font-caption-line-height:1.125rem;--font-caption-weight:400;--icon-size-small:18px;--icon-size-big:24px;--color-primary-500:#7594fb;--color-primary-400:#7594fb;--color-primary-300:#c8d3fe;--color-primary-200:#c8d3fe;--color-primary-100:#c8d3fe;--color-primary-50:#c8d3fe;--color-primary:#2a52bf;--color-primary-dark:#1a428f;--color-primary-light:#4a72df;--color-grey-500:#0f1b20;--color-grey-400:#5e6266;--color-grey-300:#a6a7ad;--color-grey-200:#dcd0e0;--color-grey-100:#f5f5f5;--color-grey-50:#fcfcfc;--color-white:#fff;--color-success-500:#008069;--color-success-500-alt:#008069;--color-success-100:#c9e8e2;--color-warning-500:#dd6909;--color-warning-500-alt:#dd6909;--color-warning-100:#ffd5b2;--color-error-500:#ab334d;--color-error-500-alt:#ab334d;--color-error-100:#fbc0c4;--color-text-primary:var(--color-grey-500);--color-text-secondary:var(--color-grey-400);--color-text-disabled:var(--color-grey-300);--color-bg-default:var(--color-white);--color-bg-subtle:var(--color-grey-50);--color-bg-hover:var(--color-grey-100);--color-bg-paper:var(--color-white);--color-border:var(--color-grey-200);--color-border-light:var(--color-grey-100);--color-border-dark:var(--color-grey-300);--notif-proposal-update:#1976d2;--notif-proposal-comment:#fbc02d;--notif-order-update:#2e7d32;--notif-order-comment:#ff9800;--notif-status-change:#9c27b0;--notif-default:#bdbdbd;--notif-unread-bg:#f0f7ff;--notif-read-bg:#fff;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:8px;--border-radius-xl:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 2px 4px 0 #0000001a;--shadow-lg:0 4px 8px 0 #0000001f;--shadow-xl:0 8px 16px 0 #00000026;--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out;background-color:#f8fafb}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#0f1b20;color:var(--color-text-primary);font-size:var(--font-size-base);line-height:1.5}h1{font-family:Karla,sans-serif;font-family:var(--font-primary);font-size:2rem;font-size:var(--font-h1-size);font-weight:700;font-weight:var(--font-h1-weight);line-height:2.75rem;line-height:var(--font-h1-line-height);margin:0}h2{font-size:1.75rem;font-size:var(--font-h2-size);font-weight:700;font-weight:var(--font-h2-weight);line-height:1.75rem;line-height:var(--font-h2-line-height)}h2,h3{font-family:Karla,sans-serif;font-family:var(--font-primary);margin:0}h3{font-size:1.5rem;font-size:var(--font-h3-size);font-weight:700;font-weight:var(--font-h3-weight);line-height:1.75rem;line-height:var(--font-h3-line-height)}h4{font-family:Karla,sans-serif;font-family:var(--font-primary);font-size:1.25rem;font-size:var(--font-h4-size);font-weight:700;font-weight:var(--font-h4-weight);line-height:1.75rem;line-height:var(--font-h4-line-height)}h4,h5{margin:0}h5{font-family:Roboto Mono,monospace;font-family:var(--font-secondary);font-size:1rem;font-size:var(--font-h5-size);font-weight:700;font-weight:var(--font-h5-weight);line-height:1.5rem;line-height:var(--font-h5-line-height);text-transform:uppercase}body{font-size:1rem;font-size:var(--font-body-size);font-weight:400;font-weight:var(--font-body-weight);line-height:1.5rem;line-height:var(--font-body-line-height)}.subtitle,body{font-family:Karla,sans-serif;font-family:var(--font-primary)}.subtitle{font-size:1rem;font-size:var(--font-subtitle-size);font-weight:400;font-weight:var(--font-subtitle-weight);line-height:1.5rem;line-height:var(--font-subtitle-line-height)}.link,a{font-size:1.125rem;font-size:var(--font-link-size);font-weight:400;font-weight:var(--font-link-weight);line-height:1.625rem;line-height:var(--font-link-line-height)}.caption,.link,a{font-family:Roboto Mono,monospace;font-family:var(--font-secondary)}.caption{font-size:.75rem;font-size:var(--font-caption-size);font-weight:400;font-weight:var(--font-caption-weight);line-height:1.125rem;line-height:var(--font-caption-line-height)}.icon-small{font-size:18px;font-size:var(--icon-size-small);font-weight:500;height:18px;height:var(--icon-size-small);width:18px;width:var(--icon-size-small)}.icon-big,.icon-small{font-family:Material Symbols Sharp;font-family:var(--font-icons);translate:no}.icon-big{font-size:24px;font-size:var(--icon-size-big);height:24px;height:var(--icon-size-big);width:24px;width:var(--icon-size-big)}.btns{align-items:center;background:#2a52bf;background:var(--Primary-Primary-300,#2a52bf);border-radius:6px;cursor:pointer;display:flex;gap:4px;height:44px;justify-content:center;max-width:200px;min-width:120px;padding:8px 12px}.btns:hover{opacity:.9}.btns.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.arrow-left{font-family:Material Symbols Sharp;font-size:18px;width:24px}.add-button,.arrow-left{color:#fff;color:var(--White,#fff);cursor:pointer;font-style:normal;font-weight:400;line-height:24px;text-align:center}.add-button{font-family:Roboto Mono;font-size:16px;letter-spacing:.16px;text-transform:uppercase}@media print{.btns{display:none}.content-area{background:#fff!important}}.btn-primary{align-items:center;background:#2a52bf;background:var(--color-primary);border:none;border-radius:6px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:4px;gap:var(--spacing-xs);height:44px;justify-content:center;max-width:200px;min-width:120px;padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease-in-out;transition:all var(--transition-base)}.btn-primary:hover{background:#1a428f;background:var(--color-primary-dark);box-shadow:0 2px 4px 0 #0000001a;box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(1px)}.btn-primary .btn-icon{align-items:center;color:#fff;color:var(--color-white);display:flex;font-family:Material Symbols Sharp;font-family:var(--font-icons);font-size:18px;font-style:normal;font-weight:400;height:24px;justify-content:center;line-height:24px;text-align:center;translate:no;width:24px}.btn-primary .btn-text{color:#fff;color:var(--color-white);font-family:Karla,sans-serif;font-family:var(--font-primary);white-space:nowrap}.btn-primary .btn-text,.secondary-button{font-size:16px;font-style:normal;font-weight:400;letter-spacing:.16px;line-height:24px;text-align:center;text-transform:uppercase}.secondary-button{align-items:center;background:#fff;background:var(--White,#fff);border:2px solid #2a52bf;border:2px solid var(--color-primary);border-radius:6px;color:#2a52bf;color:var(--color-primary);cursor:pointer;display:flex;font-family:Roboto Mono;gap:4px;height:44px;justify-content:center;max-width:200px;min-width:120px;padding:8px 12px}.secondary-button:hover,.secondary-button:hover .secondary-button-icon{border-color:#7594fb;border-color:var(--color-primary-500);color:#7594fb;color:var(--color-primary-500)}.secondary-button:active{box-shadow:none;transform:translateY(0)}.secondary-button.disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.secondary-button-icon{color:#2a52bf;color:var(--color-primary);font-size:20px;line-height:1}.secondary-button-text{white-space:nowrap}@media print{.secondary-button{display:none}}.btn-danger{align-items:center;background:#ab334d;background:var(--color-error-500);border:none;border-radius:6px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:4px;gap:var(--spacing-xs);height:44px;justify-content:center;max-width:200px;min-width:120px;padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease-in-out;transition:all var(--transition-base)}.btn-danger:hover{background:#8b2a3e;box-shadow:0 2px 4px 0 #0000001a;box-shadow:var(--shadow-md)}.btn-danger .btn-icon{align-items:center;color:#fff;color:var(--color-white);display:flex;font-family:Material Symbols Sharp;font-family:var(--font-icons);font-size:18px;height:24px;justify-content:center;translate:no;width:24px}.btn-danger .btn-text{color:#fff;color:var(--color-white);font-family:Karla,sans-serif;font-family:var(--font-primary);font-size:16px;font-weight:400;letter-spacing:.16px;line-height:24px;text-transform:uppercase}.btn-success{align-items:center;background:#008069;background:var(--color-success-500);border:none;border-radius:6px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:4px;gap:var(--spacing-xs);height:44px;justify-content:center;max-width:200px;min-width:120px;padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease-in-out;transition:all var(--transition-base)}.btn-success:hover{background:#006b56;box-shadow:0 2px 4px 0 #0000001a;box-shadow:var(--shadow-md)}.btn-success .btn-icon{align-items:center;color:#fff;color:var(--color-white);display:flex;font-family:Material Symbols Sharp;font-family:var(--font-icons);font-size:18px;height:24px;justify-content:center;translate:no;width:24px}.btn-success .btn-text{color:#fff;color:var(--color-white);font-family:Karla,sans-serif;font-family:var(--font-primary);font-size:16px;font-weight:400;letter-spacing:.16px;line-height:24px;text-transform:uppercase}.btn-warning{align-items:center;background:#dd6909;background:var(--color-warning-500);border:none;border-radius:6px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:4px;gap:var(--spacing-xs);height:44px;justify-content:center;max-width:200px;min-width:120px;padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease-in-out;transition:all var(--transition-base)}.btn-warning:hover{background:#c55e08;box-shadow:0 2px 4px 0 #0000001a;box-shadow:var(--shadow-md)}.btn-warning .btn-icon{align-items:center;color:#fff;color:var(--color-white);display:flex;font-family:Material Symbols Sharp;font-family:var(--font-icons);font-size:18px;height:24px;justify-content:center;translate:no;width:24px}.btn-warning .btn-text{color:#fff;color:var(--color-white);font-size:16px;font-weight:400;letter-spacing:.16px;line-height:24px;text-transform:uppercase}.btn-warning .btn-text,.input-base{font-family:Karla,sans-serif;font-family:var(--font-primary)}.input-base{background:#fff;background:var(--color-white);border:1px solid #dcd0e0;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--border-radius-md);color:#0f1b20;color:var(--color-text-primary);font-size:var(--font-size-base);padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease-in-out;transition:all var(--transition-base);width:100%}.input-base:focus{border-color:#2a52bf;border-color:var(--color-primary);box-shadow:0 0 0 3px #2a52bf1a;outline:none}.input-base::placeholder{color:#a6a7ad;color:var(--color-text-disabled)}textarea.input-base{min-height:100px;resize:vertical}.label,textarea.input-base{font-family:Karla,sans-serif;font-family:var(--font-primary)}.label{color:#5e6266;color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:4px;margin-bottom:var(--spacing-xs)}.card{background:#fff;background:var(--color-bg-paper);border:1px solid #dcd0e0;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:24px;padding:var(--spacing-xl);transition:box-shadow .2s ease-in-out;transition:box-shadow var(--transition-base)}.card:hover{box-shadow:0 2px 4px 0 #0000001a;box-shadow:var(--shadow-md)}.equipment-editor-general{margin:0 auto;max-width:1200px;padding:16px;padding:var(--spacing-lg)}.header{align-items:center;background:#0000;justify-content:space-between;margin:0 auto;max-width:1400px;padding:32px 40px 0;z-index:10}.content,.header{display:flex;position:relative;width:100%}.content{background-color:#f8fafb;flex-direction:row}.nav-component{align-items:center;align-self:stretch;cursor:pointer;display:flex;height:44px;justify-content:space-between;padding:8px}.nav-component.link:hover{background:#f5f5f5;background:var(--color-bg-hover);border-radius:12px;transition:background .2s}td{color:#0f1820;color:var(--Grey-Grey-500,#0f1820);letter-spacing:.08px;line-height:24px;text-align:left}.orders-table td{padding-left:10px;padding-right:10px}.chevron{background:#fff;border:none;border-radius:10px;box-shadow:none;cursor:pointer;display:flex;font-size:24px;padding:5px 5px 5px 10px;position:absolute;top:35vh;z-index:10}#adminColumn:not(.hideColumn) .chevron{left:260px;transform:rotate(180deg)}#adminColumn.hideColumn .chevron{left:0;transform:rotate(0deg)}.image-gallery-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.modal-content{background:#fff;border-radius:8px;border-radius:var(--border-radius-lg);box-shadow:0 8px 16px 0 #00000026;box-shadow:var(--shadow-xl);position:relative;z-index:1}.image-upload-box img{transition:transform .2s ease-in-out;transition:transform var(--transition-base)}.image-upload-box:hover img{transform:scale(1.05)}.clickable{cursor:pointer;transition:all .2s ease-in-out;transition:all var(--transition-base)}@media (min-width:769px) and (max-width:1024px){.sidebar{position:relative;transform:translateX(0);width:200px}.sidebar.collapsed{width:60px}.chevron{position:absolute!important;top:20px!important}.sidebar.collapsed~.chevron{left:60px!important}.content-area{margin-left:200px;transition:all .3s;width:calc(100% - 200px)}.sidebar.collapsed~.content-area{margin-left:60px;width:calc(100% - 60px)}}@media (max-width:769px){.header{max-height:15vh}.content{max-height:85vh}}.remember-me-label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px;margin:12px 0;-webkit-user-select:none;user-select:none}.remember-me-label input[type=checkbox]{accent-color:#2a52bf;cursor:pointer;height:18px;width:18px}.remember-me-label span{color:#475569}.login-links{display:flex;font-size:14px;justify-content:space-between;margin-top:16px}.login-links a{color:#2a52bf;text-decoration:none}.login-links a:hover{text-decoration:underline}body{background-color:#f8fafb;font-family:Arial,sans-serif}.admin-panel{display:flex}.menu-panel{background-color:#f4f4f4;padding:10px;width:200px}
/*# sourceMappingURL=main.ec242edb.css.map*/