@font-face{font-family:Poppins;src:url(/assets/Poppins-Light-DT6-CsId.ttf) format("truetype");font-weight:300}@font-face{font-family:Poppins;src:url(/assets/Poppins-Regular-CTKNfV9P.ttf) format("truetype");font-weight:400}@font-face{font-family:Poppins;src:url(/assets/Poppins-Medium-Cxde2ZoM.ttf) format("truetype");font-weight:500}@font-face{font-family:Poppins;src:url(/assets/Poppins-SemiBold-B_fPDAUb.ttf) format("truetype");font-weight:600}@font-face{font-family:Poppins;src:url(/assets/Poppins-Bold-qTAUjFF7.ttf) format("truetype");font-weight:700}@font-face{font-family:Watcher;src:url(/assets/BWexB-BwhSYC-i.ttf)}@font-face{font-family:Aloha;src:url(/assets/mL0Wj-CeOVA674.ttf)}@font-face{font-family:Grenze Gotisch;src:url(/assets/GrenzeGotisch-Bold-C7WO9Ijz.ttf)}@font-face{font-family:Unbounded;src:url(/assets/Unbounded-Bold-DbFrtu8U.ttf);font-weight:700}.fontWatcher{font-family:Watcher,sans-serif}.fontAloha{font-family:Aloha,sans-serif}.fontGrenze{font-family:Grenze Gotisch,sans-serif}:root{--header-color: #28495A;--header-color-hover: #345E75;--header-color-hover-alt: #1D3542;--secondary-color: #E7C568;--secondary-color-hover: #F2D98C;--secondary-color-hover-alt: #CCA85A;--card-color: #cfdedb;--card-color-hover: #e8f3f0;--gradient-background: linear-gradient(to top left, var(--header-color) 50%, #416571);--gradient-header: linear-gradient(to bottom right, var(--header-color) 40%, #618894);--body-backgroud: #ebf7fd;--main-menu: #E7C568;--sub-menu: #f2e5d5;--header-color2: #264853;--gradient-background2: linear-gradient(to top left, var(--header-color2) 50%, #416571);--good-color: #34a853;--warn-color: #fbbc05;--bad-color: #ea4335;--popup-background: #fffaf3;--gradient-bad: linear-gradient(to top right, #240000, var(--button-off), #240000);--connect-color: #118a7e;--disconnect-color: #9f1e49;--warning-color: #ca9257;--hover-header: rgb(82, 94, 86);--loading-background: rgba(242, 246, 253, .845);--light-text: rgb(255, 255, 255);--dark-text: rgb(11, 14, 22);--shadow-color: rgba(0, 0, 0, .25);--border-color: rgb(151, 151, 151);--accent-color: #ffe371;--button-on: #29bf12;--button-off: #c1292e;--dc-color: #adb5bd}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}html,body,#root{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--body-backgroud)}.App{display:flex;flex-direction:row;align-items:center;justify-content:end;height:100%;width:100%;overflow:hidden}.App::-webkit-scrollbar{display:none}.App:fullscreen{width:100vw;height:100vh;background-color:var(--body-backgroud)}.App .main-content{position:relative;display:flex;flex-direction:column}.container-wrap{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;padding:.5rem}.table-wrapper{flex:1;overflow-y:auto}@media only screen and (max-width:768px){.App{align-items:end}.App .main-content{height:calc(100% - 4vh);width:100%}}@media only screen and (min-width:769px)and (max-width:1280px){.App .main-content{height:100%;width:calc(100% - 5vw)}}@media only screen and (min-width:1281px){.App .main-content{height:100%;width:calc(100% - 3vw)}}.table th{font-size:1.1vw;word-wrap:break-word;text-align:center}.table td{font-size:1vw;word-wrap:break-word;text-align:center}table th{padding:.5vw 1vw}table td{padding:.25vw 1vw}@media only screen and (max-width:1080px){.table th,.table td{font-size:calc(1vh + 1vw)}table th{padding:.5vh 1vh}table td{padding:.25vh 1vh}}.table-action{width:100%;border-collapse:collapse;text-align:center;position:inherit;overflow:auto}.table-action thead{position:sticky;top:0;z-index:1;border-radius:0vw;background-color:var(--header-color);background-image:var(--gradient-header);color:var(--light-text);font-weight:700}.table-action tbody tr:nth-of-type(2n){background-color:#e1e1e1}.table-action tbody tr:nth-of-type(odd){background-color:#c8c8c8}.table-action tbody tr .group-pick{transition:all .6s ease;cursor:pointer}.table-action tbody tr .group-pick:hover{color:#fff;background-color:var(--header-color-hover-alt)}.table-action thead .fixed-action{background-color:var(--header-color);position:sticky;right:0;z-index:2;color:#fff;text-align:center}.table-action tbody .fixed-seven{position:sticky;width:7dvw;min-width:7dvw;max-width:7dvw;cursor:pointer;z-index:1;transition:all .6s ease}.table-action tbody .one-seven{right:0;background-color:var(--border-color);color:#fff}.table-action tbody .one-seven:hover{background-color:var(--header-color)}.table-action tbody .two-seven{right:7dvw;background-color:var(--header-color-hover);color:#fff}.table-action tbody .two-seven:hover{background-color:var(--header-color-hover-alt)}.table-action tbody .three-seven{right:14dvw;background-color:#db7093;color:#fff}.table-action tbody .three-seven:hover{background-color:#eb7ea2}.click-cell tbody tr{transition:all .4s ease}.click-cell tbody tr:hover{background-color:#6f6f6f93;cursor:pointer}@media only screen and (max-width:1080px){.table-action tbody tr .group-pick{font-size:14px}.table-action tbody .fixed-seven{width:12dvw;min-width:12dvw;max-width:12dvw;font-size:14px}.table-action tbody .two-seven{right:12dvw}.table-action tbody .three-seven{right:24dvw}}.tablepopup{text-align:center;width:100%;position:inherit;border-collapse:separate;border-spacing:0vw 1vh}.tablepopup thead{position:sticky;top:0;background-color:var(--header-color);background-image:var(--gradient-header);color:var(--light-text);font-weight:700;text-transform:uppercase}.tablepopup thead tr th:last-of-type{border-radius:0vw 6px 6px 0vw}.tablepopup thead tr th:first-of-type{border-radius:6px 0vw 0vw 6px}.tablepopup tbody tr td{background-color:#fff;border-top:2px solid silver;border-bottom:2px solid silver;cursor:pointer}.tablepopup tbody tr td:last-of-type{background-color:#fff;border-right:2px solid silver;border-radius:0vw 6px 6px 0vw}.tablepopup tbody tr td:first-of-type{background-color:#fff;border-left:2px solid silver;border-radius:6px 0vw 0vw 6px}.tablepopup tbody tr:hover{background-color:#add8e6}.tablepopup tbody .group-pick:hover{background-color:#add8e6;cursor:pointer}.tablepopup tbody .group-delete{color:#db7093}.tablepopup tbody .group-delete:hover{background-color:#db7093;color:#fff;cursor:pointer}.header-table-wrap{display:flex;justify-content:center;white-space:nowrap;gap:3px;cursor:pointer}.header-short{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.header-short svg{height:18px;display:block}.header-short svg:first-of-type{margin-bottom:-9px}.header-short svg:last-of-type{margin-top:-9px}.table-popup-wrapper{display:block;width:100%;height:fit-content;max-height:50vh;overflow-y:auto;flex-shrink:0}.table-popup-wrapper-v2{display:block;width:100%;height:fit-content;max-height:65vh;overflow-y:auto;flex-shrink:0}.tableFixLayout{table-layout:fixed}.tableFixLayout thead th{width:130px}.btn-primary,.btn-secondary,.btn-danger{text-transform:uppercase;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;white-space:nowrap;transition:all .3s ease;box-shadow:-3px 3px 9px #00000080;padding:.75rem 1.75rem;border-radius:8px;font-size:14px}.btn-primary{background-color:var(--header-color);color:#fff;border:3px solid var(--header-color)}.btn-primary:hover{background-color:var(--header-color-hover);border:3px solid var(--header-color-hover)}.btn-secondary{background-color:#fff;color:var(--button-off);border:3px solid var(--button-off)}.btn-secondary:hover{background-color:#d3d3d3}.btn-danger{background-color:var(--button-off);color:var(--light-text);border:3px solid var(--button-off)}.btn-danger:hover{background-color:#f08080;border:3px solid lightcoral}.btn-card{width:100%;height:fit-content;background-color:var(--secondary-color);color:var(--header-color);border:none;text-transform:uppercase;font-weight:700;display:flex;flex-direction:row;justify-content:center;align-items:center;white-space:nowrap;box-shadow:3px 3px 10px #00000080;border-radius:5px;padding:.5vh;cursor:pointer;transition:background-color .3s ease;font-size:12px}.btn-card:hover{background-color:var(--secondary-color-hover)}@media only screen and (max-width:1080px){.btn-primary,.btn-secondary,.btn-danger{padding:.5rem 1.15rem;border-radius:8px;font-size:14px}}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.backdrop{position:fixed;background-color:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:100vh;top:0;left:0;transition:1s}.backdrop-all{position:fixed;background-color:#00000080;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);width:100vw;height:100vh;top:0;left:0;z-index:35;transition:all .5s ease;display:flex;align-items:center;justify-content:center}.backdrop-bold{position:fixed;background-color:#000000e6;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);width:100vw;height:100vh;top:0;left:0;z-index:35;transition:all .5s ease;display:flex;align-items:center;justify-content:center}.backdrop-alert{position:fixed;background-color:#00000080;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);width:100vw;height:100vh;top:0;left:0;z-index:45;transition:all .5s ease;display:flex;align-items:center;justify-content:center}}.loading{display:grid;place-content:center;width:100%;height:100%;background-color:var(--body-backgroud);z-index:100;position:fixed;top:0;left:0}.loading:after{content:"";width:6vw;height:6vw;border:3vw solid var(--header-color);border-top-color:var(--secondary-color);border-radius:50%;animation:load .75s linear infinite}@keyframes load{0%{transform:rotate(0)}to{transform:rotate(360deg)}}input{padding:.25em 1em}select{border:none;background-color:var(--header-color);padding:.15rem 1rem;border-radius:5px;color:#fff}select option{background-color:#fff;color:var(--header-color)}.required{color:red}.label-form{font-size:16px;font-weight:500;margin-bottom:.15rem;letter-spacing:.5px}.input-form{background-color:#fff;border:2px solid var(--header-color);border-radius:8px;box-shadow:none;width:100%;margin-bottom:.6rem;font-size:14px;transition:box-shadow .2s ease;letter-spacing:.5px;font-weight:500;color:#000}.input-form:focus{border-color:transparent;outline:none;box-shadow:0 0 0 3px var(--header-color-hover)}.input-form:disabled{background-color:#719192}.label-header{font-size:16px;font-weight:500;letter-spacing:.5px;color:#fff;white-space:nowrap}.input-date-header{background-color:#fff;border:2px solid var(--header-color-hover);border-radius:8px;box-shadow:none;width:100%;font-size:14px;transition:box-shadow .2s ease;letter-spacing:.5px;font-weight:500;color:var(--header-color)}.input-date-header:focus{border-color:transparent;outline:none;box-shadow:0 0 0 3px var(--header-color-hover)}.input-date-header:disabled{background-color:#719192}.select-wrapper-header{display:flex;text-align:start;margin-bottom:5px;color:#fff}.select-header{background-color:var(--secondary-color);border:2px solid var(--header-color);border-radius:8px;box-shadow:none;width:200px;font-size:14px;transition:box-shadow .2s ease;letter-spacing:.5px;font-weight:500;color:var(--header-color);cursor:pointer}.select-header:focus{border-color:transparent;outline:none;box-shadow:0 0 0 3px var(--header-color)}.select-header option{background-color:var(--secondary-color);color:var(--header-color);font-size:14px;font-weight:500;cursor:pointer}.select-header option:hover{background-color:var(--header-color)}.input-filter{background-color:#fff;border:2px solid black;border-radius:8px;box-shadow:none;max-width:75%;margin-top:.25rem;font-size:12px;transition:box-shadow .2s ease;letter-spacing:.5px;font-weight:500;color:#000}.input-filter:focus{border-color:transparent;outline:none;box-shadow:0 0 0 3px #000}.input-form-dropdown{background-color:var(--header-color);border:2px solid var(--header-color);border-radius:8px;box-shadow:none;width:100%;margin-bottom:.6rem;font-size:14px;transition:box-shadow .2s ease;letter-spacing:.5px;font-weight:500;color:#fff;appearance:none;cursor:pointer}.input-form-dropdown:focus{border-color:transparent;outline:none;box-shadow:0 0 0 3px var(--header-color-hover)}.input-form-dropdown option{background-color:var(--header-color);color:#fff;font-size:14px;font-weight:500}.checkbox-wrapper{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.checkbox-v1{width:22px;height:22px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:3px solid var(--header-color);border-radius:6px;background-color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.checkbox-v1:checked{background-color:var(--header-color);border-color:var(--header-color-hover)}.checkbox-v1:checked:after{content:"✔";color:#fff;font-size:14px;font-weight:700;position:relative;top:.5px}.checkbox-v1:disabled{cursor:auto}.body-popup{max-height:65vh;width:100%;display:flex;flex-direction:column;overflow-y:auto;padding:0 1vw;box-sizing:border-box}.popup-form-content{width:100%;display:flex;gap:.5rem}.popup-form-left,.popup-form-mid,.popup-form-right{flex:1;display:flex;flex-direction:column;padding:.25rem}.footer-popup{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1vw}.footer-right-btn{display:flex;gap:2rem}.body-popup-only{width:100%;display:flex;flex-direction:column;padding:0 1rem 2rem}.body-popup-only-wrap{max-height:75vh;width:100%;display:flex;flex-direction:column;overflow-y:auto;gap:1rem}@media(max-width:1080px){.popup-form-content{flex-direction:column;gap:0}.footer-right-btn{gap:1.5rem}.footer-popup{padding:1rem 2vw}}.line-accent-m1{margin:.5rem 0;border:none;border-bottom:3px solid var(--header-color)}.line-accent-m1-bold{margin:.5rem 0;border:none;border-bottom:5px solid var(--header-color)}.line-accent-m2{margin:1rem 0;border:none;border-bottom:3px solid var(--header-color)}.line-accent-m2-bold{margin:1rem 0;border:none;border-bottom:5px solid var(--header-color)}.line-accent-s1{margin:.5rem 0;border:none;border-bottom:3px solid var(--secondary-color)}.line-accent-s1-bold{margin:.5rem 0;border:none;border-bottom:5px solid var(--secondary-color)}.line-accent-s2{margin:1rem 0;border:none;border-bottom:3px solid var(--secondary-color)}.line-accent-s2-bold{margin:1rem 0;border:none;border-bottom:5px solid var(--secondary-color)}._sidebar_1qvht_2{position:fixed;top:0;left:0;color:#fff;transition:1s;z-index:30;display:flex;flex-direction:column;align-items:center;overflow:visible;box-shadow:0 2px 6px #00000080}._sidebar_1qvht_2::-webkit-scrollbar{display:none}@media only screen and (max-width:768px){._sidebar_1qvht_2{background-image:var(--gradient-background2);width:100%;height:4vh;transition:1s}._sidebar_1qvht_2._showSidebar_1qvht_30{height:100%}}@media only screen and (min-width:769px)and (max-width:1280px){._sidebar_1qvht_2{height:100vh;width:5vw;background-image:var(--gradient-background)}._sidebar_1qvht_2._showSidebar_1qvht_30{width:22vw}}@media only screen and (min-width:1281px){._sidebar_1qvht_2{height:100vh;width:3vw;background-image:var(--gradient-background)}._sidebar_1qvht_2._showSidebar_1qvht_30{width:19vw}}._collapseBtn_1qvht_66{height:50px;width:100%;display:flex;align-items:center;justify-content:flex-end;padding:1.25rem calc((3vw - (50px - 2.5rem))/2);transition:padding .4s ease-in-out;cursor:pointer}._collapseBtn_1qvht_66 button{height:100%;aspect-ratio:1 / 1;border:none;cursor:pointer}._btnCollapse_1qvht_84{border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:transform .6s ease-in-out;color:var(--header-color)}._collapseActive_1qvht_94{transform:rotate(180deg)}@media only screen and (max-width:768px){._collapseBtn_1qvht_66{height:4vh;padding:.15rem 1rem}._collapseBtn_1qvht_66._collapseBtnActive_1qvht_105{padding:.15rem 1rem}._btnCollapse_1qvht_84{border-radius:4px;font-size:1.75rem}}@media only screen and (min-width:769px)and (max-width:1280px){._collapseBtn_1qvht_66{height:70px;padding:1.15rem calc((5vw - (70px - 2.3rem))/2)}._collapseBtn_1qvht_66._collapseBtnActive_1qvht_105{padding:1.15rem 2rem}}@media only screen and (min-width:1281px){._collapseBtn_1qvht_66{height:70px;padding:1.25rem calc((3vw - (70px - 2.5rem))/2)}._collapseBtn_1qvht_66._collapseBtnActive_1qvht_105{padding:1.25rem 2rem}}._userDetail_1qvht_144{height:65px;width:100%;gap:.5rem;display:flex;align-items:start;justify-content:center;transition:all .4s ease}._userDetail_1qvht_144._userDetailShow_1qvht_154{height:fit-content;margin-bottom:1rem;padding:0 .75rem}._userImg_1qvht_160{border:none;display:flex;align-items:center;justify-content:center;background-color:transparent;color:#fff;cursor:pointer}._userImg_1qvht_160 svg{font-size:2.75rem;transition:all .5s ease}._userImg_1qvht_160._userImgShow_1qvht_175 svg{font-size:3.75rem}._userNameRole_1qvht_180{flex:0;height:100%;display:none;flex-direction:column;overflow:hidden;transition:all .5s ease}._userNameRoleShow_1qvht_189{flex:1;display:flex;justify-content:center}._userNameRole_1qvht_180 h5{font-size:1.25rem}._userNameRole_1qvht_180 p{font-size:.8rem;color:var(--main-menu)}._settingBtn_1qvht_205{max-width:0;overflow:hidden;border:none;display:none;background-color:transparent;color:#fff;font-size:2rem;transition:all .5s ease;cursor:pointer}._settingBtnShow_1qvht_217{display:block;max-width:60px}._spanLine_1qvht_222{width:100%;padding:0 1rem;display:block}._spanLine_1qvht_222 hr{margin:.5rem 0;border:none;border-bottom:3px solid var(--main-menu);border-radius:999px}@media only screen and (max-width:768px){._userDetail_1qvht_144{display:none}._userDetail_1qvht_144._userDetailShow_1qvht_154{display:flex;height:75px;padding:1rem 2rem}}._mainMenuWrap_1qvht_253{flex:1;width:100%;overflow-y:auto;overflow-x:hidden}._mainMenu_1qvht_253{width:100%;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:2px;overflow:visible}._mainMenuShow_1qvht_270{padding:.1rem 1rem}._btnMainMenu_1qvht_274{width:100%;display:flex;align-items:center;justify-content:center;color:var(--main-menu);cursor:pointer;transition:all .5s ease;background-color:transparent;border:none;border-radius:4px;overflow:hidden;padding:.5rem 0;text-decoration:none}._btnMainMenu_1qvht_274._btnMainMenuShow_1qvht_290{padding:.5rem 0}._btnMainMenu_1qvht_274:hover{background-color:#4ba3b466}._btnMainMenu_1qvht_274 span{padding:0;display:flex;align-items:center;align-self:center;justify-content:center;font-size:2rem;flex-shrink:0}._btnMainMenuShow_1qvht_290 span{padding:0 1.5rem}._btnMainMenu_1qvht_274 p{flex:1;opacity:0;max-width:0;font-size:16px;font-weight:500;text-align:left;overflow:hidden;white-space:nowrap;transition:all .5s ease}._btnMainMenuShow_1qvht_290 p{opacity:1;max-width:100%}._iconMenuArrow_1qvht_331{margin-left:auto}._iconMenuArrow_1qvht_331 svg{transition:all .6s ease}._active_1qvht_339{background-color:#4ba3b466}._submenuWrapper_1qvht_343{overflow:hidden;transition:max-height .3s ease;display:flex;flex-direction:column;padding-top:.15rem;gap:.15rem}._submenuItem_1qvht_353{display:flex;align-items:center;justify-content:center;padding:.75rem .5rem;color:var(--sub-menu);border-radius:4px;text-decoration:none;transition:background-color .2s ease,color .2s ease}._submenuItemShow_1qvht_364{justify-content:start;gap:1.5rem;border-radius:8px;padding:.75rem 1rem .5rem 2.5rem}._submenuItem_1qvht_353:hover{background-color:#4ba3b466;color:var(--sub-menu)}._submenuItem_1qvht_353 svg{font-size:1.25rem}._submenuItem_1qvht_353 p{flex:0;display:none;font-size:1rem;font-weight:500}._submenuItemShow_1qvht_364 p{flex:1;display:flex}._activeSub_1qvht_392{background-color:#4ba3b466;color:var(--sub-menu)}._iconMenuArrow_1qvht_331{margin-left:auto;transition:transform .3s ease}._arrowOpen_1qvht_402{transform:rotate(90deg)}@media only screen and (max-width:768px){._btnMainMenu_1qvht_274 span{display:none}._btnMainMenuShow_1qvht_290 span{display:flex}._submenuItem_1qvht_353 svg{display:none}._submenuItemShow_1qvht_364 svg{display:flex}}._tooltipContainer_1qvht_430{position:relative}._tooltipContainer_1qvht_430>a{position:relative;z-index:1}._tooltipText_1qvht_439{pointer-events:none;visibility:hidden;opacity:0;position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background-color:#000000d9;color:#fff;padding:6px 10px;border-radius:6px;white-space:nowrap;font-size:.85rem;z-index:9999;transition:opacity .25s ease,visibility .25s ease,transform .25s ease}._tooltipContainer_1qvht_430:hover ._tooltipText_1qvht_439{visibility:visible;opacity:1;transform:translate(6px,-50%)}._sidebarLogo_1qvht_468{display:flex;align-items:center;justify-content:center;overflow:visible;height:auto;width:2vw;padding-top:1rem;transition:all .9s ease;transform-origin:center}._sidebarLogo_1qvht_468 img{width:100%;height:100%}._sidebarLogoShow_1qvht_485{padding-top:0;transform:rotate(90deg) scale(1.15)}@media only screen and (max-width:768px){._sidebarLogo_1qvht_468{display:none}._sidebarLogoShow_1qvht_485{display:flex}}._versionApp_1qvht_506{width:0;opacity:0;overflow:hidden;white-space:nowrap;display:flex;align-items:center;justify-content:space-between;transition:all .6s ease;padding:0}._versionAppShow_1qvht_518{width:100%;opacity:1;padding:.5rem 1rem}._versionValue_1qvht_524{display:flex;gap:2px}._versionValue_1qvht_524 label,._versionValue_1qvht_524 p{font-size:16px;font-weight:500}@media only screen and (max-width:768px){._versionAppShow_1qvht_518{width:100%;opacity:1;padding:.5rem 2.5rem}}._tooltip_1o8nq_1{position:fixed;transform:translateY(-50%);background:#000000d9;color:#fff;padding:6px 10px;border-radius:6px;white-space:nowrap;font-size:.85rem;z-index:9999;pointer-events:none;opacity:0;transition:opacity .25s ease,transform .2s ease;box-shadow:0 4px 12px #00000040;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}._tooltipShow_1o8nq_18{opacity:1;transform:translateY(-50%) scale(1)}._tooltipArrow_1o8nq_23{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid rgba(0,0,0,.85)}._container_t0noi_1{display:flex;flex-direction:column;position:relative;padding:3.75vw 2rem 3rem 2rem;border-radius:2rem;background-color:var(--popup-background)}._smallWidth_t0noi_12{width:40vw;height:50vh}._defaultWidth_t0noi_17{width:50vw;height:60vh}._alertIcons_t0noi_24{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:7.5vw;aspect-ratio:1/1;background-color:var(--warn-color);color:#fff;border-radius:50%;border:.4vw solid var(--popup-background);padding:.5vw;display:grid;place-content:center}._alertIcons_t0noi_24 svg{font-size:4vw}._alertIcons_t0noi_24._symbolDone_t0noi_48{animation:_done_t0noi_1 2s infinite}._alertIcons_t0noi_24._symbolWarn_t0noi_52{animation:_warning_t0noi_1 1.5s infinite}._alertIcons_t0noi_24._symbolCritical_t0noi_56{animation:_critical_t0noi_1 .75s infinite}._alertContent_t0noi_62{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;overflow:hidden}._alertContentWrap_t0noi_71{flex:1;width:100%;display:flex;flex-direction:column;gap:2rem;padding:0 2.5rem}._withoutInput_t0noi_81{overflow-x:hidden;overflow-y:auto}._centerBox_t0noi_86{flex:1;width:100%;display:flex;align-items:center;justify-content:center}._centerBox_t0noi_86 p{font-size:clamp(1rem,2vw,3rem);font-weight:700;text-align:center;width:100%;overflow-wrap:break-word;word-break:break-word}._withInput_t0noi_104{align-items:center;justify-content:center;overflow:hidden}._withInput_t0noi_104 p{font-size:clamp(1rem,2vw,3rem);font-weight:700;text-align:center;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._inputForm_t0noi_123{background-color:#fff;border:2px solid var(--header-color);border-radius:8px;box-shadow:none;width:100%;font-size:14px;transition:box-shadow .2s ease;letter-spacing:.5px;font-weight:500;color:#000}._inputForm_t0noi_123:focus{border-color:transparent;outline:none;box-shadow:0 0 0 3px var(--header-color-hover)}._inputForm_t0noi_123:disabled{background-color:#719192}._alertButton_t0noi_146{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:3.5rem;padding:1rem}@keyframes _done_t0noi_1{0%{background-color:var(--popup-background)}10%{background-color:var(--good-color)}80%{background-color:var(--good-color)}to{background-color:var(--popup-background)}}@keyframes _warning_t0noi_1{0%{background-color:var(--popup-background)}10%{background-color:var(--warn-color)}80%{background-color:var(--warn-color)}to{background-color:var(--popup-background)}}@keyframes _critical_t0noi_1{0%{background-color:var(--popup-background)}10%{background-color:var(--bad-color)}80%{background-color:var(--bad-color)}to{background-color:var(--popup-background)}}@media only screen and (max-width:768px){._container_t0noi_1{padding:11vw 1rem 1rem 1rem}._smallWidth_t0noi_12{width:90vw;height:35vh}._defaultWidth_t0noi_17{width:90vw;height:40vh}._alertIcons_t0noi_24{width:22vw;border:1vw solid var(--popup-background);padding:.5vw}._alertIcons_t0noi_24 svg{font-size:12vw}._alertContentWrap_t0noi_71{gap:1rem;padding:0 1.5rem}._btnWithInput_t0noi_247{justify-content:space-between;gap:0;padding:1rem 1.5rem}}._containerPage_17oy8_3{height:100%;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding:.5rem}._canvas_17oy8_37{width:100%;height:100%;position:fixed;top:0;left:0}._leftContainer_17oy8_63{top:0;left:0;position:absolute;width:32%;height:100%;display:flex;flex-direction:column;justify-content:space-between}._navigationWrap_17oy8_91{width:100%;display:flex;flex-wrap:wrap;gap:.5rem}._btnNavigation_17oy8_107{border:none;color:#fff;background-color:var(--header-color);font-size:1rem;font-weight:600;padding:.5rem 2rem;cursor:pointer;border-radius:9999px;box-shadow:-2px 2px 6px #00000040;transition:all .5s ease}._btnNavigation_17oy8_107:hover{background-color:var(--header-color-hover)}._btnDonePacking_17oy8_145{position:absolute;right:0;bottom:0;border:none;color:var(--header-color);background-color:var(--secondary-color);font-size:1.25rem;font-weight:600;padding:.75rem 2.25rem;cursor:pointer;border-radius:9999px;box-shadow:-2px 2px 6px #00000040;transition:all .5s ease}._btnDonePacking_17oy8_145:hover{background-color:var(--secondary-color-hover)}._resultWrappper_17oy8_195{width:65%;display:flex;flex-direction:column;gap:.5rem;padding:.5rem}._resultDOCard_17oy8_213{width:100%;display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:20px;color:#fff;background:var(--gradient-background);box-shadow:-2px 2px 6px #00000040}._titleDetail_17oy8_243{font-size:.85rem;font-weight:600;color:var(--secondary-color)}._doNumberWrap_17oy8_257{width:100%;text-align:center;white-space:normal;word-break:break-word;font-size:1.5rem;font-weight:600}._finalResult_17oy8_277{text-align:center;font-size:1rem;font-weight:600}._resultBOXCard_17oy8_297{width:100%;display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:20px;background-color:#fff;box-shadow:-2px 2px 6px #00000040}._resultBOXTitle_17oy8_323{display:flex;align-items:center;justify-content:center;padding-bottom:.15rem;border-bottom:4px solid var(--header-color)}._resultBOXTitle_17oy8_323 p{font-size:1rem;font-weight:600}._productDetail_17oy8_353{width:100%;display:grid;grid-template-columns:20% 10px auto;align-items:start}._productDetail_17oy8_353 p{font-size:1rem;font-weight:500}._productDetail_17oy8_353>p:last-child{font-weight:600;white-space:normal;word-break:break-word}._progressBarContainer_17oy8_389{height:15px;background-color:#e0e0e0;border-radius:999px;width:100%}._progressBar_17oy8_389{height:15px;display:flex;align-items:center;justify-content:flex-end;border-radius:999px;background:var(--gradient-background);transition:all .4s ease}._buttonsCamera_17oy8_437{position:fixed;top:0;right:0;display:flex;gap:.5rem;margin:.5rem}._btnMode_17oy8_455{height:fit-content;border:none;border-radius:9999px;font-size:1rem;font-weight:600;padding:.5rem 2rem;color:#000;cursor:pointer;color:#fff;background-color:var(--header-color);box-shadow:-2px 2px 6px #00000040;transition:all .5s ease}._btnMode_17oy8_455:hover{background-color:var(--header-color-hover)}._btnPerspective_17oy8_499{height:fit-content;border:none;border-radius:12px;font-size:1rem;font-weight:600;padding:.5rem 1rem;color:#000;cursor:pointer;background-color:#fff;box-shadow:-2px 2px 6px #00000040;transition:all .5s ease}._btnPerspective_17oy8_499:hover{background-color:#dcdcdc}._rightWrapPerspective_17oy8_539{display:flex;flex-direction:column;gap:.5rem}._resultNavigation_17oy8_567{position:absolute;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.5rem}._countResultCard_17oy8_595{display:flex;align-items:center;align-self:stretch;padding:0 1.5rem;border-radius:12px;background-color:#fff;box-shadow:-2px 2px 6px #0006}._countResultCard_17oy8_595 p{font-size:1rem;font-weight:600}._btnResult_17oy8_629{height:fit-content;width:fit-content;display:flex;border:none;color:#fff;background-color:var(--header-color);font-size:1rem;font-weight:600;padding:.5rem 2rem;cursor:pointer;border-radius:9999px;box-shadow:-2px 2px 6px #00000040;transition:all .5s ease}._btnResult_17oy8_629:hover{background-color:var(--header-color-hover)}._alertMessageCard_17oy8_683{position:absolute;bottom:5px;right:5px;width:20vw;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:.5rem 1rem;border-radius:12px;color:#fff;background:var(--gradient-bad);box-shadow:-2px 2px 6px #00000040}._alertMessageHeader_17oy8_721{width:100%;display:flex;align-items:center;justify-content:center;padding-bottom:.15rem;border-bottom:4px solid white}._alertMessageHeader_17oy8_721 p{font-size:clamp(1rem,1.25vw,1.5rem);font-weight:600}._alertMessageBody_17oy8_755{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;padding:.5rem 0}._alertValue_17oy8_777{width:100%;display:grid;grid-template-columns:46% 8% auto;align-items:start;border-radius:4px;padding:0 .5rem;color:#000;background-color:#fff}._alertValue_17oy8_777 p{font-size:1rem;font-weight:600;white-space:normal;word-break:break-word}._alertValue_17oy8_777 p:nth-of-type(2n){text-align:center;font-weight:700}._box_nd5o2_1{background-color:#565656;padding:15px;border-radius:10px;color:#fff;display:flex;flex-direction:column;align-items:left;justify-content:center;font-size:10px;font-family:sans-serif;-ms-transform:skew(170deg);-webkit-transform:skew(170deg);transform:skew(170deg);height:120px;width:100%}._modalPilih_nd5o2_19{display:flex;flex-direction:column;border-radius:4vw;background-color:var(--popup-background);background-image:var(--gradient-content);padding:1.5vw 4vw;text-align:left;width:98%;height:auto;max-height:85vh;position:fixed;overflow:auto;z-index:90;cursor:default;opacity:0;animation:_slideIn_nd5o2_1 .5s ease-in-out forwards}@media(min-width:1081px){._modalPilih_nd5o2_19{top:3%;left:8%}}@media(max-width:1080px){._modalPilih_nd5o2_19{top:auto;bottom:4%;left:1%}}@keyframes _slideIn_nd5o2_1{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}._modalPilih_nd5o2_19 ._containerfilter_nd5o2_61{width:100%;display:flex;justify-content:space-between;column-gap:.75vw;margin-bottom:5px}@media(min-width:1017px){._modalPilih_nd5o2_19 ._containerfilter_nd5o2_61{flex-direction:row}}@media(max-width:1016px){._modalPilih_nd5o2_19 ._containerfilter_nd5o2_61{flex-direction:column}}@media(min-width:1017px){._modalPilih_nd5o2_19 ._containerfilter_nd5o2_61 input{height:3vw}}@media(max-width:1016px){._modalPilih_nd5o2_19 ._containerfilter_nd5o2_61 input{height:25px}}._modalConfirm_nd5o2_89{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border-radius:2vw;background-color:var(--popup-background);padding:1vw 2vw;width:35%;max-height:60%;position:fixed;top:20vh;left:32.5%;overflow:auto;z-index:22}._modalPilih_nd5o2_19 ._tabView_nd5o2_107::-webkit-scrollbar{display:none}._modalKeyboardNumeric_nd5o2_111{width:30%;position:fixed;bottom:2.7vh;left:35%;z-index:100;font-size:2vw}._modalKeyboard_nd5o2_111{width:70%;position:fixed;bottom:2.7vh;left:15%;z-index:100;font-size:2vw}._modalKeyboard_nd5o2_111 ._buttonKey_nd5o2_131{padding:5vw .5vw;background-color:#0ff}._modalTable_nd5o2_136{display:flex;flex-direction:column;border-radius:1vw;background-color:var(--popup-background);padding:1vw 2vw;width:85%;max-height:75%;position:fixed;top:12.5%;left:10%;z-index:21}._modal_nd5o2_19{display:flex;flex-direction:column;border-radius:.75vw;background-color:var(--popup-background);background-image:var(--gradient-content);padding:1.5vw 4vw;text-align:left;width:85%;height:auto;max-height:92.5vh;position:fixed;overflow:auto;z-index:20;cursor:default}@media(min-width:1081px){._modal_nd5o2_19{top:3%;left:8%}}@media(max-width:1080px){._modal_nd5o2_19{top:5%;left:7%}}._modal_nd5o2_19 ._tabView_nd5o2_107{width:100%;height:70vh;overflow:scroll}._modaldetail_nd5o2_188{display:flex;flex-direction:column;box-shadow:0 1px 4px #0003;border-radius:10px;background-color:var(--popup-background);width:100%;overflow:auto;top:5vh;height:80%;left:20%;z-index:3}._modal_nd5o2_19 ._buttons_nd5o2_203{display:flex;flex-direction:row;justify-content:center;column-gap:1vw}._modal_nd5o2_19 ._input_nd5o2_210{width:75%;height:1vw}._modal_nd5o2_19 ._input_nd5o2_210 input{width:100%;font-size:1vw}._modal_nd5o2_19 ._title_nd5o2_220{width:25%;height:1vw;font-size:1vw}._modalpilih_nd5o2_226 ._form_nd5o2_226{width:70%}._modal_nd5o2_19 ._containerkey_nd5o2_232{display:flex;margin:.25em 0}@media(min-width:1081px){._modal_nd5o2_19 ._containerkey_nd5o2_232{flex-direction:row}}@media(max-width:1080px){._modal_nd5o2_19 ._containerkey_nd5o2_232{flex-direction:column}}._frame_nd5o2_247{--b: 2px;--c: black;--w: 6vw;border:var(--b) solid #0000;--_g: #0000 90deg, var(--c) 0;--_p: var(--w) var(--w) border-box no-repeat;background:conic-gradient(from 90deg at top var(--b) left var(--b),var(--_g)) 0 0 / var(--_p),conic-gradient(from 180deg at top var(--b) right var(--b),var(--_g)) 100% 0 / var(--_p),conic-gradient(from 0deg at bottom var(--b) left var(--b),var(--_g)) 0 100% / var(--_p),conic-gradient(from -90deg at bottom var(--b) right var(--b),var(--_g)) 100% 100% / var(--_p);box-sizing:border-box;margin:5px;display:inline-flex;font-size:30px;justify-content:center;align-items:center;text-align:center}._popupContainer_nd5o2_276{display:flex;flex-direction:column;background-color:var(--popup-background);background-image:var(--gradient-content);padding:1.5vw 3vw;text-align:left;height:auto;position:fixed;z-index:40;cursor:default;overflow:hidden;max-width:1200px;transform:translateY(0);opacity:1;transition:transform .5s ease,opacity .5s ease}._popupContainer_nd5o2_276#_hide_nd5o2_1{transform:translateY(100%);z-index:-100;opacity:0;transition:transform .5s ease,opacity .1s ease}._headerModal_nd5o2_302{padding:0 1vw}._headerTitle_nd5o2_306{display:flex;align-items:center;justify-content:space-between;border-bottom:5px solid var(--header-color);margin-bottom:1em;text-transform:uppercase}._headerTitle_nd5o2_306 h2{font-weight:700;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}._headerTitle_nd5o2_306 button{width:fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;font-size:2.25rem;cursor:pointer}._bodyModal_nd5o2_337{width:100%;display:flex;flex-direction:column;overflow:hidden}@media only screen and (max-width:1080px){._popupContainer_nd5o2_276{top:auto;bottom:4%;left:1%;border-radius:4vw;max-height:90vh;width:98vw}._popupContainer_nd5o2_276 ._containerkey_nd5o2_232{flex-direction:column}._headerTitle_nd5o2_306 h2{font-size:1.5rem}}@media only screen and (min-width:1081px){._popupContainer_nd5o2_276{top:3%;left:50%;transform:translate(-50%);border-radius:2rem;max-height:92vh;width:100vw}._popupContainer_nd5o2_276 ._containerkey_nd5o2_232{flex-direction:row}._headerTitle_nd5o2_306 h2{font-size:2rem}}._popupPilihContainer_nd5o2_390{display:flex;flex-direction:column;background-color:var(--popup-background);background-image:var(--gradient-content);padding:1.5vw 3vw;text-align:left;height:auto;position:fixed;z-index:40;cursor:default;overflow:hidden;max-width:1200px;padding-bottom:2rem;transform:translateY(0);opacity:1;transition:transform .5s ease,opacity .5s ease}._popupPilihContainer_nd5o2_390#_hide_nd5o2_1{transform:translateY(100%);z-index:-100;opacity:0;transition:transform .5s ease,opacity .1s ease}._headerPopupPilih_nd5o2_417{padding:0 1vw}._headerTitlePopupPilih_nd5o2_421{display:flex;align-items:center;justify-content:space-between;border-bottom:5px solid var(--header-color);text-transform:uppercase}._headerTitlePopupPilih_nd5o2_421 h2{font-weight:700;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}._headerTitlePopupPilih_nd5o2_421 button{width:fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;font-size:2.25rem;cursor:pointer}._bodyPopupPilih_nd5o2_451{padding:.5rem 1vw}._noDataWrap_nd5o2_455{width:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem}._noDataWrap_nd5o2_455 p{font-size:1.5rem;font-weight:600}._tablePopupWrap_nd5o2_469{max-height:70vh;overflow:auto}._labelPopupTable_nd5o2_474{display:block;white-space:nowrap;font-size:12px;font-weight:600;text-transform:uppercase;color:#fff}@media only screen and (max-width:1080px){._popupPilihContainer_nd5o2_390{top:auto;bottom:4%;left:1%;border-radius:4vw;max-height:90vh;width:98vw}._popupPilihContainer_nd5o2_390 ._containerkey_nd5o2_232{flex-direction:column}._headerTitlePopupPilih_nd5o2_421 h2{font-size:1.5rem}}@media only screen and (min-width:1081px){._popupPilihContainer_nd5o2_390{top:3%;left:50%;transform:translate(-50%);border-radius:2rem;max-height:92vh;width:100vw}._popupPilihContainer_nd5o2_390 ._containerkey_nd5o2_232{flex-direction:row}._headerTitlePopupPilih_nd5o2_421 h2{font-size:2rem}}._containerPage_1elcb_3{height:100%;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}._canvas_1elcb_33{width:100%;height:100%;position:fixed;top:0;left:0}._leftContainer_1elcb_59{top:0;left:0;position:absolute;width:32%;height:100%;display:flex;flex-direction:column;justify-content:space-between}._navigationWrap_1elcb_87{width:100%;display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem}._btnNavigation_1elcb_105{border:none;color:#fff;background-color:var(--header-color);font-size:1rem;font-weight:600;padding:.5rem 2rem;cursor:pointer;border-radius:9999px;box-shadow:-2px 2px 6px #00000040;transition:all .5s ease}._btnNavigation_1elcb_105:hover{background-color:var(--header-color-hover)}._resultWrappper_1elcb_147{width:65%;display:flex;flex-direction:column;gap:.5rem;padding:.5rem}._resultDOCard_1elcb_165{width:100%;display:flex;flex-direction:column;padding:1rem;border-radius:20px;color:#fff;background:var(--gradient-background);box-shadow:-2px 2px 6px #00000040}._titleDetail_1elcb_191{font-size:.85rem;font-weight:600;color:var(--secondary-color)}._doNumberWrap_1elcb_205{width:100%;text-align:center;white-space:normal;word-break:break-word;font-size:1.5rem;font-weight:600}._finalResult_1elcb_225{text-align:center;font-size:1rem;font-weight:600}._resultBOXCard_1elcb_245{width:100%;display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:20px;background-color:#fff;box-shadow:-2px 2px 6px #00000040}._resultBOXTitle_1elcb_271{display:flex;align-items:center;justify-content:center;padding-bottom:.15rem;border-bottom:4px solid var(--header-color)}._resultBOXTitle_1elcb_271 p{font-size:clamp(1rem,1.25vw,1.5rem);font-weight:600}._productDetail_1elcb_301{width:100%;display:grid;grid-template-columns:20% 10px auto;align-items:start}._productDetail_1elcb_301 p{font-size:1rem;font-weight:500}._productDetail_1elcb_301>p:last-child{font-weight:600;white-space:normal;word-break:break-word}._progressBarContainer_1elcb_337{height:15px;background-color:#e0e0e0;border-radius:999px;width:100%}._progressBar_1elcb_337{height:15px;display:flex;align-items:center;justify-content:flex-end;border-radius:999px;background:var(--gradient-background);transition:all .4s ease}._buttonsCamera_1elcb_385{position:absolute;top:0;right:0;display:flex;flex-direction:column;gap:.5rem}._btnMode_1elcb_403{height:fit-content;border:none;border-radius:12px;font-size:1rem;font-weight:600;color:#000;cursor:pointer;color:#fff;background-color:var(--header-color);box-shadow:-2px 2px 6px #00000040;transition:all .5s ease}._btnMode_1elcb_403:hover{background-color:var(--header-color-hover)}._btnPerspective_1elcb_445{height:fit-content;border:none;border-radius:12px;font-size:1rem;font-weight:600;color:#000;cursor:pointer;background-color:#fff;box-shadow:-2px 2px 6px #00000040;transition:all .5s ease}._btnPerspective_1elcb_445:hover{background-color:#dcdcdc}._rightWrapPerspective_1elcb_483{display:flex;flex-direction:row;gap:.5rem}._resultNavigation_1elcb_511{position:absolute;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.5rem}._countResultCard_1elcb_539{display:flex;align-items:center;align-self:stretch;padding:0 1.5rem;border-radius:12px;background-color:#fff;box-shadow:-2px 2px 6px #0006}._countResultCard_1elcb_539 p{width:100%;font-size:1rem;font-weight:600}._btnResult_1elcb_575{height:fit-content;width:100%;display:flex;border:none;color:#fff;background-color:var(--header-color);font-size:1rem;font-weight:600;padding:.5rem 2rem;cursor:pointer;border-radius:9999px;box-shadow:-2px 2px 6px #00000040;transition:all .5s ease}._btnResult_1elcb_575:hover{background-color:var(--header-color-hover)}._alertMessageCard_1elcb_629{position:absolute;bottom:5px;right:5px;width:20vw;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:.5rem 1rem;border-radius:12px;color:#fff;background:var(--gradient-bad);box-shadow:-2px 2px 6px #00000040}._alertMessageHeader_1elcb_667{width:100%;display:flex;align-items:center;justify-content:center;padding-bottom:.15rem;border-bottom:4px solid white}._alertMessageHeader_1elcb_667 p{font-size:clamp(1rem,1.25vw,1.5rem);font-weight:600}._alertMessageBody_1elcb_701{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;padding:.5rem 0}._alertValue_1elcb_723{width:100%;display:grid;grid-template-columns:46% 8% auto;align-items:start;border-radius:4px;padding:0 .5rem;color:#000;background-color:#fff}._alertValue_1elcb_723 p{font-size:1rem;font-weight:600;white-space:normal;word-break:break-word}._alertValue_1elcb_723 p:nth-of-type(2n){text-align:center;font-weight:700}