.app{display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%}.app__main-content{display:flex;flex-direction:row;flex:1 1 auto;overflow:hidden;background:#ece9e9;width:100%}.center-button{display:flex;justify-content:center;align-items:center;height:100%}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow:hidden;box-sizing:border-box}*{box-sizing:border-box}.remote-loading-overlay{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0000004d;backdrop-filter:blur(2px)}.remote-loading-overlay WbText{color:#fff}.add-project-inputs{display:flex;flex-direction:column;gap:2rem}.header{position:relative;display:flex;align-items:center;width:100%}.wb-header-bar{width:100%}.header-buttons{position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:flex;gap:1rem;z-index:1500;flex-wrap:nowrap}.header-button{margin:0;flex-shrink:0}@media screen and (max-width:1366px){.header-buttons{gap:.75rem;right:.75rem}}@media screen and (max-width:1024px){.header-buttons{gap:.5rem;right:.5rem}}.preview-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center}.preview-modal-container{background:#fff;border-radius:8px;width:80vw;height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #00000040}.preview-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #e0e0e0;background:#fafafa}.preview-modal-header-left{display:flex;flex-direction:column;gap:2px}.preview-modal-body{flex:1;overflow:hidden;position:relative;pointer-events:none;user-select:none}.preview-modal-body>*{width:100%;height:100%}.preview-modal-body .left-menu,.preview-modal-body .right-menu{display:none!important}.preview-modal-body .main-area{width:100%!important;min-width:0!important}.preview-modal-body .app__main-content{height:100%}.preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;pointer-events:none}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.projects-grid-style{border:1px solid #ddd;border-radius:8px;overflow:visible;background-color:#fff;box-shadow:0 1px 4px #00000014}.projects-card{background-color:#f2f4f7;display:flex;align-items:center;justify-content:center;height:140px;cursor:pointer}.align-button{gap:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:6px;position:relative}.button-style{width:100px;height:40px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px;padding:0 15px}.preview-overlay{pointer-events:none}.thumbnail-photo{width:100%;height:100%}.grid-dropdown-menu{position:absolute;z-index:10;cursor:pointer;right:0;top:calc(100% - 4px)}.projects-page{display:flex;flex-direction:column;height:100vh;min-height:0;width:100%;position:relative}.projects-content{flex:1;overflow-y:auto;min-height:0;padding:0rem 1.5rem 10rem;width:100%}.projects-header-row{display:flex;align-items:center;margin:2rem clamp(1.5rem,5vw,7rem) 0 clamp(1.5rem,5vw,7rem);position:sticky;top:0;background:#fff;z-index:9;flex-wrap:wrap;gap:1rem}.projects-header-row .project-button-container{display:flex;justify-content:flex-end;flex:1;gap:16px}.projects-table-container{text-align:left;margin:1rem clamp(1rem,3vw,5rem);position:relative;overflow-x:auto}.header-with-icon{display:inline-flex;align-items:center}.header-with-icon .wb-icon{margin-left:6px;color:#696969}.wb-table{width:100%;box-shadow:0 2px 8px #00000026;overflow:hidden}.projects-search-bar{width:100%;max-width:384px;min-width:200px}.projects-with-search-bar{display:flex;align-items:center;gap:25px;width:100%;max-width:503px;min-width:0;flex-wrap:wrap}.serial-number{max-width:4.25rem}.checkbox-column{width:50px!important;max-width:50px!important;min-width:50px!important;padding:20px!important;text-align:center;vertical-align:middle}.checkbox-column wb-checkbox{display:flex;justify-content:center;align-items:center}.project-column-header{background-color:#f1f0f0;box-shadow:0 2px 8px #00000026;position:sticky;top:0;z-index:8}.project-column-header .checkbox-column{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important}.actions-container{display:flex;align-items:center;justify-content:center;gap:2rem;position:relative}.more-button-container{position:relative}.more-options-popup{position:absolute;background-color:#fff;z-index:10000;display:none;width:11rem;cursor:pointer}.more-options-popup:before{content:"";position:absolute;top:-10px;z-index:10000}.more-options-popup.show{display:block}.dropdown-menu{position:absolute;z-index:10;cursor:pointer;min-width:120px;left:50%;transform:translate(-50%)}.button-group{width:112px;height:40px;border-radius:2px}.dropdown-container{position:relative}.pagination-footer{height:10rem;display:flex;justify-content:center;align-items:center;position:fixed;left:0;right:0;bottom:0;width:100%;background:#fff;z-index:10}@media screen and (max-width:1600px){.projects-header-row{margin:2rem clamp(1rem,4vw,5rem) 0 clamp(1rem,4vw,5rem)}.projects-table-container{margin:1rem clamp(.5rem,2vw,3rem)}}@media screen and (max-width:1366px){.projects-header-row{margin:1.5rem clamp(.5rem,3vw,3rem) 0 clamp(.5rem,3vw,3rem)}.projects-table-container{margin:1rem clamp(.5rem,1.5vw,2rem)}.projects-header-row .project-button-container{gap:12px}}@media screen and (max-width:1024px){.projects-header-row{margin:1rem;flex-direction:column;align-items:flex-start}.projects-table-container{margin:1rem}.projects-header-row .project-button-container{width:100%;justify-content:flex-start}.projects-with-search-bar{width:100%}}.new-page{align-self:center;width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden;padding:50px 10rem;position:relative}.project-loading-overlay{position:absolute;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0000004d;backdrop-filter:blur(2px)}.projectsType-search-bar{width:25rem}.project-tags{display:flex;gap:10px;margin:16px 0}.new-label{margin:30px 0 0}.options-grid{display:flex;gap:16px;width:100%;margin-bottom:1rem}.option-card{cursor:pointer;flex:1;max-width:calc(33.333% - 16px);display:flex;align-items:center;justify-content:center}.option-card:hover{box-shadow:0 3px 6px #0003}.option-card .wb-button{width:100%}.existing-templates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.existing-templates-content{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}.templates-header-row{display:flex;align-items:center;margin:2rem clamp(1.5rem,5vw,7rem) 0 clamp(1.5rem,5vw,7rem);top:0;background:#fff;z-index:9;flex-wrap:wrap;gap:1rem}.templates-page{display:flex;flex-direction:column;height:100vh;min-height:0;width:100%;position:relative}.project-loading-overlay{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0000004d;backdrop-filter:blur(2px)}.project-loading-overlay WbText{color:#fff}.templates-content{flex:1;overflow-y:auto;padding:1rem clamp(1.5rem,5vw,7rem) 12rem;min-height:0;width:100%}.pagination-footer{height:12rem;display:flex;justify-content:center;align-items:center;position:fixed;left:0;right:0;bottom:0;width:100%;background:#fff;z-index:10}.templates-header-row .template-button-container{display:flex;justify-content:flex-end;flex:1;gap:16px}.templates-with-search-bar{display:flex;align-items:center;gap:25px;width:100%;max-width:503px;min-width:0;flex-wrap:wrap}.templates-search-bar{width:100%;max-width:384px;min-width:200px}.template-column-header{background-color:#f1f0f0;box-shadow:0 2px 8px #00000026;position:sticky;top:0;z-index:8}.template-column-header .checkbox-column{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;margin:10px 0!important}.checkbox-column{width:50px!important;max-width:50px!important;min-width:50px!important;padding:0!important;text-align:center;vertical-align:middle;margin:10px 0!important}.checkbox-column wb-checkbox{display:flex;align-items:center;justify-content:center}@media screen and (max-width:1600px){.templates-header-row{margin:2rem clamp(1rem,4vw,5rem) 0 clamp(1rem,4vw,5rem)}.templates-content{padding:1rem clamp(1rem,4vw,5rem) 12rem}}@media screen and (max-width:1366px){.templates-header-row{margin:1.5rem clamp(.5rem,3vw,3rem) 0 clamp(.5rem,3vw,3rem)}.templates-content{padding:1rem clamp(.5rem,3vw,3rem) 12rem}.templates-header-row .template-button-container{gap:12px}}@media screen and (max-width:1024px){.templates-header-row{margin:1rem;flex-direction:column;align-items:flex-start}.templates-content{padding:1rem 1rem 12rem}.templates-header-row .template-button-container{width:100%;justify-content:flex-start}.templates-with-search-bar{width:100%}}.app-switcher{display:flex;align-items:center;justify-content:space-between;width:100%;padding:2px}.app-switcher-loading-overlay{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0000004d;backdrop-filter:blur(2px)}.app-switcher-left{display:flex;justify-content:flex-start;gap:.5rem;margin-left:clamp(12px,2vw,24px);flex-wrap:nowrap}.app-switcher-center{display:flex;justify-content:center;flex:1}.app-switcher-right{flex:1;display:flex;justify-content:flex-end;margin-right:clamp(12px,2vw,24px);gap:.5rem;flex-wrap:nowrap}.left-menu-bar{width:15vw;min-width:200px;max-width:300px;background-color:#fff;padding:20px;box-shadow:-2px 0 5px #0000001a;position:absolute;left:0;top:15vh;height:90%;z-index:5;overflow-y:auto}.left-menu-bar__header{display:flex;justify-content:flex-end}@media screen and (max-width:1366px){.app-switcher-right{margin-right:clamp(8px,1.5vw,16px);gap:.4rem}.left-menu-bar{width:12vw;min-width:180px}}@media screen and (max-width:1024px){.app-switcher-right{margin-right:8px;gap:.3rem}.left-menu-bar{width:10vw;min-width:160px;padding:15px}}.signals-container{width:100%;margin:.5rem;display:flex;flex-direction:column;align-items:stretch}.signals-empty{font-size:1rem;color:#666;text-align:center}.heading-container{text-align:center}.table-container{display:flex;justify-content:center;margin:2rem 1rem}.wb-table{width:100%}.wb-table-row{display:flex;justify-content:space-between}.wb-table-header,.wb-table-cell{flex:1;text-align:center}.header-row{display:flex;justify-content:flex-start;gap:35rem;margin-bottom:2rem}.form-group{margin-bottom:1rem}.form-group label{display:inline-block;margin-bottom:.5rem;font-weight:700}.export-panel-footer{display:flex;justify-content:flex-end;width:100%}