@charset "UTF-8";.mainlogo100{width:6.25rem;height:1.875rem;background-image:url(../../assets/logo/carima_white.webp);background-position:center;background-repeat:no-repeat;background-size:contain}@media screen and (max-width: 450px){.mainlogo100{width:5rem;height:1.5rem}}.footer{background:#f9f9f9;color:#5d5d5d!important;position:absolute;bottom:-20%;width:100%;height:fit-content;padding:1rem;gap:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 450px){.footer{gap:1rem;bottom:-26%}}@media screen and (max-width: 1300px){.footer{bottom:-26%}}.footerTop{display:flex;justify-content:space-between;align-items:center;width:67.5rem}@media screen and (max-width: 450px){.footerTop{width:100%}}@media screen and (max-width: 1081px){.footerTop{width:100%}}.logocontainer{display:flex;gap:.5rem}.logocontainer span{border-radius:100%;width:1.875rem;height:1.875rem;display:flex;justify-content:center;align-items:center;border:.0625rem solid #5d5d5d;cursor:pointer}@media screen and (max-width: 450px){.logocontainer span{width:1.5rem;height:1.5rem}}a{width:1rem;height:1rem;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 450px){a{width:.75rem;height:.75rem}}.middle400{font-size:.5rem;font-weight:700;display:flex;flex-direction:column;text-align:center;gap:.625rem}.middle400 .p10{font-size:.625rem;cursor:pointer}.middle400 .p10:hover{transition:all .3s;color:#863ec3}@media screen and (min-width: 400px){.middle400{display:none}}.middle{font-size:.625rem;font-weight:700;display:flex;flex-direction:column;gap:.625rem;text-align:center}.middle .p14{font-size:.75rem;cursor:pointer}.middle .p14:hover{transition:all .3s;color:#863ec3}@media screen and (max-width: 450px){.middle{display:none}}.footerBottom{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:.5625rem;width:67.5rem}.footerBottom span:hover{border:.0625rem solid #863ec3;transition:all .3s}.footerBottom span:hover .path{transition:all .3s;fill:#863ec3}@media screen and (max-width: 450px){.footerBottom{font-size:.4375rem;width:100%}}@media screen and (max-width: 1081px){.footerBottom{width:100%}}@font-face{font-family:Pretendard GOV Variable;src:url(/fonts/PretendardGOVVariable.ttf) format("ttf");font-display:swap}*{font-family:Pretendard GOV Variable,Pretendard GOV,sans-serif;margin:0;padding:0;font-display:swap}body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select,span,em,label,:before,:after{margin:0;padding:0;box-sizing:border-box;-webkit-text-size-adjust:none;font-family:inherit;line-height:1.5;letter-spacing:inherit}html{height:100%;margin:0;padding:0;scrollbar-gutter:stable}body{overflow-x:hidden;height:100%;margin:0;padding:0}input[type=text],input[type=tel],input[type=password],input[type=file],input[type=number],input[type=email],input[type=date],input[type=search],textarea{-webkit-box-shadow:none;box-shadow:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:none;outline:none;color:#fff;background:none;font-family:Pretendard GOV Variable,Pretendard GOV,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif}.scroll-container{position:relative;overflow-y:scroll}.scroll-container::-webkit-scrollbar{width:.0625rem;overflow:hidden}.scroll-container::-webkit-scrollbar-thumb{border-radius:.3125rem;height:.3125rem}.scroll-container::-webkit-scrollbar-track{background-color:transparent}a{text-decoration:none;color:inherit}li{list-style:none}body.modal-open{overflow:hidden;touch-action:none}button :focus{outline:.0625rem solid #000!important}button:focus{outline:.0625rem solid #000!important}.picture{max-width:100%;height:auto;display:block}input[type=radio]{accent-color:#863ec3}button{transition:all .2s ease-in-out!important}button:focus{outline:2px solid #000!important;box-shadow:0 0 5px #ffffff80!important}.mainstyle{width:100%;min-height:100vh;height:100%;background:#fff}.overflow{overflow-y:hidden}.box-col{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%}.box{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.mainlogo250{width:15.5625rem;height:4.625rem}@media screen and (max-width: 450px){.mainlogo250{width:9.375rem;height:2.78625rem}}.mainlogo200{width:250px;height:3.715rem;object-fit:fill}@media screen and (max-width: 500px){.mainlogo200{width:200px;height:2.78625rem}}.headerLogo{width:1.875rem;height:1.875rem;background-image:url(/assets/logo/tiny_logo.webp);background-position:center;background-repeat:no-repeat;background-size:contain;cursor:pointer}@media screen and (max-width: 450px){.headerLogo{width:1.25rem;height:1.25rem}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0,0,0,0);white-space:nowrap}.tinylogo{width:40px;height:40px;background-image:url(/assets/logo/tiny_logo.webp);background-position:center;background-repeat:no-repeat;background-size:contain}@media screen and (max-width: 450px){.tinylogo{width:40px;height:40px}}.wrapper{height:calc(100vh - 179.9px);display:flex;justify-content:center;align-items:center;width:100%}@media screen and (max-width: 450px){.wrapper{height:calc(100vh - 141px)}}.w300px{width:18.75rem;height:fit-content}.inputP{padding:.5rem .5rem .5rem 2.25rem!important;font-size:1rem;border:1px solid #000!important;border-radius:0!important;font-size:1rem!important;margin-right:0!important;background:#fff!important}@media screen and (max-width: 450px){.inputP{padding-left:1.625rem}}.wh100{width:100%;height:100%}.radius10{border-radius:.5rem}.border{border:1px solid #08040a}.confirmBTN{background:#08040a;padding:.5rem;font-size:1rem;width:30%;height:100%;transition:all .2s}@media screen and (max-width: 450px){.confirmBTN{font-size:.75rem}}.value{background:#863ec3;color:#000}:root{--header-height: 70px;--tab-height: 82px}.alarmIcon{width:2.25rem;height:2.25rem;border-radius:100%;background:#863ec3!important;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative}@media screen and (max-width: 450px){.alarmIcon{width:1.5rem;height:1.5rem}.alarmIcon svg{width:1.125rem;height:1.125rem}}.detailContainer{width:calc(100% - 6.25rem);position:absolute;left:6.25rem;background:#fff;height:fit-content;transition:left .5s,width .5s}@media screen and (max-width: 500px){.detailContainer{overflow-y:auto;width:100%;left:0}}.mainContainer{width:calc(100% - 6.25rem);position:absolute;left:6.25rem;top:3.3125rem;height:calc(100% - 3.3125rem);transition:left .5s,width .5s;background:#fff}@media screen and (max-width: 500px){.mainContainer{overflow-y:auto;width:100%;left:0;top:2.5625rem;height:calc(100% - 2.5625rem)}}.border-red{border:1px solid #f00}.f16{font-size:1rem}@media screen and (max-width: 450px){.f16{font-size:.75rem}}.f10{font-size:.625rem}.f24{font-size:1.5rem}.bold{font-weight:700}.error{color:#ee0043;width:100%}@media screen and (max-width: 450px){.error{font-size:.75rem}}.textWhite{color:#fff}.bgBlue{background:#4c4452}.bgGray{background:#08040a}.HoverPurple:hover{background:#863ec3;transition:all .3s}.HoverPurple:focus{background:#863ec3;transition:all .3s}.HoverBlue:hover{background:#4c4452;transition:all .3s}.HoverBlue:focus{background:#4c4452;transition:all .3s}.p8{padding:.5rem}.gap10{gap:.625rem}.gap16{gap:1rem}.gap32{gap:2rem}.not-found{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:99vh;overflow:hidden}.not-found .textWhite{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.not-found .textWhite h1,.not-found .textWhite p{color:#0d0d0d}.not-found .textWhite button{background:#863ec3;padding:12px;border-radius:6px;font-weight:700}.overflowhidden{overflow-y:hidden}.backDesc{width:100%;font-size:1rem;font-weight:700;display:flex;gap:2rem;color:#0d0d0d;height:2.75rem;align-items:center}.backDesc i{border-radius:100%;background:#e8e8e8;display:flex;width:2.25rem;height:2.25rem;justify-content:center;align-items:center;cursor:pointer;transition:all .3s}.backDesc i svg{transition:all .3s;width:2.25rem;height:2.25rem;fill:#863ec3;transform:rotate(180deg)!important;display:flex;justify-content:center;align-items:center;margin-left:-.125rem}.backDesc i:hover{background:#863ec3}.backDesc i:hover svg{fill:#e8e8e8}.backDesc span{display:flex;flex-direction:column;justify-content:center;align-items:start}@media screen and (max-width: 500px){.backDesc{gap:1rem;font-size:.75rem}.backDesc i{width:1.5rem;height:1.5rem}.backDesc i svg{width:1.5rem;height:1.5rem}}.backBtn{position:absolute}.deviceInformationBox{border-radius:1.25rem;box-shadow:inset 0 0 0 .7px #ffffff80;padding:.375rem;background:#08040a;display:flex;align-items:center;justify-content:space-between;width:100%}.CircleRed{box-shadow:inset 0 0 0 .7px #ffffff80;background:linear-gradient(0deg,#ff0004e6 0% 100%);border:1px solid #ee0043}.CircleFinish{box-shadow:inset 0 0 0 .7px #ffffff80;background:linear-gradient(0deg,#3897f0e6 0% 100%);border:1px solid #3897f0}.colorCircle{width:1.6875rem;height:1.6875rem;border-radius:100%;overflow:hidden}.colorCircle2{width:1.875rem;height:1.875rem;border-radius:100%;overflow:hidden}.CircleGreen{box-shadow:inset 0 0 0 .7px #ffffff80;background:linear-gradient(0deg,#05c168e6 0% 100%);border:1px solid #05c168}.CircleIdle{box-shadow:inset 0 0 0 .7px #ffffff80;background:linear-gradient(0deg,#e8740fe6 0% 100%);border:1px solid #e8740f}.informationIconBox{width:1.875rem;height:1.875rem;display:flex;justify-content:center;align-items:center}.informationIconBox .polygon{display:flex;justify-content:center;align-items:center;width:1.875rem;height:1.875rem;position:relative;border-radius:100%;background:linear-gradient(0deg,#fff0,#ffffff52)}.informationIconBox .polygon:before{content:"";position:absolute;inset:0;border-radius:50%;padding:.71px;background:linear-gradient(0deg,#ffffff80,#fff3 21%,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.informationIconBox .deviceStatusInfo{padding:1rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.informationIconBox .deviceStatusInfo p{color:#0d0d0d;font-size:.75rem}.informationIconBox .deviceStatusInfo span{color:#0d0d0d;font-size:1.125rem;font-weight:700}.informationIconBox .deviceNameInfo{padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.informationIconBox .deviceNameInfo p{color:#0d0d0d;font-size:.75rem}.informationIconBox .deviceNameInfo span{color:#0d0d0d;font-size:1.125rem;font-weight:700}@media screen and (max-width: 450px){.informationIconBox{padding:.75rem .375rem;height:3.0625rem}.informationIconBox .colorCircle{width:1rem;height:1rem}.informationIconBox .informationIconBox{width:1.875rem;height:1.875rem;display:flex;justify-content:center;align-items:center}.informationIconBox .informationIconBox .polygon{width:1.5rem;height:1.5rem}.informationIconBox .informationIconBox .polygon svg{width:1rem}.informationIconBox .deviceStatusInfo{padding:.75rem .375rem}.informationIconBox .deviceStatusInfo p{color:#a0aec0;font-size:.625rem}.informationIconBox .deviceStatusInfo span{color:#e8e8e8;font-size:.875rem}.informationIconBox .deviceNameInfo{padding:0}.informationIconBox .deviceNameInfo p{font-size:.625rem}.informationIconBox .deviceNameInfo span{font-size:.875rem}}.deviceInformationDetailBox{border-radius:1.25rem;padding:.375rem;background:#e8e8e8;display:flex;align-items:center;justify-content:space-around;color:#0d0d0d;width:16.25rem}@media screen and (max-width: 1480px){.deviceInformationDetailBox{width:100%;align-items:center}}@media screen and (max-width: 1300px){.deviceInformationDetailBox{width:100%;align-items:center}}@media screen and (max-width: 690px){.deviceInformationDetailBox{width:100%}}.deviceInformationDetailBox .colorCircle{width:1.9375rem;height:1.9375rem;border-radius:100%}.deviceInformationDetailBox .CircleRed{box-shadow:inset 0 0 0 .7px #ffffff80;background:linear-gradient(0deg,#ff0004e6 0% 100%)}.deviceInformationDetailBox .CircleGreen{box-shadow:inset 0 0 0 .7px #ffffff80;background:linear-gradient(0deg,#05c168e6 0% 100%)}.deviceInformationDetailBox .CircleFinish{box-shadow:inset 0 0 0 .7px #ffffff80;background:linear-gradient(0deg,#3897f0e6 0% 100%)}.deviceInformationDetailBox .CircleIdle{box-shadow:inset 0 0 0 .7px #ffffff80;background:linear-gradient(0deg,#e8740fe6 0% 100%)}.deviceInformationDetailBox .informationIconBox{width:1.875rem;height:1.875rem;display:flex;justify-content:center;align-items:center}.deviceInformationDetailBox .deviceStatusInfo{padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem}.deviceInformationDetailBox .deviceStatusInfo p{color:#0d0d0d;font-size:.75rem;width:100%;text-align:center;color:#5d5d5d}.deviceInformationDetailBox .deviceStatusInfo span{color:#0d0d0d;font-size:1.125rem;font-weight:700}.deviceInformationDetailBox .empty{width:1.9375rem;height:1.9375rem;border-radius:100%;opacity:0}.deviceInformationDetailBox .deviceNameInfo{padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem}.deviceInformationDetailBox .deviceNameInfo p{color:#5d5d5d;font-size:.75rem}.deviceInformationDetailBox .deviceNameInfo span{color:#0d0d0d;font-size:1.125rem;font-weight:700}@media screen and (max-width: 450px){.deviceInformationDetailBox{padding:.75rem .5rem}.deviceInformationDetailBox .empty,.deviceInformationDetailBox .colorCircle{width:1rem;height:1rem}.deviceInformationDetailBox .informationIconBox{width:1.875rem;height:1.875rem;display:flex;justify-content:center;align-items:center}.deviceInformationDetailBox .informationIconBox .polygon{width:1.5rem;height:1.5rem}.deviceInformationDetailBox .informationIconBox .polygon svg{width:1rem}.deviceInformationDetailBox .deviceStatusInfo{padding:0;gap:.25rem}.deviceInformationDetailBox .deviceStatusInfo p{color:#a0aec0;font-size:.5rem}.deviceInformationDetailBox .deviceStatusInfo span{color:#0d0d0d;font-size:.875rem}.deviceInformationDetailBox .deviceNameInfo{padding:0;gap:.25rem;width:100%}.deviceInformationDetailBox .deviceNameInfo p{font-size:.5rem}.deviceInformationDetailBox .deviceNameInfo span{font-size:.875rem}}.controlProgressBox{border-radius:1.25rem;box-shadow:inset 0 0 0 .7px #ffffff80;padding:.375rem;background:#08040a;display:flex;align-items:center;justify-content:space-between;width:100%}.controlProgressBox .controlProgress{padding:.625rem;display:flex;flex-direction:column;gap:.25rem;width:100%}.controlProgressBox .controlProgress p{font-size:1.125rem;font-weight:700;color:#e8e8e8}.controlProgressBox .controlProgress span{font-size:1.25rem;font-weight:700}.controlProgressBox .controlProgress .controlbar{width:100%;background:#473b90;height:.5625rem;border-radius:.375rem}@media screen and (max-width: 450px){.controlProgressBox{display:none}}.switch-Detail-container{width:100%;height:5rem;border-radius:1.625rem;position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center}.switch-Detail-container p{position:absolute;font-size:2.25rem;opacity:20%}@media screen and (max-width: 450px){.switch-Detail-container{height:3.75rem}}.switch-Detail-slider{width:8.5rem;height:3.25rem;background-color:#ccc;border-radius:6.25rem;position:absolute;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 450px){.switch-Detail-slider{width:5rem;height:2.625rem}}@media screen and (max-width: 365px){.switch-Detail-slider{width:4.625rem;height:2.625rem}}.on{background-color:#fff}.SvgInput{position:relative;width:100%}.loginInput{border:1px solid #828282;border-radius:.375rem;font-size:.875rem;color:#5d5d5d;font-weight:500;transition:all .3s ease-in-out}.loginInput:focus{color:#0d0d0d}.frontSvg{position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}@media screen and (max-width: 450px){.frontSvg{width:1rem;height:1rem}}.LoadingOverlay{position:fixed;height:100%;z-index:99999;top:50%;background:#000c;left:50%;transform:translate(-50%,-50%)}.spinner{width:3.125rem;height:3.125rem;border:.375rem solid #863ec3;border-top:.375rem solid #e8e8e8;border-radius:50%}.progressDetailWrap{display:flex;gap:.375rem;justify-content:center;align-items:start;padding:1rem 0px;flex-direction:column}.progressDetailWrap.on{background:transparent}.progressDetailWrap.on .progressHome{background:#e3e3e3}.progressDetailWrap.off p,.progressDetailWrap.off span{color:#828282!important}.progressDetailWrap.off .progressHome .progressHomeBar{width:0%}.progressDetailWrap .progressInfo p{color:#aeb9e1;font-weight:700;font-size:1.125rem}@media screen and (max-width: 450px){.progressDetailWrap .progressInfo p{font-size:.875rem}}.progressDetailWrap .progressInfo span{font-weight:700;font-size:1.25rem}@media screen and (max-width: 450px){.progressDetailWrap .progressInfo span{font-size:1rem}}.progressDetailWrap .progressHome{width:100%;height:1.25rem;background:#828282;border-radius:.625rem;position:relative}@media screen and (max-width: 450px){.progressDetailWrap .progressHome{height:1rem}}.progressDetailWrap .progressHome .progressHomeBar{background:#473b90;width:50%;height:1.25rem;border-radius:.625rem;position:absolute;top:0}@media screen and (max-width: 450px){.progressDetailWrap .progressHome .progressHomeBar{height:1rem}}.scrollToTop{display:flex;justify-content:center;align-items:center;position:fixed;bottom:6.25rem;right:35%;z-index:10;opacity:.3;background:#fff;border-radius:100%;width:2.5rem;height:2.5rem;transition:all .3s}@media screen and (max-width: 450px){.scrollToTop{right:1rem}}.scrollToTop:hover{opacity:1}.scrollToTop .arrow{transform:rotate(90deg)}.dpnone{display:none}.donutProgress{width:5rem;height:5rem;display:flex;justify-content:center;align-items:center}.donutProgress svg{transition:all 1s ease-in-out}.donutProgress svg circle{transition:all 1s ease-in-out}@media screen and (max-width: 450px){.donutProgress{width:3.75rem!important;height:3.75rem!important}}.close{left:-6.25rem!important;visibility:hidden}.asideContainer{transition:all .5s;height:100vh;position:fixed;left:0;top:0;width:6.25rem;background:#f9f9f9;display:flex;align-items:center;flex-direction:column;z-index:100}@media screen and (max-width: 500px){.asideContainer{display:none!important}}.asideContainer .sideNavigationBtnWrap{width:100%;display:flex;align-items:center;padding:.75rem .625rem}.asideContainer .sideNavigationBtnWrap .sideNavigationBtn{display:flex;justify-content:center;align-items:center;border-radius:.375rem;padding:.125rem;position:relative}.asideContainer .sideNavigationBtnWrap .sideNavigationBtn:focus,.asideContainer .sideNavigationBtnWrap .sideNavigationBtn:hover{background:#5d5d5d}.asideContainer .sideNavigationBtnWrap .sideNavigationBtn:focus:before,.asideContainer .sideNavigationBtnWrap .sideNavigationBtn:hover:before{content:"Close Side";position:absolute;right:-3.75rem;top:50%;transform:translate(-.625rem,-50%);background:#000;color:#fff;font-size:.5rem;padding:.25rem;border-radius:.25rem;white-space:nowrap}.asideContainer .sideNavigationBtnWrap .sideNavigationBtn:focus:after,.asideContainer .sideNavigationBtnWrap .sideNavigationBtn:hover:after{content:"";position:absolute;top:50%;right:-.21875rem;transform:translateY(-50%);border-width:.3125rem;border-style:solid;border-color:transparent #000 transparent transparent}.asideContainer .sideNavigationBtnWrap .sideNavigationBtn svg{transform:rotate(180deg)}.asideContainer .asideTabWrapper{display:flex;flex-direction:column;gap:1.1875rem}.asideContainer .asideTabWrapper .active{background:#08040a!important}.asideContainer .asideTabWrapper .active p{color:#fff!important}.asideContainer .asideTabWrapper .active svg path{fill:#fff}.asideContainer .asideTabWrapper .active:last-child svg path{fill:#08040a}.asideContainer .asideTabWrapper :nth-child(3) svg,.asideContainer .asideTabWrapper :nth-child(4) svg{fill:silver}.asideContainer .asideTabWrapper :nth-child(3):hover,.asideContainer .asideTabWrapper :nth-child(3):focus,.asideContainer .asideTabWrapper :nth-child(4):hover,.asideContainer .asideTabWrapper :nth-child(4):focus{background:#e8e8e8!important}.asideContainer .asideTabWrapper :nth-child(3):hover p,.asideContainer .asideTabWrapper :nth-child(3):focus p,.asideContainer .asideTabWrapper :nth-child(4):hover p,.asideContainer .asideTabWrapper :nth-child(4):focus p{color:#5d5d5d!important}.asideContainer .asideTabWrapper :last-child svg path{fill:#863ec3}.asideContainer .asideTabWrapper .asideTab{display:flex;justify-content:center;align-items:center;flex-direction:column;background:#e8e8e8;width:4.6875rem;border-radius:.375rem;gap:.5rem;padding:.5rem 0px;cursor:pointer;transition:background .3s ease-in-out,fill .3s ease-in-out!important}.asideContainer .asideTabWrapper .asideTab:hover,.asideContainer .asideTabWrapper .asideTab:focus{background:#08040a}.asideContainer .asideTabWrapper .asideTab:hover p,.asideContainer .asideTabWrapper .asideTab:focus p{color:#fff}.asideContainer .asideTabWrapper .asideTab:hover svg path,.asideContainer .asideTabWrapper .asideTab:focus svg path{fill:#fff}.asideContainer .asideTabWrapper .asideTab:nth-child(3):hover svg path,.asideContainer .asideTabWrapper .asideTab:nth-child(3):focus svg path,.asideContainer .asideTabWrapper .asideTab:nth-child(4):hover svg path,.asideContainer .asideTabWrapper .asideTab:nth-child(4):focus svg path{fill:inherit}.asideContainer .asideTabWrapper .asideTab:last-child:hover svg path,.asideContainer .asideTabWrapper .asideTab:last-child:focus svg path{fill:#08040a}.asideContainer .asideTabWrapper .asideTab:last-child p{line-height:75%}.asideContainer .asideTabWrapper .asideTab p{transition:color .3s ease-in-out!important;display:flex;justify-content:center;align-items:center;text-align:center;font-size:.75rem;color:#5d5d5d;font-weight:700}.navOpen{width:100%!important;left:0!important}.dpNone{display:none!important}.lightHeaderContainer{background:#fff;position:fixed;width:calc(100% - 6.25rem);top:0;left:6.25rem;border-bottom:.0625rem solid #e8e8e8;padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;z-index:99999;transition:left .5s,width .5s}@media screen and (max-width: 500px){.lightHeaderContainer{width:100%;left:0}}.lightHeaderContainer .lightHeaderTitle{display:flex;justify-content:center;align-items:center;gap:1.5rem;font-weight:700;color:#0d0d0d}.lightHeaderContainer .lightHeaderTitle .sideNavigationBtn{display:flex;justify-content:center;align-items:center;position:relative}.lightHeaderContainer .lightHeaderTitle .sideNavigationBtn:focus,.lightHeaderContainer .lightHeaderTitle .sideNavigationBtn:hover{background:#5d5d5d}.lightHeaderContainer .lightHeaderTitle .sideNavigationBtn:focus:before,.lightHeaderContainer .lightHeaderTitle .sideNavigationBtn:hover:before{content:"Open Side";position:absolute;right:-100%;top:110%;transform:translate(-50%);background:#000;color:#fff;font-size:.5rem;padding:.25rem;border-radius:.25rem;white-space:nowrap}.lightHeaderContainer .lightHeaderTitle .sideNavigationBtn:focus:after,.lightHeaderContainer .lightHeaderTitle .sideNavigationBtn:hover:after{content:"";position:absolute;right:20%;top:80%;transform:translate(-50%) rotate(90deg);border-width:.3125rem;border-style:solid;border-color:transparent #000 transparent transparent}.lightHeaderContainer .lightheaderAlarmContainer{display:flex;justify-content:center;align-items:center;gap:1rem}.lightHeaderContainer .lightheaderAlarmContainer .lightheaderUserContainer,.lightHeaderContainer .lightheaderAlarmContainer .lightheaderUserContainer .HeaderMyPageBtn{display:flex;justify-content:center;align-items:center;gap:.25rem}.lightHeaderContainer .lightheaderAlarmContainer .lightheaderUserContainer p{font-weight:700;color:#0d0d0d;font-size:.75rem}.loginform button{background:#e8e8e8;color:#5d5d5d;transition:all .3s}.loginform button:hover{background:#863ec3;color:#fff}.dd{width:100%;height:108px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.loginSvgContainer{position:relative}.loginContainer{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.loadingOverlay{position:fixed;inset:0;display:flex;border-radius:8px;justify-content:center;align-items:center;z-index:10}.loadingOverlay p{position:absolute;left:0;right:0;bottom:35%;display:flex;justify-content:center;color:#fff;font-size:20px;font-weight:700;z-index:99}@media screen and (max-width: 690px){.loadingOverlay p{font-size:16px}}@media screen and (max-width: 500px){.loadingOverlay p{font-size:12px}}.loadingOverlay .loadingSpinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px}.loadingOverlay .loadingSpinner .spinner{width:100%;height:100%;border:2px solid #ccc;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.loadingOverlayAuthorizedContainer{position:absolute;width:100%;height:100%;background:#ffffffe6;inset:0;z-index:10;border-radius:7px}.loadingOverlayAuthorized{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10}.loadingOverlayAuthorized .loadingSpinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32px;height:32px}.loadingOverlayAuthorized .loadingSpinner .spinner{width:100%;height:100%;border:4px solid #ccc;border-top:4px solid #863ec3;border-radius:50%;animation:spin 1s linear infinite}.loadingOverlaylogin{position:absolute;inset:0;display:flex;border-radius:8px;justify-content:center;align-items:center;z-index:10}.loadingOverlaylogin p{position:absolute;left:0;right:0;bottom:35%;display:flex;justify-content:center;color:#fff;font-size:20px;font-weight:700;z-index:99}@media screen and (max-width: 690px){.loadingOverlaylogin p{font-size:16px}}@media screen and (max-width: 500px){.loadingOverlaylogin p{font-size:12px}}.loadingOverlaylogin .loadingSpinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px}.loadingOverlaylogin .loadingSpinner .spinner{width:100%;height:100%;border:2px solid #ccc;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.loginBtn{position:relative;border-radius:.5rem;height:2.513125rem!important;background:#08040a!important;color:#fff!important}.loginBtn:hover{background:#863ec3!important}.loginlogo{width:120rem;object-fit:contain;height:10.4375rem}@media screen and (max-width: 600px){.loginlogo{width:90rem;height:100%}}.boxlogin{display:flex;gap:10px;width:100%;height:100%}.boxlogin button{width:100%}.lightheaderUserStatus{width:.5rem;height:.5rem;border-radius:50%;position:relative}.lightheaderUserStatus.connected{background:#05c168}.lightheaderUserStatus.reconnecting{background:#e8740f}.lightheaderUserStatus.disconnected{background:#ee0043}.loadingOverlayContainer{background:#000c;width:100%;height:100%;position:fixed;inset:0;z-index:101}.wrapperRegister{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;height:100%;background:#fff;border-radius:1.25rem;padding:3rem 7.125rem;width:37.5rem}.wrapperRegister img{margin-bottom:1.5rem}@media screen and (max-width: 450px){.wrapperRegister{padding:1rem;gap:.5rem;width:100%;border-radius:0;height:100%}}.flexRegister{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;min-height:100vh;width:100%;overflow:hidden;overflow-y:hidden}i{width:6.25rem;height:6.25rem}@media screen and (max-width: 450px){i{width:3.125rem;height:3.125rem}}.inputwrap{width:100%;display:flex;justify-content:center;align-items:center;gap:.5rem}.inputwrap .inputFit{width:100%;position:relative}.inputwrap .inputFit .frontSvg{position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}.inputwrap .inputFit .visible{cursor:pointer;position:absolute;top:50%;right:.5rem;transform:translate(-50%,-50%)}@media screen and (max-width: 450px){.inputwrap{width:18.75rem}.inputwrap .inputFit .frontSvg{width:1rem;height:1rem}}@media screen and (max-width: 450px){.validation-message{font-size:.75rem}}.formcontainer{display:flex;flex-direction:column;gap:.5rem}@media screen and (max-width: 450px){.formcontainer{gap:.5rem}}.genderinput{display:flex;padding:.5rem .5rem .5rem 1rem;background:#fff;color:#000;justify-content:space-between}@media screen and (max-width: 450px){.genderinput{font-size:.75rem}}.genderLabel{display:flex;justify-content:center;align-items:center;gap:.75rem}.labelGap{display:flex;gap:.5rem;align-items:center;justify-content:center}.submitBtn{background:#08040a;padding:.5rem;font-size:1rem;width:100%;height:100%;color:#fff;border-radius:.375rem}@media screen and (max-width: 450px){.submitBtn{font-size:.75rem}}.cancelBtn{background:#e8e8e8;padding:.5rem;color:#0d0d0d;font-size:1rem;width:100%;height:100%;border-radius:.375rem}@media screen and (max-width: 450px){.cancelBtn{font-size:.75rem}}.BTNWrap{width:100%;display:flex;justify-content:center;align-items:center;gap:.875rem}.BTNWrap .active{background:#863ec3}@media screen and (max-width: 450px){.BTNWrap{padding:0 1.6875rem}}.successRegister{position:relative;width:100%;height:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.successRegister .logodiv{position:absolute;background-image:url(/assets/logodiv-D-k5PUYI.png);background-size:contain;background-repeat:repeat;background-position:center;width:120rem;height:100vh;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.09;z-index:-1}@media screen and (max-width: 450px){.successRegister .logodiv{width:26.25rem;height:100vh;opacity:.06}}.successRegister h2{color:#0d0d0d}.successRegister button{padding:.75rem 1.5rem;border-radius:.375rem;background:#08040a;color:#fff;font-weight:700;font-size:1rem;transition:all .3s}.successRegister button:focus{background:#863ec3;color:#e8e8e8}.successRegister button:hover{background:#863ec3;color:#e8e8e8}@media screen and (max-width: 450px){.successRegister{font-size:.75rem}}.PolicyContainer{width:100%;max-width:37.5rem;height:100vh;display:flex;gap:3rem;flex-direction:column;align-items:center;justify-content:space-between;padding:3.125rem 0}@media screen and (max-width: 450px){.PolicyContainer{width:calc(100vw - 2rem);gap:2.25rem}}.policyContent{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}.forminner{padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;border-radius:1.25rem;width:100%}.tac{display:flex;align-items:center}.tgreen{color:#05c168}.tred{color:#ee0043}.bgreen{outline:.0625rem solid #05c168;border:.0625rem solid #05c168}.bred{outline:.0625rem solid #ee0043;border:.0625rem solid #ee0043}.bgray{border-width:.125rem;border-style:inset;border-color:light-dark(rgb(118,118,118))}.langSelect{position:relative;cursor:pointer}.langSelect select{border:.0625rem solid #08040a;background:#fff;font-size:.875rem;font-weight:400;color:#000;border-radius:.625rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:.5rem 1.5rem .5rem 1.75rem;cursor:pointer}.langSelect .drop{position:absolute;top:50%;right:0%;transform:translateY(-50%);pointer-events:none;cursor:pointer}.langSelect .globe{position:absolute;top:50%;left:.25rem;transform:translateY(-50%);pointer-events:none;cursor:pointer}.terms{color:#000;height:12.5rem;overflow-y:auto;border:.0625rem solid #08040a;margin-top:-.3125rem;border-radius:.25rem;padding:.75rem .875rem;background:#fff;width:80%}@media screen and (max-width: 450px){.terms{font-size:.75rem;height:9.375rem}}.personalInformation{color:#000;height:12.5rem;overflow-y:auto;border:.0625rem solid #08040a;margin-top:-.3125rem;border-radius:.25rem;padding:.75rem .875rem;background:#fff;width:80%}@media screen and (max-width: 450px){.personalInformation{font-size:.75rem;height:9.375rem}}.personalInformation::-webkit-scrollbar,.terms::-webkit-scrollbar{width:.625rem;height:.625rem}.personalInformation::-webkit-scrollbar-track,.terms::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0}.personalInformation::-webkit-scrollbar-thumb,.terms::-webkit-scrollbar-thumb{background:#dbdbdb;border-radius:.125rem}.policyTitle{color:#0d0d0d;display:flex;justify-content:start;align-items:center;gap:.5rem;font-size:1rem;white-space:nowrap;width:80%}.policyTitle span{color:#863ec3}.policyTitle svg{cursor:pointer}@media screen and (max-width: 450px){.policyTitle{font-size:.75rem}.policyTitle span{font-size:.5rem}}.policyBTNWrap{width:80%;display:flex;justify-content:center;align-items:center;gap:1.75rem;margin-top:0}.policyBTNWrap button{background:#e8e8e8;color:#5d5d5d;font-weight:700}.policyBTNWrap .active{background:#863ec3;color:#fff}@media screen and (max-width: 450px){.policyBTNWrap{margin-top:0}}.policyInner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem}.policyHeader{display:flex;justify-content:space-between;align-items:center;width:80%}.radioGroup{display:flex;justify-content:space-around;align-items:center;width:100%;color:#0d0d0d;gap:.5rem}.radioGroup .radioLabel{width:100%;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.radioGroup .radioLabel input{width:auto!important;padding:0!important}.radioLabel:has(input[type=radio]:checked){color:#863ec3}.inputbox{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.tabWrapper{width:100%;padding:0;gap:1.5rem;display:flex;justify-content:center;align-items:center;flex-direction:column}@media screen and (max-width: 450px){.tabWrapper{width:100%;gap:.75rem;font-size:.75rem}}.EmailTab,.PwTab{width:100%;padding:.5rem;text-align:center;cursor:pointer;color:#fff;background:#ababab}.EmailTab.active,.PwTab.active{background:#863ec3;color:#fff!important}@media screen and (max-width: 450px){.EmailTab,.PwTab{font-size:.75rem}}@media screen and (max-width: 450px){.responP{font-size:.75rem;width:18.625rem;text-align:center;padding:0 2.5rem}}.value{background:#863ec3!important;color:#fff}.buttonTab{width:100%;display:flex;flex-direction:column;gap:1rem}.buttonTab .find{width:100%;background:#863ec3;padding:.5rem}.buttonTab .cancel{width:100%;background:#ababab;color:#0d0d0d;padding:.5rem}.findtab{display:flex;padding:0 1rem;gap:.625rem;font-weight:700}.findInput{width:100%;display:flex;flex-direction:column;gap:1rem}.findForm{width:100%;padding:1rem;gap:1.5rem}.wrapperFindAccount{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem;color:#0d0d0d;border-radius:1.25rem;width:37.5rem;background:#fff;padding:3rem;height:100%}@media screen and (max-width: 500px){.wrapperFindAccount{padding:2rem;gap:2rem;border-radius:0;overflow:hidden;width:100%;height:100%}}.inputFit{position:relative;width:100%}.inputFit .errorb{border:.0625rem solid #f00}.overlay{width:100%;max-width:37.5rem;height:100%;position:absolute;top:0;background:#fff;z-index:3;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:3rem}.overlay .overlayInner{padding:4rem 0;width:80%;display:flex;justify-content:center;align-items:center;background:#e8e8e8;border-radius:.375rem}.overlay .overlayInner h3{color:#863ec3}.overlay .overlayInner div{width:100%;display:flex;justify-content:center;align-items:center;gap:1rem}.BTNContainer{width:80%}.resetPwHeader{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#0d0d0d;gap:1.5rem}.resetPwHeader span{font-size:1.5rem;color:#863ec3}.resetPwHeader h3{text-align:center}@media screen and (max-width: 450px){.resetPwHeader{font-size:.875rem}.resetPwHeader span{font-size:1.125rem}.resetPwHeader h3{text-align:center;display:flex;flex-direction:column}}.sendEmailContainer{min-height:100vh;width:100%;height:100%;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem;position:relative;padding:1rem}.sendEmailContainer p span{color:#863ec3;font-weight:700}.sendEmailContainer .btnWrap{display:flex;justify-content:center;align-items:center;gap:1.5rem}.sendEmailContainer .btnWrap :first-child{background:#e8e8e8;color:#0d0d0d}@media screen and (max-width: 450px){.sendEmailContainer .btnWrap{gap:.75rem}.sendEmailContainer .btnWrap button{font-size:.75rem}}.sendEmailContainer button{padding:1rem;border-radius:.75rem;background:#863ec3;font-weight:700;font-size:1rem}.sendEmailContainer .sendEmailInner{color:#0d0d0d;display:flex;flex-direction:column;width:100%;height:70%;justify-content:center;align-items:center;gap:2rem}@media screen and (max-width: 450px){.sendEmailContainer p{display:flex;flex-direction:column;align-items:center;justify-content:center}}.verificationWrapper{height:100vh;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;padding:32px;border-radius:12px;color:#863ec3}.verificationWrapper h2{text-align:center;color:#0d0d0d}.verificationWrapper p{text-align:center}.verificationWrapper button{background:#863ec3;padding:8px;border-radius:12px;font-weight:700;font-size:18px;width:100%}@media screen and (max-width: 450px){.verificationWrapper{padding:16px}.verificationWrapper h2{font-size:18px;text-align:center}.verificationWrapper p,.verificationWrapper button{font-size:14px}}.resetPwContainer{width:100%;height:100vh}.resetPwContainer .formcontainerReset{display:flex;padding:16px;flex-direction:column;width:100%}.resetPwContainer .formcontainerReset .ResetInput{width:100%}.pWrap{color:#0d0d0d;font-size:1.25rem;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem}@media screen and (max-width: 450px){.pWrap{font-size:1rem}}.addDevice{width:12.5rem;background:#f4f4f4;border-radius:.625rem;position:relative}.addDevice:hover button{background:#08040a;color:#f4f4f4}.addDevice button{font-size:1rem;font-weight:700;width:100%;padding:1rem;border-radius:.625rem;transition:all .3s;color:#5d5d5d}.addDevice button:focus{background:#863ec3}.addDevice i{width:fit-content;height:fit-content;display:flex;justify-content:center;align-items:center;position:absolute;right:0;top:50%;transform:translate(-25%,-50%);cursor:pointer}.addDevice i svg{width:1.875rem;height:1.875rem;transition:all .3s;fill:#863ec3}.deviceExistsContainer{width:calc(100% - 6.25rem);z-index:2;padding:1.1875rem 1rem;gap:1.1875rem;display:flex;height:100%;background:#fff;flex-direction:column}@media screen and (max-width: 750px){.deviceExistsContainer{width:100%}}@media screen and (max-width: 450px){.deviceExistsContainer{width:100%;padding:1.5rem 1.5rem 6.25rem;height:100%}}.bookmark{padding:.625rem;border-radius:1.25rem;background:#f4f4f4;font-weight:700;width:7.625rem;display:flex;justify-content:space-around;align-items:center;gap:0rem;cursor:pointer}.bookmark svg{flex-shrink:0;width:24px;height:24px}.save:hover{background:#863ec3;color:#fff!important}.isClickedTab{background:#08040a;color:#fff}@media screen and (max-width: 690px){.isClickedTab{font-size:.5625rem;width:4.375rem;gap:.375rem}.isClickedTab .verified{width:.625rem;height:.625rem}.isClickedTab .verified svg{width:1rem;height:1rem}}.BookMarkTab{width:100%;align-items:center;display:flex;gap:.625rem;justify-content:space-between}.BookMarkTab svg{width:24px;height:24px}.BookMarkTab .headerBook{display:flex;gap:1rem}.BookMarkTab .bookmark{border-radius:1.25rem;color:#fff;font-weight:700;width:7.625rem;display:flex;justify-content:space-around;align-items:center;gap:0rem;cursor:pointer;background:#08040a}.BookMarkTab .bookmark svg{flex-shrink:0}.BookMarkTab .bookmark svg{cursor:pointer!important}.BookMarkTab .bookmark:focus{outline:2px solid #863ec3}.BookMarkTab .isClickedTab{background:#08040a;color:#fff;outline:none}.BookMarkTab .isClickedTab span svg path{fill:#08040a}.BookMarkTab .isClickedTab .verified{background:#fff}@media screen and (max-width: 750px){.BookMarkTab .headerBook{display:flex;gap:.5rem}.BookMarkTab .bookmark{padding:.5rem;font-size:.625rem;width:5rem;gap:.5rem}.BookMarkTab .bookmark .verified{width:.625rem;height:.625rem}.BookMarkTab .bookmark .verified svg{width:1.25rem;height:1.25rem}}@media screen and (max-width: 450px){.BookMarkTab .bookmark{padding:.5rem;font-size:.5625rem;width:4.375rem;gap:.375rem}.BookMarkTab .bookmark .verified{width:.625rem;height:.625rem}.BookMarkTab .bookmark .verified svg{width:1rem;height:1rem}}.multi{grid-template-columns:repeat(auto-fit,minmax(18.75rem,0fr))!important}@media screen and (max-width: 1630px){.multi{grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr))!important}}@media screen and (max-width: 1000px){.multi{justify-content:center;padding-right:0!important}}.deviceListWrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(18.75rem,0fr));gap:1.25rem;width:100%;max-width:100%;transition:all .3s}@media screen and (max-width: 1828px){.deviceListWrap{grid-template-columns:repeat(auto-fit,minmax(18.75rem,0fr))}}@media screen and (max-width: 1300px){.deviceListWrap{grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr));justify-content:center;padding-right:0}}@media screen and (max-width: 450px){.deviceListWrap{gap:1rem}}.deviceListWrap .mocSvg{width:1.875rem;height:1.875rem;background:#f4f4f4;border-radius:1.25rem}.deviceListWrap .mocImg{height:6.25rem!important}.deviceListWrap .deviceItem{max-width:100%;width:100%;box-shadow:0 .1875rem .375rem #00000026;border:.0625rem solid #c9c9c9;border-radius:.5rem;padding:1rem;gap:1rem;display:flex;flex-direction:column;background:#fff;color:#0d0d0d;position:relative}@media screen and (max-width: 450px){.deviceListWrap .deviceItem{padding:.7rem 1rem;gap:.5rem}}.deviceListWrap .deviceItem .bgop{background:#f4f4f4!important;border:none;text-indent:-9999999999px}.deviceListWrap .deviceItem .bgop img{opacity:0;height:6.25rem!important}.deviceListWrap .deviceItem .opacity0{opacity:0}.deviceListWrap .deviceItem .bookmarkMoreTab{display:flex;justify-content:space-between;align-items:center}.deviceListWrap .deviceItem .bookmarkMoreTab .more{cursor:pointer;display:flex;justify-content:center;align-items:center;width:30px;height:30px}.deviceListWrap .deviceItem .bookmarkMoreTab .bookmarkTab{width:fit-content;height:fit-content;display:flex;justify-content:center;align-items:center}.deviceListWrap .deviceItem .bookmarkMoreTab .bookmarkTab svg{transition:all .2s}.deviceListWrap .deviceItem .deviceContent{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:1.125rem}.deviceListWrap .deviceItem .deviceContent .deviceImgWrap{flex-direction:column;max-width:9.3125rem;width:100%;max-height:12.5rem;display:flex;gap:.75rem;color:#0d0d0d;font-weight:700;font-size:2rem}.deviceListWrap .deviceItem .deviceContent .deviceImgWrap img,.deviceListWrap .deviceItem .deviceContent .deviceImgWrap svg{max-width:9.3125rem;width:100%;max-height:12.5rem;height:6.25rem;object-fit:contain}.deviceListWrap .deviceItem .deviceContent .deviceImgWrap .name{padding:0 .75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:9.375rem;text-align:center;font-size:1rem;height:100%}.deviceListWrap .deviceItem .deviceContent .deviceInformation{display:flex;width:100%;height:100%;flex-direction:column;gap:.75rem;color:#0d0d0d;font-weight:700;font-size:2rem;justify-content:center;align-items:center}.deviceListWrap .deviceItem .deviceContent .deviceInformation .name{padding:0 .75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:9.375rem;text-align:center;font-size:1rem}.deviceListWrap .deviceItem .deviceContent .deviceInformation .MultiSliceCount{z-index:9;position:absolute;width:24px;height:24px;right:-5px;top:0;background:#fff;border-radius:100%;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#0d0d0d;box-shadow:0 0 10px #0000001a;border:1px solid #c0c0c0;color:#863ec3;letter-spacing:-1px}.deviceListWrap .deviceItem .deviceContent .deviceInformation .deviceFileWrapper{display:flex;background:#f4f4f4;border-radius:.5rem;width:100%;gap:1.125rem;padding:1rem;align-items:center;justify-content:space-between}@media screen and (max-width: 450px){.deviceListWrap .deviceItem .deviceContent .deviceInformation .deviceFileWrapper{padding:.5rem 1rem}}.deviceListWrap .deviceItem .deviceContent .deviceInformation .deviceFileWrapper .deviceFileContainer{display:flex;flex-direction:column;gap:.25rem}.deviceListWrap .deviceItem .deviceContent .deviceInformation .deviceFileWrapper .deviceFileContainer p{padding:0;font-size:12px;color:#5d5d5d}.deviceListWrap .deviceItem .deviceContent .deviceInformation .deviceFileWrapper .deviceFileContainer span{font-size:1rem;color:#0d0d0d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:7.75rem;font-weight:600}.deviceListWrap .deviceItem .deviceContent .deviceInformation .deviceFileWrapper .SelectedImgWrap{display:flex;justify-content:center;align-items:center;position:relative}.deviceListWrap .deviceItem .deviceContent .deviceInformation .deviceFileWrapper .MultiSlice{position:absolute;top:50%;transform:translate(-50%,-50%) skew(0) scale(.9);border:1px solid #c0c0c0;background:#fff;width:100%;height:100%;border-radius:10px;box-shadow:0 0 10px #0000001a}.deviceListWrap .deviceItem .deviceContent .deviceInformation .deviceFileWrapper .SelectedImg{background:#fff;width:fit-content;box-shadow:0 0 10px #0000001a;transform:skew(0) scale(.9);position:relative;border-radius:10px;display:flex;justify-content:center;align-items:center;padding:10px;z-index:8}@media screen and (max-width: 450px){.deviceListWrap .deviceItem .deviceContent .deviceInformation .deviceFileWrapper .SelectedImg{padding:0 8px}}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status{width:100%;display:flex;border-radius:.5rem;background:#f4f4f4;padding:0 1rem;align-items:center;justify-content:space-between;gap:.75rem;height:5rem}@media screen and (max-width: 450px){.deviceListWrap .deviceItem .deviceContent .deviceInformation .status{height:3.75rem}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .circleWrap{width:2rem!important;height:2rem!important}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .lockIcon{width:1.25rem;height:1.25rem}}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .circleWrap{width:42px;height:42px;display:flex;justify-content:center;align-items:center}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .circleWrap .circle{width:1.875rem;height:1.875rem;border-radius:100%;background:#5b5b5b;overflow:hidden}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .circleWrap .circlePrint{background:#05c168;border:1px solid #05c168}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .circleWrap .circleIDLE{background:#e8740f;border:1px solid #e8740f}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .circleWrap .circleOff{background:#ee0043;border:1px solid #ee0043}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .circleWrap .circleFinish{background:#3897f0;border:1px solid #3897f0}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .statusInfo{display:flex;flex-direction:column;justify-content:center;font-weight:600;gap:0px;text-align:left}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .statusInfo p{font-size:12px;text-align:left;color:#5d5d5d}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .statusInfo span{font-size:16px;text-align:left}@media screen and (max-width: 866px){.deviceListWrap .deviceItem .deviceContent{flex-direction:row}}@media screen and (max-width: 630px){.deviceListWrap .deviceItem .deviceContent{gap:8px;flex-direction:column}.deviceListWrap .deviceItem .deviceContent p{font-size:12px!important}.deviceListWrap .deviceItem .deviceContent span{font-size:14px!important}.deviceListWrap .deviceItem .deviceContent .deviceImgWrap{height:100%}.deviceListWrap .deviceItem .deviceContent .deviceImgWrap img{object-fit:contain}.deviceListWrap .deviceItem .deviceContent .deviceInformation{display:flex;flex-direction:column;gap:6px}.deviceListWrap .deviceItem .deviceContent .deviceInformation .deviceInformationBoxWrap{flex-direction:column}}.noBookmark{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff}.deviceNoRegisterContainer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;height:100%}.verified{background:#fff;width:16px;height:16px;border-radius:100%;position:relative}.verified svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.homePreviewImg{width:100%;height:104px;object-fit:contain}.detailProcessItem .remainingTime .timeUnit{font-size:14px!important;color:#666;margin-left:2px;font-weight:700}.detailProcessItem .printingAnimation{width:40px;height:40px;position:relative;background:#f5f5f5;border-radius:100%;overflow:hidden;box-shadow:0 0 4px #0003;border:1px solid rgba(0,0,0,.3)}.detailProcessItem .printingAnimation svg{position:absolute;width:100%;height:100%}.detailProcessItem .printingAnimation .printerBed{position:absolute;bottom:0;width:100%;height:0px;background:#3897f0}.detailProcessItem .printingAnimation .layers{position:absolute;bottom:0;width:100%;height:100%;display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:center}.detailProcessItem .printingAnimation .layers .layer{width:100%;background:#863ec3;opacity:0;transform:translateY(100%);animation:layerUp 2.4s ease-out infinite;border-radius:2px 2px 0 0;box-shadow:0 0 2px #3897f04d;position:absolute;bottom:0}@keyframes layerUp{0%{opacity:0;transform:translateY(100%)}20%{opacity:1}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes shimmer{0%{left:0}to{left:100%}}.skeleton-shimmer{position:relative;overflow:hidden}.skeleton-shimmer:after{content:"";position:absolute;top:0;z-index:2;left:0%;height:100%;width:50%;background:linear-gradient(to right,#ffffff1a 10%,#ffffff80 20%,#fff3 50%,#ffffff1a);animation:shimmer 1.5s infinite}.filterView{display:flex;height:fit-content;align-items:start;justify-content:start;gap:16px;z-index:100;background:#fff;padding:12px;border-radius:.5rem;box-shadow:0 3px 6px #00000026;border:1px solid rgba(0,0,0,.3);width:fit-content}.filterView .filterViewContent{width:100%;display:flex;gap:16px}.filterView .filterViewContentItemWrap{display:flex;flex-direction:column;align-items:start;gap:8px}.filterView .filterViewContentItemWrap a{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.filterView .link{height:fit-content!important;justify-content:start!important}.filterView .link svg{width:20px!important;height:20px!important;border-radius:100%}@media screen and (max-width: 900px){.filterView .link svg{width:16px!important;height:16px!important}}.filterView .link:hover{color:#fff;background:#863ec3}.filterView .link:hover svg{fill:#fff}.filterView .filterViewContentItem{display:flex;align-items:center;background:#fff;border:1px solid #c0c0c0;cursor:pointer;border-radius:.5rem;width:120px;gap:8px;padding:8px}.filterView .filterViewContentItem input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:2px solid #ccc;border-radius:4px;cursor:pointer;position:relative;transition:background .2s,border-color .2s}.filterView .filterViewContentItem input[type=checkbox]:checked{background-color:#863ec3;border-color:#863ec3}.filterView .filterViewContentItem input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:0;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}@media screen and (max-width: 900px){.filterView .filterViewContentItem{width:100px;padding:4px}.filterView .filterViewContentItem .filterViewContentItemContent p{font-size:10px}.filterView .filterViewContentItem .filterViewContentItemContent svg{width:14px;height:14px}.filterView .filterViewContentItem .filterViewContentItemContent .filterViewContentItemContentImg img{width:14px!important;height:14px!important}.filterView .filterViewContentItem input{width:auto!important;height:auto!important}}@media screen and (max-width: 711px){.filterView .filterViewContentItem{width:70px;padding:4px}.filterView .filterViewContentItem .filterViewContentItemContent svg{display:none}.filterView .filterViewContentItem .filterViewContentItemContent .verified,.filterView .filterViewContentItem .filterViewContentItemContent .filterViewContentItemContentImg{display:none}}@media screen and (max-width: 570px){.filterView .filterViewContentItem{padding:4px}.filterView .filterViewContentItem .filterViewContentItemContent p{font-size:9px}.filterView .filterViewContentItem input{width:auto!important;height:auto!important}}@media screen and (max-width: 500px){.filterView .filterViewContentItem{width:65px;padding:4px}.filterView .filterViewContentItem .filterViewContentItemContent p{font-size:8px}.filterView .filterViewContentItem .filterViewContentItemContent svg{display:none}.filterView .filterViewContentItem .filterViewContentItemContent .verified,.filterView .filterViewContentItem .filterViewContentItemContent .filterViewContentItemContentImg{display:none}}@media screen and (max-width: 380px){.filterView .filterViewContentItem{width:60px;padding:4px}.filterView .filterViewContentItem .filterViewContentItemContent p{font-size:8px;letter-spacing:-.05em}.filterView .filterViewContentItem .filterViewContentItemContent svg{display:none}.filterView .filterViewContentItem .filterViewContentItemContent .verified,.filterView .filterViewContentItem .filterViewContentItemContent .filterViewContentItemContentImg{display:none}}.filterView .filterViewContentItem input{width:16px;height:16px}.filterView .filterViewContentItem p{font-size:14px;font-weight:600}.filterView .filterViewContentItem svg{width:20px;height:20px}.filterView .filterViewContentItem .filterViewContentItemContent{display:flex;justify-content:start;align-items:center;gap:4px}.filterView .filterViewContentItemContentImg{display:flex;justify-content:center;align-items:center;width:20px;height:20px;overflow:hidden}.filterView .filterViewContentItemContentImg img{width:100%!important;height:100%!important;object-fit:contain}@media screen and (max-width: 711px){.filterView{width:100%}.filterView .filterViewContent{justify-content:space-between;gap:8px!important}}@media screen and (max-width: 590px){.filterView{flex-direction:column;width:fit-content;padding:8px}}@media screen and (max-width: 500px){.filterView{width:100%;flex-direction:column;padding:8px}.filterView .filterViewContent{justify-content:start}}.filterViewClose{display:flex;justify-content:center;align-items:center;height:100%;width:100%;background:none;border:none}@media screen and (max-width: 711px){.filterViewClose{justify-content:start;width:fit-content}}@media screen and (max-width: 590px){.filterViewClose{justify-content:start}.filterViewClose svg{width:18px;height:17px}}.filterIcon{display:flex;justify-content:center;align-items:center;height:100%}.filterIcon svg{transform:rotate(90deg);transition:all .3s}.filterIcon:hover svg{fill:#863ec3}@media screen and (max-width: 500px){.filterIcon svg{width:18px;height:17px}}.filterOpen svg{fill:#863ec3}.noDeviceMatch{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;width:calc(100% - 24px);height:calc(100% - 280px);padding:3rem}.noDeviceMatch h2,.noDeviceMatch h1,.noDeviceMatch h5{text-align:center;display:flex;justify-content:start;align-items:start;width:400px}.noDeviceMatch h1{color:#863ec3}.noDeviceMatch .noDeviceImg{height:100%;display:flex;justify-content:start;align-items:center}.noDeviceMatch .noDeviceImg a{width:100%;height:100%;display:flex;justify-content:start;align-items:center}.noDeviceMatch .noDeviceImg img{width:100%;height:100%;object-fit:cover}.noDeviceMatch .noDeviceMatchContent{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:1rem}@media screen and (max-width: 600px){.noDeviceMatch{width:calc(100% - 50px);height:calc(100% - 340px);padding:1rem}.noDeviceMatch .noDeviceMatchContent{width:100%;padding:1rem}.noDeviceMatch .noDeviceMatchContent h1{font-size:1.5rem}.noDeviceMatch .noDeviceMatchContent h2{font-size:1rem}.noDeviceMatch .noDeviceMatchContent h5{font-size:.8rem}}.deviceImageLink{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tabContainer{max-width:37.375rem;width:100%;border-top:.0625rem solid #e8e8e8;position:fixed;bottom:0;padding:1rem;color:#5d5d5d;font-weight:700;font-size:.75rem;display:flex;align-items:center;justify-content:space-between;z-index:10;display:none}.tabContainer :nth-child(3) svg,.tabContainer :nth-child(4) svg{fill:silver}.tabContainer :nth-child(3):hover,.tabContainer :nth-child(3):focus,.tabContainer :nth-child(4):hover,.tabContainer :nth-child(4):focus{background:#e8e8e8!important}.tabContainer :nth-child(3):hover p,.tabContainer :nth-child(3):focus p,.tabContainer :nth-child(4):hover p,.tabContainer :nth-child(4):focus p{color:#5d5d5d!important}.tabContainer .active{background:#08040a;color:#fff}.tabContainer .active svg{fill:#fff}.tabContainer .active svg path{fill:#fff}.tabContainer .active:last-child svg path{fill:#08040a}@media screen and (max-width: 500px){.tabContainer{display:flex;background:#f9f9f9;font-size:.625rem;padding:1rem 1.5rem}.tabContainer svg{width:1.25rem;height:1.25rem}}.tabItem{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#e8e8e8;padding:.3125rem 0;border-radius:.375rem;font-size:.625rem;color:#5d5d5d;font-weight:700;cursor:pointer}.tabItem p{letter-spacing:-.01875rem}.tabItem:last-child p{letter-spacing:-.04375rem}.tabItem svg{fill:#863ec3}@media screen and (max-width: 500px){.tabItem{width:3.75rem}}.tabLogo{width:2.25rem;height:2.25rem;background-image:url(/assets/logo/tiny_logo.webp);cursor:pointer;background-position:center;background-repeat:no-repeat;background-size:contain}@media screen and (max-width: 500px){.tabLogo{width:1.25rem;height:1.25rem}}.headerContainer{max-width:598px;width:100%;border-bottom:1px solid #08040a;padding:16px;display:flex;color:#e8e8e8;align-items:center;justify-content:space-between;font-weight:700;font-size:16px;background:#081028;position:fixed;z-index:10;top:-1px}.headerContainer .titleSpace{width:33.3%;display:flex;justify-content:center;align-items:center}.headerContainer .titleSpace p{white-space:nowrap}.alarmSpace{width:33.3%;display:flex;justify-content:end;align-items:center}.alarmIcon{width:36px;height:36px;border-radius:100%;background:#5d5d5d;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative}@media screen and (max-width: 500px){.alarmIcon{width:24px;height:24px}.alarmIcon svg{width:18px;height:18px}}.LogoSpace{height:30px;width:33.3%;display:flex;justify-content:start;align-items:center}@media screen and (max-width: 450px){.LogoSpace{width:33.3%;height:20px}}.alarmRed{position:absolute;background:#863ec3;width:20px;height:20px;display:flex;justify-content:center;align-items:center;font-size:10px;color:#fff;border-radius:100%;padding:0;font-weight:400;top:-4px;right:-8px;letter-spacing:-.5px}.alarmRed p{margin-left:-.5px}@media screen and (max-width: 500px){.alarmRed{width:18px;height:18px;font-size:9px}}.alarmSticky{position:fixed;right:30px;bottom:30px;background:100%;z-index:9;display:flex;align-items:end;justify-content:center;gap:20px}.alarmSticky .alarmIcon{box-shadow:0 2px 8px #0000004d}.alarmSticky .alarmContentBox{display:flex;flex-direction:column;gap:10px}.alarmSticky .alarmContent{width:350px;height:fit-content;background:#fff;color:#fff;border-radius:10px;position:relative;box-shadow:0 2px 8px #0000004d;padding:10px;overflow:hidden;color:#0d0d0d;font-weight:400;flex-wrap:nowrap}.alarmSticky .alarmContent .alarmContentTextTitle{font-weight:700;display:flex;align-items:center;gap:4px}.alarmSticky .alarmContent .alarmContentTextTitle .alarmContentTextTitleInner{display:flex;align-items:center;gap:4px;max-width:160px;width:fit-content;flex-shrink:0}.alarmSticky .alarmContent .alarmContentTextTitle .alarmContentTextTitleInner .idle{background:#e8740f}.alarmSticky .alarmContent .alarmContentTextTitle .alarmContentTextTitleInner .red{background:#ee0043}.alarmSticky .alarmContent .alarmContentTextTitle .alarmContentTextTitleInner .green{background:#05c168}.alarmSticky .alarmContent .alarmContentTextTitle .alarmContentTextTitleInner .success{background:#3897f0}.alarmSticky .alarmContent .alarmContentTextTitle .alarmContentTextTitleInner .alarmContentTextTitleCircle{width:10px;height:10px;border-radius:100%}.alarmSticky .alarmContent .alarmContentTextTitle .alarmContentTextTitleDevice{display:flex;justify-content:start;align-items:center;gap:4px}.alarmSticky .alarmContent .alarmContentTextTitle .alarmContentTextTitleDevice span{flex-shrink:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100px;font-size:13px}@media screen and (max-width: 1000px){.alarmSticky .alarmContent .alarmContentTextTitle{font-size:12px;width:100%;flex-direction:column}.alarmSticky .alarmContent .alarmContentTextTitle .alarmContentTextTitleInner{width:100%}.alarmSticky .alarmContent .alarmContentTextTitle .alarmContentTextTitleDevice{width:100%;display:flex;justify-content:start;align-items:start;gap:4px}.alarmSticky .alarmContent .alarmContentTextTitle .alarmContentTextTitleDevice span{font-size:9px}}.alarmSticky .alarmContent .Secondary{font-size:12px;display:-webkit-box;-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4;max-height:4.2rem}@media screen and (max-width: 1000px){.alarmSticky .alarmContent .Secondary{width:100%;line-height:1.2;text-wrap:balance;font-size:10px}}.alarmSticky .alarmContent .alarmContentProgress{width:0%;background:#863ec3;height:4px;position:absolute;top:0;left:0;border-radius:10px}.alarmSticky .alarmContent .alarmContentText{width:100%;display:flex;flex-direction:column;gap:4px;height:100%}.alarmSticky .alarmContent .alarmContentText p:last-child{font-size:11px;text-align:right}@media screen and (max-width: 500px){.alarmSticky{right:10px;bottom:100px!important;gap:10px}.alarmSticky .alarmContentTextTitle{font-size:12px}.alarmSticky .alarmContent{width:230px;height:100px}.alarmSticky .alarmContent .Secondary{width:100%;line-height:1.2;text-wrap:balance;font-size:10px}}@media screen and (max-width: 1000px){.alarmSticky{right:20px;bottom:20px;gap:10px}.alarmSticky .alarmContent{width:200px;height:fit-content}}.myPageContainer{display:flex;justify-content:center;align-items:center;height:100%;width:37.5rem;gap:1.5rem;flex-direction:column}@media screen and (max-width: 680px){.myPageContainer{width:100%}}@media screen and (max-width: 420px){.myPageContainer{width:100%;justify-content:start;padding-top:3rem}}@media screen and (max-width: 376px){.myPageContainer{width:100%;justify-content:start;padding-top:.75rem}}.myPageTopSection{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%}@media screen and (max-width: 450px){.myPageTopSection{gap:.625rem}.myPageTopSection .mypagemainLogo{height:5rem}}@media screen and (max-width: 450px){.mypagemainLogo{height:5rem}}.myPageInfoBox{width:100%;box-shadow:0 .1875rem .375rem #00000026;border-radius:.5rem;background:#fff;border:.0625rem solid #c0c0c0;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;gap:.625rem}.myPageInfoBox .welcomeDesc{font-size:1rem;padding-bottom:1rem;border-bottom:.0625rem solid #e8e8e8;color:#0d0d0d}.myPageInfoBox .welcomeDesc span{font-size:1.25rem;color:#863ec3;font-weight:700;margin-right:.5rem;margin-left:.375rem}.myPageInfoBox .commentHeader{color:#0d0d0d;font-size:1.25rem;font-weight:700}.myPageInfoBox .commentP{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem;font-weight:300;text-overflow:ellipsis;color:#0d0d0d}@media screen and (max-width: 450px){.myPageInfoBox .welcomeDesc{font-size:.75rem}.myPageInfoBox .welcomeDesc span{font-size:.875rem}.myPageInfoBox .commentHeader{font-size:.75rem}.myPageInfoBox .commentP{font-size:.625rem}}.navigationBox{padding:2.25rem 1.5rem;box-shadow:0 .1875rem .375rem #00000026;color:#0d0d0d;border-radius:.5rem;border:.0625rem solid #c0c0c0;background:#fff;width:100%;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s}.navigationBox:hover{box-shadow:0 .1875rem .375rem #0006}.navigationBox .navigationBoxTitle{display:flex;justify-content:center;align-items:center;gap:.5rem}.navigationBox span svg{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 450px){.navigationBox{padding:1.5rem;font-size:.75rem}}.logOutContainer{width:100%;display:flex;justify-content:end;align-items:center}.logOutContainer .logOutBtn{padding:1rem;border-radius:.5rem;background:#fff;box-shadow:0 .1875rem .375rem #00000026;border:.0625rem solid #c0c0c0;color:#0d0d0d;font-size:.75rem;font-weight:700;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.logOutContainer .logOutBtn:hover{box-shadow:0 .1875rem .375rem #0006}@media screen and (max-width: 450px){.logOutContainer .logOutBtn{padding:.75rem;font-size:.625rem;gap:.25rem}.logOutContainer .logOutBtn svg{width:1.25rem;height:1.25rem}}.ProfileSettingContainer{width:37.5rem;flex-direction:column;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 750px){.ProfileSettingContainer{width:100%}}.profileSection{display:flex;flex-direction:column;gap:.5rem;width:100%}.profileTopSection{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700;width:100%}.profileTopSection span{font-size:.875rem;color:#0d0d0d}.profileTopSection p{color:#863ec3}@media screen and (max-width: 750px){.profileTopSection{flex-direction:row;gap:.75rem}}form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%}form .profileContent{display:flex;flex-direction:column;gap:.75rem;width:100%}form .profileContent .profileInpuBox{width:100%;box-shadow:0 .1875rem .375rem #00000026;border-radius:.5rem;border:.0625rem solid #c0c0c0;background:#fff;padding:.75rem 1.5rem;display:flex;align-items:center;font-weight:700;justify-content:space-between}form .profileContent .profileInpuBox .profileinputInner{width:calc(100% - 7.75rem);display:flex;flex-direction:column;justify-content:start;gap:16px;align-items:start}form .profileContent .profileInpuBox .profileinputInner p{width:100%}form .profileContent .profileInpuBox .profileinputwrap{width:calc(100% - 124px);justify-content:space-between;align-items:center;display:flex;gap:16px}form .profileContent .profileInpuBox .profileinputwrap input,form .profileContent .profileInpuBox .profileinputwrap select{width:100%;padding:6px 6px 6px 16px}form .profileContent .profileInpuBox .profileinputwrap button{padding:8px 16px;background:#08040a;height:100%;border:1px solid #000}form .profileContent .profileInpuBox .profileinputusernamewrap{width:100%;justify-content:space-between;align-items:center;display:flex;gap:16px}form .profileContent .profileInpuBox .profileinputusernamewrap input,form .profileContent .profileInpuBox .profileinputusernamewrap select{width:100%;padding:6px 6px 6px 16px}form .profileContent .profileInpuBox .profileinputusernamewrap button{padding:8px 16px;background:#08040a;height:100%;border:1px solid #000}@media screen and (max-width: 750px){form .profileContent .profileInpuBox .profileinputusernamewrap button{padding:8px}}form .profileContent .profileInpuBox p{font-size:14px;width:100px;color:#0d0d0d}@media screen and (max-width: 750px){form .profileContent{width:100%}form .profileContent .profileInpuBox{width:100%;flex-direction:column;justify-content:center;align-items:start;gap:6px}form .profileContent .profileInpuBox p{font-size:12px}form .profileContent .profileInpuBox .profileinputInner,form .profileContent .profileInpuBox .profileinputwrap{width:100%}form .profileContent .profileInpuBox .profileinputwrap input{width:100%;padding:4px 4px 4px 8px}}.profileTextArea{display:flex;flex-direction:column;gap:16px;width:100%;color:#0d0d0d}.profileTextArea .profileTextAreaBox{box-shadow:0 3px 6px #00000026;gap:24px;width:100%;border-radius:8px;border:1px solid #c0c0c0;background:#fff;padding:24px;display:flex;align-items:center;justify-content:center;flex-direction:column}.profileTextArea .profileTextAreaBox .profileTextAreaHeader{display:flex;width:100%;justify-content:space-between;align-items:center;font-weight:700;font-size:14px}.profileTextArea .profileTextAreaBox .profileTextAreaContent{width:100%;height:100px}.profileTextArea .profileTextAreaBox .profileTextAreaContent textarea{width:100%;height:100%;padding:16px 16px 16px 24px;color:#828282;font-weight:300;font-size:14px;line-height:1.3}.profileTextArea .profileTextAreaBox .profileTextAreaContent textarea:focus{color:#000!important;font-weight:400}@media screen and (max-width: 750px){.profileTextArea .profileTextAreaBox .profileTextAreaHeader{font-size:12px}.profileTextArea .profileTextAreaBox .profileTextAreaContent{width:100%;height:100px}.profileTextArea .profileTextAreaBox .profileTextAreaContent textarea{padding:10px 10px 10px 12px;font-size:12px;line-height:1.3}}.profileSaveBtnContainer{width:100%;display:flex;justify-content:end;align-items:center}.profileSaveBtnContainer .profileSaveBtn{font-weight:700;padding:6px 24px;border-radius:20px;background:#08040a;cursor:pointer;transition:all .3s}.profileSaveBtnContainer .checked{background:#863ec3}.serviceSettingContainer{width:100%;margin-top:60px}.withdrawalContainer{width:100%;margin-top:60px;display:flex;flex-direction:column;justify-content:center;gap:12px;color:#0d0d0d}.withdrawalContainer .h5top{color:#666;margin-bottom:8px}.withdrawalContainer .topInner{display:flex;flex-direction:column;gap:8px}.withdrawalContainer .topInner h5{display:flex;justify-content:start;align-items:center;gap:6px}.withdrawalContainer .topInner h5 span{color:#863ec3}.withdrawalContainer .topInner p{color:#863ec3;font-size:13px}.withdrawalContainer hr{opacity:.5}@media screen and (max-width: 750px){.withdrawalContainer{height:100%;width:100%;margin-top:0;gap:2px;padding:16px}}@media screen and (max-width: 450px){.withdrawalContainer{height:fit-content;width:100%;margin-top:0;gap:2px;padding:16px 16px 100px}.withdrawalContainer h5{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0px;font-size:12px}.withdrawalContainer h5 span{color:#863ec3}}.middleInner{display:flex;flex-direction:column;justify-content:center;font-size:14px;gap:8px;width:100%}.middleInner .f{display:flex;align-items:center;gap:8px}.middleInner span{color:#666}.endInner{font-size:12px;color:#863ec3;display:flex;flex-direction:column;gap:14px;line-height:2}.endInner .isntConfirm{color:#666}.endInner .confirm{font-size:14px;white-space:nowrap;display:flex;justify-content:center;align-items:center;gap:16px}.endInner .confirm button{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 750px){.endInner .confirm{font-size:10px}}.ConfirmedBtnContainer{width:100%;display:flex;justify-content:center;align-items:center;padding-top:16px}.ConfirmedBtnContainer .ConfirmedBtn{border:1px solid #666;background:#666;color:#444;padding:8px}.ConfirmedBtnContainer .isconfirm{border:1px solid #fff;background:#863ec3;color:#fff}.profileOrganWrap{width:100%;display:flex;justify-content:space-around;align-items:center;flex-direction:column;gap:16px}.profileOrganWrap input{cursor:pointer}.profileWrapper{padding:16px 24px 0;height:90%}@media screen and (max-width: 450px){.profileWrapper{height:calc(100% + 20px);margin-bottom:140px}}@media screen and (max-width: 750px){.resinput{width:100%!important;font-size:12px}}@media screen and (max-width: 450px){.resinput{font-size:10px}}.membershipWrapper{display:flex;justify-content:center;align-items:center;flex-direction:column}.addDeviceContainer{display:flex;flex-direction:column;gap:35px;width:100%;padding:19px 16px;height:100%}.addDeviceContainer p{color:#0d0d0d}@media screen and (max-width: 500px){.addDeviceContainer{width:100%;height:100%}}.addBoxContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;gap:50px;width:100%}.addBoxContainer p{font-weight:700;font-size:24px}@media screen and (max-width: 500px){.addBoxContainer{gap:20px}}.addBoxD{transition:all .3s;width:250px;height:270px;background:#fff;border:1px solid #c0c0c0;color:#0d0d0d;border-radius:8px;padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:20px;gap:10px;font-weight:700;cursor:pointer;box-shadow:0 3px 6px #00000026}.addBoxD img{object-fit:contain;width:150px;height:118px}.addBoxD .itemName{white-space:nowrap}.addBoxD span{font-size:12px;display:flex;width:100%;text-align:center;justify-content:center;align-items:center;font-weight:400}.addBoxD:hover{box-shadow:0 3px 6px #0006}@media screen and (max-width: 690px){.addBoxD{width:100%;height:100%;font-size:12px;padding:16px 24px}.addBoxD img{width:100%;height:78px;object-fit:contain}.addBoxD span{display:none}}.addBoxI{width:250px;height:270px;background:#fff;border:1px solid #c0c0c0;cursor:pointer;transition:all .3s;border-radius:8px;padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:20px;font-weight:700;color:#0d0d0d;box-shadow:0 3px 6px #00000026}.addBoxI img{object-fit:contain;width:150px;height:118px}.addBoxI .itemName{white-space:nowrap}.addBoxI:hover{box-shadow:0 3px 6px #0006}.addBoxI span{font-size:12px;display:flex;width:100%;text-align:center;justify-content:center;align-items:center;font-weight:400}@media screen and (max-width: 690px){.addBoxI{width:100%;height:100%;padding:16px 24px;font-size:12px}.addBoxI img{width:100%;height:78px;object-fit:contain}.addBoxI span{display:none}}.addBoxInner{display:flex;flex-direction:column;gap:29px;width:100%;justify-content:center;align-items:center}.addBoxInner p{width:774px}@media screen and (max-width: 910px){.addBoxInner p{width:100%;font-size:18px}}@media screen and (max-width: 690px){.addBoxInner{gap:16px}.addBoxInner p{width:100%;font-size:18px}}.addBoxContent{display:flex;gap:12px;width:100%;justify-content:center;align-items:center}.addDeviceIdContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;padding:19px 16px;height:100%}@media screen and (max-width: 450px){.addDeviceIdContainer{width:100%;height:fit-content}}.addBoxIdContainer{width:800px;height:100%;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 970px){.addBoxIdContainer{width:100%}}@media screen and (max-width: 650px){.addBoxIdContainer{display:block}}@media screen and (max-width: 450px){.addBoxIdContainer{height:fit-content;width:100%}}.addBoxId{width:100%;padding:72px 16px;box-shadow:0 3px 6px #00000026;color:#0d0d0d;border-radius:8px;background:#fff;border:1px solid #c0c0c0;display:flex;align-items:center;justify-content:space-around;overflow:hidden}@media screen and (max-width: 950px){.addBoxId{flex-direction:column;padding:0}}.IdImgContainer{display:flex;flex-direction:column;padding:16px;width:fit-content;height:100%;justify-content:center;align-items:center;gap:10px}.IdImgContainer img{object-fit:contain;width:243px;height:283px}.IdImgContainer figcaption{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700;font-size:20px}.IdImgContainer figcaption .addboxinfo{display:flex;flex-direction:column;justify-content:center;align-items:center}.IdImgContainer figcaption span{font-size:14px;font-weight:400}@media screen and (max-width: 650px){.IdImgContainer{gap:0px}.IdImgContainer img{object-fit:contain;width:150px;height:150px}.IdImgContainer strong{font-size:12px}.IdImgContainer strong span{font-size:10px;font-weight:400}}@media screen and (max-width: 499px){.IdImgContainer{width:100%;gap:0px}.IdImgContainer img{object-fit:contain;width:70px;height:100px}.IdImgContainer div{font-size:12px}.IdImgContainer div span{font-size:10px;font-weight:400}}.IdInputContainer{height:100%;display:flex;flex-direction:column;padding:41px 16px;width:50%}.IdInputContainer form{width:100%;gap:36px;display:flex;flex-direction:column!important;justify-content:space-between!important;align-items:center!important}.IdInputContainer button{width:100%;border-radius:10px;background:#863ec3;padding:8px}@media screen and (max-width: 970px){.IdInputContainer{width:100%;padding:16px 4px}.IdInputContainer form{gap:8px;padding:0 16px}.IdInputContainer button{margin-top:8px}}.IdInputItem{font-size:12px;display:flex;flex-direction:column;gap:16px;width:100%}@media screen and (max-width: 450px){.IdInputItem{gap:8px;font-size:10px}}.addSubmitBtn{position:relative;height:35.98px}.IdInput{padding:8px 8px 8px 16px;background:#fff!important}.IdOverlayPopup{z-index:99999;width:100%;height:100vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#0006;display:flex;justify-content:center;align-items:center;color:#000}.IdOverlayPopup .IdPopup{background:#e8e8e8;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:24px;border:1px solid #fff}.IdOverlayPopup .IdPopup span{display:flex;width:100%;gap:10px;font-weight:700;align-items:center;justify-content:center}.IdOverlayPopup .IdPopup button{width:100%;border-radius:10px;background:#863ec3;padding:8px;transition:all .3s}.IdOverlayPopup .IdPopup button:hover{background:#4c4452}@media screen and (max-width: 450px){.IdOverlayPopup .IdPopup{padding:24px;display:flex;flex-direction:column;gap:12px}.IdOverlayPopup .IdPopup span{font-size:12px;gap:8px}.IdOverlayPopup .IdPopup span p{width:138px}.IdOverlayPopup .IdPopup button{font-size:12px}}.deviceDetailContainer{display:flex;flex-direction:column;color:#fff;align-items:center;justify-content:center;width:100%;height:100%}@media screen and (max-width: 450px){.deviceDetailContainer{width:100%;height:fit-content}}.deviceDetailMainContainer{display:flex;flex-direction:column;color:#fff;align-items:center;justify-content:start;width:100%;height:100%;padding-right:6.25rem;background:#fff;min-height:100vh;height:fit-content}@media screen and (max-width: 1480px){.deviceDetailMainContainer{padding-right:0}}@media screen and (max-width: 500px){.deviceDetailMainContainer{width:100%;height:fit-content;padding-bottom:4.875rem}}.overFlowHidden{overflow:hidden!important;overflow-y:hidden!important;height:100%}.bgop .deviceDetailBox .deviceDetailInner .detailInfoLeft .disabled{background:#e8e8e8!important}.bgop .deviceDetailBox .deviceDetailInner .detailInfoLeft .detailInfoTop .detailImgWrap img{opacity:0}.bgop .deviceDetailBox .deviceDetailInner .detailInfoLeft .detailInfoTop .DeviceInfoBoxWrap .deviceInformationDetailBox{text-indent:-9999999px}.bgop .deviceDetailBox .deviceDetailInner .detailInfoLeft .detailInfoTop .DeviceInfoBoxWrap .deviceInformationDetailBox .colorCircle{opacity:0}.bgop .deviceDetailBox .deviceDetailInner .detailInfoLeft .detailInfoBottom{text-indent:-999999px}.bgop .deviceDetailBox .deviceDetailInner .detailInfoLeft .detailInfoBottom svg{opacity:0}.bgop .deviceDetailBox .deviceDetailInner .detailInfoRight .SliceRecipeWrap .SliceWrap{text-indent:-9999px}.bgop .deviceDetailBox .deviceDetailInner .detailInfoRight .SliceRecipeWrap .SliceWrap button{opacity:0}.bgop .deviceDetailBox .deviceDetailInner .detailInfoRight .SliceRecipeWrap .SliceWrap div{background:#e8e8e8}.bgop .deviceDetailBox .deviceDetailInner .detailInfoRight .SliceRecipeWrap .SliceWrap div img{opacity:0}.bgop .deviceDetailBox .deviceDetailInner .detailInfoRight .SliceRecipeWrap .RecipeContainer{text-indent:-999999px}.bgop .deviceDetailBox .deviceDetailInner .detailInfoRight .SliceRecipeWrap .RecipeContainer button{opacity:0}.bgop .deviceDetailBox .deviceDetailInner .detailInfoRight .SliceRecipeWrap .RecipeContainer .svgContainer{background:#e8e8e8}.bgop .deviceDetailBox .deviceDetailInner .detailInfoRight .SliceRecipeWrap .RecipeContainer .svgContainer svg{opacity:0}.bgop .deviceDetailBox .deviceDetailInner .detailInfoRight .processInfo .pringtingControlContainer2{text-indent:-999999px}.bgop .deviceDetailBox .deviceDetailInner .detailInfoRight .processInfo .pringtingControlContainer2 svg{opacity:0}.deviceDetailBox{padding:1.1875rem 1rem;display:flex;flex-direction:column;gap:.5rem;width:100%;height:100%}@media screen and (max-width: 1200px){.deviceDetailBox{width:33.375rem;padding:1.1875rem 0}}@media screen and (max-width: 690px){.deviceDetailBox{width:22.125rem;padding:1.1875rem 0}}@media screen and (max-width: 500px){.deviceDetailBox{width:20rem}}.deviceDetailInner{display:flex;gap:1.875rem;width:100%;padding-bottom:1.5rem;position:relative;justify-content:center}@media screen and (max-width: 1200px){.deviceDetailInner{flex-direction:column;align-items:center;justify-content:center}}@media screen and (max-width: 1480px){.deviceDetailInner{align-items:start}}.bgop .topWrap i{background:#e8e8e8}.bgop .topWrap i svg{display:none}.bgop .topWrap .isClickedTab{text-indent:-99999999px;background:#e8e8e8}.bgop .topWrap .isClickedTab div{display:none}.bgop .deleteBtn{background:#e8e8e8;width:1.125rem;height:1.25rem;border-radius:.375rem}.bgop .deleteBtn svg{display:none}.backDetailBar{width:100%;font-size:1rem;font-weight:700;display:flex;flex-direction:column;gap:.5rem}.backDetailBar .authWrap{display:flex;align-items:center}.backDetailBar .authWrap svg{width:1.25rem;height:1.25rem}.backDetailBar .authWrap p{color:#5b5b5b;font-size:.75rem;font-weight:400}.backDetailBar .headerWrap{display:flex;width:100%;justify-content:space-between;align-items:center}.backDetailBar .topWrap{display:flex;justify-content:center;align-items:center;gap:.75rem}.backDetailBar .deleteBtn{display:flex;justify-content:center;align-items:center}.backDetailBar svg{cursor:pointer}.backDetailBar i{border-radius:100%;background:#e8e8e8;display:flex;width:2.25rem;height:2.25rem;justify-content:center;align-items:center;cursor:pointer;transition:all .3s}.backDetailBar i svg{transition:all .3s;width:2.25rem;height:2.25rem;fill:#863ec3;transform:rotate(180deg)!important;display:flex;justify-content:center;align-items:center;margin-left:-.125rem}.backDetailBar i:hover{background:#863ec3}.backDetailBar i:hover svg{fill:#e8e8e8}@media screen and (max-width: 690px){.backDetailBar i{width:1.5rem;height:1.5rem}.backDetailBar i svg{width:1.5rem;height:1.5rem}}.deviceDetailHeaderWrap{position:relative;display:flex;align-items:center;gap:20px}.deviceDetailHeaderWrap .rotate{transform:rotate(180deg)}.deviceDetailHeaderWrap .deviceDetailHeaderImgWrap{width:44px;height:44px;border-radius:100%;overflow:hidden;padding:4px;background:#e8e8e8;display:flex;justify-content:center;align-items:center}.deviceDetailHeaderWrap .deviceDetailHeaderImg{width:100%;height:100%;object-fit:contain}.deviceDetailHeaderWrap .deviceDetailHeaderNameWrap p{color:#0d0d0d;font-size:16px;font-weight:700}.deviceDetailHeaderWrap button{display:flex;justify-content:center;align-items:center}.deviceDetailHeaderWrap .deleteBtnWrap{display:flex;justify-content:center;align-items:center;border:1px solid #c0c0c0;position:absolute;bottom:-55px;overflow:hidden;box-shadow:0 3px 6px #0000001a;border-radius:8px;right:-55px;transform:translate(-50%,-50%);background:#fff;z-index:10}@media screen and (max-width: 690px){.deviceDetailHeaderWrap .deleteBtnWrap{bottom:-65px;right:-40px;width:80px}}.deviceDetailHeaderWrap .deleteBtnWrap button{width:100px;height:40px;cursor:pointer;display:flex;align-items:center;border:none;border-radius:5px;box-shadow:1px 1px 3px #00000026;background:#ee0043}.deviceDetailHeaderWrap .deleteBtnWrap button,.deviceDetailHeaderWrap .deleteBtnWrap button span{transition:.2s}.deviceDetailHeaderWrap .deleteBtnWrap button .text{transform:translate(0);color:#fff;font-weight:700}.deviceDetailHeaderWrap .deleteBtnWrap button .icon{position:absolute;border-left:1px solid #ee0043;transform:translate(110px);height:10px;width:10px;display:flex;align-items:center;justify-content:center}.deviceDetailHeaderWrap .deleteBtnWrap button svg{width:12px;fill:#eee}.deviceDetailHeaderWrap .deleteBtnWrap button:hover{background:#ee0043}.deviceDetailHeaderWrap .deleteBtnWrap button:hover .text{color:transparent}.deviceDetailHeaderWrap .deleteBtnWrap button:hover .icon{width:100px;border-left:none;transform:translate(0)}.deviceDetailHeaderWrap .deleteBtnWrap button:focus{outline:none}.deviceDetailHeaderWrap .deleteBtnWrap button:active .icon svg{transform:scale(.8)}@media screen and (max-width: 690px){.deviceDetailHeaderWrap{gap:12px}.deviceDetailHeaderWrap .deviceDetailHeaderImgWrap{width:30px;height:30px}.deviceDetailHeaderWrap .deviceDetailHeaderNameWrap p{color:#0d0d0d;font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50px}}.detailInfoLeft{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:16px}.detailInfoLeft .InfoBottomContainer p{display:flex;gap:6px;justify-content:center;align-items:center}.detailInfoLeft .lockWrap{justify-content:center;display:flex;align-items:center;transition:transform .3s;background:#aeb9e1;border-radius:100%;padding:4px}.detailInfoLeft .lockOpenWrap{justify-content:center;display:flex;align-items:center;border-radius:100%;padding:4px}@media screen and (max-width: 1480px){.detailInfoLeft{width:20%;align-items:start;justify-content:start}.detailInfoLeft .InfoBottomContainer p{font-size:12px!important}}@media screen and (max-width: 1200px){.detailInfoLeft{width:100%}}@media screen and (max-width: 690px){.detailInfoLeft .InfoBottomContainer p{font-size:14px}}@media screen and (max-width: 400px){.detailInfoLeft{width:320px}.detailInfoLeft .InfoBottomContainer p{font-size:12px!important}}.detailInfoLeft .detailInfoBottom{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.detailInfoLeft .detailInfoBottom .disabled .powerbtnWrap{background:#0003!important}.detailInfoLeft .detailInfoBottom .InfoBottomContainer{width:100%;border:1px solid #c0c0c0;border-radius:8px;box-shadow:0 3px 6px #00000026;background:#fff;display:flex;justify-content:space-between;padding:4px 12px;align-items:center}.detailInfoLeft .detailInfoBottom .InfoBottomContainer p{font-weight:700;font-size:14px;color:#0d0d0d}.detailInfoLeft .detailInfoBottom .InfoBottomContainer h2{font-weight:700;font-size:16px;color:#0d0d0d}.detailInfoLeft .detailInfoBottom .InfoBottomContainer .lockBox{display:flex;align-items:center;justify-content:center;gap:4px}.detailInfoLeft .detailInfoBottom .InfoBottomContainer .offlinePower{background:#5d5d5d!important}.detailInfoLeft .detailInfoBottom .InfoBottomContainer .powerbtnWrap{display:flex;justify-content:center;align-items:center;border-radius:100%;width:42px;height:42px;background:#863ec3}.detailInfo{display:flex;flex-direction:column;gap:16px;width:100%;padding:12px 0}.detailInfo .detailInfoItem{display:flex;align-items:center;justify-content:space-between}.detailInfo .detailInfoItem p:first-child{font-size:12px;color:#5d5d5d}.detailInfo .detailInfoItem p:last-child{font-size:14px;color:#863ec3}.statusBox{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.open svg{transition:transform .3s;transform:rotateX(180deg)}.authorizedWrapper{display:flex;justify-content:space-between;align-items:center;width:100%}.authorizedWrapper .svgwrap{width:40px;height:40px;display:flex;justify-content:center;align-items:center}.AuthorizedUser{display:flex;flex-direction:column;gap:16px;margin-top:16px;width:100%}.AuthorizedUser .dragDropText{color:#0d0d0d!important;display:flex;justify-content:start!important;width:100%}.AuthorizedUser .loadingOverlay{width:100%;height:100%;position:absolute;inset:0;transform:translate(-50%,-50%);background:#fffc;display:flex;justify-content:center;align-items:center;z-index:10}.AuthorizedUser .loadingOverlay .loader{width:100px;height:100px}.AuthorizedUser .loadingOverlay .loadingSpinner{width:40px;height:40px}.AuthorizedUser .loadingOverlay .loadingSpinner .spinner{width:100%;height:100%;border:3px solid #f3f3f3;border-top:3px solid #863ec3;border-radius:50%;animation:spin 1s linear infinite}.big .loadingSpinner{width:100px;height:100px}.big .loadingSpinner .spinner{width:100%;height:100%;border:10px solid #fff;border-top:10px solid #863ec3;border-radius:50%;animation:spin 1s linear infinite}.AuthorizedItem{background-color:#f4f4f4;padding:12px;border-radius:8px;width:100%}.AuthorizedItemTitle{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding-left:8px}.AuthorizedItemTitle svg{width:24px;height:24px}.AuthorizedItemTitle p{font-weight:500;color:#333}@media screen and (max-width: 1480px){.AuthorizedItemTitle .verified{width:10px;height:10px}.AuthorizedItemTitle svg{width:20px!important;height:20px!important}}.AuthorizedTitle{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:4px;border:1px solid #f00}.AuthorizedTitle p{font-size:14px}.AuthorizedTitle ::last-child{font-size:10px}.member{display:flex;flex-direction:column;gap:8px;min-height:40px;justify-content:center}.member svg{width:20px;height:20px}@media screen and (max-width: 1480px){.member svg{width:16px!important;height:16px!important}.member .verified{width:10px;height:10px}}.memberItem{display:flex;align-items:center;gap:8px;padding:8px;background-color:#fff;border-radius:4px;margin-bottom:4px;cursor:grab;transition:all .2s ease}.memberItem:hover:not(.dragDisabled):not(.masterRole){background-color:#f5f5f5}.memberItem.loading{opacity:.7;pointer-events:none}.memberItem.dragDisabled,.memberItem.masterRole{cursor:default;opacity:.7;pointer-events:none}.memberItem.dragDisabled:hover,.memberItem.masterRole:hover{background-color:#fff;cursor:default}.memberItem.masterRole{background-color:#f8f8f8;opacity:1}.memberItem.masterRole p{color:#666}.memberItem .loadingSpinner{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:16px;height:16px}.memberItem .loadingSpinner .spinner{width:100%;height:100%;border:2px solid #f3f3f3;border-top:2px solid #863ec3;border-radius:50%;animation:spin 1s linear infinite}.no{color:#999;font-style:italic;padding:8px}.dragging{background-color:#e0e0e0;box-shadow:0 2px 4px #0000001a}.dragDisabled{cursor:not-allowed;opacity:.7}.detailInfoTop{display:flex;gap:38px;width:100%}@media screen and (max-width: 1480px){.detailInfoTop{flex-direction:column;width:100%;gap:7px}.detailInfoTop .detailImgWrap{width:100%;height:350px}.detailInfoTop .detailImgWrap img{height:100%}}@media screen and (max-width: 690px){.detailInfoTop{flex-direction:column;justify-content:center;align-items:center;width:100%;gap:7px}.detailInfoTop .detailImgWrap{width:100%;height:250px}.detailInfoTop .detailImgWrap img{height:100%}}.detailInfoTop .detailImgWrap{background:#fff;border-radius:8px;border:1px solid #c0c0c0;box-shadow:0 3px 6px #00000026;display:flex;justify-content:center;align-items:center;width:100%;height:300px}.detailInfoTop .detailImgWrap img{width:300px;height:200px;object-fit:contain}.detailInfoTop .DeviceInfoBoxWrap{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;gap:7px}@media screen and (max-width: 450px){.detailInfoTop{gap:24px}.detailInfoTop .detailImgWrap img{width:153px;height:154px;object-fit:contain}}.detailInfoRight{width:100%;display:flex;flex-direction:column;height:100%;gap:12px}.detailInfoRight .processInfo .disable{background:#e8e8e8}.detailInfoRight .processInfo .disabled{position:absolute;width:100%;top:0;left:0;height:100%;background:#0003;border-radius:20px}.SliceRecipeWrap{height:fit-content;width:100%;display:flex;justify-content:center;align-items:center;gap:16px}@media screen and (max-width: 1600px){.SliceRecipeWrap .uploadSlice{width:400px!important;height:245px!important}.SliceRecipeWrap .uploadRecipe{height:100%}}@media screen and (max-width: 1480px){.SliceRecipeWrap .uploadSlice{width:400px!important}.SliceRecipeWrap .uploadRecipe{width:100%;height:100%}.SliceRecipeWrap .RecipeInfo{gap:0px!important;align-items:start!important}.SliceRecipeWrap .RecipeContainer{display:flex;flex-direction:row}}@media screen and (max-width: 1200px){.SliceRecipeWrap{flex-direction:column;align-items:center;justify-content:center}}@media screen and (max-width: 690px){.SliceRecipeWrap .uploadSlice{width:100%!important;height:240px!important}}@media screen and (max-width: 690px){.SliceRecipeWrap .RecipeContainer{display:flex;flex-direction:column}.SliceRecipeWrap .RecipeContainer .EmptyWrap{height:200px}.SliceRecipeWrap .RecipeWrap{width:100%}}.SliceRecipeWrap .SliceWrap{display:flex;flex-direction:column;border:1px solid #c0c0c0;background:#fff;box-shadow:0 3px 6px #00000026;padding:10px 16px;border-radius:8px;width:100%;justify-content:center;align-items:center}.finished img{background:#ebebeb!important}.uploadSlice{background:#fff;display:flex;justify-content:center;align-items:center;width:100%;height:300px;border-radius:20px}.uploadSlice img{background:#fff;width:100%;height:100%;object-fit:contain;border-radius:20px}.SliceInfo{margin-top:16px;width:100%}@media screen and (max-width: 690px){.SliceInfo .InfoWrap{flex-direction:column;align-items:start!important;gap:7px!important}}.SliceInfo .chooseSlice{display:flex;flex-direction:column;gap:8px;color:#5d5d5d}.SliceInfo .chooseSlice span{color:#5d5d5d;font-size:20px;font-weight:700}.SliceInfo .chooseSlice .sub{font-size:14px;white-space:nowrap}.SliceInfo .chooseSlice .valuetext{color:#863ec3;font-size:18px;white-space:nowrap}.SliceInfo .chooseSlice .textskip{overflow:hidden;text-overflow:ellipsis;width:200px}.SliceInfo .chooseSlice .textFull{width:100%!important}.SliceInfo .chooseSlice .textskiprecipe{overflow:hidden;text-overflow:ellipsis;width:180px}.SliceInfo .chooseSlice .routingBtn{width:160px;padding:20px 10px;color:#fff;border-radius:6px;font-weight:700;display:flex;font-size:20px;background:#08040a;letter-spacing:-.5px}.SliceInfo .chooseSlice .routingBtn:hover{outline:1px solid #863ec3}.SliceInfo .chooseSlice .InfoWrap{display:flex;align-items:center;gap:36px;justify-content:space-between;width:100%}.SliceInfo .chooseSlice .InfoWrap .Info{display:flex;flex-direction:column}.RecipeContainer{width:100%;display:flex;flex-direction:column;gap:16px;height:auto}.RecipeWrap{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #c0c0c0;background:#fff;box-shadow:0 3px 6px #00000026;padding:10px 16px;border-radius:8px;width:100%;height:100%}@media screen and (max-width: 1480px){.inforecipe{display:flex;flex-direction:column;align-items:start!important;gap:4px!important;text-align:center}.inforecipe .Info{text-align-last:left}}.svgContainer{width:100%;background:#fff;height:100%;border-radius:20px;display:flex;justify-content:center;align-items:center;padding:16px}.currentLayer{padding:16px;background:#e8e8e8;height:100%;width:100%;border-radius:20px;color:#0d0d0d;font-weight:700}.currentLayer .currentLayerInner{width:100%;height:100%;background:#fff;border-radius:20px;padding:16px;display:flex;justify-content:center;align-items:center;flex-direction:column}.printingControlContainer{border-top:1px solid #e8e8e8;padding:24px 0;display:flex;justify-content:center;align-items:center;flex-direction:column}.printingControlContainer .printingControlContent{width:100%;display:flex;flex-direction:column;gap:37px;padding:37px 16px;border-radius:20px;border:1px solid #08040a;background:#4c4452}.printingControlContainer .printingControlInfoWrap{display:flex;flex-direction:column;gap:8px;width:50%;justify-content:center;align-items:center}@media screen and (max-width: 450px){.printingControlContainer .printingControlContent{width:100%;display:flex;flex-direction:column;gap:19px;padding:16px;border-radius:20px;border:1px solid #08040a;background:#4c4452}}.uploadContainer{width:100%;height:fit-content;min-height:101vh;padding:19px 16px 49px;display:flex;align-items:center;flex-direction:column}@media screen and (max-width: 750px){.uploadContainer{padding:19px 20px;height:fit-content}}@media screen and (max-width: 450px){.uploadContainer{padding:19px 20px 109px;height:fit-content}}.leftContainer{display:flex;flex-direction:column;width:100%;gap:16px;padding-top:16px;align-items:center;justify-content:center;position:sticky;top:0}@media screen and (max-width: 900px){.leftContainer{position:static}}.recipeContainer{display:flex;width:100%;padding:0 100px;flex-direction:column}.recipeContainer .recipeInnerContainer{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center}.fileUploadContainer{transition:background .3s;width:100%;border:2px dashed rgba(255,255,255,.5);padding:60px 36px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;background:#863ec3;box-shadow:0 4px 4px #0000001a}.fileUploadContainer .uploadDesc{display:flex;flex-direction:column;gap:12px;color:#fff}.fileUploadContainer .uploadDesc p{font-size:13px}.fileUploadContainer .uploadDesc span{font-size:12px;color:#fff}.fileUploadContainer button{padding:12px 16px;border-radius:5px;background:#08040a;font-weight:700;font-size:12px}@media screen and (max-width: 1000px){.fileUploadContainer{flex-direction:column;gap:14px}.fileUploadContainer .uploadDesc{justify-content:center;align-items:center}.fileUploadContainer .uploadDesc p,.fileUploadContainer .uploadDesc span{font-size:10px}.fileUploadContainer button{margin-top:8px;padding:12px 32px}}@media screen and (max-width: 860px){.fileUploadContainer{width:100%}}.dragging{border:2px solid #d0d0d0;box-shadow:0 2px 4px #0000001a;z-index:2}.fileinfo{display:flex;flex-direction:column;gap:4px}.fileinfo .slicename{font-size:12px;font-weight:700;color:#0d0d0d}.fileinfo .filesize{color:#828282;font-size:10px}.addedFileContainer{width:100%;color:#0d0d0d;display:flex;flex-direction:column;gap:16px;padding-top:16px}@media screen and (max-width: 1000px){.addedFileContainer{width:100%}}@media screen and (max-width: 900px){.addedFileContainer{width:100%}}.addedFileContainer .slicename{width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}@media screen and (max-width: 1000px){.addedFileContainer .slicename{width:100px}}.addedFileContainer .trash{cursor:pointer}.addedFileContainer .addedItem{display:flex;justify-content:space-between;align-items:center;gap:24px;border-radius:4px;background:#ffffff1a;border:1px solid #d9d9d9;padding:16px}.addedFileContainer .addedItem .inputWrap{position:relative;display:flex;justify-content:center;align-items:center;width:fit-content;height:fit-content}.addedFileContainer .addedItem .checkboxLabel{display:flex;align-items:center;gap:4px}.addedFileContainer .addedItem .checkboxLabel input{cursor:pointer}.addedFileContainer .addedItem .checkboxLabel .indexNumber{pointer-events:none;font-size:14px;font-weight:500;color:#863ec3;position:absolute;top:50%;left:calc(50% - 4px);transform:translate(-50%,-50%);color:#fff;flex-wrap:nowrap}@media screen and (max-width: 1000px){.addedFileContainer .addedItem .checkboxLabel .indexNumber{font-size:10px}}.addedFileContainer .addedItem input[type=checkbox]{margin-right:8px;-webkit-appearance:none;appearance:none;width:24px!important;flex-shrink:0;height:24px;border:1px solid #c9c9c9;border-radius:100%;outline:none;cursor:pointer;position:relative;background-color:#fff;transition:background-color .3s ease,border-color .3s ease,outline .3s ease}.addedFileContainer .addedItem input[type=checkbox]:checked{background-color:#863ec3}.addedFileContainer .addedItem input[type=checkbox]:focus{border:3px solid #000}.addedFileContainer .addedItem input[type=checkbox]:disabled{background-color:#666;border-color:#828282}.addedFileContainer .addedItem input[type=checkbox]:hover{border-color:#999}.addedFileContainer .addedItem svg{flex-shrink:1}.addedFileContainer .addedItem .noRecipe{display:flex;align-items:center;gap:8px;color:#666}.addedFileContainer .addedItem .previewImg{width:50px;height:70px;object-fit:contain;border:1px solid #828282;padding:4px;border-radius:4px;background:#f1f1f1}.addedFileContainer .uploadProcess{width:100%;display:flex;justify-content:center;align-items:center;height:100%}.addedFileContainer .uploadProcess .loading p{background:#e8e8e8;color:#e8e8e8!important}.addedFileContainer .uploadProcess .loading .check{width:20px;height:20px;background:#e8e8e8;border-radius:100%}.addedFileContainer .uploadProcess .loading .trashsvg{width:14px;height:16px;background:#e8e8e8}.addedFileContainer .uploadProcess .uploadProcessDesc{display:flex;width:100%;justify-content:space-between;align-items:center;padding:0 4px;height:100%}.addedFileContainer .uploadProcess .uploadProcessDesc .successupload{font-size:10px;margin-bottom:0;display:flex;justify-content:center;align-items:center;gap:4px;flex-direction:column;color:#828282}@media screen and (max-width: 1000px){.addedFileContainer .selectedimgSlice{width:40px!important;height:40px!important}.addedFileContainer .slicename{width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.addedFileContainer .addedItem{gap:10px;padding:16px 8px}.addedFileContainer .addedItem .previewImg{width:30px;height:30px;object-fit:contain}.addedFileContainer .addedItem input[type=checkbox]{-webkit-appearance:none;appearance:none;width:20px!important;flex-shrink:0;height:20px;border:1px solid #ccc;border-radius:100%;outline:none;cursor:pointer;position:relative;background-color:#fff;transition:background-color .3s ease,border-color .3s ease}.addedFileContainer .addedItem .uploadProcess{gap:8px}.addedFileContainer .addedItem .uploadProcess .uploadProcessDesc{display:flex;width:100%;justify-content:space-between;align-items:center;height:100%}.addedFileContainer .addedItem .uploadProcess .uploadProcessDesc :first-child{font-size:10px;margin-bottom:0}.addedFileContainer .addedItem .uploadProcess .uploadProcessDesc .successupload{font-size:4px;margin-bottom:0;display:flex;justify-content:center;align-items:center;gap:4px}.addedFileContainer .addedItem .uploadProcess .uploadProcessDesc .successupload svg{width:16px!important;height:16px!important}.addedFileContainer .addedItem .uploadProcess .uploadProcessDesc .successupload :last-child{display:flex;justify-content:center;align-items:center;gap:2px;font-weight:700;color:#863ec3}.addedFileContainer .addedItem .uploadProcess .uploadProcessDesc :nth-child(2){font-size:8px;margin-bottom:0}.addedFileContainer .addedItem .trash{width:20px;height:16px}}@media screen and (max-width: 630px){.addedFileContainer .uploadProcess{width:100%!important}.addedFileContainer .slicename{width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}}.addedFileContainer .fileInner{display:flex;justify-content:space-between;align-items:center;width:100%}.addedFileContainer .fileHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.addedFileContainer .fileHeader .resetButton{padding:6px 12px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;color:#333}.addedFileContainer .fileHeader .resetButton:hover:not(:disabled){background-color:#e8e8e8}.addedFileContainer .fileHeader .resetButton:disabled{opacity:.5;cursor:not-allowed}.uploadContainerInner{display:flex;width:80%;height:100%;gap:24px;justify-content:center;align-items:start}@media screen and (max-width: 900px){.uploadContainerInner{width:100%;flex-direction:column}}.SelectedFilezero{display:flex;width:100%;justify-content:start;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.5);border-radius:4px;color:#0d0d0d;font-weight:700;padding:15px 16px}.SelectedFilezero svg{opacity:.5}.SelectedFilezero .none{opacity:0}.SelectedFilezero .opacity50{opacity:.5;color:#0d0d0d}@media screen and (max-width: 750px){.SelectedFilezero svg{width:40px;height:50px}}.movedFileContainer{border:1px solid #d9d9d9;display:flex;align-items:start;justify-content:center;width:100%;flex-direction:column;padding:16px;border-radius:8px;gap:16px;box-shadow:0 3px 6px #00000026}.movedFileContainer .movedFileTitle{font-size:16px;font-weight:700;color:#0d0d0d}.instructions{box-shadow:0 3px 6px #00000026;border-radius:8px;border:1px solid #d9d9d9;display:flex;align-items:center;justify-content:start;width:100%;gap:4px;padding:16px;font-size:12px}.instructions span{font-weight:700;display:flex;align-items:center;gap:4px;color:#0d0d0d}.addedItemContainer{border:1px solid #d9d9d9;display:flex;align-items:start;justify-content:center;width:100%;flex-direction:column;gap:16px;padding:16px;border-radius:8px;box-shadow:0 3px 6px #00000026}.addedItemContainer .addedItemHeader{display:flex;justify-content:space-between;align-items:center;width:100%}.addedItemContainer .addedItemHeader .addedItemTitle{font-size:16px;font-weight:700;color:#0d0d0d}.addedItemContainer .addedItemHeader .addedItemCount{font-size:12px;color:#828282}.addedItemContainer .addedItemList{width:100%;display:flex;flex-direction:column;gap:16px}.resetbtn{display:flex;justify-content:center;align-items:center;padding:5px 10px;height:100%;transition:all .3s;cursor:pointer}.resetbtn:hover{background:#863ec333}.searchContainer{width:100%;position:relative;display:flex;justify-content:center;align-items:center}.searchContainer i{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;justify-content:center;align-items:center}.searchContainer form{width:100%}.searchContainer form input{padding:8px 40px;width:100%;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;color:#0d0d0d;background:#f9f9f9}.SelectedFile{display:flex;justify-content:start;align-items:center;gap:16px;width:100%;border-radius:4px;padding:16px;color:#0d0d0d;font-weight:700}.SelectedFile span{border:1px solid #c0c0c0;border-radius:100%;width:24px;height:24px;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;background:#863ec3;color:#fff;flex-shrink:0;box-shadow:0 3px 6px #00000026}.SelectedFile .previewImg{width:50px;height:70px;object-fit:contain;border:1px solid #828282;border-radius:4px;background:#f1f1f1}.SelectedFile svg{opacity:1}@media screen and (max-width: 750px){.SelectedFile{padding:16px 8px}.SelectedFile span{font-size:10px}.SelectedFile .previewImg{width:40px;height:40px;object-fit:contain;border:1px solid #828282;padding:4px;border-radius:4px;background:#f1f1f1}.SelectedFile p{font-size:12px;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}}.selectedimgSlice{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 750px){.selectedimgSlice{height:50px!important;width:40px!important}.selectedimgSlice svg{width:40px!important;height:50px}}.previewImgDetail{width:92px;height:92px;object-fit:contain;padding:4px;border-radius:4px;background:#f1f1f1}@media screen and (max-width: 450px){.previewImgDetail{width:57px;height:62.5px;padding:0}}.detailWrap{display:flex;justify-content:center;align-items:center;gap:8px;position:relative}.deleteDevice{position:absolute;border:1px solid #828282;top:110%;padding:24px 12px;left:-163%;white-space:nowrap;background:#08040a;border-radius:12px;box-shadow:0 0 2px #000;font-size:12px;color:#ee0043;z-index:2}.deleteDevice button{display:flex;justify-content:center;align-items:center;gap:4px;color:red}.deleteDevice p{cursor:pointer}.pringtingControlContainer2{width:100%;border-radius:20px;background:#fff;display:flex;flex-direction:column;justify-content:center;gap:12px}.printingControlContent2{width:100%;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 450px){.printingControlContent2{flex-direction:column-reverse;gap:24px}}.printingControlthrBtnContainer{border-radius:12px;width:100%;display:flex;justify-content:space-between;gap:12px}.printingControlthrBtnContainer .clicked span{color:#863ec3}.printingControlthrBtnContainer .clicked svg{fill:#863ec3}@media screen and (max-width: 450px){.printingControlthrBtnContainer{width:100%}}.printingControlthrBtn{display:flex;flex-direction:column;font-size:12px;align-items:center;justify-content:center;color:#863ec3;font-weight:700}.ControlBtnclick{color:#5d5d5d}.printingControlSwitchButtonContainer{border-radius:26px;border:1px solid #08040a;background:#473b90;padding:15px 16px;position:relative;width:150px;display:flex;justify-content:center;align-items:center}.printingControlSwitchButtonContainer span{opacity:.3;font-size:36px;font-weight:700}.printingControlSwitchButtonContainer .off{background:#ccc}.printingControlSwitchButtonContainer .on{background:#fff}.printingControlSwitchButtonContainer .SwitchButton{position:absolute;border-radius:100%;display:flex;justify-content:center;align-items:center;width:52px;height:52px;top:50%;transform:translate(-50%,-50%)}.progressContainer{width:100%;display:flex;flex-direction:column;justify-content:center;gap:15px}.progressContainer span{font-size:30px;font-weight:700}.progressContainer .progress{width:100%;height:20px;background:#e3e3e3;border-radius:10px;position:relative}.progressContainer .progress .bar{position:absolute;transition:width .5s;height:20px;background:#05c168;border-radius:10px}.progressContainer.on,.progressContainer.off{background:transparent}.progressContainer.off span{color:#828282}.progressContainer.off .progress{background:#828282}.progressContainer.off .progress .bar{display:none}.detailProcessContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));transition:grid-template-columns .3s;gap:16px;align-items:center}@media screen and (max-width: 690px){.detailProcessContainer{flex-direction:column;align-items:center;justify-content:center}}.detailProcessItem{position:relative;color:#0d0d0d;display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid #c0c0c0;border-radius:8px;box-shadow:0 3px 6px #00000026;padding:12px;height:100%;width:100%;height:116px;transition:box-shadow .3s;background:#fff}.detailProcessItem:hover{box-shadow:0 3px 8px #0006}.detailProcessItem .logoWrap{width:52px;height:52px;border-radius:18px;display:flex;justify-content:center;align-items:center;background:#f4f4f4}.detailProcessItem .ItemInfo{width:140px;display:flex;flex-direction:column}.detailProcessItem .ItemInfo span{text-align:left}.detailProcessItem .ItemInfo .engineLedWrap{display:flex;flex-direction:column}.detailProcessItem .ItemInfo .engineLedWrap .engineLedItem{display:flex;align-items:center;gap:12px}.detailProcessItem .ItemInfo .engineLedWrap .engineLedItem span:first-child{width:36.55px}.detailProcessItem .ItemInfo .engineLedWrap .engineLedItem span{color:#0d0d0d}.detailProcessItem .ItemInfo .engineLedWrap .engineLedItem .engineLedInfo{font-size:20px;font-weight:700}.detailProcessItem .ItemInfo .temperInfoWrap{display:flex;align-items:center;justify-self:start;gap:8px}.detailProcessItem .ItemInfo .temperInfoWrap .temperInfo{display:flex;font-weight:700;font-size:26px!important;color:#0d0d0d}.detailProcessItem .ItemInfo .temperInfoWrap .temperInfo p{font-size:16px;font-weight:700}.detailProcessItem .ItemInfo .remainingTime{color:#0d0d0d!important}.detailProcessItem .ItemInfo span:first-child{color:#666;font-size:14px;font-weight:700}.detailProcessItem .ItemInfo span:last-child{font-size:20px;font-weight:700}.ProcessItem{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 13px;color:#0d0d0d}.ProcessItem span{font-weight:700;font-size:14px}.ProcessItem svg{display:flex;justify-content:center;align-items:center}.ProcessItem .temperWrap{display:flex;justify-content:center;align-items:center;gap:8px;height:100px}.ProcessItem .temperWrap span{font-size:32px}.ProcessItem .temperWrap .temperInfo{display:flex;justify-content:center;align-items:start;gap:4px}.ProcessItem .temperWrap .temperInfo p{padding-top:6px;font-size:20px}@media screen and (max-width: 450px){.ProcessItem{padding:0;gap:14px}.ProcessItem span{font-size:11px}.ProcessItem svg{width:60px;height:60px}}.currentLayerFile{color:#0d0d0d!important;display:flex;gap:6px}.detailProgressContainerWrap{display:flex;flex-direction:column;gap:45px;width:100%;justify-content:center;align-items:center}.loadinginput{border:none!important;background:transparent!important}.loadinginput:before{content:"";position:absolute;width:100%;height:100%;background:#e8e8e8;border-radius:100%;border:none!important}.loadingrecipe{width:38px!important;height:40px!important;flex-shrink:1}.loadingdiv{width:60px;height:80px;flex-shrink:1;display:flex;justify-content:center;align-items:center}.loadingdiv div{width:58.18px;height:48.18px;background:#e8e8e8;border-radius:6px}.loadingdiv .recipe{width:20.76px!important;height:27.68px!important;border-radius:3px}.filezero{background:#e8e8e8!important;color:#c9c9c9!important;border:1px solid #c0c0c0!important}.gobtn{width:100%;height:100%;background:#863ec3;border:1px solid #c0c0c0;border-radius:6px;color:#fff;padding:12px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:8px}.gobtn:hover{opacity:.8}.dynamicTemper{display:flex;font-size:12px!important;justify-content:center;align-items:center;gap:4px;color:#863ec3!important}.noMove{color:#666!important}.decrease{color:#ee0043!important}.decrease svg{transform:rotate(180deg)}.decrease path{fill:#ee0043!important}.printInfoModalContainer{width:calc(100% + 100px);height:calc(100% + 53px);overflow:hidden!important;overflow-y:hidden!important;display:flex;justify-content:center;align-items:center;position:absolute;z-index:99;background:#000c}.printInfoModalContainer .printInfoModalInner{display:flex;flex-direction:column;justify-content:space-around;gap:16px;padding:16px;box-shadow:0 3px 6px #0003;border-radius:8px;width:600px;height:600px;border:1px solid #c0c0c0;background:#fff}.printInfoModalContainer .printInfoModalInner .content{display:flex;flex-direction:column;gap:8px;width:100%;height:100%;background:#0000001a;padding:16px;justify-content:space-around}.printInfoModalContainer .printInfoModalInner .content .deviceInfo{display:flex;flex-direction:row;gap:24px;width:100%}.printInfoModalContainer .printInfoModalInner .content .contentItem{display:flex;justify-content:center;flex-direction:column;gap:6px}.printInfoModalContainer .printInfoModalInner .content .contentItem h3{margin:0}.printInfoModalContainer .printInfoModalInner .content .contentItem .name{color:#863ec3;text-decoration:underline}.printInfoModalContainer .printInfoModalInner .content .contentItem .sliceNameContainer{display:flex;flex-direction:column;gap:4px;width:566px;overflow:hidden}.printInfoModalContainer .printInfoModalInner .content .contentItem .sliceNameContainer span{font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}.printInfoModalContainer .printInfoModalInner .content .contentItem .sliceNameContainer .sliceNameItem,.printInfoModalContainer .printInfoModalInner .content .contentItem h3{display:flex;align-items:center;gap:4px}.printInfoModalContainer .printInfoModalInner .content .contentItem h3 svg{width:16px;height:16px}.printInfoModalContainer .printInfoModalInner h2{color:#863ec3}.printInfoModalContainer .printInfoModalInner h5{color:#5d5d5d}.printInfoModalContainer .printInfoModalInner h3{color:#0d0d0d}.printInfoModalContainer .printInfoModalInner .buttonContainer{width:100%;display:flex;justify-content:center;align-items:center;gap:24px}.printInfoModalContainer .printInfoModalInner .buttonContainer button{font-size:24px;font-weight:700;padding:10px;border-radius:6px;width:116px}.printInfoModalContainer .printInfoModalInner .buttonContainer :first-child{background:#08040a}.printInfoModalContainer .printInfoModalInner .buttonContainer :last-child{background:#863ec3}.printInfoModalContainer .pintInfoReusltModal{display:flex;flex-direction:column;justify-content:space-around;padding:16px;box-shadow:0 3px 6px #0003;border-radius:8px;width:600px;height:600px;border:1px solid #c0c0c0;background:#fff;align-items:center}.printInfoModalContainer .pintInfoReusltModal .subjectResult{display:flex;align-items:center;gap:12px;justify-content:center}.printInfoModalContainer .pintInfoReusltModal .subjectResult .printDenied{background:#ee0043!important}.printInfoModalContainer .pintInfoReusltModal .subjectResult .printSuccess{background:#05c168!important}.printInfoModalContainer .pintInfoReusltModal .subjectResult .subjectResultIcon{width:24px;height:24px;background:#fff;border-radius:100%}.printInfoModalContainer .pintInfoReusltModal .buttonContainer{width:100%;display:flex;justify-content:center;align-items:center;gap:24px}.printInfoModalContainer .pintInfoReusltModal .buttonContainer button{font-size:24px;font-weight:700;padding:10px;border-radius:6px;width:116px}.printInfoModalContainer .pintInfoReusltModal .buttonContainer button:hover,.printInfoModalContainer .pintInfoReusltModal .buttonContainer :first-child{background:#08040a}.printInfoModalContainer .pintInfoReusltModal .buttonContainer :last-child{background:#863ec3}@media screen and (max-width: 750px){.printInfoModalContainer{font-size:14px}.printInfoModalContainer .printInfoModalInner{width:350px}.printInfoModalContainer .printInfoModalInner .buttonContainer button{font-size:14px}.printInfoModalContainer .printInfoModalInner .content{font-size:12px}.printInfoModalContainer .printInfoModalInner .content h3{font-size:14px}.printInfoModalContainer .printInfoModalInner .content svg{flex-shrink:0}.printInfoModalContainer h2{font-size:16px}}@media screen and (max-width: 500px){.printInfoModalContainer{width:100%;height:calc(100vh + 53px);top:-53px;left:0%;font-size:14px}.printInfoModalContainer .pintInfoReusltModal{height:50%}.printInfoModalContainer .printInfoModalInner{width:300px;height:500px;justify-content:space-around}.printInfoModalContainer .printInfoModalInner h2{font-size:14px}.printInfoModalContainer .printInfoModalInner .content{font-size:10px}.printInfoModalContainer .printInfoModalInner .content .deviceInfo{gap:0px}.printInfoModalContainer .printInfoModalInner .content .deviceInfo .contentItem{width:100%}.printInfoModalContainer .printInfoModalInner .content .deviceInfo .contentItem h3{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.printInfoModalContainer .printInfoModalInner .content .contentItem{width:100%}.printInfoModalContainer .printInfoModalInner .content .contentItem span{font-size:10px!important}.printInfoModalContainer .printInfoModalInner .content .contentItem h3{font-size:10px}.printInfoModalContainer .printInfoModalInner .content h3{font-size:12px}.printInfoModalContainer .printInfoModalInner .content svg{flex-shrink:0}.printInfoModalContainer .printInfoModalInner .content{gap:10px}.printInfoModalContainer .printInfoModalInner .buttonContainer button{font-size:14px}.printInfoModalContainer h2{font-size:16px}}.modalOverlay{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 450px){.modalOverlay{width:100%;height:100vh}}.recipeSliceName{width:100%;display:flex;justify-content:center;align-items:center;gap:12px}.recipeSliceName h5{display:flex;justify-content:center;align-items:center;gap:4px}.lockOpenWrap{justify-content:center;display:flex;align-items:center;background:#fff;border-radius:100%;padding:6px}.droppable.isDraggingOver{background:#f0f0f0;border:1px dashed #d0d0d0}.fit{height:fit-content!important;display:none}.full{height:100%!important;justify-content:space-between!important}.sideNavigationBtn{display:flex;justify-content:center;align-items:center;position:relative}.sideNavigationBtn:focus,.sideNavigationBtn:hover{background:#5d5d5d}.sideNavigationBtn:focus:before,.sideNavigationBtn:hover:before{content:"Open Side";position:absolute;right:-100%;top:110%;transform:translate(-50%);background:#000;color:#fff;font-size:8px;padding:4px;border-radius:4px;white-space:nowrap}.sideNavigationBtn:focus:after,.sideNavigationBtn:hover:after{content:"";position:absolute;right:20%;top:80%;transform:translate(-50%) rotate(90deg);border-width:5px;border-style:solid;border-color:transparent #000 transparent transparent}.temperChart{width:100%;height:100%;position:fixed;top:0;left:0;background:#00000080;z-index:999999;display:flex;justify-content:center;align-items:center;overflow:hidden}.temperChart .logoWrap{width:52px;height:52px;border-radius:18px;display:flex;justify-content:center;align-items:center;background:#f4f4f4}@media screen and (max-width: 450px){.temperChart .logoWrap{width:26px;height:26px}.temperChart .logoWrap svg{width:16px;height:16px}}.temperChartHeader{display:flex;background:#fff;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;color:#0d0d0d;font-size:16px;font-weight:600}.temperChartHeader button{background:none;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center}.temperChartHeader button svg{width:24px;height:24px}.temperChartHeaderTitle{display:flex;justify-content:center;align-items:center;gap:12px;background:#fff}.temperChartContainer{width:1000px;gap:20px;height:700px;background:#fff;color:#0d0d0d;border-radius:8px;border:1px solid #c0c0c0;padding:32px;display:flex;justify-content:center;align-items:center;overflow:hidden;flex-direction:column}.temperChartContainer .info{display:flex;width:100%;background:#fff;justify-content:start;align-items:center;gap:4px}.temperChartContainer .info svg{width:16px;height:16px}.temperChartContainer .info p{font-size:12px;color:#0d0d0d}@media screen and (max-width: 1550px){.temperChartContainer{width:800px;height:650px;gap:10px}}@media screen and (max-width: 900px){.temperChartContainer{width:600px}}@media screen and (max-width: 700px){.temperChartContainer{width:500px}}@media screen and (max-width: 550px){.temperChartContainer{width:400px}}@media screen and (max-width: 450px){.temperChartContainer{width:350px;height:500px;gap:10px}}.temperChartInner{display:flex;justify-content:center;align-items:center;width:100%;background:#fff;height:200px!important}@media screen and (max-width: 450px){.temperChartInner{width:350px;height:250px!important}}.temperDataTableContainer{width:100%;overflow-y:auto;height:500px!important;background:#fff}.temperDataTable{width:100%;height:fit-content;border-collapse:collapse;overflow:scroll;background:#fff}.temperDataTable thead{position:sticky;top:0;z-index:2;background-color:#f8f8f8;border-bottom:1px solid #ccc}.temperDataTable tr{border-bottom:1px solid #eee;background:#fff}.temperDataTable tr:hover{background-color:#fafafa}.temperDataTable td,.temperDataTable th{padding:8px;text-align:left;font-size:13px}.temperDataTable th{background:#fff}.moreSensor{position:absolute;right:8px;top:8px;width:30px;height:30px;display:flex;justify-content:center}.modalSelectFileContainer{width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modalSelectFileContainer .modalSelectFileInner{width:100%;height:100%;background:#fff}.loader{height:50px;width:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(3.5)}.box{position:relative;opacity:0;left:9px;top:0;height:fit-content}.side-left{position:absolute;background-color:#a058df;width:19px;height:5px;transform:skew(0,-25deg);top:14px;left:10px;border-radius:1px}.side-right{position:absolute;background-color:#6d1bb4;width:19px;height:5px;transform:skew(0,25deg);top:14px;left:-9px;border-radius:1px}.side-top{position:absolute;background-color:#863ec3;top:0;left:0;width:20px;height:20px;rotate:45deg;border-radius:1px;transform:skew(-20deg,-20deg)}.box-1{animation:from-left 4s infinite}.box-2{animation:from-right 4s infinite;animation-delay:1s}.box-3{animation:from-left 4s infinite;animation-delay:2s}.box-4{animation:from-right 4s infinite;animation-delay:3s}@keyframes from-left{0%{z-index:20;opacity:0;translate:-20px -6px}20%{z-index:10;opacity:1;translate:0px 0px}40%{z-index:9;translate:0px 4px}60%{z-index:8;translate:0px 8px}80%{z-index:7;opacity:1;translate:0px 12px}to{z-index:5;translate:0px 30px;opacity:0}}@keyframes from-right{0%{z-index:20;opacity:0;translate:20px -6px}20%{z-index:10;opacity:1;translate:0px 0px}40%{z-index:9;translate:0px 4px}60%{z-index:8;translate:0px 8px}80%{z-index:7;opacity:1;translate:0px 12px}to{z-index:5;translate:0px 30px;opacity:0}}.uiMessage{display:flex;justify-content:center;align-items:center;gap:12px;width:100%}.uiMessage h2{color:#666;font-size:12px;font-weight:700}.uiMessage svg{flex-shrink:0}@media screen and (max-width: 750px){.uiMessage{width:250px}.uiMessage h2{text-align:left;font-size:10px}}@media screen and (max-width: 500px){.uiMessage h2{font-size:9px}}.dm400SliceInfo{color:#0d0d0d;height:100%;width:100%}.dm400SliceInfo .container{display:none}.dm400SliceInfo .active{border:1px solid #05c168!important}.dm400SliceInfo .active .container{display:flex}.dm400SliceInfo .active .sliceNameWrap span{color:#05c168!important}.dm400SliceInfo .active .sliceIndex{background:#05c168!important}.dm400SliceInfo .red{border:1px solid #ee0043!important}.dm400SliceInfo .red .sliceIndex{background:#ee0043!important}.dm400SliceInfo .red .sliceNameWrap span{color:#ee0043!important}.dm400SliceInfo .blue .sliceIndex{background:#3897f0!important}.dm400SliceInfo .loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:transparent;border:3px solid rgba(2,161,87,.1);border-radius:50%;box-shadow:0 0 20px #00000026}@media screen and (max-width: 500px){.dm400SliceInfo .loader{width:26px;height:26px}}.dm400SliceInfo .loader:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid transparent;border-top:3px solid #4cd696;border-right:3px solid #4cd696;border-radius:50%;animation:animateC 1.5s linear infinite}.dm400SliceInfo .loader span{display:block;position:absolute;top:calc(50% - 2px);left:50%;width:50%;height:4px;background:transparent;transform-origin:left;animation:animate 2s linear infinite}@keyframes animateC{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animate{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.dm400SliceInfo .dm400SliceInfoList{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr);gap:16px;height:100%;width:100%}.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem{display:flex;align-items:center;justify-content:space-between;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 16px;border:1px solid #c0c0c0;box-shadow:0 3px 6px #00000026;border-radius:8px;gap:16px;font-weight:700;width:100%;max-height:77px}.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem svg{width:43px!important;height:55px!important;flex-shrink:0}.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceIndex{flex-shrink:0;color:#fff;background:#3a3a3a;width:20px;height:20px;border-radius:100%;display:flex;justify-content:center;align-items:center;line-height:1;text-indent:-.5px;font-size:12px;padding-top:0;position:relative}@media screen and (max-width: 500px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceIndex{width:16px;height:16px;font-size:10px}}.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem img{width:35px;height:55px;border-radius:8px;object-fit:contain}@media screen and (max-width: 1300px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem img{width:30px!important;padding:0!important}}.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem svg{width:35px;height:40px}@media screen and (max-width: 1300px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem svg{width:30px!important}}.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem p{color:#5d5d5d}.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:4px;width:100%;font-size:12px}@media screen and (max-width: 500px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap{font-size:10px}}.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap .sliceName{color:#863ec3;font-size:12px;width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}@media screen and (max-width: 1660px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap .sliceName{width:120px}}@media screen and (max-width: 1550px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap .sliceName{width:100px}}@media screen and (max-width: 1300px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap .sliceName{width:80px}}@media screen and (max-width: 500px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap .sliceName{font-size:10px;width:60px}}@media screen and (max-width: 1550px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem{gap:8px}}@media screen and (max-width: 500px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem{padding:4px 8px}}@media screen and (max-width: 1550px){.dm400SliceInfo .dm400SliceInfoList{gap:8px}}.dm400RecipeInfo{width:100%;height:55px;display:flex;align-items:center;justify-content:space-between}.dm400RecipeInfo .dm400RecipeInfoItem{display:flex;align-items:center;justify-content:center;gap:16px}.dm400RecipeInfo .dm400RecipeInfoItem .dm400RecipeInfoItemContent{display:flex;flex-direction:column}.dm400RecipeInfo .dm400RecipeInfoItem p{color:#5d5d5d;font-weight:700}.dm400RecipeInfo .dm400RecipeInfoItem .valuetext{color:#863ec3;font-weight:700}.dm400RecipeInfo .disabled-link-wrapper{display:flex;justify-content:center;align-items:center;height:100%}.dm400RecipeInfo .disabled{background:#3a3a3a}.dm400RecipeInfo .routingBtn{font-size:12px;font-weight:700;padding:16px 8px;border-radius:6px;background:#863ec3;width:fit-content}@media screen and (max-width: 690px){.dm400RecipeInfo{font-size:14px}.dm400RecipeInfo .dm400RecipeInfoItem svg{width:24px!important;height:30px!important}}.finished{background:#ebebeb}.finished .dm400CurrentSlice,.finished .dm400SliceInfoItem{background:#ebebeb!important}.finished .sliceNameWrap p,.finished .sliceNameWrap span{color:#414141!important}.finished .sliceIndex{background:#3897f0!important}.dm400CurrentSlice{width:100%;border:1px solid #c0c0c0;box-shadow:0 3px 6px #00000026;border-radius:8px;padding:10px 16px;height:355.73px;display:flex;align-items:center;justify-content:start;gap:32px}@media screen and (max-width: 1550px){.dm400CurrentSlice{height:324px}}.dm400CurrentSlice .disabled span{background:#666!important}.dm400CurrentSlice .red span{background:#ee0043!important}.dm400CurrentSlice .blue span{background:#3897f0!important}.dm400CurrentSlice .dm400CurrentSliceItem{display:flex;align-items:start;justify-content:start;gap:16px;width:100%;height:100%;flex-direction:column}.dm400CurrentSlice .dm400CurrentSliceItem span{background:#05c168;color:#fff;width:30px;height:30px;border-radius:100%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.dm400CurrentSlice .dm400CurrentSliceItem .SlicePreview{width:100%;height:80%;object-fit:contain;display:flex;justify-content:center;align-items:center}.dm400CurrentSlice .dm400CurrentSliceItem .SlicePreview img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 1550px){.dm400CurrentSlice .dm400CurrentSliceItem .SlicePreview{width:100%}}@media screen and (max-width: 1550px){.dm400CurrentSlice .dm400CurrentSliceItem{width:100%}}.dm400CurrentSlice .dm400CurrentSliceInfo{display:flex;color:#5d5d5d;flex-direction:column;justify-content:space-between;width:100%;gap:8px;height:100%}.dm400CurrentSlice .dm400CurrentSliceInfo .dm400CurrentSliceInfoItem{gap:32px;display:flex;flex-direction:column;padding:16px 0}.dm400CurrentSlice .dm400CurrentSliceInfo .dm400CurrentSliceInfoTitle{font-size:24px;font-weight:700}.dm400CurrentSlice .dm400CurrentSliceInfo .dm400CurrentSliceInfoItemTitle{font-size:16px;font-weight:700}.dm400CurrentSlice .dm400CurrentSliceInfo .dm400CurrentSliceInfoItemValue{font-size:14px;font-weight:700;color:#863ec3}@media screen and (max-width: 1550px){.dm400CurrentSlice .dm400CurrentSliceInfo .dm400CurrentSliceInfoTitle{font-size:16px;font-weight:700}.dm400CurrentSlice .dm400CurrentSliceInfo .dm400CurrentSliceInfoItemTitle{font-size:12px;font-weight:700}.dm400CurrentSlice .dm400CurrentSliceInfo .dm400CurrentSliceInfoItemValue{font-size:16px;font-weight:700;color:#863ec3}}.dm400CurrentSlice a{width:100%;padding:16px;border-radius:6px;background:#863ec3;color:#fff;font-weight:700;font-size:12px;text-align:center}.csvxmlContainer{border:.0625rem solid #f00;display:flex;flex-direction:column;height:fit-content;width:100%}.csvxmlContainer .csvxmlContent{height:fit-content;display:flex;flex-direction:column;width:100%}.csvxmlContainer .csvxmlContent .csvxmlInner{border:.0625rem solid #f00;overflow:scroll;position:relative;height:fit-content;width:100%;height:18.75rem}.csvxmlContainer .csvxmlContent table{border:.0625rem solid #f00;position:absolute;width:100%}.csvxmlContainer .csvxmlContent table th{border:.0625rem solid #ccc;padding:.25rem;background:#f5f5f5;width:fit-content;white-space:nowrap}.csvxmlContainer .csvxmlContent table td{border:.0625rem solid #ddd;padding:.5rem;width:fit-content;white-space:nowrap;height:100%}.cls-1{stroke:#e0e0e0;fill:none;stroke-miterlimit:10;stroke-width:.25px}.cls-2{stroke:#494949;fill:#000;stroke-miterlimit:10;stroke-width:.25px}.cls-3{fill:#ef8e02;opacity:.85}.cls-4{fill:#2eb7d1;opacity:.85}.cls-5{fill:#791283;opacity:.85}.cls-6{fill:#01619c;opacity:.9}.cls-7{fill:#e30211;opacity:.9}.cls-8{fill:#fff;opacity:.3}.cl-checkbox{position:relative;display:inline-block}.cl-checkbox>input{appearance:none;-moz-appearance:none;-webkit-appearance:none;z-index:-1;position:absolute;left:-10px;top:-8px;display:block;margin:0;border-radius:50%;width:40px;height:40px;background-color:#0009;box-shadow:none;outline:none;opacity:0;transform:scale(1);pointer-events:none;transition:opacity .3s,transform .2s}.cl-checkbox>span{display:inline-block;width:100%;cursor:pointer}.cl-checkbox>span:before{content:"";display:inline-block;box-sizing:border-box;margin:3px 11px 3px 1px;border:solid 2px;border-color:#0009;width:18px;height:18px;vertical-align:top;transition:border-color .2s,background-color .2s;border-radius:100%}.cl-checkbox>input:checked,.cl-checkbox>input:indeterminate{background-color:#863ec3}.cl-checkbox>input:checked+span:before,.cl-checkbox>input:indeterminate+span:before{border-color:#863ec3;background-color:#863ec3}.cl-checkbox>input:checked+span:after,.cl-checkbox>input:indeterminate+span:after{border-color:#fff}.cl-checkbox>input:indeterminate+span:after{border-left:none;transform:translate(4px,3px)}.cl-checkbox:hover>input{opacity:.04}.cl-checkbox>input:focus{opacity:.12}.cl-checkbox:hover>input:focus{opacity:.16}.cl-checkbox>input:active{opacity:1;transform:scale(0);transition:transform 0s,opacity 0s}.cl-checkbox>input:active+span:before{border-color:#000}.cl-checkbox>input:checked:active+span:before{border-color:transparent;background-color:#0009}.cl-checkbox>input:disabled{opacity:0}.cl-checkbox>input:disabled+span{color:#00000061;cursor:initial}.cl-checkbox>input:disabled+span:before{border-color:currentColor}.cl-checkbox>input:checked:disabled+span:before,.cl-checkbox>input:indeterminate:disabled+span:before{border-color:transparent;background-color:currentColor}.container{display:flex;align-items:center;justify-content:center;width:100%;height:100vh}.reorderContainer{width:calc(100% - 6.25rem);z-index:2;padding:1.1875rem 1rem;gap:1.1875rem;display:flex;height:100%;background:#fff;flex-direction:column}@media screen and (max-width: 750px){.reorderContainer{width:100%}}@media screen and (max-width: 450px){.reorderContainer{width:100%;padding:1.5rem 1.5rem 6.25rem;height:100%}}.reorderContainer .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.reorderContainer .header h1{font-size:1.5rem;font-weight:600;color:#863ec3}.reorderContainer .header .saveButton{padding:.5rem 1rem;background-color:#031729;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.reorderContainer .header .saveButton:hover{background-color:#863ec3}.reorderContainer .reorderList{display:grid;grid-template-columns:repeat(auto-fit,minmax(18.75rem,0fr));gap:1.25rem;width:100%;max-width:100%;transition:all .3s}@media screen and (max-width: 1828px){.reorderContainer .reorderList{grid-template-columns:repeat(auto-fit,minmax(18.75rem,0fr))}}@media screen and (max-width: 1300px){.reorderContainer .reorderList{grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr));justify-content:center;padding-right:0}}@media screen and (max-width: 450px){.reorderContainer .reorderList{gap:1rem}}.reorderContainer .deviceItem{max-width:100%;width:100%;box-shadow:0 .1875rem .375rem #00000026;border:.0625rem solid #c0c0c0;border-radius:.5rem;padding:1rem;gap:1rem;display:flex;flex-direction:column;background:#fff;color:#fff;position:relative;cursor:grab}.reorderContainer .deviceItem:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.reorderContainer .deviceItem.dragging{cursor:grabbing;box-shadow:0 8px 16px #0003;z-index:9}@media screen and (max-width: 450px){.reorderContainer .deviceItem{padding:.7rem 1rem;gap:.5rem}}.reorderContainer .deviceItem .bookmarkMoreTab{display:flex;justify-content:space-between;align-items:center}.reorderContainer .deviceItem .bookmarkMoreTab .more{cursor:pointer;display:flex;justify-content:center;align-items:center;width:30px;height:30px}.reorderContainer .deviceItem .deviceContent{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:1.125rem}.reorderContainer .deviceItem .deviceContent .deviceImgWrap{flex-direction:column;max-width:9.3125rem;width:100%;max-height:12.5rem;display:flex;gap:.75rem;color:#0d0d0d;font-weight:700;font-size:2rem;height:100%}.reorderContainer .deviceItem .deviceContent .deviceImgWrap img,.reorderContainer .deviceItem .deviceContent .deviceImgWrap svg{max-width:9.3125rem;width:100%;max-height:12.5rem;height:6.25rem;object-fit:contain}.reorderContainer .deviceItem .deviceContent .deviceImgWrap .name{padding:0 .75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:9.375rem;text-align:center;font-size:1rem}.reorderContainer .deviceItem .deviceContent .deviceInformation{display:flex;width:100%;height:100%;flex-direction:column;gap:.75rem;color:#0d0d0d;font-weight:700;font-size:2rem;justify-content:center;align-items:center}.reorderContainer .deviceItem .deviceContent .deviceInformation .status{width:100%;display:flex;border-radius:.5rem;background:#f4f4f4;padding:0 1rem;align-items:center;justify-content:space-between;gap:.75rem;height:5rem}.reorderContainer .deviceItem .deviceContent .deviceInformation .status .statusInfo{display:flex;flex-direction:column;justify-content:center;font-weight:600;gap:0px;text-align:left}.reorderContainer .deviceItem .deviceContent .deviceInformation .status .statusInfo p{font-size:12px;text-align:left;color:#5d5d5d}.reorderContainer .deviceItem .deviceContent .deviceInformation .status .statusInfo span{font-size:16px;text-align:left}.mockArray{width:100%;height:300px;background-color:#031729;border-radius:.5rem;padding:1rem;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;color:#fff}.drag-overlay{position:relative;opacity:1;transform:scale(1.05);transition:all .2s ease;box-shadow:0 5px 15px #0003;z-index:9;border-radius:8px;animation:overlayFloat 1.5s ease-in-out infinite}@media screen and (max-width: 500px){.drag-overlay{transform:scale(.8)!important}}.drag-overlay .direction-indicator{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#863ec3;z-index:10;font-size:24px;color:#fff;opacity:.9;border-radius:8px;display:flex;justify-content:center;align-items:center}.drag-overlay .direction-indicator p{font-size:.9rem}@keyframes pulse{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}@keyframes overlayFloat{0%{transform:translateY(0) scale(1)}50%{transform:translateY(0) scale(1.01)}to{transform:translateY(0) scale(1)}}.dragging-device{border-radius:8px!important;position:relative;transition:all 0s ease;outline:none}.dragging-device:hover{outline:3px dashed #863ec3;background:#863ec3}.dragging-device.dragging{opacity:.8;transform:scale(1.02);transition:all .2s ease;box-shadow:0 8px 16px #00000026}.dragging-device.dragging:before{content:"";position:absolute;top:0;right:-12px;width:4px;height:100%;z-index:9;border:3px dashed #863ec3;animation:dash 1s linear infinite}.dragging-device.draggingRes{opacity:.8;transform:scale(1.02);transition:all .2s ease;box-shadow:0 8px 16px #00000026}.dragging-device.draggingRes:before{content:"";position:absolute;top:-12px;right:0;width:100%;height:4px;z-index:9;border:2px dashed #863ec3;animation:dash 1s linear infinite}@keyframes float{0%{transform:translateY(0) scale(1.02)}50%{transform:translateY(-5px) scale(1.02)}to{transform:translateY(0) scale(1.02)}}@keyframes dash{0%{transform:translateY(0) scale(1.02)}50%{transform:translateY(-1px) scale(1.02)}to{transform:translateY(0) scale(1.02)}}.deviceListWrap .deviceItem{transition:all .2s ease}.deviceListWrap .deviceItem:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}@media screen and (max-width: 750px){.reorder-title{font-size:14px!important}.reorder-title .reorder-title-icon svg{width:20px!important;height:20px!important}.reorder-title span{font-size:14px!important}}@media screen and (max-width: 500px){.reorder-title{font-size:12px!important}.reorder-title .reorder-title-icon svg{width:20px!important;height:20px!important}.reorder-title span{font-size:13px!important}}.save{background:#08040a}@media screen and (max-width: 750px){.save{font-size:14px!important}}@media screen and (max-width: 500px){.save{font-size:12px!important;width:60px!important;padding:10px 0!important}}body,.admin-container{font-family:Pretendard,Noto Sans KR,Arial,sans-serif;background:#f6f6f6;color:#222;min-height:100vh;margin:0}.admin-container{display:flex;flex-direction:column}.admin-header{display:flex;align-items:center;gap:1.2rem;background:#fff;border-bottom:1px solid #e0e0e0;padding:1.1rem 2rem;box-shadow:0 2px 8px #00000005}.admin-header .mainlogo200{width:100px;height:20px}.admin-header h4{font-size:1.15rem;font-weight:600;color:#444;margin:0;letter-spacing:.02em}.admin-header .home-btn{background:#863ec3;border:none;cursor:pointer;margin-right:.5rem}.admin-header .home-btn svg{fill:#888;transition:fill .2s}.admin-header .home-btn svg:hover{fill:#222}.admin-content{display:flex;min-height:calc(100vh - 70px)}.admin-sidebar{width:210px;background:#ededed;color:#444;padding:2rem 1rem 1rem 1.5rem;display:flex;flex-direction:column;min-height:100%}.admin-sidebar ul{list-style:none;padding:0;margin:0}.admin-sidebar ul li{padding:.8rem 1rem;border-radius:7px;margin-bottom:.3rem;font-size:1.04rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s;color:#555}.admin-sidebar ul li:hover,.admin-sidebar ul li.active{background:#d3d3d3;color:#111}.admin-main{flex:1;padding:2.2rem 2.2rem 2rem;background:#f6f6f6;min-height:100%}.content-area{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000a;padding:2rem 2rem 1.5rem;min-height:600px}table{width:100%;border-collapse:collapse;margin-top:1.1rem;background:#fff;border-radius:7px;overflow:hidden;box-shadow:0 1px 4px #00000008}table th,table td{padding:.7rem .6rem;text-align:left}table th{background:#f2f2f2;color:#666;font-weight:600;border-bottom:2px solid #e0e0e0}table tr{border-bottom:1px solid #f2f2f2}table tr:hover{background:#f7f7f7}table td{font-size:.98rem;color:#333}.admin-container button{background:#bdbdbd;color:#222;border:none;border-radius:5px;padding:.45rem 1rem;font-size:.98rem;font-weight:500;cursor:pointer;margin-right:.2rem;transition:background .15s,color .15s}.admin-container button:hover{background:#888;color:#fff}.admin-container button:last-child{margin-right:0}input[type=text],textarea{background:#fff!important;border:1px solid #d3d3d3;border-radius:5px;padding:.45rem .8rem;font-size:.98rem;margin-right:.4rem;background:#fafafa;transition:border .15s;color:#222!important}input[type=text]:focus,textarea:focus{border:1.5px solid #888;outline:none;background:#fff}textarea{min-height:80px;width:100%;margin-top:.4rem;resize:vertical}h3{font-size:1.13rem;font-weight:700;color:#444;margin-bottom:1.1rem;margin-top:0;letter-spacing:.01em}.user-actions,.serial-actions,.access-actions{display:flex;align-items:center;gap:.7rem;margin-bottom:1.1rem}.dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center}.dashboard .dashboard-header .dashboard-controls{display:flex;gap:1rem;align-items:center}.dashboard .dashboard-header .dashboard-controls .refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#333;color:#fff;border:none;border-radius:4px;cursor:pointer}.dashboard .dashboard-header .dashboard-controls .refresh-btn:hover{background:#444}.dashboard .dashboard-header .dashboard-controls .refresh-btn span{font-size:1.2rem}.dashboard .stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem;margin-bottom:2rem}.dashboard .dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.dashboard .dashboard-grid .dashboard-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.dashboard .dashboard-grid .dashboard-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dashboard .dashboard-grid .dashboard-card .card-header h4{margin:0;color:#333}.dashboard .dashboard-grid .dashboard-card .card-header .view-all{padding:.25rem .5rem;background:none;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:.9rem}.dashboard .dashboard-grid .dashboard-card .card-header .view-all:hover{background:#f5f5f5}.dashboard .dashboard-grid .dashboard-card .card-header .refresh-btn{padding:.25rem;background:none;border:none;cursor:pointer;font-size:1.2rem;color:#666}.dashboard .dashboard-grid .dashboard-card .card-header .refresh-btn:hover{color:#333}.dashboard .printer-status-list .printer-status-item{display:flex;align-items:center;padding:.75rem 0;border-bottom:1px solid #eee}.dashboard .printer-status-list .printer-status-item:last-child{border-bottom:none}.dashboard .printer-status-list .printer-status-item .status{padding:.25rem .5rem;border-radius:4px;font-size:.8rem;margin-right:1rem}.dashboard .printer-status-list .printer-status-item .status.online{background:#e8f5e9;color:#2e7d32}.dashboard .printer-status-list .printer-status-item .status.offline{background:#f5f5f5;color:#757575}.dashboard .printer-status-list .printer-status-item .status.error{background:#ffebee;color:#c62828}.dashboard .printer-status-list .printer-status-item .name{flex:1}.dashboard .printer-status-list .printer-status-item .progress{color:#666;margin-right:1rem}.dashboard .printer-status-list .printer-status-item .control-btn{padding:.25rem .5rem;background:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem}.dashboard .printer-status-list .printer-status-item .control-btn:hover{background:#444}.dashboard .activity-list .activity-item{display:flex;align-items:center;padding:.75rem 0;border-bottom:1px solid #eee}.dashboard .activity-list .activity-item:last-child{border-bottom:none}.dashboard .activity-list .activity-item .time{color:#666;font-size:.8rem;width:60px}.dashboard .activity-list .activity-item .user{font-weight:500;margin:0 1rem;width:80px}.dashboard .activity-list .activity-item .action{color:#666;flex:1}.dashboard .activity-list .activity-item .details{color:#999;font-size:.8rem;margin-left:1rem}.dashboard .notification-list .notification-item{display:flex;align-items:center;padding:.75rem;border-radius:4px;margin-bottom:.5rem}.dashboard .notification-list .notification-item:last-child{margin-bottom:0}.dashboard .notification-list .notification-item.warning{background:#fff3e0}.dashboard .notification-list .notification-item.warning .icon{color:#f57c00}.dashboard .notification-list .notification-item.info{background:#e3f2fd}.dashboard .notification-list .notification-item.info .icon{color:#1976d2}.dashboard .notification-list .notification-item.success{background:#e8f5e9}.dashboard .notification-list .notification-item.success .icon{color:#2e7d32}.dashboard .notification-list .notification-item .icon{margin-right:.75rem;font-size:1.2rem}.dashboard .notification-list .notification-item .notification-content{flex:1;display:flex;flex-direction:column}.dashboard .notification-list .notification-item .notification-content .message{font-weight:500}.dashboard .notification-list .notification-item .notification-content .details{font-size:.8rem;color:#666;margin-top:.25rem}.dashboard .notification-list .notification-item .time{font-size:.8rem;color:#666;margin-left:1rem}.dashboard .quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.dashboard .quick-actions .action-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#f5f5f5;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.dashboard .quick-actions .action-btn:hover{background:#eee;transform:translateY(-2px)}.dashboard .quick-actions .action-btn .icon{font-size:1.5rem}.dashboard .quick-actions .action-btn span{font-size:.9rem;color:#333}.dashboard .system-check .check-item{display:flex;align-items:center;padding:.75rem;border-radius:4px;margin-bottom:.5rem}.dashboard .system-check .check-item:last-child{margin-bottom:0}.dashboard .system-check .check-item.success{background:#e8f5e9}.dashboard .system-check .check-item.success .icon{color:#2e7d32}.dashboard .system-check .check-item.warning{background:#fff3e0}.dashboard .system-check .check-item.warning .icon{color:#f57c00}.dashboard .system-check .check-item .icon{margin-right:.75rem;font-size:1.2rem}.dashboard .system-check .check-item .label{flex:1;font-weight:500}.dashboard .system-check .check-item .status{font-size:.8rem;color:#666}.analytics .analytics-filters{display:flex;gap:1rem;margin-bottom:2rem}.analytics .analytics-filters select,.analytics .analytics-filters input{padding:.5rem;border:1px solid #ddd;border-radius:4px}.analytics .analytics-filters button{padding:.5rem 1rem;background:#333;color:#fff;border:none;border-radius:4px;cursor:pointer}.analytics .analytics-filters button:hover{background:#444}.analytics .analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.analytics .analytics-grid .analytics-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.analytics .analytics-grid .analytics-card h4{margin:0 0 1rem;color:#333}.analytics .analytics-grid .analytics-card .chart-container{height:300px;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.analytics .analytics-grid .analytics-card .chart-container .chart{height:100%;display:flex;flex-direction:column;justify-content:space-between}.analytics .analytics-grid .analytics-card .chart-container .chart .chart-bars{flex:1;display:flex;align-items:flex-end;justify-content:space-between;padding:0 1rem;margin-bottom:1rem;position:relative}.analytics .analytics-grid .analytics-card .chart-container .chart .chart-bars:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#eee}.analytics .analytics-grid .analytics-card .chart-container .chart .chart-bars .chart-bar{width:40px;background:#2196f3;border-radius:4px 4px 0 0;position:relative;transition:height .3s ease;margin:0 5px}.analytics .analytics-grid .analytics-card .chart-container .chart .chart-bars .chart-bar .value{background:transparent!important;position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:.8rem;color:#666;white-space:nowrap}.analytics .analytics-grid .analytics-card .chart-container .chart .chart-bars .chart-bar:hover{background:#1976d2}.analytics .analytics-grid .analytics-card .chart-container .chart .chart-bars .chart-bar:hover .value{color:#333;font-weight:500}.analytics .analytics-grid .analytics-card .chart-container .chart .chart-labels{display:flex;justify-content:space-between;padding:0 1rem;margin-top:.5rem}.analytics .analytics-grid .analytics-card .chart-container .chart .chart-labels span{width:40px;text-align:center;font-size:.8rem;color:#666;margin:0 5px}.analytics .analytics-grid .analytics-card .chart-container .line-chart{position:relative;height:200px;border-bottom:1px solid #eee;border-left:1px solid #eee}.analytics .analytics-grid .analytics-card .chart-container .line-chart .line{position:absolute;bottom:0;width:2px;background:#2196f3;transition:height .3s ease}.analytics .analytics-grid .analytics-card .chart-container .line-chart .line:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:8px;height:8px;background:#2196f3;border-radius:50%}.analytics .analytics-grid .analytics-card .chart-container .heatmap{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);gap:4px;height:200px}.analytics .analytics-grid .analytics-card .chart-container .heatmap .heatmap-cell{background:#2196f3;border-radius:2px;transition:opacity .3s ease}.analytics .analytics-grid .analytics-card .chart-container .chart-section{display:flex;align-items:center;margin-bottom:1rem}.analytics .analytics-grid .analytics-card .chart-container .chart-section:last-child{margin-bottom:0}.analytics .analytics-grid .analytics-card .chart-container .chart-section .section-label{width:60px;font-size:.9rem;color:#666}.analytics .analytics-grid .analytics-card .chart-container .chart-section .section-bar{flex:1;height:20px;background:#f5f5f5;border-radius:10px;margin:0 1rem;overflow:hidden}.analytics .analytics-grid .analytics-card .chart-container .chart-section .section-bar .section-fill{height:100%;background:#2196f3;border-radius:10px;transition:width .3s ease}.analytics .analytics-grid .analytics-card .chart-container .chart-section .section-value{width:40px;text-align:right;font-size:.9rem;color:#666}.analytics .analytics-details .details-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.analytics .analytics-details .details-card h4{margin:0 0 1rem;color:#333}.analytics .analytics-details .details-card table{width:100%;border-collapse:collapse}.analytics .analytics-details .details-card table th,.analytics .analytics-details .details-card table td{padding:.75rem;text-align:left;border-bottom:1px solid #eee}.analytics .analytics-details .details-card table th{font-weight:500;color:#666}.analytics .analytics-details .details-card table td.up{color:#4caf50}.analytics .analytics-details .details-card table td.down{color:#f44336}.maintenance .maintenance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.maintenance .maintenance-grid .maintenance-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.maintenance .maintenance-grid .maintenance-card h4{margin:0 0 1rem;color:#333}.maintenance .task-list .task-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #eee;border-radius:4px;margin-bottom:1rem}.maintenance .task-list .task-item:last-child{margin-bottom:0}.maintenance .task-list .task-item .task-info h5{margin:0 0 .5rem;color:#333}.maintenance .task-list .task-item .task-info p{margin:0 0 .5rem;color:#666}.maintenance .task-list .task-item .task-info .due-date{font-size:.8rem;color:#f57c00}.maintenance .task-list .task-item button{padding:.5rem 1rem;background:#333;color:#fff;border:none;border-radius:4px;cursor:pointer}.maintenance .task-list .task-item button:hover{background:#444}.maintenance .inventory-list .inventory-item{display:flex;align-items:center;padding:1rem;border:1px solid #eee;border-radius:4px;margin-bottom:1rem}.maintenance .inventory-list .inventory-item:last-child{margin-bottom:0}.maintenance .inventory-list .inventory-item .name{flex:1;font-weight:500}.maintenance .inventory-list .inventory-item .quantity{margin:0 1rem;color:#666}.maintenance .inventory-list .inventory-item button{padding:.5rem 1rem;background:#333;color:#fff;border:none;border-radius:4px;cursor:pointer}.maintenance .inventory-list .inventory-item button:hover{background:#444}.user-management .search-bar{margin-bottom:1rem;display:flex;gap:.5rem}.user-management .search-bar input{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px}.user-management .search-bar button{padding:.5rem 1rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.user-table{width:100%;border-collapse:collapse}.user-table th,.user-table td{padding:.75rem;text-align:left;border-bottom:1px solid #ddd}.user-table th{background-color:#f8f9fa}.user-table button{padding:.25rem .5rem;margin-right:.5rem;border:none;border-radius:4px;cursor:pointer}.user-table button:first-child{background:#28a745;color:#fff}.user-table button:last-child{background:#dc3545;color:#fff}.content-management .content-tabs{margin-bottom:1rem;display:flex;gap:.5rem}.content-management .content-tabs button{padding:.5rem 1rem;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;color:#863ec3}.content-management .content-tabs button:hover{background:#f8f9fa}.content-management .content-editor{display:flex;flex-direction:column;gap:1rem}.content-management .content-editor input,.content-management .content-editor textarea{padding:.5rem;border:1px solid #ddd;border-radius:4px}.content-management .content-editor textarea{min-height:200px}.content-management .content-editor button{padding:.5rem 1rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;align-self:flex-end}.settings .setting-section{margin-bottom:2rem}.settings .setting-section h3{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #ddd}.settings .setting-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.settings .setting-item label{font-weight:500}.home-btn{background-color:#863ec3;border:none;padding:.25rem;border-radius:.25rem;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}.home-btn:hover{background-color:#6c5793}.home-btn svg{width:20px;height:20px;transform:rotate(180deg)}.home-btn svg path{fill:#fff}.printer-control .control-panel{display:flex;gap:2rem}.printer-control .control-panel .manual-controls{flex:1}.printer-control .control-panel .manual-controls h3{margin-bottom:1rem}.printer-control .control-panel .manual-controls .axis-controls{display:flex;gap:1rem;margin-bottom:1rem}.printer-control .control-panel .manual-controls .axis-controls .axis-group{flex:1}.printer-control .control-panel .manual-controls .axis-controls .axis-group label{display:block;margin-bottom:.5rem}.printer-control .control-panel .manual-controls .axis-controls .axis-group .axis-buttons{display:flex;gap:.5rem}.printer-control .control-panel .manual-controls .axis-controls .axis-group .axis-buttons button{padding:.5rem 1rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.printer-control .control-panel .manual-controls .extruder-controls{margin-top:1rem}.printer-control .control-panel .manual-controls .extruder-controls h4{margin-bottom:.5rem}.printer-control .control-panel .manual-controls .extruder-controls .temperature-control{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.printer-control .control-panel .manual-controls .extruder-controls .temperature-control input[type=range]{width:120px}.printer-control .control-panel .manual-controls .extruder-controls .extrusion-control{display:flex;gap:.5rem}.printer-control .control-panel .manual-controls .extruder-controls .extrusion-control button{padding:.5rem 1rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.user-groups{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.user-groups h4{font-size:1.1rem;font-weight:600;color:#444;margin-bottom:1rem}.user-groups .group-list{display:flex;flex-direction:column;gap:.8rem}.user-groups .group-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;background:#f8f8f8;border-radius:6px;border:1px solid #e0e0e0}.user-groups .group-item span{font-size:.95rem;color:#333}.user-groups .group-item span.count{color:#666;font-size:.9rem;background:#e0e0e0;padding:.2rem .6rem;border-radius:4px}.user-groups .group-item button{padding:.4rem .8rem;font-size:.9rem}.user-activity{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.user-activity h4{font-size:1.1rem;font-weight:600;color:#444;margin-bottom:1rem}.user-activity .activity-table{width:100%;border-collapse:collapse;margin-top:.5rem}.user-activity .activity-table th,.user-activity .activity-table td{padding:.7rem;text-align:left;font-size:.95rem}.user-activity .activity-table th{background:#f2f2f2;color:#666;font-weight:600}.user-activity .activity-table tr{border-bottom:1px solid #e0e0e0}.user-activity .activity-table tr:hover{background:#f8f8f8}.serial-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.serial-stats .stat-card{background:#f8f8f8;padding:1.2rem;border-radius:8px;border:1px solid #e0e0e0;text-align:center}.serial-stats .stat-card h4{font-size:.95rem;color:#666;margin:0 0 .5rem}.serial-stats .stat-card span{font-size:1.4rem;font-weight:600;color:#333}.permission-templates{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.permission-templates h4{font-size:1.1rem;font-weight:600;color:#444;margin-bottom:1rem}.permission-templates .template-list{display:flex;flex-direction:column;gap:.8rem}.permission-templates .template-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;background:#f8f8f8;border-radius:6px;border:1px solid #e0e0e0}.permission-templates .template-item span{font-size:.95rem;color:#333}.permission-templates .template-item span.desc{color:#666;font-size:.9rem}.permission-templates .template-item button{padding:.4rem .8rem;font-size:.9rem}.log-filters{display:flex;gap:.8rem;margin-bottom:1.5rem;align-items:center;flex-wrap:wrap}.log-filters input[type=date],.log-filters select,.log-filters input[type=text]{padding:.5rem;border:1px solid #e0e0e0;border-radius:4px;font-size:.95rem}.log-filters button{padding:.5rem 1rem}.log-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.log-stats .stat-card{background:#f8f8f8;padding:1.2rem;border-radius:8px;border:1px solid #e0e0e0;text-align:center}.log-stats .stat-card h4{font-size:.95rem;color:#666;margin:0 0 .5rem}.log-stats .stat-card span{font-size:1.4rem;font-weight:600;color:#333}.setting-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e0e0e0}.setting-section:last-child{border-bottom:none}.setting-section h4{font-size:1.1rem;font-weight:600;color:#444;margin-bottom:1rem}.setting-section .setting-item{display:flex;flex-direction:column;gap:.8rem}.setting-section .setting-item label{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#333}.notice-editor{display:flex;flex-direction:column;gap:1rem}.notice-editor input[type=text]{padding:.7rem;font-size:1rem}.notice-editor textarea{min-height:150px;padding:.7rem;font-size:.95rem}.notice-editor .notice-options{display:flex;gap:1.5rem}.notice-editor .notice-options label{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#333}.backup-controls{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.backup-controls input[type=file]{padding:.5rem;border:1px solid #e0e0e0;border-radius:4px}.backup-history h5{font-size:1rem;font-weight:600;color:#444;margin-bottom:1rem}.backup-history table{width:100%;border-collapse:collapse}.backup-history table th,.backup-history table td{padding:.7rem;text-align:left;font-size:.95rem}.backup-history table th{background:#f2f2f2;color:#666;font-weight:600}.backup-history table tr{border-bottom:1px solid #e0e0e0}.backup-history table tr:hover{background:#f8f8f8}@media (max-width: 1200px){.stat-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 480px){.stat-grid{grid-template-columns:1fr}}.dashboard-card{transition:transform .2s ease}.dashboard-card:hover{transform:translateY(-2px)}.stat-card .stat-icon{transition:transform .3s ease}.stat-card:hover .stat-icon{transform:scale(1.1)}@media (prefers-color-scheme: dark){.admin-container{background:#1a1a1a;color:#fff}.dashboard-card{background:#2d2d2d;box-shadow:0 2px 4px #0003}.stat-card{background:#2d2d2d;border-color:#404040}.admin-sidebar{background:#2d2d2d;color:#fff}.admin-main{background:#1a1a1a}.content-area,table{background:#2d2d2d}table th{background:#404040;color:#fff}table td{color:#fff}table tr:hover{background:#404040}input[type=text],textarea{background:#404040;color:#fff;border-color:#505050}input[type=text]:focus,textarea:focus{border-color:#2196f3}}button:focus{outline:2px solid #2196f3;outline-offset:2px}button:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.loading{position:relative}.loading:after{content:"";position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-container{position:fixed;bottom:20px;right:20px;z-index:1000}.toast{padding:1rem;margin-top:.5rem;border-radius:4px;background:#333;color:#fff;box-shadow:0 2px 4px #0003;animation:slideIn .3s ease}.toast.success{background:#4caf50}.toast.error{background:#f44336}.toast.warning{background:#ff9800}.toast.info{background:#2196f3}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.5rem;background:#333;color:#fff;border-radius:4px;font-size:.875rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease}[data-tooltip]:hover:before{opacity:1;visibility:visible}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dashboard-card{animation:fadeIn .3s ease}.stat-card{animation:slideUp .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#666}@media (prefers-color-scheme: dark){::-webkit-scrollbar-track{background:#2d2d2d}::-webkit-scrollbar-thumb{background:#505050}::-webkit-scrollbar-thumb:hover{background:#666}}