.app{width:100%;height:100%;font-family:"Roboto-Regular"}.rc-nav-account{justify-content:center;align-items:center;position:relative}.rc-nav-account-item{list-style-type:none;padding:1rem 2rem;margin:0 2rem}.rc-nav-account-item:first-child a{color:#8f8f8f}.rc-nav-account-item:last-child{background-color:#05619e;border-radius:.5rem}.rc-nav-account-item:last-child a{color:#fff}.rc-nav-account .MuiButton-containedPrimary{box-shadow:none}.rc-nav-account .MuiButton-containedPrimary:hover{box-shadow:none;background:linear-gradient(0deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.2)),#38a0ff}.rc-nav-account p{margin:0;padding:.2rem;color:#666;font-weight:400;font-size:19px;line-height:23px;font-family:"ROBOTO-REGULAR";text-transform:capitalize}.rc-nav-account .rc-nav-account-info,.rc-nav-account .rc-nav-account-info-icon{overflow:hidden;display:flex;justify-content:center;align-items:center}.rc-nav-account .rc-nav-account-info-icon{width:2.5rem;height:2.5rem;border-radius:100%;margin-right:.5rem;background-color:hsla(0,0%,50.2%,.479)}.rc-nav-account .rc-nav-account-info img{min-height:100%;min-width:100%;width:auto;height:auto;margin:0;padding:0}.rc-nav-account-popover{max-width:350px}.rc-nav-account-popover h5{margin:1rem;font-size:14px;line-height:20px;color:#666}.rc-nav-account-popover h3,.rc-nav-account-popover h5{font-family:"Roboto-Regular";font-style:normal;font-weight:400}.rc-nav-account-popover h3{font-size:16px;line-height:28px}.rc-nav-account-popover-info-detail-mail{font-family:"Roboto-Regular";font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#666}.rc-nav-account-popover a{text-decoration:none;color:#000}.rc-nav-account-popover .MuiButton-containedPrimary{box-shadow:none;font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:14px;line-height:24px;color:#fff;text-transform:unset}.rc-nav-account-popover .MuiButton-containedPrimary:hover{box-shadow:none;background:linear-gradient(0deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.2)),#38a0ff}.rc-nav-account-popover-info{display:flex;margin-bottom:1rem;padding:1rem}.rc-nav-account-popover-info-avatar{width:8rem;height:8rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;margin-right:1rem;overflow:hidden;background-color:hsla(0,0%,50.2%,.479)}.rc-nav-account-popover-info-avatar img{min-height:100%;min-width:100%;width:auto;height:auto;margin:0;padding:0}.rc-nav-account-popover-info-detail{display:flex;flex-direction:column;justify-content:space-between}.rc-nav-account-popover .rc-nav-account-popover-item{cursor:pointer;display:flex;justify-content:space-between;align-items:center;margin:0}.rc-nav-account-popover .rc-nav-account-popover-item svg{margin-right:1rem}.rc-nav-account-popover .rc-nav-account-popover-item-link{display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.rc-nav-account-popover .rc-nav-account-popover-item-link h5{font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:14px;line-height:24px}.rc-nav-account-popover .rc-nav-account-popover-item img{background-color:var(--clr-primary)}.rc-nav-account-popover .rc-nav-account-popover-item .action-wrapper{display:flex;align-items:center;justify-content:flex-start;width:100%;margin-top:.5em;margin-bottom:1em;padding-left:1rem}.rc-nav-account-popover .rc-nav-account-popover-item .action-wrapper img{background-color:unset}.rc-nav-account-popover .rc-nav-account-popover-item .action-wrapper .add{text-transform:none;width:100%;justify-content:flex-start;font-family:"Roboto-Regular";font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#666}.rc-nav-account-popover .rc-nav-account-popover-item .action-wrapper .add:hover{background:transparent}.rc-nav-account-popover .rc-class-expand{max-height:12rem!important;overflow-y:overlay!important;overflow-x:hidden!important}.rc-nav-account-popover .rc-class-expand ::-webkit-scrollbar{width:3px}.rc-nav-account-popover .rc-class-expand ::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}.rc-nav-account-popover .rc-class-expand ::-webkit-scrollbar-thumb{border-radius:10px;background:#6d6d6d}.rc-nav-account-popover .rc-nav-account-enterprise{transition:.8s ease-in-out;width:100%;font-family:"Roboto-Regular";max-height:12rem!important;overflow:overlay}.rc-nav-account-popover .rc-nav-account-enterprise::-webkit-scrollbar{width:2px}.rc-nav-account-popover .rc-nav-account-enterprise::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.rc-nav-account-popover .rc-nav-account-enterprise::-webkit-scrollbar-thumb{background-color:#a9a9a9}.rc-nav-account-popover .rc-nav-account-enterprise-item{padding:1rem;display:flex;align-items:center;justify-content:flex-start;font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:14px;line-height:24px;color:#666}.rc-nav-account-popover .rc-nav-account-enterprise-item:hover{background-color:#f2f2f2}.rc-nav-account-popover .rc-nav-account-enterprise-item p{margin:0!important;text-align:start;font-size:14px}.rc-nav-account-popover .rc-nav-account-enterprise-item .logo{width:20px;height:20px;margin-right:1em}@media only screen and (max-width:435px){.rc-nav-account-info p{display:none}}@media only screen and (max-width:600px){.rc-nav-account{display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative}.rc-nav-account-item{list-style-type:none;padding:1rem 2rem;margin:0 2rem}.rc-nav-account-item:first-child a{color:#8f8f8f}.rc-nav-account-item:last-child{background-color:#05619e;border-radius:.5rem}.rc-nav-account-item:last-child a{color:#fff}.rc-nav-account p{display:none}.rc-nav-account .rc-nav-account-info,.rc-nav-account .rc-nav-account-info-icon{overflow:hidden;display:flex;justify-content:center;align-items:center}.rc-nav-account .rc-nav-account-info-icon{width:2rem;height:2rem;border-radius:100%;margin-right:0;background-color:hsla(0,0%,50.2%,.479)}.rc-nav-account .rc-nav-account-info img{min-height:100%;min-width:100%;width:auto;height:auto;margin:0;padding:0}.rc-nav-account-popover-info-avatar{width:7rem;height:7rem}.rc-nav-account-popover{max-width:unset}.rc-nav-account-popover .rc-nav-account-popover-item.last{position:absolute;bottom:0;width:100%;padding-right:1rem}.rc-nav-account-popover .divider-last{position:fixed;bottom:55px;width:90%}.rc-nav-account-popover .rc-nav-account-enterprise-item .logo{width:32px;height:auto;border-radius:4px}.rc-nav-account-popover .rc-nav-account-enterprise-item p{font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:14px;line-height:24px;color:#666}.rc-nav-account-popover .rc-nav-account-popover-item-link img{width:32px;height:auto;border-radius:4px}.rc-nav-account-popover .rc-nav-account-popover-item-link h5{font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:14px;line-height:24px;color:#666}.rc-nav-account-popover .rc-nav-account-popover-item .action-wrapper{padding:0 1.3rem}.rc-nav-account-popover h3{font-size:16px;line-height:28px;color:#000}.rc-nav-account-popover h5{color:#666}.rc-nav-account-popover-info-detail-mail,.rc-nav-account-popover h5{font-size:14px;line-height:20px}.rc-nav-account-popover .link-info{font-size:14px;line-height:24px;margin-top:1rem}.rc-nav-account-popover .link-info button{height:36px;display:block;width:128px;text-transform:none;font-weight:500;font-family:"Roboto-Medium"}}.notification{width:100%;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;min-height:76px}.notification.deleteActive,.notification:hover{background-color:#f6f7fa}.notification.deleteActive .notification__content img{width:0;overflow:hidden}.notification__content{display:flex;align-items:flex-start;width:90%}.notification__content img{width:36px;height:36px;margin-right:16px;transition:all .1s linear}.notification__content .content{width:85%;padding-right:10px}.notification__content .content__description{font-family:"Roboto-Regular";font-style:normal;font-size:14px;line-height:20px;color:#666}.notification__content .content__description span{font-family:"Roboto-Bold";font-weight:700}.notification__content .content__time{font-family:"Roboto-Regular";font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:#666}.notification__icon{width:10%;height:36px;display:flex;align-items:center;cursor:pointer;justify-content:center}.notification__icon .notification__icon__btn{padding:0}.notiPopover .MuiPopover-paper{width:412px}.Header_Wrapper__3CTi2{padding:0 2em;box-shadow:0 2px 8px rgba(0,0,0,.15);margin-bottom:0;height:60px;width:100%;position:sticky;top:0;left:0;right:0;z-index:1300;background-color:#fff}@media only screen and (max-width:600px){.Header_Wrapper__3CTi2{position:fixed;width:100%;left:0;top:0;right:0;z-index:1000;margin-bottom:0;border-bottom:1px solid #eaeaea}}@media only screen and (min-width:601px)and (max-width:900px){.Header_Wrapper__3CTi2{z-index:1000!important;position:fixed;width:100%}}@media only screen and (min-width:901px){.Header_Wrapper__3CTi2{z-index:1000}}.Header_Wrapper__3CTi2 .Header_Logo__2T_SE{width:41px;height:41px;margin-left:1em;margin-right:1em}.Header_Wrapper__3CTi2 .Header_Title__3YO29{color:#666;font-weight:600;font-size:19px;line-height:23px;font-family:"Roboto-Bold";letter-spacing:-.02em;text-transform:capitalize;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-right:0}.Header_Wrapper__3CTi2 .Header_pageTitleSeparator__1UWW7{margin:0 10px;color:#666;font-weight:400}.Header_Wrapper__3CTi2 .Header_pageTitle__xgRVj{color:#666;font-weight:400;font-size:16px;line-height:23px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.Header_Wrapper__3CTi2 .Header_HeaderLeft__3CIk-,.Header_Wrapper__3CTi2 .Header_HeaderRight__2TWcG{width:auto;flex-basis:auto;display:flex;align-items:center}.Header_Wrapper__3CTi2 .Header_HeaderRight__2TWcG{justify-content:flex-end;grid-gap:8px;gap:8px}.Header_Wrapper__3CTi2 .Header_HeaderContainer__ha9L_{justify-content:space-between;padding:0 1em}.Header_Wrapper__3CTi2 .Header_iconSearchMobile__3LEdt{display:none}.Header_Wrapper__3CTi2 .Header_searchHeader__2ksOD{background:#f6f7fa;border-radius:16px;width:400px;max-width:400px;flex:1 1}.Header_Wrapper__3CTi2 .Header_MuiButton-containedPrimary__2fe6t{box-shadow:none}.Header_Wrapper__3CTi2 .Header_MuiButton-containedPrimary__2fe6t:hover{box-shadow:none;background:linear-gradient(0deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.2)),var(--clr-primary)}.Header_Wrapper__3CTi2 .Header_searchMobile__1amZf{height:100%;display:flex;align-items:center}.Header_Wrapper__3CTi2 .Header_HeaderIconAction__3A68j{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;margin-right:33px}.Header_Wrapper__3CTi2 .Header_HeaderIconAction__3A68j img{width:23px;height:23px}.Header_Wrapper__3CTi2 .Header_HeaderIconAction__3A68j p{font-size:13px}.Header_PopoverModule__1jEEc{width:186px;height:124px;padding:8px 0}@media only screen and (max-width:600px){.Header_PopoverModule__1jEEc{width:250px;height:100%;margin-top:0;border-radius:0;box-shadow:none}}.Header_PopoverModule__1jEEc .Header_Link__3Q7wR{display:flex;align-items:center;text-decoration:none;color:#000}.Header_PopoverModule__1jEEc .Header_Link__3Q7wR img{margin-right:16px}.Header_PopoverModule__1jEEc .Header_Link__3Q7wR p{font-weight:400;font-size:14px;line-height:20px;color:#666}.Header_PopoverModule__1jEEc .Header_Link__3Q7wR:hover{background-color:#f6f7fa}.Header_PopoverSetting__1YNXS{padding:8px 0;width:186px}.Header_PopoverSetting__1YNXS .Header_Link__3Q7wR{display:flex;align-items:center;text-decoration:none;color:#000}.Header_PopoverSetting__1YNXS .Header_Link__3Q7wR img{margin-right:16px}.Header_PopoverSetting__1YNXS .Header_Link__3Q7wR p{font-weight:400;font-size:14px;line-height:20px;color:#666;font-family:"Roboto-Regular"}.Header_PopoverSetting__1YNXS .Header_Link__3Q7wR:hover{background-color:#f6f7fa}.Header_PopoverNotification__3gyLk{height:446px;width:417px;box-shadow:2px 5px 15px rgba(0,0,0,.25);border-radius:5px}.Header_PopoverNotification__3gyLk .Header_TitleWrapper__3EaU7{display:flex;align-items:center;justify-content:space-between;padding:1em;border-bottom:1px solid rgba(0,0,0,.08);background-color:#fff;height:60px}.Header_PopoverNotification__3gyLk .Header_ContentWrapper__2cqqt{overflow-x:hidden;overflow:overlay;height:calc(100% - 60px);border-bottom:4px solid var(--clr-primary)}.Header_PopoverNotification__3gyLk .Header_ContentWrapper__2cqqt::-webkit-scrollbar{width:.2rem}.Header_PopoverNotification__3gyLk .Header_ContentWrapper__2cqqt::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.Header_PopoverNotification__3gyLk .Header_ContentWrapper__2cqqt::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:1px solid #708090}@media only screen and (max-width:790px){.Header_Wrapper__3CTi2{padding:0 10px}.Header_Wrapper__3CTi2 .Header_iconBtnHeader__9smiB{padding:5px!important;margin:0 3px}.Header_Wrapper__3CTi2 .Header_Logo__2T_SE{margin-left:.5em;margin-right:.5em}.Header_Wrapper__3CTi2 .Header_HeaderContainer__ha9L_{justify-content:space-between;padding:0 5px}.Header_Wrapper__3CTi2 .Header_HeaderRight__2TWcG{grid-gap:4px;gap:4px}.Header_Wrapper__3CTi2 .Header_HeaderIconAction__3A68j{margin-right:4px!important}.Header_Wrapper__3CTi2 .Header_HeaderIconAction__3A68j .Header_HeaderIconActionLabel__1yB_Y{display:none}.Header_Wrapper__3CTi2 .Header_SearchContainer__66GkA{margin-right:5px}.Header_Wrapper__3CTi2 .Header_pageTitle__xgRVj,.Header_Wrapper__3CTi2 .Header_Title__3YO29{font-size:16px}.Header_Wrapper__3CTi2 .Header_pageTitleSeparator__1UWW7{margin:0 5px}}@media only screen and (max-width:600px){.Header_LogoCompanyHead__3TYG9{padding:12px 25px 12px 12px;justify-content:space-between}.Header_LogoCompanyHead__3TYG9,.Header_LogoCompanyName__3b59d{display:flex;align-items:center}.Header_LogoCompanyName__3b59d .Header_Logo__2T_SE{width:35px;height:35px}.Header_LogoCompanyName__3b59d .Header_Title__3YO29{font-family:"Roboto-Bold";font-style:normal;font-weight:600;font-size:16px;line-height:23px;letter-spacing:-.02em;margin-left:12px;color:var(--clr-primary)}.Header_Wrapper__3CTi2{padding:0 6.4vw;height:60px;width:100%}.Header_Wrapper__3CTi2 .Header_searchHeader__2ksOD{display:none}.Header_Wrapper__3CTi2 .Header_iconSearchMobile__3LEdt{display:block}.Header_Wrapper__3CTi2 .Header_iconBtnHeader__9smiB{padding:6px!important;margin:0 2px}.Header_Wrapper__3CTi2 .Header_HeaderLeft__3CIk-{display:flex;width:auto;flex-basis:auto}.Header_Wrapper__3CTi2 .Header_HeaderLeft__3CIk- .Header_Logo__2T_SE{width:41px;height:41px;margin-right:8px;margin-left:0;display:none}.Header_Wrapper__3CTi2 .Header_HeaderLeft__3CIk- .Header_Title__3YO29{display:none}.Header_Wrapper__3CTi2 .Header_HeaderRight__2TWcG{width:auto;flex-basis:auto}.Header_PopoverModule__1jEEc{width:100%;height:100%;padding:8px 0}.Header_PopoverNotification__3gyLk{height:550px;width:100%;box-shadow:2px 5px 15px rgba(0,0,0,.25);border-radius:5px}.Header_PopoverNotification__3gyLk .Header_TitleWrapper__3EaU7{display:flex;align-items:center;justify-content:space-between;padding:1em;border-bottom:1px solid #c7c7c7;background-color:#ececec;height:80px}.Header_PopoverNotification__3gyLk .Header_ContentWrapper__2cqqt{overflow:overlay;height:calc(100% - 80px)}.Header_PopoverNotification__3gyLk .Header_ContentWrapper__2cqqt::-webkit-scrollbar{width:.2rem}.Header_PopoverNotification__3gyLk .Header_ContentWrapper__2cqqt::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.Header_PopoverNotification__3gyLk .Header_ContentWrapper__2cqqt::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:1px solid #708090}}.Header_header__1b5XV{position:sticky;height:60px;width:100%;top:0;left:0;right:0;z-index:9999;background-color:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.1)}@media(max-width:600px){.Header_header__1b5XV{height:60px;position:fixed}}.Header_SearchContainer__66GkA{margin-right:10px}@media(max-width:900px){.Header_SearchContainer__66GkA{margin-right:5px}.Header_SearchContainer__66GkA .Header_search-header__PPexx{width:200px!important}}@media(max-width:600px){.Header_SearchContainer__66GkA{margin-right:0}.Header_SearchContainer__66GkA .Header_search-header__PPexx{width:100%!important}}.Header_user-avatar__jgKlX{align-items:center;justify-content:center;margin-left:8px}.Header_user-avatar__jgKlX,.rc-nav-account,.rc-nav-account-info{cursor:pointer;display:flex}.rc-nav-account-info{align-items:center}.rc-nav-account-info-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center}.rc-nav-account-popover{width:300px;padding:16px}@media only screen and (max-width:600px){.sp-except{display:none!important}}.style_Wrapper__16h9L{display:grid;grid-template-columns:330px auto;grid-gap:2px;gap:2px;width:100%}.style_Wrapper__16h9L .style_SupportInfoWrapper__lj_pL{padding-top:32px;padding-left:32px;padding-right:12px}.style_Wrapper__16h9L .style_SupportInfoWrapper__lj_pL .style_SupportInfoTitle__17LH2{color:#000;font-size:20px;font-weight:600;height:48px;line-height:48px}.style_Wrapper__16h9L .style_SupportInfoWrapper__lj_pL .style_SupportInfoText__3uuJy{color:#3c4043;font-size:14px;font-weight:400;margin-top:24px}.style_Wrapper__16h9L .style_SupportInfoWrapper__lj_pL .style_ContactInfoWrapper__3fb4j{display:flex;flex-direction:row;align-items:center;justify-content:center;grid-gap:25px;gap:25px;margin-top:39px}.style_Wrapper__16h9L .style_SupportInfoWrapper__lj_pL .style_ContactInfoPhoneNumber__KCjCz{font-size:24px;font-weight:400;color:#000}.style_Wrapper__16h9L .style_SupportInfoWrapper__lj_pL .style_QrCode__hevOb{margin-top:39px}.style_Wrapper__16h9L .style_SupportInfoWrapper__lj_pL .style_QrCode__hevOb img{margin-left:auto;margin-right:auto}.style_Wrapper__16h9L .style_GuideWrapper__3B9d0{box-shadow:inset 1px 0 0 hsla(0,0%,74.9%,.4);padding:32px}.style_Wrapper__16h9L .style_GuideWrapper__3B9d0 .style_GuideTitle__3OsPK{color:#000;font-size:20px;font-weight:600}.style_Wrapper__16h9L .style_GuideWrapper__3B9d0 .style_GuideHeader__h7L9j{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.style_Wrapper__16h9L .style_GuideWrapper__3B9d0 .style_GuideText__1e29G{color:#3c4043;font-size:14px;font-weight:400;margin-top:24px}.style_Wrapper__16h9L .style_GuideWrapper__3B9d0 .style_VideosWrapper__kp3dd{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-row-gap:24px;row-gap:24px;grid-column-gap:24px;column-gap:24px;margin-top:24px}.style_Wrapper__16h9L .style_GuideWrapper__3B9d0 .style_VideoItem__inPj2{height:146px;text-decoration:none}.style_Wrapper__16h9L .style_GuideWrapper__3B9d0 .style_VideoItem__inPj2:hover .style_VideoTitle__2ic34{color:#3c4043}.style_Wrapper__16h9L .style_GuideWrapper__3B9d0 .style_VideoThumbnailWrapper__2yQIo{position:relative;cursor:pointer;border-radius:4px;overflow:hidden;border:1px solid hsla(0,0%,40%,.2196078431);height:100%}.style_Wrapper__16h9L .style_GuideWrapper__3B9d0 .style_VideoThumbnailWrapper__2yQIo img{width:100%;height:100%}.style_Wrapper__16h9L .style_GuideWrapper__3B9d0 .style_VideoThumbnailWrapper__2yQIo:hover .style_PlayVideoIcon__xoZt1,.style_Wrapper__16h9L .style_GuideWrapper__3B9d0 .style_VideoThumbnailWrapper__2yQIo:hover:after{opacity:1}.style_Wrapper__16h9L .style_GuideWrapper__3B9d0 .style_VideoThumbnailWrapper__2yQIo:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2));opacity:0}.style_Wrapper__16h9L .style_GuideWrapper__3B9d0 .style_VideoThumbnailWrapper__2yQIo .style_VideoThumbnailImg__3NvEl{aspect-ratio:16/9}.style_Wrapper__16h9L .style_GuideWrapper__3B9d0 .style_PlayVideoIcon__xoZt1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.style_Wrapper__16h9L .style_GuideWrapper__3B9d0 .style_VideoTitle__2ic34{margin-top:12px;font-size:16px;font-weight:400;color:#000;line-height:19px;cursor:pointer}.style_Wrapper__16h9L .style_GuideWrapper__3B9d0 .style_VideoTitle__2ic34:hover{color:#3c4043}.ModalWrapperOpenProp-modal{width:auto;height:100vh;display:flex;justify-content:center;align-items:center}.ModalWrapperOpenProp-wrapper{background-color:#fff;box-shadow:5px 5px 10px rgba(0,0,0,.2509803922);border-radius:5px;padding:30px;overflow:overlay}.ModalWrapperOpenProp-modal-fullscreen{width:100vw;padding-left:0!important;padding-right:0!important}.ModalWrapperOpenProp-modal-fullscreen .ModalWrapperOpenProp-wrapper{border-radius:0!important}@media only screen and (max-width:600px){.ModalWrapperOpenProp-modal{width:auto;height:100vh;display:unset;padding-left:24px;padding-right:24px;justify-content:center;align-items:center}.ModalWrapperOpenProp-wrapper{overflow:overlay;width:unset!important;height:auto!important;max-height:unset!important;box-shadow:5px 5px 10px rgba(0,0,0,.2509803922);border-radius:5px;padding:24px;margin-top:110px}.modal-confirm-delete-button-wrapper{margin:0!important;justify-content:space-around}.modal-confirm-delete-button-wrapper .modal-confirm-delete-button{margin-top:15px!important}}.style_Wrapper__1XwKH{width:100vw;height:100vh}.style_Wrapper__1XwKH .style_HeaderCloseButton__24Cxk{box-shadow:0 0 2px rgba(0,0,0,.25);padding:1rem}.style_Wrapper__1XwKH .style_Tab__dcQAn{flex-basis:50%;color:#000;background-color:#f6f7fa;font-size:20px;font-weight:600;padding-top:10px;padding-bottom:10px;border-bottom:2px solid #e5e5e5}.style_Wrapper__1XwKH .style_TabActive__ySCi9{color:#5377f4;background-color:#fff;border-bottom:none}.style_Wrapper__1XwKH .style_TabPanelInner__31sIB{display:flex;flex-direction:column;align-items:center;padding:32px 24px}.style_Wrapper__1XwKH .style_ContactText__DInqB{color:#3c4043;font-weight:400;font-size:14px}.style_Wrapper__1XwKH .style_GuideText__2Vwwj{color:#3c4043;font-weight:400;font-size:14px;text-align:center}.style_Wrapper__1XwKH .style_ContactInfoWrapper__2crzU{display:flex;flex-direction:row;justify-content:center;align-items:center;grid-gap:25px;gap:25px;margin-top:39px}.style_Wrapper__1XwKH .style_ContactInfoPhoneNumber__1J6je{font-size:24px;font-weight:400;color:#000}.style_Wrapper__1XwKH .style_QrCode__2xrON{margin-top:39px}.style_Wrapper__1XwKH .style_QrCode__2xrON img{margin-left:auto;margin-right:auto}.style_Wrapper__1XwKH .style_VideosWrapper__3VD59{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:12px;max-width:260px;grid-gap:24px;gap:24px}.style_Wrapper__1XwKH .style_VideosWrapper__3VD59 .style_VideoThumbnailWrapper__wdE8I{position:relative;cursor:pointer;border-radius:4px;overflow:hidden;border:1px solid hsla(0,0%,40%,.2196078431)}.style_Wrapper__1XwKH .style_VideosWrapper__3VD59 .style_VideoThumbnailWrapper__wdE8I:hover:after{opacity:1}.style_Wrapper__1XwKH .style_VideosWrapper__3VD59 .style_VideoThumbnailWrapper__wdE8I:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2));opacity:0}.style_Wrapper__1XwKH .style_VideosWrapper__3VD59 .style_PlayVideoIcon__3c2ro{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.style_Wrapper__1XwKH .style_VideosWrapper__3VD59 .style_VideoTitle__3i-0k{color:#000;font-weight:400;font-size:16px;line-height:19px;margin-top:12px;cursor:pointer}.style_Wrapper__1XwKH .style_VideosWrapper__3VD59 .style_VideoTitle__3i-0k:hover{color:#3c4043}.sidebar-container{position:relative;height:100%}.sidebar-drawer{width:260px;flex-shrink:0;z-index:1000}.sidebar-drawer .MuiDrawer-paper{width:260px;box-sizing:border-box;background-color:#fff;border-right:1px solid #eaeaea;color:#3c4043;padding-top:0;position:fixed;top:60px;height:calc(100% - 60px);z-index:1000}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;height:64px;background-color:#fff}.sidebar-title{font-size:18px;font-weight:500;color:#3c4043}.sidebar-toggle{color:#5f6368}.sidebar-menu{padding:8px 0}.sidebar-menu-item{padding:8px 24px;border-radius:0;margin:3px 0;height:60px;display:flex;align-items:center;color:#4c4c4c;pointer-events:auto!important;cursor:pointer!important;font-size:13px;font-weight:400}.sidebar-menu-item.active{background-color:#e3f2fd!important;color:#1976d2;font-weight:500;border-left:3px solid #1976d2}.sidebar-menu-item.active .sidebar-icon{color:#1976d2}.sidebar-menu .sidebar-icon{color:#5f6368;min-width:50px;font-size:20px}.sidebar-menu-item:hover{background-color:rgba(0,0,0,.04)}.sidebar-submenu-item{padding:7px 24px 7px 52px!important;border-radius:0;margin:px 0;height:60px;color:#4c4c4c;pointer-events:auto!important;cursor:pointer!important;font-size:12px;font-weight:400}.sidebar-submenu-item.active{background-color:#e3f2fd!important;color:#1976d2;font-weight:500;border-left:3px solid #1976d2}.sidebar-submenu-item:hover{background-color:rgba(0,0,0,.04)}.sidebar-submenu-item.active .sidebar-icon{color:#1976d2}.sidebar-submenu-text{font-size:12px;font-weight:400}.default-submenu-icon{font-size:16px!important;opacity:.7}.sidebar-submenu-item .sidebar-icon{min-width:50px;margin-right:0;color:#5f6368;font-size:18px}.sidebar-section-header{padding:16px 24px 4px;font-size:14px;color:#5f6368;font-weight:500}.sidebar-divider{margin:8px 0;background-color:#eaeaea;height:1px}.sidebar-bottom{position:fixed;bottom:0;width:260px;border-top:1px solid #eaeaea;padding:8px 0;background-color:#fff}.sidebar-section-title{display:flex;align-items:center;padding:8px 24px;color:#5f6368;font-size:12px;cursor:pointer;font-weight:500}.sidebar-section-title .section-icon{margin-right:24px;color:#5f6368}.sidebar-section-title .expand-icon{margin-left:auto}.domain-selector{margin:12px 16px;padding:8px 14px;border:1px solid #eaeaea;border-radius:20px;display:flex;align-items:center;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05);cursor:pointer}.domain-selector .domain-icon{color:#5f6368;margin-right:10px;font-size:18px}.domain-icon-img{width:24px;height:24px;margin-right:10px;border-radius:50%;object-fit:contain}.domain-selector .domain-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#202124;display:flex;align-items:center;justify-content:space-between;width:100%;padding-right:6px}.domain-selector .dropdown-icon{color:#5f6368;margin-left:8px;font-size:18px}.domain-selector .sidebar-toggle-btn{padding:4px;margin-left:8px}.domain-selector .sidebar-toggle-btn:hover{background-color:rgba(0,0,0,.04)}.domain-selector .domain-text .dropdown-indicator{display:flex;align-items:center;justify-content:center}@media (max-width:600px){.domain-selector{margin:12px 16px!important;padding:12px 16px!important;border-radius:12px!important;background-color:#f9f9f9!important;box-shadow:none!important;border:1px solid #eaeaea!important}.domain-icon-img,.domain-selector .domain-icon{margin-right:16px!important;width:28px!important;height:28px!important}.domain-selector .domain-text{font-size:15px!important;font-weight:500!important}}.enterprise-dropdown{margin:8px 16px 16px;background-color:#fff;border:1px solid #eaeaea;border-radius:8px;max-height:300px;overflow-y:auto;box-shadow:0 2px 4px rgba(0,0,0,.1);width:calc(100% - 32px);z-index:1600}.enterprise-item{display:flex;align-items:center;padding:8px 14px;cursor:pointer;transition:background-color .3s;font-size:13px;border-bottom:1px solid #f5f5f5}.enterprise-item:last-child{border-bottom:none}.enterprise-item:hover{background-color:#f5f5f5}.enterprise-logo{width:20px;height:20px;margin-right:12px;border-radius:50%;object-fit:contain}.sidebar-container .enterprise-name{font-size:14px!important;color:#202124!important;flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500!important;letter-spacing:-.2px}.enterprise-add{display:flex;align-items:center;padding:10px 16px;cursor:pointer;color:#175d94;border-top:1px solid #eaeaea;transition:background-color .3s}.enterprise-add:hover{background-color:#f5f5f5}.add-icon{font-size:20px;margin-right:12px}.enterprise-empty{padding:8px 0}.content-shift{margin-left:260px}.content-normal,.content-shift{transition:margin-left 225ms cubic-bezier(.4,0,.6,1) 0ms}.content-normal{margin-left:0}.menu-toggle-fixed{position:fixed;top:10px;left:0;z-index:9999;background-color:#fff!important;box-shadow:0 2px 4px rgba(0,0,0,.2);border-radius:0 4px 4px 0!important;padding:6px!important;margin:0!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;touch-action:manipulation;cursor:pointer}.menu-toggle-fixed svg{width:18px;height:18px;color:#175d94}.mobile-menu-button{position:fixed;top:8px;left:8px;z-index:9999999!important;background-color:#e02423;color:#fff;width:56px;height:56px;border-radius:50%;display:flex!important;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.4);cursor:pointer;border:none;outline:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .2s,background-color .3s;opacity:.95;padding:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.mobile-menu-button:active{transform:scale(.92);background-color:#c41d1c}.mobile-menu-button svg{width:32px;height:32px;color:#fff}@media (max-width:600px){.sidebar-drawer.open+.menu-toggle-fixed{visibility:hidden;opacity:0}.content-normal,.content-shift{margin-left:0}.sidebar-drawer .MuiDrawer-paper{top:60px;height:calc(100% - 60px);width:240px;z-index:9998}.menu-toggle-fixed{display:none!important}}@media (min-width:601px) and (max-width:960px){.menu-toggle-fixed{top:70px;left:0}}@media (min-width:601px) and (max-width:900px){.sidebar-drawer .MuiDrawer-paper{width:260px!important;z-index:1200!important;top:60px!important;height:calc(100% - 60px)!important}.sidebar-overlay{z-index:1100!important}.sidebar-menu-item{height:48px!important;padding:8px 24px!important}.sidebar-submenu-item{height:42px!important;padding:8px 24px 8px 52px!important}}@media (min-width:601px) and (max-width:900px){.mobile-sidebar-container{top:60px!important;z-index:900!important}.mobile-sidebar-overlay{z-index:900!important}}@media (min-width:961px){.menu-toggle-fixed{top:70px;left:0}}.mobile-drawer{z-index:1400!important}.mobile-drawer .MuiPaper-root{width:270px!important;max-width:80%!important;z-index:1400!important;box-shadow:0 0 20px rgba(0,0,0,.3)!important;border-right:none!important}.mobile-drawer .MuiBackdrop-root{background-color:rgba(0,0,0,.5)!important;z-index:1300!important;pointer-events:auto!important}@media (max-width:600px){body,html{overflow-x:hidden}.mobile-menu-button{display:flex!important}.sidebar-drawer.mobile-drawer{z-index:9999998!important}}.submenu-arrow{font-size:18px!important;margin-left:5px;vertical-align:middle}.sidebar-icon{display:flex!important;align-items:center!important}.collapsed-container{width:50px;transition:width .3s ease-in-out}.container-toggle{position:fixed;top:70px;left:0;z-index:999}.toggle-button{width:30px;height:30px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;border:1px solid #eaeaea;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.1);margin-left:10px;outline:none}.toggle-button:hover{background-color:#f5f5f5}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:998;display:none}@media (max-width:768px){.sidebar-overlay{display:block}.container-toggle{display:none}.sidebar-drawer .MuiDrawer-paper{width:270px!important;max-width:80%!important;top:0!important;height:100%!important;z-index:1400!important;pointer-events:auto!important;background-color:#fff!important;opacity:1!important}.content-normal,.content-shift{margin-left:0!important}.mobile-menu-button{display:none!important}.domain-selector{margin:0;padding:15px 16px;border-radius:0;border:none;border-bottom:1px solid #eaeaea;box-shadow:none}.sidebar-menu-item{padding:14px 24px;height:auto}.sidebar-submenu-item{padding:14px 24px 14px 52px!important;height:auto}.sidebar-menu-item,.sidebar-submenu-item{z-index:1500!important;position:relative!important}}@media (max-width:360px){.sidebar-drawer .MuiDrawer-paper{width:240px!important}}.header-menu-toggle{color:#5f6368!important}@media (max-width:768px){.header-menu-toggle{color:#5f6368!important;padding:8px!important}.header-menu-toggle svg{width:24px;height:24px}.sidebar-overlay{display:block;pointer-events:none}.sidebar-drawer .MuiDrawer-paper{width:270px!important;max-width:80%!important;top:0!important;height:100%!important;z-index:1000!important;pointer-events:auto!important;background-color:#fff!important;opacity:1!important}.MuiBackdrop-root{pointer-events:auto!important}}.mobile-sidebar-container{position:fixed;top:60px;left:0;height:calc(100% - 60px);width:270px;max-width:80%;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.3);z-index:900;overflow-y:auto;transform:translateX(0);transition:transform .3s ease;border-right:1px solid #eaeaea;margin-top:0}.mobile-sidebar-content{padding-top:0;min-height:100%;background-color:#fff;position:relative;z-index:1500}.mobile-sidebar-overlay{position:fixed;top:60px;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:900}.mobile-sidebar-container .domain-selector{margin:0!important;padding:15px 16px!important;border-radius:0!important;border:none;border-bottom:1px solid #eaeaea;box-shadow:none}@media (max-width:600px){.enterprise-dropdown{margin:12px 16px 16px!important;border-radius:12px!important;border:1px solid #eaeaea!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important}.enterprise-item{padding:12px 16px!important;border-bottom:1px solid #f5f5f5}.enterprise-item:last-child{border-bottom:none}.enterprise-logo{width:24px!important;height:24px!important;margin-right:16px!important}.enterprise-add,.enterprise-name{font-size:15px!important;font-weight:500!important}.enterprise-add{padding:14px 16px!important;background-color:#f5f9ff!important;color:#1976d2!important}.add-icon{font-size:22px!important;margin-right:16px!important;color:#1976d2!important}}.domain-selector,.enterprise-dropdown{margin-bottom:20px!important}.enterprise-dropdown{margin-top:8px!important}@media (min-width:601px){.sidebar-drawer .MuiDrawer-paper{width:260px!important;height:calc(100% - 60px)!important;top:60px!important;z-index:900!important;margin-top:0!important}.sidebar-menu-item{height:48px!important;padding:8px 24px!important}.sidebar-submenu-item{height:42px!important;padding:8px 24px 8px 52px!important}.domain-selector{margin:12px 16px;border-radius:8px}.enterprise-dropdown{margin:8px 16px 16px;border-radius:8px;max-width:226px}.enterprise-item{padding:10px 14px}.domain-selector .domain-text{font-size:14px}}@media (min-width:961px){.sidebar-drawer .MuiDrawer-paper{width:260px!important}}@media (min-width:769px) and (max-width:1280px){.sidebar-drawer .MuiDrawer-paper{width:260px!important;z-index:900!important;top:60px!important;height:calc(100% - 60px)!important}}@media (min-width:1281px){.sidebar-drawer .MuiDrawer-paper{width:260px!important;z-index:900!important;top:60px!important;height:calc(100% - 60px)!important}.sidebar-menu-item{padding:10px 24px!important}.sidebar-submenu-item{padding:8px 24px 8px 52px!important}}.Enterprise-wrapper{min-height:280px;padding:30px 0;display:flex;justify-content:center;background:#f6f7fa;height:100vh;align-items:center}.Enterprise-wrapper .form-wrapper{min-width:250px;max-width:470px;height:330px;width:100%;padding:2em 1em;box-shadow:5px 5px 15px rgba(0,0,0,.25);border-radius:5px;transform:translateY(-35px)}.Enterprise-wrapper .form-wrapper .title{margin-bottom:68px;font-size:28px;color:var(--clr-primary);text-align:center;font-family:"Roboto-Medium";font-weight:500}.Enterprise-wrapper .form-wrapper .input-name{display:flex;align-items:center}.Enterprise-wrapper .form-wrapper .input-name img{margin-right:1em}.Enterprise-wrapper .form-wrapper .action-wrapper{margin-top:2em;display:flex;justify-content:flex-end}.Enterprise-wrapper .form-wrapper .action-wrapper .add{text-transform:none;font-size:16px;font-weight:500;padding:5px 20px;font-family:"Roboto-Medium"}.Enterprise-wrapper .MuiButton-containedPrimary{background:var(--clr-primary);border-radius:4px;box-shadow:none}.Enterprise-wrapper .MuiButton-containedPrimary:hover{background:linear-gradient(0deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.2)),#38a0ff;box-shadow:none}.error-message{color:red}@media only screen and (max-width:600px){.Enterprise-wrapper .form-wrapper{box-shadow:none}.Enterprise-wrapper .form-wrapper .title{font-size:28px;line-height:34px;margin-bottom:64px}}.rc-upload-single-image{width:100%}.rc-upload-single-image .rc-upload-single-image-add-item{width:100%;height:100%;background:#f6f7fa;border-radius:4px;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background-size:contain contain;background-repeat:no-repeat;background-position:50%}.rc-upload-single-image .rc-upload-single-image-add-item .rc-upload-single-image-text{color:grey;margin-top:.5rem}.rc-upload-single-image .rc-upload-single-image-add-item .rc-upload-single-image-control-edit .btn-upload{background:none;display:flex}.rc-upload-single-image .rc-upload-single-image-add-item .rc-upload-single-image-control-edit .btn-upload span{flex-direction:column;font-size:14px;color:var(--clr-primary);font-family:"Roboto-Regular"}.rc-upload-single-image .rc-upload-single-image-add-item .rc-upload-single-image-control-edit .btn-upload span img{padding-bottom:10px}.rc-upload-single-image-main-item{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.rc-upload-single-image-main-item img{min-height:100%;min-width:100%;object-fit:cover;margin:0;padding:0;max-height:335px}.rc-upload-single-image-main-item .rc-upload-single-image-control-edit{position:absolute;top:0;display:none;justify-content:space-between;width:100%;height:100%;padding:1rem;background:rgba(0,0,0,.4196078431)}.rc-upload-single-image-main-item .rc-upload-single-image-control-edit .btn-upload{background:none;display:flex}.rc-upload-single-image-main-item .rc-upload-single-image-control-edit .btn-upload span{flex-direction:column;font-size:14px;color:var(--clr-primary);font-family:"Roboto-Regular"}.rc-upload-single-image-main-item .rc-upload-single-image-control-edit .btn-upload span img{min-width:0;min-height:0;padding-bottom:10px}.rc-upload-single-image-main-item:hover .rc-upload-single-image-control-edit{display:flex;justify-content:center}.rc-upload-single-image-main-item:hover .rc-upload-single-image-control-edit .btn-upload:hover{background:none!important}.CropImage_Crop__g8eC0{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999}.CropImage_Crop__g8eC0 .CropImage_Mask__no5bO{width:100%;height:100%;background-color:rgba(0,0,0,.5)}.CropImage_Crop__g8eC0 .CropImage_Buttons__aISww{position:absolute;top:10px;left:50%;transform:translate(-50%);width:100%;max-width:400px;display:flex;justify-content:space-between}.CropImage_Crop__g8eC0 .CropImage_Buttons__aISww .CropImage_Button__13jqs,.CropImage_Crop__g8eC0 .CropImage_Buttons__aISww .CropImage_ButtonCancel__RjK6z{border-radius:5px;background-color:var(--clr-primary);font-size:24px;color:#fff;width:50%;margin:0 10px;text-align:center;padding:10px;cursor:pointer;transition:.3s}.CropImage_Crop__g8eC0 .CropImage_Buttons__aISww .CropImage_Button__13jqs:hover,.CropImage_Crop__g8eC0 .CropImage_Buttons__aISww .CropImage_ButtonCancel__RjK6z:hover{background-color:rgba(56,160,255,.8)}.CropImage_Crop__g8eC0 .CropImage_Buttons__aISww .CropImage_ButtonCancel__RjK6z{background-color:transparent;color:#fff;border:1px solid var(--clr-primary)}.CropImage_Crop__g8eC0 .CropImage_reactEasyCrop_Image__2qKY2{width:unset}@media only screen and (max-width:700px){.CropImage_Crop__g8eC0 .CropImage_Buttons__aISww{justify-content:center}.CropImage_Crop__g8eC0 .CropImage_Buttons__aISww .CropImage_Button__13jqs,.CropImage_Crop__g8eC0 .CropImage_Buttons__aISww .CropImage_ButtonCancel__RjK6z{width:150px;font-size:18px}}.add-event-wrapper{font-family:"Roboto-Regular";height:100vh;background:#f6f7fa}.add-event-wrapper .header-add-event{box-shadow:0 1px 3px rgba(0,0,0,.25);background:#fff;margin-bottom:20px;height:60px;align-items:center;padding:0 35px;position:fixed;top:0;left:0;z-index:100}.add-event-wrapper .header-add-event .exit-page{padding-left:0}.add-event-wrapper .header-add-event .exit-page span{color:#666;font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:16px;line-height:24px;padding-left:8px}.add-event-wrapper .header-add-event .exit-page button{padding-left:0}.add-event-wrapper .header-add-event .exit-page .exit-btn:hover{background:none}.add-event-wrapper .header-add-event .event-header{display:flex;align-items:center;justify-content:center}.add-event-wrapper .header-add-event .event-header .tab{color:#666;font-size:16px;line-height:24px;text-transform:none;font-style:normal;font-weight:500;font-size:14px;line-height:20px;font-family:"Roboto-Medium"}.add-event-wrapper .header-add-event .event-header .tab.Mui-selected{color:var(--clr-primary);font-family:"Roboto-Medium";padding:19px}.add-event-wrapper .header-add-event .setting{display:flex;justify-content:flex-end;width:100%;padding-right:0}.add-event-wrapper .header-add-event .setting:hover{background:none}.add-event-wrapper .header-add-event .setting_label{font-family:"Roboto-Regular",sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;margin-left:11px;text-transform:none;color:#666}.add-event-wrapper .box-event-wrap{padding:32px 32px 0}.add-event-wrapper .box-event{padding:0;min-height:80vh;box-shadow:3px 3px 10px rgba(0,0,0,.15);border-radius:4px;background:#fff;margin:0 auto;max-width:900px;font-family:"Roboto-Regular";color:#666;font-size:16px}.add-event-wrapper .box-event .MuiInputBase-inputMarginDense::placeholder{font-size:16px;line-height:24px;color:#666}.add-event-wrapper .box-event .image-upload{position:relative;border-radius:4px;overflow:hidden}.add-event-wrapper .box-event .image-upload .image-qr{width:150px;height:150px;position:absolute;bottom:32px;left:32px}.add-event-wrapper .box-event .MuiButton-containedPrimary{box-shadow:none}.add-event-wrapper .box-event .MuiButton-containedPrimary:hover{background:linear-gradient(0deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.2)),var(--clr-primary);box-shadow:none}.add-event-wrapper .box-event .MuiButton-outlinedPrimary:hover{background:rgba(56,160,255,.1);border:1px solid var(--clr-primary)}.add-event-wrapper .box-event .add-event-content{padding-bottom:32px}.add-event-wrapper .box-event .add-event-content .share-btn button{font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:16px;line-height:24px;color:var(--clr-primary);text-transform:unset}.add-event-wrapper .box-event .add-event-content .share-btn button:hover{background-color:transparent}.add-event-wrapper .box-event .add-event-content .share-btn button.share-btn--disable{color:#bbb}.add-event-wrapper .box-event .add-event-content .share-btn button .share-icon--disable path{fill:#bbb}.add-event-wrapper .box-event .add-event-content.add-event-content-register{display:block}.add-event-wrapper .box-event .add-event-content.add-event-content-register--sp{display:none}.add-event-wrapper .box-event .add-event-content .general-time input{font-size:14px;color:#666;font-family:"Roboto-Regular"}.add-event-wrapper .box-event .add-event-content .general-time img{margin:0}.add-event-wrapper .box-event .add-event-content .title-content{padding-left:15px;padding-right:5px}.add-event-wrapper .box-event .add-event-content .title-content-left{padding:0 5px!important}.add-event-wrapper .box-event .add-event-content .Mui-error{color:#f44336!important}.add-event-wrapper .box-event .add-event-content textarea.MuiInput-inputMultiline{font-weight:400;font-size:16px;line-height:24px;color:#333}.add-event-wrapper .box-event .add-event-content textarea.MuiInput-inputMultiline::placeholder{font-size:16px;line-height:24px;color:#bbb}.add-event-wrapper .box-event .add-event-content .input-title textarea.MuiInput-inputMultiline{font-weight:400;font-size:23px;line-height:28px;color:#333}.add-event-wrapper .box-event .add-event-content.add-event-content-register textarea{font-size:16px;line-height:24px;color:#333}.add-event-wrapper .box-event .add-event-content .MuiButton-label{font-family:"Roboto-Medium"}.add-event-wrapper .box-event .add-event-content .field-item{display:flex;align-items:flex-start;padding:24px}.add-event-wrapper .box-event .add-event-content .field-item .wrap-content{width:100%}.add-event-wrapper .box-event .add-event-content .field-item .wrap-content .field-item-content{width:100%;display:flex;align-items:flex-start}.add-event-wrapper .box-event .add-event-content .field-item .wrap-content .field-item-content .field-item-img{padding-right:20px}.add-event-wrapper .box-event .add-event-content .field-item .wrap-content .radio-items{display:flex;align-items:center;padding:16px 0}.add-event-wrapper .box-event .add-event-content .field-item .wrap-content .radio-items .radio-item{padding:0 25px 0 0}.add-event-wrapper .box-event .add-event-content .field-item .wrap-content .radio-items .add-field{border-bottom:1px solid rgba(0,0,0,.42);padding:2px 0;width:100%;color:#bbb;font-size:16px;line-height:24px}.add-event-wrapper .box-event .add-event-content .field-item .wrap-content .radio-items .add-field span{color:var(--clr-primary);cursor:pointer}.add-event-wrapper .box-event .add-event-content .field-item .wrap-content .radio-wrap{margin-bottom:16px}.add-event-wrapper .box-event .add-event-content .field-item .item-require{margin-top:10px}.add-event-wrapper .box-event .add-event-content .new{flex-direction:column;align-items:flex-end;border:1px solid #ccc;border-radius:4px;padding:12px 24px;margin:12px 0}.add-event-wrapper .box-event .add-event-content .new .focus-header{display:flex;width:100%;justify-content:flex-end;position:relative}.add-event-wrapper .box-event .add-event-content .new .focus-header>img:first-child{position:absolute;left:50%;transform:translateX(-50%)}.add-event-wrapper .box-event .add-event-content .new .sub-text{font-weight:400;font-size:12px;line-height:16px;color:#bbb;margin:8px 0 0;width:100%;padding-left:6.1%}.add-event-wrapper .box-event .add-event-content .active{flex-direction:column;align-items:flex-end;border:1px solid var(--clr-primary);border-top:4px solid var(--clr-primary);border-radius:4px}.add-event-wrapper .box-event .add-event-content .active .focus-header{display:flex;width:100%;justify-content:flex-end;position:relative}.add-event-wrapper .box-event .add-event-content .active .focus-header>img:first-child{position:absolute;left:50%;transform:translateX(-50%)}.add-event-wrapper .box-event .add-event-content .content-header{font-size:28px;line-height:34px;text-align:center;color:#333;margin-bottom:53px}.add-event-wrapper .box-event .drag-mobile .MuiInput-underline:after{border-bottom:1px solid rgba(0,0,0,.42)}.add-event-wrapper .box-event .input-title{margin-top:1em}.add-event-wrapper .box-event .description,.add-event-wrapper .box-event .format,.add-event-wrapper .box-event .plan{display:flex;align-items:center}.add-event-wrapper .box-event .description img,.add-event-wrapper .box-event .format img,.add-event-wrapper .box-event .plan img{margin-right:19px}.add-event-wrapper .box-event .description p,.add-event-wrapper .box-event .format p,.add-event-wrapper .box-event .plan p{margin-right:2em;color:#666}.add-event-wrapper .box-event .start-end-time .date-input,.add-event-wrapper .box-event .start-end-time .time-input{background:var(--clr-primary);opacity:.5;border-radius:3px}.add-event-wrapper .box-event .format{margin-top:11px}.add-event-wrapper .box-event .format .title{display:flex;align-items:center}.add-event-wrapper .box-event .format .format-wrap{margin-left:15px}.add-event-wrapper .box-event .format .format-wrap .radio-item{margin-right:1em}.add-event-wrapper .box-event .address{display:flex!important;align-items:center!important}.add-event-wrapper .box-event .select-online-items{margin-top:6px;margin-left:43px}.add-event-wrapper .box-event .select-online-items .select-wrap{width:100%}.add-event-wrapper .box-event .description{margin-top:24px;align-items:flex-start}.add-event-wrapper .box-event .description .note-input{background:#eee;border-radius:3px;border:none;width:100%;min-height:100px;padding:1em}.add-event-wrapper .box-event .description textarea{font-size:16px;color:#666;font-family:"Roboto-Regular"}.add-event-wrapper .box-event .plan{margin-top:30px;align-items:flex-start}.add-event-wrapper .box-event .plan .add-plan{width:calc(100% - 19px)}.add-event-wrapper .box-event .plan .add-plan .title{color:#666;margin-bottom:1em;font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:16px;line-height:24px}.add-event-wrapper .box-event .plan .add-plan .timeline-item{margin-bottom:1em}.add-event-wrapper .box-event .plan .add-plan .timeline-item .time-date{display:flex;align-items:center;justify-content:space-between;margin-bottom:1em}.add-event-wrapper .box-event .plan .add-plan .timeline-item .time-date .time-date-input .date-input,.add-event-wrapper .box-event .plan .add-plan .timeline-item .time-date .time-date-input .time-input{background:var(--clr-primary);opacity:.5;border-radius:3px}.add-event-wrapper .box-event .plan .add-plan .timeline-item .time-date .time-date-input .time-input{margin-right:.5em}.add-event-wrapper .box-event .plan .add-plan .timeline-item .note .note-input{background:#eee;border-radius:3px;border:none;width:100%;min-height:100px;padding:1em}.add-event-wrapper .box-event .plan .add-plan .timeline-item .note textarea{font-size:16px;color:#666;font-family:"Roboto-Regular"}.add-event-wrapper .box-event .plan .add-plan .timeline-item .note .warning-error{font-size:.75rem;margin:3px 0 0;text-align:left;font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:400;line-height:1.66;letter-spacing:.03333em;color:red;padding:10px}.add-event-wrapper .box-event .plan .add-plan .timeline-item .warning-errors{border:1px solid red}.add-event-wrapper .box-event .plan .add-plan .active-item{border:1px solid var(--clr-primary);border-top:4px solid var(--clr-primary);border-radius:4px;padding:20px 10px 10px;position:relative}.add-event-wrapper .box-event .plan .add-plan .active-item .drag-item{position:absolute;top:5px;left:50%}.add-event-wrapper .box-event .action-add{display:flex;justify-content:flex-end;margin-top:24px}.add-event-wrapper .box-event .action-add .action-btn-publish{color:#fff;margin-left:10px}.add-event-wrapper .box-event .action-add .action-add-btn{width:150px;font-weight:500;font-size:16px;line-height:20px;height:36px;text-transform:none;font-family:"Roboto-Medium"}.add-event-wrapper .box-event .action-add-register{display:flex;justify-content:flex-start;margin-top:16px}.add-event-wrapper .box-event .action-add-register .MuiButtonGroup-root .action-add-btn{color:#fff}.add-event-wrapper .box-event .action-add-register .action-add-btn{width:128px;height:36px;text-transform:none;font-family:"Roboto-Regular";font-size:14px;line-height:24px;color:var(--clr-primary);margin-left:68px}.add-event-wrapper .box-event .action-add-register .btn-group{text-transform:none;font-family:"Roboto-Regular"}.add-event-wrapper .box-event .save-register{display:flex;justify-content:flex-end;padding-right:24px;margin-top:40px}.add-event-wrapper .box-event .save-register .action-save{text-transform:none;width:128px;height:36px;font-size:16px;line-height:20px}.add-event-wrapper .box-event.list-user-box{box-shadow:none}.add-event-wrapper .box-event.list-user-box .title-head{font-size:16px}.add-event-wrapper .box-event.list-user-box .search-list-user{align-items:flex-end;margin-bottom:26px;padding-right:12px}.add-event-wrapper .box-event.list-user-box .search-list-user .down-load-list{text-transform:none;font-weight:500;font-size:16px;line-height:24px;color:#999;background-color:#fff;border:1px solid #ccc;border-radius:4px;font-family:"Roboto-Medium";max-width:155px;padding:8px 10px}.add-event-wrapper .box-event.list-user-box .search-list-user .down-load-list:hover{color:var(--clr-primary);border:1px solid}.add-event-wrapper .box-event.list-user-box .search-list-user .down-load-list:hover img.hover{display:block}.add-event-wrapper .box-event.list-user-box .search-list-user .down-load-list:hover img.no-hover{display:none}.add-event-wrapper .box-event.list-user-box .search-list-user .down-load-list img.no-hover{display:block;margin-left:8px;margin-right:-4px}.add-event-wrapper .box-event.list-user-box .search-list-user .down-load-list img.hover{display:none;margin-left:8px;margin-right:-4px}.add-event-wrapper .box-event.list-user-box .title-status{width:155px;text-align:center}.add-event-wrapper .box-event.list-user-box .title{color:#666;font-family:"Roboto-Medium";font-weight:500}.add-event-wrapper .box-event.list-user-box .title .status-check{text-align:center}.add-event-wrapper .box-event.list-user-box .title .status-check p{color:var(--clr-primary);font-family:"Roboto-Medium";font-weight:500;line-height:24px}.add-event-wrapper .box-event.list-user-box .title .status-check span{font-size:12px;font-family:"Roboto-Medium";font-weight:500;line-height:16px}.add-event-wrapper .box-event.list-user-box .group-icon td,.add-event-wrapper .box-event.list-user-box .list-content td{padding:12px}.add-event-wrapper .box-event.list-user-box .group-icon td,.add-event-wrapper .box-event.list-user-box .group-icon th,.add-event-wrapper .box-event.list-user-box .list-content td,.add-event-wrapper .box-event.list-user-box .list-content th{font-family:"Roboto-Regular";color:#666;font-weight:400;font-size:16px}.add-event-wrapper .box-event.list-user-box .group-icon .btn-check,.add-event-wrapper .box-event.list-user-box .list-content .btn-check{font-size:16px;line-height:24px;font-family:"Roboto-Medium";font-weight:500;text-transform:none;width:155px;height:36px}.add-event-wrapper .box-event.list-user-box .group-icon .btn-check{margin-left:55px}.add-event-wrapper .box-event.list-user-box .group-icon button:not(:last-of-type){margin-right:1rem}.add-event-wrapper .box-event.list-user-box .list-user-mobile{display:none}.add-event-wrapper .list-user-box{max-width:unset!important;width:unset!important;padding:0 56px;background:none!important}.add-event-wrapper .list-user-box .pagination-user{margin-top:40px}.add-event-wrapper #listuser-tabpanel-1{width:100%}.add-event-wrapper #listuser-tabpanel-1 .img-search{padding-bottom:7px}.add-event-wrapper #listuser-tabpanel-0,.add-event-wrapper #listuser-tabpanel-register{background:#f6f7fa}.add-event-wrapper #listuser-tabpanel-0,.add-event-wrapper #listuser-tabpanel-1,.add-event-wrapper #listuser-tabpanel-register{padding-top:60px}.editor-wrapper{height:auto;width:100%}.editor-wrapper .quill.editor{height:auto}.editor-wrapper .ql-container,.editor-wrapper .quill.editor{background-color:#f6f7fa;font-family:"Roboto-Regular";font-size:14px;line-height:20px}.editor-wrapper .ql-container .ql-editor.ql-blank:before{font-style:inherit;color:#bbb}.editor-wrapper .ql-hidden{height:0;width:0}.form-checkIn{padding:32px;font-family:"Roboto-Regular";background-color:#fff;width:400px;border-radius:10px}.form-checkIn .title{text-align:center}.form-checkIn .title .title-head{color:var(--clr-primary);font-weight:400;font-size:28px;line-height:34px}.form-checkIn .title .title-sub{color:#666;font-size:16px;line-height:24px}.form-checkIn .content{padding:24px 0 20px 15px;color:#666;font-size:16px;font-weight:400}.form-checkIn .content .title-content{font-size:23px;line-height:40px}.form-checkIn .content .title-item{display:flex;align-items:center;padding:10px 0}.form-checkIn .content .title-item img{padding-right:20px}.form-checkIn .MuiInput-input{font-family:"Roboto-Regular";font-style:normal;font-weight:400;font-size:16px;color:#333;line-height:24px}.form-checkIn .action{display:flex;justify-content:flex-end;margin-top:10px}.form-checkIn .action .action-btn{font-family:"Roboto-Medium";font-weight:500;font-size:14px;line-height:24px;text-transform:none}.form-checkIn .action .cancel{width:90px;background:#f2f2f2;color:#999}.form-checkIn .action .save{width:128px;margin-left:16px;background:var(--clr-primary);box-shadow:none}.form-checkIn .action .save:hover{background:linear-gradient(0deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.2)),var(--clr-primary)}.form-checkIn .data-scan{padding:40px;word-break:break-word}.form-checkIn .verify-scan{text-align:center;color:#5c5c5c}.form-checkIn .verify-scan .user-name{font-family:"Roboto-Bold";font-weight:700;text-transform:capitalize}.form-checkIn .verify-scan p{font-family:"Roboto-Regular";padding:10px 0}.form-checkIn .btn-verified{display:flex;justify-content:center;margin-top:30px}.form-checkIn .btn-verified .action-btn{text-transform:none;font-family:"Roboto-Regular";font-size:16px;font-weight:400}.popover-wrapper-address{width:100%}.modal-address{border-radius:unset;height:auto;background:#fff;box-shadow:3px 5px 15px rgba(0,0,0,.12);border-radius:4px;width:50%;max-width:536px;margin:auto}.modal-address .name-address{margin-bottom:20px;margin-left:-8px}.modal-address .name-address .content-address{width:calc(100% - 50px)}.modal-address .title{text-align:center;color:var(--clr-primary);font-size:28px;line-height:34px;font-weight:400}.modal-address img{margin-top:15px}.qr-scan{background:none;padding:0;margin-top:-50%}.qr-scan .btn-scan{justify-content:center;padding-top:20px;padding-bottom:20px;background-color:#fff}textarea.MuiInput-inputMultiline{color:#333;line-height:28px}.popover-room{justify-content:center;z-index:99999}.online-items,.popover-room{display:flex;align-items:center}.online-items{font-size:14px;color:#666}.btn-register{background:#fff;width:196px;height:60px}.btn-register .list-item-text span{color:#666!important}.btn-register:hover{background-color:#f2f2f2!important}.dialogContainerData .dialogPaperData{max-height:80vh}.dialogContainerData .dialogPaperData .content{padding:32px}.dialogContainerData .dialogPaperData .close-fixhead{text-align:right;position:absolute;right:12px;top:12px}.dialogContainerData .dialogPaperData .content__title{margin-bottom:1em;text-align:center;font-family:"Roboto-Regular";font-style:normal;font-weight:400;font-size:28px;line-height:34px;color:#333}.dialogContainerData .dialogPaperData .field{margin-bottom:1.5em;display:flex;align-items:center}.dialogContainerData .dialogPaperData .field img{width:25px;height:25px;margin-right:1em}.dialogContainerData .dialogPaperData .field span{font-weight:400;font-size:16px;line-height:28px;color:#666;font-family:"Roboto-Regular"}.dialogContainerData .dialogPaperData .field span.label{margin-right:10px}.dialogContainerData .dialogPaperData .field ul{list-style:none}@media only screen and (min-width:1366px){.event-header-mobile,.header-add-event-mobile{display:none!important}}@media only screen and (min-width:700px)and (max-width:1366px){.event-header-mobile,.header-add-event-mobile{display:none!important}.add-event-wrapper .box-event{min-height:80vh;margin-top:1em;margin-bottom:2em;box-shadow:3px 3px 10px rgba(0,0,0,.15);border-radius:4px;background:#fff}.add-event-wrapper .box-event .input-title{margin-top:1em}.add-event-wrapper .box-event .description,.add-event-wrapper .box-event .format,.add-event-wrapper .box-event .plan{display:flex;align-items:center}.add-event-wrapper .box-event .description img,.add-event-wrapper .box-event .format img,.add-event-wrapper .box-event .plan img{margin-right:19px}.add-event-wrapper .box-event .description p,.add-event-wrapper .box-event .format p,.add-event-wrapper .box-event .plan p{margin-right:1em;color:#666}.add-event-wrapper .box-event .start-end-time .date-input,.add-event-wrapper .box-event .start-end-time .time-input{background:var(--clr-primary);opacity:.5;border-radius:3px}.add-event-wrapper .box-event .start-end-time .time-input{width:100%}.add-event-wrapper .box-event .format{margin-top:11px}.add-event-wrapper .box-event .format .radio-format{display:flex;flex-direction:row}.add-event-wrapper .box-event .format .radio-format .radio-item{margin-right:4em}.add-event-wrapper .box-event .select-online-items{margin-top:6px}.add-event-wrapper .box-event .description{margin-top:24px;align-items:flex-start}.add-event-wrapper .box-event .description .note-input{background:#eee;border-radius:3px;border:none;width:100%;min-height:100px;padding:1em}.add-event-wrapper .box-event .plan{margin-top:30px;align-items:flex-start}.add-event-wrapper .box-event .plan .add-plan{width:calc(100% - 19px)}.add-event-wrapper .box-event .plan .add-plan p{color:#000;margin-bottom:1em}.add-event-wrapper .box-event .plan .add-plan .timeline-item{margin-bottom:1em}.add-event-wrapper .box-event .plan .add-plan .timeline-item .time-date{display:flex;align-items:center;justify-content:space-between;margin-bottom:1em}.add-event-wrapper .box-event .plan .add-plan .timeline-item .time-date .time-date-input .date-input,.add-event-wrapper .box-event .plan .add-plan .timeline-item .time-date .time-date-input .time-input{background:var(--clr-primary);opacity:.5;border-radius:3px}.add-event-wrapper .box-event .plan .add-plan .timeline-item .time-date .time-date-input .time-input{margin-right:.5em}.add-event-wrapper .box-event .plan .add-plan .timeline-item .note .note-input{background:#eee;border-radius:3px;border:none;width:100%;min-height:100px;padding:1em}.add-event-wrapper .box-event .action-add{display:flex;justify-content:flex-end;margin-top:24px}.add-event-wrapper .box-event .action-add button{width:130px;height:36px}}@media only screen and (max-width:950px){.add-event-wrapper .list-user-box{padding:0}}@media only screen and (max-width:700px){.event-header-mobile,.header-add-event-mobile{display:none!important}.add-event-wrapper .tab.Mui-selected{font-family:"Roboto-Bold";font-weight:700;color:#4f4f4f}.add-event-wrapper .tab{color:#4f4f4f}.list-user-website{display:none}.dialogContainerData .dialogPaperData{width:100vw;height:100vh;max-height:unset;max-width:unset!important;margin:0;border-radius:0}.dialogContainerData .dialogPaperData .content{padding:24px 24px 50px}.dialogContainerData .dialogPaperData .content__title{margin-top:60px}.dialogContainerData .dialogPaperData .close-fixhead{width:100%;position:fixed;top:0;left:0;background-color:#fff;padding:10px 5%;z-index:1;min-height:60px}.list-user-box .list-user-mobile{display:block!important;padding-bottom:25px}.list-user-box .list-user-mobile .item-user{padding:25px 0;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;align-items:flex-end}.list-user-box .list-user-mobile .item-user .item-user-info{padding-left:10px}.list-user-box .list-user-mobile .item-user .item-user-info .user-name{font-family:"Roboto-Bold";font-weight:700;color:#666;text-transform:capitalize}.list-user-box .list-user-mobile .item-user .item-user-info p{padding:2px 0}.list-user-box .list-user-mobile .item-user .item-user-info p:last-child{padding-bottom:0}.list-user-box .list-user-mobile .item-user .item-user-btn{padding-right:10px}.list-user-box .list-user-mobile .item-user .item-user-btn .status-check{text-align:center}.list-user-box .list-user-mobile .item-user .item-user-btn .status-check p{color:var(--clr-primary)}.list-user-box .list-user-mobile .item-user .item-user-btn .status-check span{font-size:12px}.list-user-box .list-user-mobile .item-user .item-user-btn .btn-check{font-size:16px;line-height:20px;font-family:"Roboto-Medium";font-weight:500;text-transform:none}.list-user-box .list-user-mobile .btn-qr{display:flex;justify-content:center;grid-gap:10px;gap:10px}.list-user-box .list-user-mobile .btn-qr .down-load-list{width:100%;text-transform:none;font-size:13px}.list-user-box .list-user-mobile .btn-qr .btn-check{width:100%;font-size:16px;line-height:20px;font-family:"Roboto-Medium";font-weight:500;text-transform:none}.list-user-box .pagination-user{display:none}}@media only screen and (min-width:600px)and (max-width:800px){.add-event-wrapper .box-event .add-event-content .field-item{padding:24px 0}.add-event-wrapper .box-event .add-event-content .field-item.new{padding:24px}.model-register .action-add-register .action-add-btn{margin:0!important;height:auto!important}.model-register .action-add-register .action-add-btn .hidden{display:none!important}.model-register .action-add-register .btn-group{font-weight:500;font-size:14px;line-height:16px;font-family:"Roboto-Medium"}.model-register .action-add-register .btn-group .MuiButton-startIcon{display:none}}@media only screen and (max-width:600px){.modal-address .name-address .content-address{width:100%}.header-add-event{display:none!important}.header-add-event-mobile{display:flex!important;min-height:60px;position:fixed;top:0;left:0;background-color:#fff;z-index:1}.header-add-event-mobile .exit-page,.header-add-event-mobile .setting{text-align:center}.event-header-mobile{display:flex!important;position:fixed;top:60px;left:0;background-color:#f6f7fa;z-index:1}.event-header-mobile .event-header{display:flex;align-items:center;justify-content:center}.event-header-mobile .event-header .tab{color:#666;width:50vw;max-width:unset;text-transform:none}.event-header-mobile .event-header .tab,.event-header-mobile .event-header .tab.Mui-selected{font-weight:400;font-size:19px;line-height:23px;letter-spacing:-.02em;font-family:"Roboto-Regular"}.event-header-mobile .event-header .tab.Mui-selected{color:var(--clr-primary)}.add-event-wrapper,.add-event-wrapper #listuser-tabpanel-0,.add-event-wrapper #listuser-tabpanel-register{background-color:#fff}.add-event-wrapper #listuser-tabpanel-0,.add-event-wrapper #listuser-tabpanel-1,.add-event-wrapper #listuser-tabpanel-register{padding-top:0}.add-event-wrapper .ev-register-container .box-event .box-event-wrap{padding:0}.add-event-wrapper .ev-register-container .tabpanel-content{margin-top:60px}.add-event-wrapper .ev-register-container .action-add-register{margin-top:0;width:-moz-fit-content;width:fit-content}.add-event-wrapper .tabpanel-content{margin-top:108px}.add-event-wrapper .setting span p{display:none}.add-event-wrapper .exit-page{padding-left:0!important}.add-event-wrapper .box-event{min-height:80vh;margin-top:1em;margin-bottom:2em;box-shadow:none;border-radius:4px;background:#fff}.add-event-wrapper .box-event .box-event-wrap{padding:24px 0 0}.add-event-wrapper .box-event .box-event-wrap .drag-mobile{display:block}.add-event-wrapper .box-event .add-event-content{padding:24px 24px 100px}.add-event-wrapper .box-event .add-event-content .title-content{width:80%!important}.add-event-wrapper .box-event .add-event-content.add-event-content-register{display:none}.add-event-wrapper .box-event .add-event-content.add-event-content-register--sp,.add-event-wrapper .box-event .add-event-content.drag-mobile{display:block}.add-event-wrapper .box-event .add-event-content .time-content{padding-left:49px!important}.add-event-wrapper .box-event .add-event-content .action-add .action-add-btn{width:100%!important}.add-event-wrapper .box-event .add-event-content .content-header{margin-bottom:8px;font-size:23px;line-height:28px}.add-event-wrapper .box-event .add-event-content textarea.MuiInput-inputMultiline::placeholder{font-size:16px;line-height:24px}.add-event-wrapper .box-event .add-event-content .field-item{padding:20px 0}.add-event-wrapper .box-event .add-event-content .field-item.new{padding:16px}.add-event-wrapper .box-event .add-event-content .field-item.new .focus-header{margin-bottom:20px}.add-event-wrapper .box-event .add-event-content .field-item.new .sub-text{padding-left:0}.add-event-wrapper .box-event .add-event-content .format .format-wrap .radio-item{margin-right:0!important}.add-event-wrapper .box-event .image-upload .image-qr{width:80px;height:80px;bottom:24px;left:24px}.add-event-wrapper .box-event .input-title{margin-top:1em}.add-event-wrapper .box-event .description{margin-top:24px;align-items:flex-start;display:flex}.add-event-wrapper .box-event .description .note-input{background:#eee;border-radius:3px;border:none;width:100%;min-height:100px;padding:1em}.add-event-wrapper .box-event .description img{margin-right:19px}.add-event-wrapper .box-event .description p{margin-right:2em;color:#666}.add-event-wrapper .box-event .plan{margin-top:30px;margin-bottom:100px;align-items:flex-start;display:flex}.add-event-wrapper .box-event .plan .add-plan{width:calc(100% - 35px)}.add-event-wrapper .box-event .plan .add-plan p.title{margin-bottom:12px}.add-event-wrapper .box-event .plan .add-plan .timeline-item{margin-bottom:1em}.add-event-wrapper .box-event .plan .add-plan .timeline-item .time-date{display:flex;align-items:center;justify-content:space-between;margin-bottom:1em}.add-event-wrapper .box-event .plan .add-plan .timeline-item .time-date .time-date-input .date-input,.add-event-wrapper .box-event .plan .add-plan .timeline-item .time-date .time-date-input .time-input{background:var(--clr-primary);opacity:.5;border-radius:3px}.add-event-wrapper .box-event .plan .add-plan .timeline-item .time-date .time-date-input .time-input{margin-right:.5em}.add-event-wrapper .box-event .plan .add-plan .timeline-item .note .note-input{background:#eee;border-radius:3px;border:none;width:100%;min-height:100px;padding:1em}.add-event-wrapper .box-event .plan img{margin-right:19px}.add-event-wrapper .box-event .plan p{margin-right:2em;color:#666}.add-event-wrapper .box-event .start-end-time .date-input,.add-event-wrapper .box-event .start-end-time .time-input{background:var(--clr-primary);opacity:.5;border-radius:3px}.add-event-wrapper .box-event .format{display:unset;margin-top:16px}.add-event-wrapper .box-event .format .title{margin-bottom:16px}.add-event-wrapper .box-event .format p{display:inline-block}.add-event-wrapper .box-event .format .radio-format{display:flex;flex-direction:row;margin-top:.5em}.add-event-wrapper .box-event .format .radio-format .radio-item{margin-right:4em}.add-event-wrapper .box-event .format .format-wrap{margin-left:43px}.add-event-wrapper .box-event .select-online-items{margin-top:13px}.add-event-wrapper .box-event .action-add{display:flex;justify-content:flex-end;margin-top:24px;position:fixed;bottom:0;left:0;width:100%;background-color:#fff;padding:15px 8% 10px;flex-direction:row;grid-gap:10px;gap:10px}.add-event-wrapper .box-event .action-add button{width:130px;height:36px}.add-event-wrapper .box-event .action-add-btn{width:100%!important;margin-bottom:10px}.add-event-wrapper .box-event .action-add .action-btn-publish{margin-left:0!important}.add-event-wrapper .box-event .save-register .action-save{width:100%;font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:16px;line-height:24px}.add-event-wrapper .list-user-box{padding:20px 0}.add-event-wrapper .list-user-box .list-user-mobile .item-user{padding:0 24px;margin:12px 0}.add-event-wrapper .list-user-box .list-user-mobile .item-user .item-user-info{padding-left:0;padding-right:5px;width:63%}.add-event-wrapper .list-user-box .list-user-mobile .btn-qr{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;padding-bottom:20px}.add-event-wrapper .list-user-box .list-user-mobile .btn-qr .down-load-list{font-family:"Roboto-Medium";font-weight:500;font-size:16px;line-height:24px;color:#999;padding:6px;width:45%}.add-event-wrapper .list-user-box .list-user-mobile .btn-qr .btn-check{width:45%}.add-event-wrapper .list-user-box .box-search{padding:0 24px}.model-register .action-add-register .action-add-btn{height:auto!important}.model-register .action-add-register .btn-group{font-size:13px}.model-register .action-add-register .btn-group:nth-child(2){border-top-left-radius:4px;border-bottom-left-radius:4px}.form-checkIn .title .title-head{font-size:23px;line-height:28px}.form-checkIn .title .title-sub{font-size:16px;line-height:24px}.form-checkIn .content{padding-top:30px}.form-checkIn .content .title-content{font-size:23px;line-height:30px;color:#333}.add-event-wrapper .box-event .save-register{width:100%;position:fixed;bottom:0;left:0;background-color:#fff;padding:21px 5%;z-index:1}.form-checkIn{width:320px!important}.form-checkIn .content{padding-left:0!important}.form-checkIn .data-scan{padding:30px 0}.model-register .field-item .wrap-content .field-item-content .field-item-img{display:none}.model-register .action-add-register .hidden{display:none!important}.model-register .action-add-register .action-add-btn{margin:0!important}.model-register .action-add-register .action-add-btn .hidden{display:none!important}.model-register .action-add-register .btn-group{font-weight:500;font-size:12px;line-height:16px;font-family:"Roboto-Medium"}.model-register .action-add-register .btn-group .MuiButton-startIcon{display:none}.add-event-wrapper .tabpanel-content,.wrap-mobile{background-color:#fff}.list-user-box .list-user-mobile .item-user{align-items:flex-start;border-bottom:none}.list-user-box .list-user-mobile .item-user .item-user-info{padding-left:24px;font-weight:400;font-size:16px;line-height:24px;color:#666}.list-user-box .list-user-mobile .item-user .item-user-info .user-name{font-weight:400;font-family:"Roboto-Regular"}.list-user-box .list-user-mobile .item-user .item-user-info .mail{display:flex;flex-direction:row}.list-user-box .list-user-mobile .item-user .item-user-info .mail .ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.list-user-box .list-user-mobile .item-user .item-user-btn{margin-top:8px;width:37%;text-align:right;padding-right:0}.list-user-box .list-user-mobile .item-user .item-user-btn .status-check{text-align:right;display:inline-block}.list-user-box .list-user-mobile .item-user .item-user-btn .status-check p{text-align:center;font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:16px;line-height:24px}.list-user-box .list-user-mobile .item-user:hover{background-color:#f6f7fa}.list-user-box .list-user-mobile .pagination-user-mobile{margin-top:40px}.list-user-box .pagination-user{display:none}.add-event-wrapper .tabpanel-content{padding:0!important}.add-event-wrapper .exit-page .exit-btn .MuiIconButton-label span{display:none}}.event-register{min-width:300px}.event-register .content{width:600px;padding:2em;margin-bottom:4em;font-family:"Roboto-Regular"}.event-register .content__title{line-height:50px;margin-bottom:2em;border-bottom:1px solid #b1b1b1;font-size:18px;color:#5c5c5c}.event-register .content .form .field{display:flex;align-items:center;margin-bottom:2em}.event-register .content .form .field__checkbox{margin-right:1em}.event-register .content .form .field img{width:25px;height:25px;margin-right:1em}.event-register .content .form .field p{border-bottom:1px solid #b1b1b1;line-height:50px;width:100%;font-size:14px;font-family:"Roboto-Regular";color:#5c5c5c}.event-register .content .form .field__switch{padding-top:2em}.event-register .content .form .btn-register-form{float:right;padding-right:15px}.event-register .content .form .note{align-items:flex-start}.event-register .content .form .note img{margin-top:.5em}.event-register .content .form .note .box-note{height:150px;padding:2em;line-height:0;border-bottom:none;border-radius:3px;background-color:#eee}.event-register .content .form .note .field__switch{padding:0}@media only screen and (min-width:600px)and (max-width:900px){.event-register .content{width:500px;padding:2em;margin-bottom:4em}.event-register .content__title{line-height:50px;margin-bottom:2em;border-bottom:1px solid #b1b1b1;font-size:18px;color:#5c5c5c}.event-register .content .form .field{display:flex;align-items:center;margin-bottom:2em}.event-register .content .form .field__checkbox{margin-right:1em}.event-register .content .form .field img{width:25px;height:25px;margin-right:1em}.event-register .content .form .field p{border-bottom:1px solid #b1b1b1;line-height:50px;width:100%}.event-register .content .form .field__switch{padding-top:2em}.event-register .content .form .note{align-items:flex-start}.event-register .content .form .note img{margin-top:.5em}.event-register .content .form .note .box-note{height:150px;padding:2em;line-height:0;border-bottom:none;border-radius:3px;background-color:#eee}.event-register .content .form .note .field__switch{padding:0}}@media only screen and (max-width:600px){.event-register{min-width:300px}.event-register .content{width:100%;min-width:300px;padding:1em;margin-bottom:4em}.event-register .content__title{line-height:50px;margin-bottom:2em;border-bottom:1px solid #b1b1b1;font-size:18px;color:#5c5c5c}.event-register .content .form .field{display:flex;align-items:center;margin-bottom:2em}.event-register .content .form .field__checkbox{margin-right:1em}.event-register .content .form .field img{width:25px;height:25px;margin-right:1em}.event-register .content .form .field p{border-bottom:1px solid #b1b1b1;line-height:50px;width:100%}.event-register .content .form .field__switch{padding-top:2em}.event-register .content .form .note{align-items:flex-start}.event-register .content .form .note img{margin-top:.5em}.event-register .content .form .note .box-note{height:150px;padding:1em;line-height:0;border-bottom:none;border-radius:3px;background-color:#eee}.event-register .content .form .note .field__switch{padding:0}}.pagination-custom{width:100%;margin-bottom:30px}.pagination-custom ul{display:flex;justify-content:center;align-items:center;width:100%;height:40px}.pagination-custom ul .btn-previous{background-image:url(/static/media/ArrowBackIcon.ade6a490.svg)}.pagination-custom ul .btn-previous:hover{background-image:url(/static/media/arrowBackIconCss.177e61b7.svg)}.pagination-custom ul .btn-next{background-image:url(/static/media/ArrowForwardIcon.0905a25d.svg)}.pagination-custom ul .btn-next:hover{background-image:url(/static/media/arrowNextIcon.a5b2abcd.svg)}.pagination-custom ul .btn-next,.pagination-custom ul .btn-next:hover,.pagination-custom ul .btn-previous,.pagination-custom ul .btn-previous:hover{width:40px;height:40px;background-repeat:no-repeat;background-position:50%}.pagination-custom .btn-redirect:hover{background:none;border:1px solid var(--clr-primary)!important}.style_UploadPaper__2luPz{max-width:432px;width:100%;padding:32px;top:50%;left:50%;position:absolute;transform:translate(-50%,-50%);min-height:50vh}.style_UploadPaper__2luPz .style_closeBtn__1vF-F{position:absolute;right:0;top:50%;transform:translateY(-50%);padding:3px}.style_UploadPaper__2luPz .style_title__8kxj4{position:relative;font-family:"Roboto-Regular";font-weight:400;text-align:center;font-size:28px;line-height:34px;letter-spacing:-.02em;color:#333;margin-bottom:24px}.style_UploadPaper__2luPz .style_template__1uNsw{display:flex;justify-content:center;padding-top:24px;margin-top:24px;border-top:1px solid #ccc}.style_UploadPaper__2luPz .style_template__1uNsw button{box-shadow:none;padding:0}.style_UploadPaper__2luPz .style_template__1uNsw button:hover{background:transparent;box-shadow:none}#form-file-upload{height:140px;width:100%;text-align:center;position:relative}#form-file-upload .text{font-family:"Roboto-Regular";font-style:normal;font-weight:400;font-size:16px;line-height:20px;text-align:center;color:#666}#input-file-upload{display:none}#label-file-upload{height:100%;display:flex;align-items:center;justify-content:center;border:1px solid #ccc;background-color:transparent;border-radius:4px}#label-file-upload.drag-active{background-color:#fff}#form-file-upload .btnUpload{background:var(--clr-primary);border-radius:4px;border:0;color:#fff;font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:16px;line-height:20px;width:138px;text-transform:none;margin:auto auto 20px;display:flex;align-items:center;letter-spacing:.015em;box-shadow:none}#form-file-upload .btnUpload:hover{box-shadow:none;background:linear-gradient(0deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.2)),#38a0ff}#drag-file-element{position:absolute;width:100%;height:100%;border-radius:1rem;top:0;right:0;bottom:0;left:0}.style_InvitePaper__2_83x{max-width:588px;width:100%;padding:32px;top:50%;left:50%;position:absolute;transform:translate(-50%,-50%);min-height:80vh}.style_InvitePaper__2_83x .style_tabpanelContent__ysuMC{padding:0}.style_InvitePaper__2_83x .style_tabHeader__3y60B{margin-bottom:30px}.style_InvitePaper__2_83x .style_closeBtn__2mrPh{position:absolute;right:0;top:50%;transform:translateY(-50%);padding:3px}.style_InvitePaper__2_83x .style_addBtn__3LWnO{background-color:transparent;color:var(--clr-primary);font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:16px;line-height:24px;text-transform:none}.style_InvitePaper__2_83x .style_addBtn__3LWnO:hover{background-color:transparent}.style_InvitePaper__2_83x .style_uploadBtn__15Trx{width:168px;height:36px;margin-left:32px;background-color:transparent;border:1px solid var(--clr-primary);border-radius:4px;font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:16px;line-height:20px;text-transform:unset;letter-spacing:.015em;color:var(--clr-primary)}.style_InvitePaper__2_83x .style_uploadBtn__15Trx:hover{box-shadow:none;background:rgba(56,160,255,.2)}.style_InvitePaper__2_83x .style_submitBtn__13iVh{width:168px;height:36px;background-color:var(--clr-primary);color:#fff;border:none;border-radius:4px;font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:16px;line-height:20px;text-transform:unset;box-shadow:none}.style_InvitePaper__2_83x .style_submitBtn__13iVh:hover{box-shadow:none;background:linear-gradient(0deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.2)),#38a0ff}.style_InvitePaper__2_83x .style_dataContainer__36soD{max-height:235px;overflow:auto}.style_InvitePaper__2_83x .style_dataContainer__36soD .style_emailLine__2C7Zy{display:flex;width:100%;align-items:center;position:relative;height:40px;margin-bottom:20px}.style_InvitePaper__2_83x .style_dataContainer__36soD .style_emailLine_Btn__opCHM{display:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.style_InvitePaper__2_83x .style_dataContainer__36soD .style_emailLine_Btn__opCHM:hover{background-color:transparent}.style_InvitePaper__2_83x .style_dataContainer__36soD .style_emailLine__2C7Zy .style_emailLine_Text__8OyGf{width:100%;display:flex;align-items:center;height:40px;border-bottom:1px solid #ccc}.style_InvitePaper__2_83x .style_dataContainer__36soD .style_emailLine__2C7Zy:hover .style_emailLine_Btn__opCHM{display:block;padding:0;background-color:transparent}.style_InvitePaper__2_83x .style_dataContainer__36soD .style_emailLine__2C7Zy:hover .style_emailLine_Text__8OyGf{background-color:#f6f6f7}.style_InvitePaper__2_83x .style_dataContainer__36soD .style_avatar__1z8Dl{width:30px;height:30px;margin-right:16px;background:linear-gradient(0deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.4)),#38a0ff;color:#fff}.style_InvitePaper__2_83x .style_total__2VEKt{font-family:"Roboto-Regular";font-style:normal;font-weight:400;font-size:16px;line-height:19px;color:var(--clr-primary)}.style_InvitePaper__2_83x .style_groupBtn__1-QXL{position:absolute;bottom:0;width:100%;left:0;padding:32px}.style_InvitePaper__2_83x .style_title__PYi-P{position:relative;font-family:"Roboto-Regular";font-weight:400;text-align:center;font-size:28px;line-height:34px;letter-spacing:-.02em;color:#333;margin-bottom:24px}.style_InvitePaper__2_83x .style_tabHeader__3y60B{width:100%}.style_InvitePaper__2_83x .style_tab__pfP33{width:20%;font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:18px;line-height:28px;display:flex;align-items:center;text-align:center;text-transform:unset}.style_InvitePaper__2_83x .style_addField__2xk_T{display:flex;width:100%;justify-content:space-between;align-items:stretch;margin-bottom:32px}.style_InvitePaper__2_83x .style_addFieldInput__Hc0uL{font-family:"Roboto-Regular";font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#333}.style_InvitePaper__2_83x .style_addFieldInput__Hc0uL ::placeholder{font-family:"Roboto-Regular";font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#666}.style_InvitePaper__2_83x .style_tabSingle__3NNDN{justify-content:center}.EventItem-wrapper{height:370px;overflow:hidden}.EventItem-wrapper .banner .number-person{left:16px}.EventItem-wrapper .banner .status{left:84px}.EventItem-wrapper .banner .btn-more{right:16px}.EventItem-wrapper .content .event-status{font-family:"Roboto-Medium";font-weight:500;line-height:16px}.EventItem-wrapper .content .event-description .status{background:var(--clr-primary)!important;margin:16px 0}@media only screen and (max-width:600px){.EventItem-wrapper .banner .btn-more{opacity:1}}.event-wrapper{padding-bottom:8em;height:90vh;background:#f6f6f7}.event-wrapper .event-header{padding:46px 50px 32px;background:#f6f6f7}.event-wrapper .event-header .enterprise-info .info{padding-left:1em}.event-wrapper .event-header .enterprise-info .info .enterprise-name{font-size:14px}.event-wrapper .event-header .enterprise-info .info .url-name{font-size:12px;color:var(--clr-primary)}.event-wrapper .event-header .action .add-event,.event-wrapper .event-header .action .script-copy{text-transform:none}.event-wrapper .event-header .action .add-event img,.event-wrapper .event-header .action .script-copy img{margin-right:1em}.event-wrapper .event-header .action .add-event{color:#cee8ff;box-shadow:3px 5px 20px rgba(0,0,0,.25)}.event-wrapper .event-header .action .add-event img{height:30px}.event-wrapper .event-header .action .add-event p{font-family:"Roboto-Regular";font-size:14px}.event-wrapper .event-header .btn-subheader{display:flex;justify-content:flex-end}.event-wrapper .event-header .btn-subheader .script-copy{font-family:"Roboto-Regular";font-weight:400;font-size:14px;color:#5c5c5c}.event-wrapper .event-header .btn-view{width:"186px";text-transform:none;font-family:"Roboto-Regular";font-weight:400;color:#666;font-size:19px;line-height:23px}.event-wrapper .event-header .content{display:flex;justify-content:space-between;width:100%}.event-wrapper .event-header .content .content-right{display:flex}.event-wrapper .event-header .content .content-right .add-event{height:36px;box-shadow:none;font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:14px;line-height:24px;background-color:var(--clr-primary)!important}.event-wrapper .event-header .content .content-right .add-event:hover{background:var(--clr-primary-hover)!important;box-shadow:none}.event-wrapper .event-header .content .content-right .add-event,.event-wrapper .event-header .content .content-right .script-copy{margin-left:15px;text-transform:none}.event-wrapper .event-header .content .content-right .add-event img,.event-wrapper .event-header .content .content-right .script-copy img{padding-right:15px}.event-wrapper .event-header .content .content-right .script-copy p{color:#666}.event-wrapper .event-body{background:#f6f6f7;padding:0 50px}.event-wrapper .event-body .search-filter{display:flex;align-items:flex-end;margin-bottom:2em}.event-wrapper .event-body .search-filter .search{display:flex;align-items:flex-end}.event-wrapper .event-body .search-filter .search .search-input{width:350px;margin-right:1em}.event-wrapper .event-body .search-filter .search img{margin-right:1em}.event-wrapper .event-body h3{padding-bottom:28px;padding-top:12px;font-weight:500;width:100%;font-size:18px;color:#4f4f4f;font-family:"Roboto-Medium"}.event-wrapper .event-body .paginate{display:flex;justify-content:center;width:100%;margin-bottom:20px}.event-wrapper .event-body .paginate .Mui-selected{background:none;color:var(--clr-primary)}.event-wrapper .list-events{width:100%}.event-wrapper .btn-view-all-event{width:100%;display:flex;justify-content:flex-end}.event-wrapper .btn-view-all-event p{text-transform:none;padding-right:15px;font-size:18px;color:#5c5c5c;font-family:"Roboto-Regular"}.popover-copy{position:relative}@media only screen and (min-width:960px)and (max-width:1200px){.event-wrapper{padding-bottom:2em}.event-wrapper .event-header .enterprise-info .info{padding-left:1em}.event-wrapper .event-header .enterprise-info .info .url-name{font-size:12px;color:var(--clr-primary)}.event-wrapper .event-header .action .add-event img,.event-wrapper .event-header .action .script-copy img{margin-right:1em}.event-wrapper .event-header .action .add-event{color:#cee8ff;box-shadow:3px 5px 20px rgba(0,0,0,.25)}.event-wrapper .event-header .action .add-event img{height:inherit}.event-wrapper .event-body .search-filter{display:flex;align-items:flex-end;margin-bottom:2em}.event-wrapper .event-body .search-filter .search{display:flex;align-items:flex-end}.event-wrapper .event-body .search-filter .search .search-input{width:350px;margin-right:1em}.event-wrapper .event-body .search-filter .search img{margin-right:1em}}@media only screen and (max-width:700px){.event-wrapper .event-header .content .content-right .script-copy p{display:none!important}}@media only screen and (min-width:600px)and (max-width:960px){.event-wrapper{padding-bottom:2em}.event-wrapper .event-header .enterprise-info .info{padding-left:1em}.event-wrapper .event-header .enterprise-info .info .url-name{font-size:12px;color:var(--clr-primary)}.event-wrapper .event-header .action .add-event img,.event-wrapper .event-header .action .script-copy img{margin-right:5px}.event-wrapper .event-header .action .add-event{color:#cee8ff;box-shadow:3px 5px 20px rgba(0,0,0,.25);font-size:12px}.event-wrapper .event-header .action .add-event img{height:inherit}.event-wrapper .event-body{padding:0 25px}.event-wrapper .event-body .search-filter{display:flex;align-items:flex-end;margin-bottom:2em}.event-wrapper .event-body .search-filter .search{display:flex;align-items:flex-end}.event-wrapper .event-body .search-filter .search .search-input{width:350px;margin-right:1em}.event-wrapper .event-body .search-filter .search img{margin-right:1em}}@media only screen and (max-width:328px){.event-wrapper .event-header .content .content-left{display:flex;justify-content:center}.event-wrapper .event-header .content .content-right .btn-group{flex-direction:column}}@media only screen and (max-width:600px){.event-wrapper .event-header{padding:20px 50px}.event-wrapper .event-header .content{padding:1em 0!important}.event-wrapper .event-header .content .content-left{display:flex;padding-right:4vw}.event-wrapper .event-header .content .content-left .btn-view{padding:0}.event-wrapper .event-header .content .content-right{flex-direction:row;flex:1 1;justify-content:flex-end}.event-wrapper .event-header .content .content-right .btn-group{display:flex;justify-content:space-between}.event-wrapper .event-header .content .content-right .MuiButton-root{min-width:unset;width:35px}.event-wrapper .event-header .content .content-right .add-event{padding:7px 12px;font-size:14px;line-height:24px;align-self:center;min-width:139px}.event-wrapper .event-header .content .content-right .add-event img,.event-wrapper .event-header .content .content-right .script-copy img{padding-right:10px}.event-wrapper .event-body,.event-wrapper .event-header{padding:0 6.4vw}}@media only screen and (max-width:760px){.content .content-right{display:flex;justify-content:space-between}.content .content-right .add-event,.content .content-right .script-copy{margin-left:0!important}}.event-viewall .back-event{display:flex;align-items:center;margin:1em auto;padding-left:32px}.event-viewall .back-event p{font-size:24px;margin-left:.5em;color:#5c5c5c}.event-viewall .event-viewall-header{border-bottom:1px solid #b1b1b1}.event-viewall .tabs-event-wrapper{position:relative}.event-viewall .tabs-event-wrapper .tabs-event{margin:0 auto}.event-viewall .tabs-event-wrapper .tabs-event .tab{min-width:3em!important;margin-right:1em;font-family:"Roboto-Regular";color:#646464;font-size:14px;text-transform:none}.event-viewall .tabs-event-wrapper .tabs-event .tab.Mui-selected{font-family:"Roboto-Bold";font-weight:700}.event-viewall .event-body{margin-top:1em;padding:0 50px}.event-viewall .list-events{width:100%}@media only screen and (max-width:412px){.event-viewall .event-body{padding:0 15px!important}.event-viewall .back-event,.event-viewall .tabs-event{padding-left:0!important}.event-viewall .back-event{margin:0!important}.event-viewall .tab:first-child{padding-left:0!important}}@media only screen and (max-width:600px){.tabs-event-wrapper .tabs-event{padding-left:24px}}@media only screen and (min-width:601px){.tabs-event-wrapper .tabs-event{padding-left:16px}}*{margin:0;padding:0;box-sizing:border-box}.event-tabpanel-wrapper{padding:1em 0}.event-tabpanel-wrapper .event-list .event-item-wrapper{height:300px;margin-bottom:2em;cursor:pointer;padding-right:1em!important}.event-tabpanel-wrapper .event-list .event-item-wrapper .event-item{height:100%;width:100%;border:1px solid #eee}.event-tabpanel-wrapper .event-list .event-item-wrapper .event-item:hover{box-shadow:0 0 25px rgba(0,0,0,.25)}.event-tabpanel-wrapper .event-list .event-item-wrapper .event-item .event-banner{width:100%;height:125px;position:relative}.event-tabpanel-wrapper .event-list .event-item-wrapper .event-item .event-banner img{width:100%;height:100%}.event-tabpanel-wrapper .event-list .event-item-wrapper .event-item .event-banner span{position:absolute;right:8px;bottom:8px;color:#ececec;background-color:var(--clr-primary);box-shadow:0 0 25px rgba(0,0,0,.25);border-radius:3px;padding:5px 20px}.event-tabpanel-wrapper .event-list .event-item-wrapper .event-item .event-content{width:100%;height:130px;padding:8px 5px 8px 8px;border-bottom:1px solid #eee}.event-tabpanel-wrapper .event-list .event-item-wrapper .event-item .event-content .title{margin-bottom:8px}.event-tabpanel-wrapper .event-list .event-item-wrapper .event-item .event-content .content{font-size:12px;color:#5c5c5c;padding-bottom:8px}.event-tabpanel-wrapper .event-list .event-item-wrapper .event-item .event-content .content span{font-weight:700}.event-tabpanel-wrapper .event-list .event-item-wrapper .event-item .enterprise{display:flex;align-items:center;height:40px;padding:8px 5px 8px 8px}.event-tabpanel-wrapper .event-list .event-item-wrapper .event-item .enterprise .avatar{width:25px;height:25px}.event-tabpanel-wrapper .event-list .event-item-wrapper .event-item .enterprise .enterprise-name{margin-left:1em;font-size:12px;color:#5c5c5c}.grid{width:100%;display:block;padding:0}.grid.wide{max-width:1200px;margin:0 auto}.row{display:flex;flex-wrap:wrap;margin-left:-4px;margin-right:-4px}.row.no-gutters{margin-left:0;margin-right:0}.col{padding-left:4px;padding-right:4px}.row.no-gutters .col{padding-left:0;padding-right:0}.c-0{display:none}.c-1{flex:0 0 8.33333%;max-width:8.33333%}.c-2{flex:0 0 16.66667%;max-width:16.66667%}.c-3{flex:0 0 25%;max-width:25%}.c-4{flex:0 0 33.33333%;max-width:33.33333%}.c-5{flex:0 0 41.66667%;max-width:41.66667%}.c-6{flex:0 0 50%;max-width:50%}.c-7{flex:0 0 58.33333%;max-width:58.33333%}.c-8{flex:0 0 66.66667%;max-width:66.66667%}.c-9{flex:0 0 75%;max-width:75%}.c-10{flex:0 0 83.33333%;max-width:83.33333%}.c-11{flex:0 0 91.66667%;max-width:91.66667%}.c-12{flex:0 0 100%;max-width:100%}.c-o-1{margin-left:8.33333%}.c-o-2{margin-left:16.66667%}.c-o-3{margin-left:25%}.c-o-4{margin-left:33.33333%}.c-o-5{margin-left:41.66667%}.c-o-6{margin-left:50%}.c-o-7{margin-left:58.33333%}.c-o-8{margin-left:66.66667%}.c-o-9{margin-left:75%}.c-o-10{margin-left:83.33333%}.c-o-11{margin-left:91.66667%}@media(min-width:740px){.row{margin-left:-8px;margin-right:-8px}.col{padding-left:8px;padding-right:8px}.m-0{display:none}.m-1,.m-2,.m-3,.m-4,.m-5,.m-6,.m-7,.m-8,.m-9,.m-10,.m-11,.m-12{display:block}.m-1{flex:0 0 8.33333%;max-width:8.33333%}.m-2{flex:0 0 16.66667%;max-width:16.66667%}.m-3{flex:0 0 25%;max-width:25%}.m-4{flex:0 0 33.33333%;max-width:33.33333%}.m-5{flex:0 0 41.66667%;max-width:41.66667%}.m-6{flex:0 0 50%;max-width:50%}.m-7{flex:0 0 58.33333%;max-width:58.33333%}.m-8{flex:0 0 66.66667%;max-width:66.66667%}.m-9{flex:0 0 75%;max-width:75%}.m-10{flex:0 0 83.33333%;max-width:83.33333%}.m-11{flex:0 0 91.66667%;max-width:91.66667%}.m-12{flex:0 0 100%;max-width:100%}.m-o-1{margin-left:8.33333%}.m-o-2{margin-left:16.66667%}.m-o-3{margin-left:25%}.m-o-4{margin-left:33.33333%}.m-o-5{margin-left:41.66667%}.m-o-6{margin-left:50%}.m-o-7{margin-left:58.33333%}.m-o-8{margin-left:66.66667%}.m-o-9{margin-left:75%}.m-o-10{margin-left:83.33333%}.m-o-11{margin-left:91.66667%}}@media(min-width:1113px){.row{margin-left:-12px;margin-right:-12px}.row.sm-gutter{margin-left:-5px;margin-right:-5px}.col{padding-left:12px;padding-right:12px}.row.sm-gutter .col{padding-left:5px;padding-right:5px}.l-0{display:none}.l-1,.l-2,.l-2-4,.l-3,.l-4,.l-5,.l-6,.l-7,.l-8,.l-9,.l-10,.l-11,.l-12{display:block}.l-1{flex:0 0 8.33333%;max-width:8.33333%}.l-2{flex:0 0 16.66667%;max-width:16.66667%}.l-2-4{flex:0 0 20%;max-width:20%}.l-3{flex:0 0 25%;max-width:25%}.l-4{flex:0 0 33.33333%;max-width:33.33333%}.l-5{flex:0 0 41.66667%;max-width:41.66667%}.l-6{flex:0 0 50%;max-width:50%}.l-7{flex:0 0 58.33333%;max-width:58.33333%}.l-8{flex:0 0 66.66667%;max-width:66.66667%}.l-9{flex:0 0 75%;max-width:75%}.l-10{flex:0 0 83.33333%;max-width:83.33333%}.l-11{flex:0 0 91.66667%;max-width:91.66667%}.l-12{flex:0 0 100%;max-width:100%}.l-o-1{margin-left:8.33333%}.l-o-2{margin-left:16.66667%}.l-o-3{margin-left:25%}.l-o-4{margin-left:33.33333%}.l-o-5{margin-left:41.66667%}.l-o-6{margin-left:50%}.l-o-7{margin-left:58.33333%}.l-o-8{margin-left:66.66667%}.l-o-9{margin-left:75%}.l-o-10{margin-left:83.33333%}.l-o-11{margin-left:91.66667%}}@media(min-width:740px)and (max-width:1023px){.wide{width:644px}}@media(min-width:1024px)and (max-width:1239px){.wide{width:984px}.wide .row{margin-left:-12px;margin-right:-12px}.wide .row.sm-gutter{margin-left:-5px;margin-right:-5px}.wide .col{padding-left:12px;padding-right:12px}.wide .row.sm-gutter .col{padding-left:5px;padding-right:5px}.wide .l-0{display:none}.wide .l-1,.wide .l-2,.wide .l-2-4,.wide .l-3,.wide .l-4,.wide .l-5,.wide .l-6,.wide .l-7,.wide .l-8,.wide .l-9,.wide .l-10,.wide .l-11,.wide .l-12{display:block}.wide .l-1{flex:0 0 8.33333%;max-width:8.33333%}.wide .l-2{flex:0 0 16.66667%;max-width:16.66667%}.wide .l-2-4{flex:0 0 20%;max-width:20%}.wide .l-3{flex:0 0 25%;max-width:25%}.wide .l-4{flex:0 0 33.33333%;max-width:33.33333%}.wide .l-5{flex:0 0 41.66667%;max-width:41.66667%}.wide .l-6{flex:0 0 50%;max-width:50%}.wide .l-7{flex:0 0 58.33333%;max-width:58.33333%}.wide .l-8{flex:0 0 66.66667%;max-width:66.66667%}.wide .l-9{flex:0 0 75%;max-width:75%}.wide .l-10{flex:0 0 83.33333%;max-width:83.33333%}.wide .l-11{flex:0 0 91.66667%;max-width:91.66667%}.wide .l-12{flex:0 0 100%;max-width:100%}.wide .l-o-1{margin-left:8.33333%}.wide .l-o-2{margin-left:16.66667%}.wide .l-o-3{margin-left:25%}.wide .l-o-4{margin-left:33.33333%}.wide .l-o-5{margin-left:41.66667%}.wide .l-o-6{margin-left:50%}.wide .l-o-7{margin-left:58.33333%}.wide .l-o-8{margin-left:66.66667%}.wide .l-o-9{margin-left:75%}.wide .l-o-10{margin-left:83.33333%}.wide .l-o-11{margin-left:91.66667%}}.Profile-wrapper .main .head .header-content .avatar-main-item{border:.1rem dashed grey;border-radius:.5rem}.rc-profile-popover-z-index{z-index:0!important}.password-date{font-family:"Roboto-Regular";font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:#666}.textField .MuiFormLabel-root{color:#bbb}.textField .MuiFormLabel-root,.textField .MuiInputBase-input{font-family:"Roboto-Regular";font-style:normal;font-weight:400;font-size:16px;line-height:24px}.Profile-wrapper .main .head{padding:15px 0;background-color:#f6f7fa}.Profile-wrapper .main .head .header-content{display:flex;flex-direction:row;align-items:flex-end}.Profile-wrapper .main .head .header-content__main{display:flex;flex-direction:column}.Profile-wrapper .main .head .header-content .avatar{width:8rem;height:8rem;margin-bottom:40px}.Profile-wrapper .main .head .header-content .avatar .avatar-add-item{width:100%;height:100%;border:.01rem dashed grey;border-radius:.05rem;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.Profile-wrapper .main .head .header-content .avatar .avatar-add-item .avatar-text{color:grey;margin-top:.5rem}.Profile-wrapper .main .head .header-content .avatar-main-item{width:100%;height:100%;border:none;box-shadow:3px 3px 10px rgba(0,0,0,.15);border-radius:5px;overflow:hidden;position:relative}.Profile-wrapper .main .head .header-content .avatar-main-item .avatar-control-edit{position:absolute;top:0;display:none;justify-content:space-between;width:100%;height:100%;padding:1rem;background:rgba(0,0,0,.4196078431)}.Profile-wrapper .main .head .header-content .avatar-main-item:hover .avatar-control-edit{display:flex}.Profile-wrapper .main .head .header-content .name-tab{font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:16px;line-height:19px;color:var(--clr-primary);position:relative;width:-moz-fit-content;width:fit-content}.Profile-wrapper .main .head .header-content .name-tab:before{content:"";position:absolute;height:2px;width:100%;left:0;background-color:var(--clr-primary);bottom:-13px;transition:.3s}.Profile-wrapper .main .head .header-content .name-tab .user-name{font-family:"Roboto-Regular";font-style:normal;font-weight:400;font-size:24px;line-height:28px;color:#333}.Profile-wrapper .main .head .header-content .name-tab .user-id{font-family:"Roboto-Regular";font-style:normal;font-weight:400;font-size:12px;line-height:14px;color:#5d5d5d;margin-top:2px}.Profile-wrapper .main .head .header-content .name-tab .tab-header{display:flex;grid-column-gap:50px;column-gap:50px;margin-top:25px;font-size:18px;font-weight:400;position:relative}.Profile-wrapper .main .head .header-content .name-tab .tab-header:before{content:"";position:absolute;height:2px;width:var(--underline-width);left:var(--underline-pos);background-color:#5377f4;bottom:-15px;transition:.3s}.Profile-wrapper .main .head .header-content .name-tab .tab-header .tabs{cursor:pointer;color:#666;font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:16px;line-height:19px}.Profile-wrapper .main .head .header-content .name-tab .tab-header .tabs.active{color:var(--clr-primary)}.Profile-wrapper .main .content{padding:15px 0}.Profile-wrapper .main .content .info-account{padding:34px 0;margin:auto}.Profile-wrapper .main .content .name-profile{font-family:"Roboto-Regular";font-style:normal;font-weight:400;font-size:24px;line-height:28px;color:#333;margin-right:60px;text-align:right;text-align-last:center}.Profile-wrapper .main .content .right-profile .title,.Profile-wrapper .main .content .right-profile .value{font-family:"Roboto-Regular";font-style:normal;font-weight:400;font-size:16px;line-height:28px;color:#666}.Profile-wrapper .main .content .right-profile .value{color:#333;display:flex;line-height:24px;justify-content:space-between;cursor:auto}.Profile-wrapper .main .content .right-profile .value .editBtn{cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.Profile-wrapper .main .content .right-profile .value .editBtn:hover{border-radius:50%;background-color:hsla(0,0%,86.7%,.4588235294)}.Profile-wrapper .main .content .right-profile .value:hover{cursor:pointer;border-radius:.2rem}.Profile-wrapper .main .content .right-profile+.right-profile{margin-top:33px}.Profile-wrapper .main .info-account:not(:first-child){border-top:.1rem solid #e1e1e1}.Profile-wrapper .main .password{font-size:1.4rem}.Profile-wrapper .main #email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.Profile-wrapper .main #email:hover{background:unset;overflow:visible}.Profile-wrapper .main .connected{margin-top:34px;border-radius:10px;box-shadow:5px 5px 10px 0 rgba(0,0,0,.2)}.Profile-wrapper .main .connected .header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e5e5}.Profile-wrapper .main .connected .header .title{font-family:"Roboto-Regular";font-style:normal;font-weight:400;font-size:24px;line-height:28px;color:#333}.Profile-wrapper .main .connected .header .add{padding:10px;text-transform:none;font-size:14px;line-height:24px;color:#fff;font-weight:500;background-color:var(--clr-primary);font-family:"Roboto-Medium";box-shadow:none;border-radius:4px;border:none;cursor:pointer;transition:.3s}.Profile-wrapper .main .connected .header .add:hover{color:#fff;background:linear-gradient(0deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.2)),#38a0ff}.Profile-wrapper .main .connected .body{background-color:#f9f9f9}.Profile-wrapper .main .connected .body .group{padding:20px;display:flex;align-items:center}.Profile-wrapper .main .connected .body .group .calendar-icon{border-radius:50%;width:32px;height:32px;margin-right:20px}.Profile-wrapper .main .connected .body .group .calendar-icon img{width:100%;border-radius:50%;transform:scale(1.3)}.Profile-wrapper .main .connected .body .group .account-info{flex:1 1;display:flex;flex-direction:column}.Profile-wrapper .main .connected .body .group .account-info span{color:#686868}.Profile-wrapper .main .connected .body .group .account-info span+span{color:#000;font-size:20px}.Profile-wrapper .main .connected .body .group .disconnect{display:flex;align-items:center;cursor:pointer}.Profile-wrapper .main .connected .body .group .disconnect img{margin-right:10px}.Profile-wrapper .main .connected .body .group+.group{border-top:1px solid #797979}@media only screen and (max-width:1300px){.Profile-wrapper .main .content{padding:0 25px 25px}.Profile-wrapper .main .head .header-content{padding:25px 25px 0;margin:auto;flex-direction:row}}@media only screen and (max-width:960px){.Profile-wrapper .main .content .name-profile{text-align-last:left;margin-bottom:20px}}@media only screen and (max-width:600px){.Profile-wrapper .main .head{padding:15px 0;box-shadow:none;overflow:hidden}.Profile-wrapper .main .head .header-content{align-items:flex-start}.Profile-wrapper .main .head .header-content .name-tab{margin-left:0}.Profile-wrapper .main .head .header-content .name-tab .user-name{font-size:24px;line-height:28px;color:#333}.Profile-wrapper .main .head .header-content .name-tab .user-id{font-size:12px;line-height:14px;margin-top:5px;color:#5d5d5d}.Profile-wrapper .main .head .header-content .name-tab .tab-header{margin-top:60px;grid-column-gap:20px;column-gap:20px}.Profile-wrapper .main .head .header-content .name-tab .tab-header .tab{font-size:16px;line-height:19px}.Profile-wrapper .main .connected{box-shadow:none;width:calc(100vw - 50px)}.Profile-wrapper .main .connected .header:before{display:block;content:"";position:fixed;bottom:0;background-color:#fff;width:100%;height:90px;left:0}.Profile-wrapper .main .connected .header .add{position:fixed;bottom:0;left:50%;transform:translate(-50%);text-align:center;z-index:2;display:flex;justify-content:center;margin-bottom:20px;align-items:center;width:90%}.Profile-wrapper .main .connected .body{background-color:transparent}.Profile-wrapper .main .connected .body .group .calendar-icon{box-shadow:none;background-color:transparent;width:20px;height:20px;margin-right:10px}.Profile-wrapper .main .connected .body .group+.group{border-top:1px solid #e5e5e5}.Profile-wrapper .main .connected .body .group .account-info span+span{font-family:"Roboto-Regular";font-style:normal;font-weight:400;font-size:16px;line-height:19px;color:#666}.Profile-wrapper .main .content{padding:0 25px 25px}.Profile-wrapper .main .content .info-account{padding:24px 0}.Profile-wrapper .main .content .name-profile{margin-bottom:15px;font-size:24px;line-height:28px;color:#333}.Profile-wrapper .main .content .right-profile .value-container{max-width:none;flex-basis:75%}.Profile-wrapper .main .content .right-profile .MuiGrid-container{align-items:center}.Profile-wrapper .main .content .right-profile .title{font-size:16px;line-height:28px;color:#666;margin-right:10px}.Profile-wrapper .main .content .right-profile .value{font-size:16px;line-height:24px;color:#333}.Profile-wrapper .main .content .right-profile .password{font-size:18px;line-height:21px;color:#333}.Profile-wrapper .main .content .name-profile{margin-bottom:30px;display:flex}}.modal-paper-add-user{display:flex;align-items:center;justify-content:center}.modal-paper-add-user .group-btn-action{text-transform:none;font-family:"Roboto-Regular"}.modal-paper-add-user .group-btn-action.btn-add{box-shadow:none}.modal-paper-add-user .group-btn-action.btn-add:hover{box-shadow:none;background:linear-gradient(0deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.2)),#38a0ff}.modal-paper-add-user .group-btn-action.btn-close,.modal-paper-add-user .group-btn-action.btn-close:hover{box-shadow:none}.modal-paper-add-user p{padding:20px 0;color:inherit}.modal-content-user{width:500px;padding:20px 40px}.modal-content-user .title-header{margin-bottom:28px;text-align:center;font-family:"Roboto-Regular";font-size:24px;font-weight:400}.rc-modal-add-user .error-message{color:red}.rc-modal-add-user-main-form-item{margin:1rem 0}.rc-modal-add-user-main-form-item-text_field{width:100%;margin:1rem 0!important}.rc-modal-add-user-main-form .upload-file{outline:none}.rc-add-account-avatar{width:100%;height:15rem}.rc-add-account-avatar .rc-avatar-add-item{width:100%;height:100%;border:.01rem dashed grey;border-radius:.05rem;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background-color:hsla(0,0%,50.2%,.5490196078)}.rc-add-account-avatar .rc-avatar-add-item .rc-avatar-text{color:grey;margin-top:.5rem}.rc-avatar-main-item{width:100%;height:100%;border:.1rem dashed grey;border-radius:.5rem;overflow:hidden;position:relative}.rc-avatar-main-item .rc-avatar-control-edit{position:absolute;top:0;display:none;justify-content:space-between;width:100%;height:100%;padding:1rem;background:rgba(0,0,0,.4196078431)}.rc-avatar-main-item:hover .rc-avatar-control-edit{display:flex}@media only screen and (max-width:400px){.modal-content-user{padding:20px!important;width:90%}}.User-wrapper{min-height:80vh;padding-left:5%;padding-right:5%;margin-top:30px;margin-bottom:30px;display:flex;justify-content:center}.User-wrapper .list-user-wrapper{box-shadow:0 0 10px rgba(0,0,0,.25);border-radius:5px;max-width:1000px;padding:0 45px}.User-wrapper .list-user-wrapper .isLoading{width:50vw;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.User-wrapper .list-user-wrapper .wrapper{padding:2em}.User-wrapper .list-user-wrapper .wrapper .action{display:flex;justify-content:flex-end}.User-wrapper .list-user-wrapper .wrapper .action .btn-add{text-transform:none;background-color:var(--clr-primary)!important;color:#e0e0e0}.User-wrapper .list-user-wrapper .wrapper .user-list{margin-top:2em}.User-wrapper .list-user-wrapper .wrapper .user-list .user-item{display:flex;flex-flow:row nowrap;align-items:center;height:4em;border-bottom:1px solid #b1b1b1;min-width:100%}.User-wrapper .list-user-wrapper .wrapper .user-list .user-item .icon-moreover .rc-users-item{padding:1rem}.User-wrapper .list-user-wrapper .wrapper .user-list .user-item .icon-moreover .rc-users-item-col{color:#888787;position:relative}.User-wrapper .list-user-wrapper .wrapper .user-list .user-item .icon-moreover .rc-users-item-col-control-group{display:flex;align-items:center}.User-wrapper .list-user-wrapper .wrapper .user-list .user-item .icon-moreover .rc-users-item-col-control{position:absolute;width:0;display:flex;right:0;z-index:999;transition:width .5s;overflow:hidden}.User-wrapper .list-user-wrapper .wrapper .user-list .user-item .icon-moreover .rc-users-item-col-control-item{margin:.5rem}.User-wrapper .list-user-wrapper .wrapper .user-list .user-item .icon-moreover:hover .rc-users-item-col-control{width:150px}.User-wrapper .list-user-wrapper .userlist-table .role-option{display:flex;align-items:center;justify-content:flex-end;min-width:190px}.User-wrapper .list-user-wrapper .userlist-table .header-button{padding-right:0;border:none;padding-top:36px}.User-wrapper .list-user-wrapper .userlist-table .header-button .btn-add-user{text-transform:none;font-size:14px;line-height:24px;color:#fff;background-color:var(--clr-primary);font-family:"Roboto-Medium";font-weight:500;box-shadow:none;padding:8px 0;width:186px}.User-wrapper .list-user-wrapper .userlist-table .header-button .btn-add-user:hover{background:var(--clr-primary-hover)!important;box-shadow:none}.User-wrapper .list-user-wrapper .userlist-table .table-content .general-table{font-family:"Roboto-Regular";font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#666}.User-wrapper .list-user-wrapper .userlist-table .table-content .more-over-btn{position:relative}.User-wrapper .list-user-wrapper .userlist-table .table-content .more-over-btn:hover{background-color:transparent}.User-wrapper .list-user-wrapper .userlist-table .table-content .more-over-btn:hover :after{content:"";background-color:hsla(0,0%,80%,.2588235294);width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.popover-select-role-main{width:200px!important}.popover-select-role-main-item{cursor:pointer;padding:1rem;font-family:"Roboto-Regular";font-size:14px;color:#000}.popover-select-role-main-item:hover{background-color:hsla(0,0%,50.2%,.344)}.modal-confirm{display:flex;justify-content:center;align-items:center;z-index:99999}.modal-confirm-main{width:40%;outline:none;padding:2rem;max-height:80vh;overflow-y:auto;overflow-x:hidden;font-weight:700;max-width:300px}.modal-confirm-main .cancel-btn{font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:14px;line-height:24px;color:#999;box-shadow:none}.modal-confirm-main .cancel-btn:hover{box-shadow:none}.modal-confirm-main .submit-btn{font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:16;line-height:20px;color:#fff;box-shadow:none}.modal-confirm-main .submit-btn:hover{background:var(--clr-primary-hover);box-shadow:none}.modal-confirm .add-to-web{width:600px;height:100vh;padding:20px;max-height:600px}.modal-confirm .add-to-web .header{padding-bottom:15px;text-align:center}.modal-confirm .add-to-web .embed-wrap{display:flex}.modal-confirm .add-to-web .embed-wrap .embed-content{width:50%}.modal-confirm .add-to-web .embed-wrap .embed-content .header,.modal-confirm .add-to-web .embed-wrap .embed-content .sub-header{text-align:left}.modal-confirm .add-to-web .embed-wrap .embed-content .sub-header{padding-bottom:15px}.modal-confirm .add-to-web .embed-wrap .embed-content .input-title{border:1px dashed var(--primary-color,#0069ff)}.modal-confirm .add-to-web .embed-wrap .embed-right{border:1px solid #ececee;padding:24px}.modal-confirm .add-to-web .embed-wrap .embed-right .text-embed-code{padding-left:10px;border:1px dashed var(--primary-color,#0069ff)}.modal-confirm .add-to-web .embed-wrap .embed-right .text-embed-code textarea{white-space:pre-line}.modal-confirm .add-to-web .embed-wrap .embed-left{border:1px solid #ececee}.modal-confirm .add-to-web .embed-wrap .embed-left .group-name-header{padding:24px;border-bottom:1px solid #ececee;display:flex;justify-content:space-between}.modal-confirm .add-to-web .embed-wrap .embed-left .group-left-content{padding:24px}.modal-confirm .add-to-web .embed-wrap .embed-left .group-left-content .left-content{font-weight:400}.modal-confirm .add-to-web .embed-wrap .embed-left .group-left-content .describe{margin-top:10px}.modal-confirm .add-to-web .embed-wrap .embed-left .group-left-content .text-input{margin-top:15px;margin-bottom:15px}.modal-confirm .add-to-web .embed-wrap .embed-left .group-left-content .text-input .title-input{font-weight:700;margin-bottom:5px}.modal-confirm .add-to-web .embed-wrap .embed-left .group-left-content .group-choose-color{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.modal-confirm .add-to-web .embed-wrap .embed-left .group-left-content .group-choose-color .show-color{display:inline-block;box-sizing:border-box;width:24px;height:24px;border:1px solid rgba(0,0,0,.2);border-radius:5px}.modal-confirm .add-to-web .sub-header{text-align:center}.modal-confirm .add-to-web .btn-wrap{border:1px solid #ccc;border-radius:10px;display:flex;padding:20px;cursor:pointer;margin-top:20px;max-width:330px;margin-left:auto;margin-right:auto}.modal-confirm .add-to-web .btn-wrap.active{border:1px solid var(--primary-color,#0069ff)}.modal-confirm .add-to-web img{width:100%;max-width:106px}.modal-confirm .add-to-web .content{padding-left:20px}.modal-confirm .add-to-web .content .header-content{font-weight:700;margin-bottom:10px}.modal-confirm .add-to-web .btn-action{display:flex;justify-content:flex-end;margin-top:20px}.modal-confirm .add-to-web .btn-style{text-transform:none}.list-item .list-item-btn .img-delete{min-width:40px}.list-item .list-item-btn .btn-delete span{font-size:14px;color:#4f4f4f;font-family:"Roboto-Regular"}.list-item .list-item-btn:hover{background:#f2f2f2;color:#666}.sp-only{display:none!important}.sp-except{display:block!important}@media only screen and (max-width:899px){.User-wrapper .list-user-wrapper{padding:0 20px}.table-content td.MuiTableCell-body{padding:16px 10px}}@media only screen and (max-width:699px){.mail-hide{display:none!important}}@media only screen and (max-width:400px){.rc-modal-add-user-main-form-item .group-btn-action{width:100%}}@media only screen and (max-width:600px){.sp-only{display:block!important}.sp-except{display:none!important}.MuiDrawer-paper{min-width:80%}.modal-confirm-main{width:80%}.modal-confirm-main h5{font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:23px;line-height:28px}.modal-confirm-main button{min-width:100px}.table-content .MuiTableRow-root .MuiTableCell-root{padding:10px 5px;border-bottom:none}.popover-select-role-main-item,.popover-select-role-main .list-item-btn{font-size:16px;line-height:24px;color:#666;padding:12px 16px}.popover-select-role-main-item .img-delete,.popover-select-role-main .list-item-btn .img-delete{min-width:unset;margin-right:18px}.popover-select-role-main-item:hover,.popover-select-role-main .list-item-btn:hover{color:#666;background:#f2f2f2}.User-wrapper{margin-top:0;padding-bottom:40px}.User-wrapper .list-user-wrapper{box-shadow:none;position:relative}.User-wrapper .list-user-wrapper .MuiTableHead-root{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;text-align:center;background-color:#fff;z-index:1;display:flex;justify-content:center}.User-wrapper .list-user-wrapper .userlist-table-container{overflow:hidden}.User-wrapper .list-user-wrapper .userlist-table .header-button .btn-add-user{font-size:14px;line-height:24px;padding:8px 15px;width:100%}.User-wrapper .list-user-wrapper .userlist-table .table-content .general-table{width:100%;font-size:16px;line-height:24px;color:#666}.User-wrapper .list-user-wrapper .userlist-table .table-content .more-over-btn:hover :after{width:30px;height:30px}.list-user-wrapper{width:100%!important;padding:0!important}.list-user-wrapper .userlist-table .header-button{padding-right:16px!important;text-align:center;width:100%}.modal-confirm .add-to-web{overflow-y:scroll}.modal-confirm .add-to-web .embed-wrap{flex-direction:column}.modal-confirm .add-to-web .embed-wrap .embed-content{width:100%!important}.modal-confirm .add-to-web img{max-width:70px!important}}.header-event-for-user{box-shadow:0 1px 3px rgba(0,0,0,.25);margin:0;background:#fff}.header-event-for-user .exit-page{padding-left:15px}.header-event-for-user .exit-page span{color:#666;font-weight:500;font-family:"Roboto-Medium";font-size:16px;line-height:24px;padding-left:8px}.header-event-for-user .exit-page .exit-btn:hover{background:none}.header-event-for-user .event-header{display:flex;align-items:center;justify-content:center}.header-event-for-user .event-header .tab{font-weight:600;font-size:19px;line-height:23px;text-transform:none;color:var(--clr-primary);font-family:"Roboto-Regular"}.header-event-for-user .setting span{display:flex;flex-direction:column;text-transform:none}.header-event-for-user .setting span p{font-size:12px;font-family:"Roboto-Regular";padding-top:2px;color:#000}.header-event-for-user .setting:hover{background:none}.event-for-user-wrapper{min-height:100vh;padding-bottom:40px;padding-top:40px;box-shadow:3px 3px 10px rgba(0,0,0,.15);border-radius:4px;background:#f6f7fa;font-family:"Roboto-Regular";font-size:16px;margin-top:3px}.event-for-user-wrapper .event-wrapper{padding:32px;max-width:900px;height:100%;margin:0 auto;background:#fff;box-shadow:3px 3px 10px rgba(0,0,0,.15);border-radius:4px}.event-for-user-wrapper .event-wrapper .event-image{position:relative;height:335px;max-height:335px;border-radius:4px;overflow:hidden}.event-for-user-wrapper .event-wrapper .event-image .image-qr{width:150px;position:absolute;bottom:32px;right:32px;display:flex;flex-direction:column;grid-gap:6px;gap:6px;background-color:#fff;padding:10px;box-shadow:3px 5px 15px rgba(0,0,0,.12);border-radius:4px}.event-for-user-wrapper .event-wrapper .event-image .image-qr .image-qr-wrapper{border:1px solid #e5e5e5;border-radius:4px}.event-for-user-wrapper .event-wrapper .event-image .image-qr--note{color:grey;font-size:10px;text-align:center}.event-for-user-wrapper .event-wrapper .event-image .business-info{position:absolute;bottom:32px;left:32px;display:flex;align-items:center;grid-gap:17px;gap:17px;padding:5px 10px;background:hsla(0,0%,100%,.5);box-shadow:3px 5px 15px rgba(0,0,0,.12);border-radius:4px;max-width:70%}.event-for-user-wrapper .event-wrapper .event-image .business-info--logo-wrapper{width:45px;height:45px}.event-for-user-wrapper .event-wrapper .event-image .business-info--name{color:#000;font-size:20px;font-weight:500}.event-for-user-wrapper .event-wrapper .event-image .event-background{height:100%}.event-for-user-wrapper .event-wrapper img{width:100%;object-fit:cover}.event-for-user-wrapper .event-wrapper .content-mobile{display:none}.event-for-user-wrapper .event-wrapper .content-website{padding-top:24px}.event-for-user-wrapper .event-wrapper .content-website .short-content{padding-top:.8em;width:100%}.event-for-user-wrapper .event-wrapper .content-website .short-content__info-company{font-size:16px;font-weight:400;color:#000}.event-for-user-wrapper .event-wrapper .content-website .short-content__info-address{display:flex;grid-gap:4px;gap:4px;align-items:center}.event-for-user-wrapper .event-wrapper .content-website .short-content__info-address img{width:26px}.event-for-user-wrapper .event-wrapper .content-website .short-content .title{margin-bottom:24px;font-weight:400;font-size:28px;line-height:40px;color:#333;word-break:break-word;text-align:justify}.event-for-user-wrapper .event-wrapper .content-website .short-content .description{margin-top:18px;font-weight:400;font-size:14px;line-height:23px;color:#666}.event-for-user-wrapper .event-wrapper .content-website .short-content .time-place{display:flex;align-items:center;grid-gap:24px;gap:24px;font-weight:500;font-family:"Roboto-Medium";font-size:14px;line-height:24px;color:#666;background:hsla(0,0%,89.8%,.34);padding:15px;border-radius:4px}.event-for-user-wrapper .event-wrapper .content-website .short-content .time-place span{font-weight:500;font-family:"Roboto-Medium"}.event-for-user-wrapper .event-wrapper .content-website .short-content .time-place p{margin-bottom:4px;font-family:"Roboto-Regular"}.event-for-user-wrapper .event-wrapper .content-website .short-content .datetime-box{width:-moz-fit-content;width:fit-content;background-color:#fff;border-radius:6px;box-shadow:3px 5px 15px rgba(0,0,0,.12);overflow:hidden}.event-for-user-wrapper .event-wrapper .content-website .short-content .datetime-box__header{display:flex;justify-content:center;align-items:center;grid-gap:4px;gap:4px;background-color:var(--clr-primary);padding:4px 8px}.event-for-user-wrapper .event-wrapper .content-website .short-content .datetime-box__header-date-icon{width:18px;height:18px}.event-for-user-wrapper .event-wrapper .content-website .short-content .datetime-box__header-month-year{color:#fff;font-size:14px;font-weight:500}.event-for-user-wrapper .event-wrapper .content-website .short-content .datetime-box__body-day{font-size:36px;color:#0e5b9f;text-align:center;padding-top:20px;padding-bottom:20px}.event-for-user-wrapper .event-wrapper .content-website .join-aciton{display:flex;justify-content:flex-end;height:2.5em;width:7.875em}.event-for-user-wrapper .event-wrapper .content-website .join-aciton .join-btn{box-shadow:none}.event-for-user-wrapper .event-wrapper .content-website .join-aciton .join-btn:hover{box-shadow:none;background:linear-gradient(0deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.2)),#38a0ff}.event-for-user-wrapper .event-wrapper .content-website #timeline-content{width:100%}.event-for-user-wrapper .event-wrapper .content-website #timeline-content .timeline{padding:0 50px;border-left:1px solid var(--clr-primary);list-style:none;letter-spacing:.5px;line-height:1.4em;margin:0 146px}.event-for-user-wrapper .event-wrapper .content-website #timeline-content .timeline .event{width:100%;position:relative;padding-bottom:80px;margin-bottom:50px}.event-for-user-wrapper .event-wrapper .content-website #timeline-content .timeline .event h5,.event-for-user-wrapper .event-wrapper .content-website #timeline-content .timeline .event p{font-size:14px}.event-for-user-wrapper .event-wrapper .content-website #timeline-content .timeline .event p{margin-top:1em}.event-for-user-wrapper .event-wrapper .content-website #timeline-content .timeline .event:after,.event-for-user-wrapper .event-wrapper .content-website #timeline-content .timeline .event:before{position:absolute}.event-for-user-wrapper .event-wrapper .content-website #timeline-content .timeline .event:before{left:-200px;content:attr(data-date);text-align:right;min-width:120px;font-size:12px;color:#5c5c5c;font-weight:700}.event-for-user-wrapper .event-wrapper .content-website #timeline-content .timeline .event:after{left:-61px;background:var(--clr-primary);border-radius:50%;height:20px;width:20px;content:"";top:0}.event-for-user-wrapper .event-wrapper .content-website #timeline-content .time-list{list-style:none;color:#5c5c5c}.event-for-user-wrapper .event-wrapper .content-website #timeline-content .time-list .items{display:flex}.event-for-user-wrapper .event-wrapper .content-website #timeline-content .time-list .items .content-item h5,.event-for-user-wrapper .event-wrapper .content-website #timeline-content .time-list .items .time-item{font-family:"Roboto-Bold"}.event-for-user-wrapper .event-wrapper .content-website #timeline-content .time-list .items .time-item{min-width:130px;font-size:12px;font-weight:700;position:relative}.event-for-user-wrapper .event-wrapper .content-website #timeline-content .time-list .items .content-item{padding:0 30px 80px;border-left:1px solid var(--clr-primary)}.event-for-user-wrapper .event-wrapper .content-website #timeline-content .time-list .items .content-item h5{font-size:14px}.event-for-user-wrapper .event-wrapper .content-website #timeline-content .time-list .items .content-item p{color:#000;font-size:14px;font-family:"Roboto-Regular"}.event-for-user-wrapper .event-wrapper .content-website #timeline-content .time-list .items .content-item .general-editor{width:inherit;height:inherit}.event-for-user-wrapper .event-wrapper .content-website #timeline-content .time-list .items .content-item .general-editor .ql-editor{padding:0;text-align:justify;word-break:break-word}.event-for-user-wrapper .event-wrapper .content-website #timeline-content .time-list .items .content-item .general-editor .ql-hidden{width:0;display:none}.event-for-user-wrapper .event-wrapper .content-website #timeline-content .time-list .items .time-item:before{position:absolute;content:"";width:24px;height:24px;background-image:url(/static/media/dotCircle.427199fe.svg);background-repeat:no-repeat;background-position:50%;display:inline-block;right:-12px;top:-6px}.event-for-user-wrapper .event-wrapper .content-website #timeline-content .time-list .items:last-child .content-item{border:none}.go-back .button-back svg{height:auto;width:35px;color:var(--clr-primary)}.go-back .button-back p{font-size:20px;color:#5c5c5c}.event-detail-register .content{padding:36px}.event-detail-register .content .close-fixhead{text-align:right}.event-detail-register .content__title{margin-bottom:1em;text-align:center;font-family:"Roboto-Regular";font-style:normal;font-weight:400;font-size:28px;line-height:34px;color:#333}.event-detail-register .content .form .fields{margin-bottom:2em}.event-detail-register .content .form .field{display:flex;align-items:center}.event-detail-register .content .form .field label{font-size:146px;font-family:"Roboto-Regular";color:#666;top:-5px}.event-detail-register .content .form .field img{width:25px;height:25px;margin-right:1em}.event-detail-register .content .form .field .field-input input{font-size:16px;font-family:"Roboto-Regular";color:#666}.event-detail-register .content .form .error-form{margin:10px 0 -1em 40px;display:flex;align-items:center}.event-detail-register .content .form .error-form img{padding-right:10px}.event-detail-register .content .form .radio-group{flex-direction:column}.event-detail-register .content .form .radio-group .title-radio,.event-detail-register .content .form .radio-group .wrap-radio{display:flex;width:100%}.event-detail-register .content .form .radio-group .wrap-radio .format-wrap{width:100%}.event-detail-register .content .form .radio-group .wrap-radio .format-wrap label{margin-right:0}.event-detail-register .content .form .radio-group .wrap-radio .format-wrap span:last-child{width:100%}.event-detail-register .content .form .radio-group .show-error{display:flex;align-items:center;width:100%;margin-left:10px}.event-detail-register .content .form .radio-group .show-error img{width:16px;height:16px}.event-detail-register .content .form .textarea{display:flex;align-items:flex-start;margin-top:3em;margin-bottom:2em}.event-detail-register .content .form .textarea textarea{font-size:16px;font-family:"Roboto-Regular"}.event-detail-register .content .form .textarea img{width:25px;height:25px;margin-right:1em}.event-detail-register .content .form .textarea__note{min-height:100px;width:100%;padding:1em;background:#eee;border-radius:3px;border:none;font-size:16px}.event-detail-register .content .form .action{margin-top:4em;margin-left:2.5em;text-align:right}.event-detail-register .content .form .action__register{height:36px;width:128px;font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#fff}.modal-register-success .form-success{padding:66px 32px 32px;border:1px solid var(--clr-primary);border-radius:4px;display:flex;flex-direction:column;align-items:center}.modal-register-success .form-success .form-content{text-align:center;width:100%;max-width:402px}.modal-register-success .form-success .form-content img{width:55px;padding-bottom:32px}.modal-register-success .form-success .form-content .title{padding-bottom:16px;font-size:28px;line-height:34px;color:var(--clr-primary);font-family:"Roboto-Bold";font-style:normal;font-weight:600}.modal-register-success .form-success .form-content .des{font-weight:400;font-family:"Roboto-Regular";font-size:18px;line-height:28px;color:#666;padding-bottom:25px}.modal-register-success .form-success .form-content button{width:100%;padding:8px 12px;background:var(--clr-primary);border-radius:4px;border:none;font-weight:500;font-family:"Roboto-Medium";font-size:16px;line-height:20px;color:#fff;cursor:pointer}@media only screen and (max-width:600px){.go-back .button-back svg{width:25px!important}.go-back .button-back p{font-size:16px!important}.event-wrapper .content-website .join-aciton{justify-content:flex-start!important}.event-wrapper .content-website #timeline-content .timeline{margin:0 0 0 146px!important;padding:0 0 0 50px!important}.event-wrapper .content-website #timeline-content .content-item{padding-left:20px!important;padding-right:0!important}.event-wrapper .event-image .image-qr{display:none!important;width:100px!important;height:100px!important;right:16px!important;bottom:95px!important;padding:0!important;overflow:hidden}.event-wrapper .event-image .image-qr .image-qr-wrapper{border:unset!important}.event-wrapper .event-image .image-qr img{height:100%}.event-wrapper .event-image .image-qr--action,.event-wrapper .event-image .image-qr--note{display:none}.event-detail-register .close-fixhead{width:100%;position:fixed;top:0;left:0;background-color:#fff;padding:10px 5%;z-index:1;min-height:60px}.event-detail-register .content__title{font-size:23px;line-height:28px;color:#333;margin-bottom:38px;text-align:center;font-family:"Roboto-Regular";margin-top:60px}.event-detail-register .content .form .fields{margin-bottom:35px}.event-detail-register .content .form .fields:nth-child(4){margin-bottom:28px}.event-detail-register .content .form .field{display:flex;align-items:center}.event-detail-register .content .form .field img{display:none}.event-detail-register .content .form .field .field-input input{font-size:16px;line-height:24px;font-family:"Roboto-Regular";color:#000}.event-detail-register .content .form .field .field-input input ::placeholder{color:#bbb}.event-detail-register .content .form .textarea{display:flex;align-items:flex-start;margin-top:3em;margin-bottom:2em}.event-detail-register .content .form .textarea img{width:25px;height:25px;margin-right:1em}.event-detail-register .content .form .textarea__note{min-height:100px;width:100%;padding:1em;background:#eee;border-radius:3px;border:none;font-size:14px}.event-detail-register .content .form .action{margin:0;width:100%;position:fixed;bottom:0;left:0;background-color:#fff;padding:8px 5%;z-index:1}.event-detail-register .content .form .action__register{height:auto;padding:8px 0;width:100%;font-family:"Roboto_medium";font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#fff}.event-detail-register .content .form .form .error-form{margin:10px 0 -1em}.event-detail-register .content .form .radio-group .wrap-radio .format-wrap label{margin-bottom:16px}.modal-register-success{padding:24px!important}.modal-register-success .dialogPaper{height:unset}.modal-register-success .form-success{border:none;border-radius:4px}.modal-register-success .form-success .form-content .title{font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:23px;line-height:28px;color:var(--clr-primary)}.modal-register-success .form-success .des{font-size:16px}}@media only screen and (min-width:1096px){.go-back{position:absolute;padding-left:15px}}@media only screen and (max-width:700px){.event-detail-register .content{padding:24px 24px 50px}}@media only screen and (max-width:600px){.header-event-for-user{display:none;min-height:60px;width:100%;position:fixed;top:0;left:0;background-color:#fff;z-index:1}.header-event-for-user.MuiGrid-align-items-xs-center{align-items:center}.header-event-for-user .exit-page{width:100%}.header-event-for-user .exit-page .hidden-mobile{display:none}.header-event-for-user .hidden{display:none!important}.event-for-user-wrapper{padding:0;background:#fff;margin-top:0}.event-for-user-wrapper .event-wrapper{box-shadow:none;border-radius:none;padding:0}.event-for-user-wrapper .event-wrapper .business-info{max-width:90%!important}.event-for-user-wrapper .event-wrapper .event-image{width:100%}.event-for-user-wrapper .event-wrapper .content-website{display:none}.event-for-user-wrapper .event-wrapper .content-mobile{display:block;padding:24px 24px 70px}.event-for-user-wrapper .event-wrapper .content-mobile .short-content{margin-bottom:40px}.event-for-user-wrapper .event-wrapper .content-mobile .short-content .title{font-weight:400;font-size:18px;line-height:30px;color:#333;word-break:break-word;margin-bottom:10px}.event-for-user-wrapper .event-wrapper .content-mobile .short-content .description{margin-top:18px;font-weight:400;font-size:14px;line-height:23px;color:#666}.event-for-user-wrapper .event-wrapper .content-mobile .short-content__info-company{font-size:16px;font-weight:400;color:#000}.event-for-user-wrapper .event-wrapper .content-mobile .short-content .time-place{font-weight:500;font-family:"Roboto-Medium";font-size:14px;line-height:24px;color:#666}.event-for-user-wrapper .event-wrapper .content-mobile .short-content .time-place span{font-weight:500;font-family:"Roboto-Medium"}.event-for-user-wrapper .event-wrapper .content-mobile .short-content .time-place p{margin-bottom:4px;font-family:"Roboto-Regular"}.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content{width:100%}.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .timeline{padding:0 50px;border-left:1px solid var(--clr-primary);list-style:none;letter-spacing:.5px;line-height:1.4em;margin:0 146px}.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .timeline .event{width:100%;position:relative;padding-bottom:80px;margin-bottom:50px}.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .timeline .event h5,.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .timeline .event p{font-size:14px}.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .timeline .event p{margin-top:1em}.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .timeline .event:after,.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .timeline .event:before{position:absolute}.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .timeline .event:before{left:-200px;content:attr(data-date);text-align:right;min-width:120px;font-size:12px;color:#5c5c5c;font-weight:700}.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .timeline .event:after{left:-61px;background:var(--clr-primary);border-radius:50%;height:20px;width:20px;content:"";top:0}.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .time-list{list-style:none;color:#5c5c5c}.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .time-list .items{display:flex}.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .time-list .items .content-item h5,.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .time-list .items .time-item{font-family:"Roboto-Bold"}.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .time-list .items .time-item{min-width:130px;font-size:12px;font-weight:700;position:relative}.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .time-list .items .content-item{padding:0 30px 26px;border-left:1px solid var(--clr-primary)}.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .time-list .items .content-item h5{font-size:14px}.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .time-list .items .content-item .time-item{color:#666;font-weight:700;font-size:12px;line-height:14px;font-family:"Roboto-Bold"}.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .time-list .items .content-item .general-editor{width:inherit;height:inherit}.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .time-list .items .content-item .general-editor h1,.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .time-list .items .content-item .general-editor h2,.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .time-list .items .content-item .general-editor h3,.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .time-list .items .content-item .general-editor h4,.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .time-list .items .content-item .general-editor h5,.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .time-list .items .content-item .general-editor h6{font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:14px;line-height:24px;color:#666;margin-bottom:16px}.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .time-list .items .content-item .general-editor p{font-family:"Roboto-Regular";font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#666}.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .time-list .items .content-item .general-editor .ql-editor{padding:0;text-align:justify;word-break:break-word}.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .time-list .items .content-item .general-editor .ql-hidden{width:0;display:none}.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .time-list .items .time-item:before{position:absolute;content:"";width:24px;height:24px;background-image:url(/static/media/dotCircle.427199fe.svg);background-repeat:no-repeat;background-position:50%;display:inline-block;left:-42px}.event-for-user-wrapper .event-wrapper .content-mobile #timeline-content .time-list .items:last-child .content-item{border:none;padding-bottom:10px}.event-for-user-wrapper .event-wrapper .content-mobile .join-aciton{position:fixed;bottom:0;left:0;background-color:#fff;width:100%;padding:15px 5%;z-index:1}.event-for-user-wrapper .event-wrapper .content-mobile .join-aciton button{width:100%!important;font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:16px;line-height:20px}.event-for-user-wrapper .event-wrapper .content-mobile .time-place{display:flex;align-items:center;grid-gap:14px;gap:14px;font-weight:500;font-family:"Roboto-Medium";font-size:14px;line-height:24px;color:#666;background:hsla(0,0%,89.8%,.34);padding:10px;border-radius:4px}.event-for-user-wrapper .event-wrapper .content-mobile .time-place span{font-weight:500;font-family:"Roboto-Medium"}.event-for-user-wrapper .event-wrapper .content-mobile .time-place p{margin-bottom:4px;font-family:"Roboto-Regular"}.event-for-user-wrapper .event-wrapper .content-mobile .datetime-box{min-width:98px;width:-moz-fit-content;width:fit-content;background-color:#fff;border-radius:6px;box-shadow:3px 5px 15px rgba(0,0,0,.12);overflow:hidden}.event-for-user-wrapper .event-wrapper .content-mobile .datetime-box__header{display:flex;justify-content:center;align-items:center;grid-gap:4px;gap:4px;background-color:var(--clr-primary);padding:4px 8px}.event-for-user-wrapper .event-wrapper .content-mobile .datetime-box__header-date-icon{width:18px;height:18px}.event-for-user-wrapper .event-wrapper .content-mobile .datetime-box__header-month-year{color:#fff;font-size:14px;font-weight:500}.event-for-user-wrapper .event-wrapper .content-mobile .datetime-box__body-day{font-size:36px;color:#0e5b9f;text-align:center;padding-top:20px;padding-bottom:20px}}.header-share .title-header{font-size:16px;line-height:24px;color:var(--clr-primary);padding-left:10px;font-family:"Roboto-Medium";font-weight:500}.share-event{padding-left:50px;padding-right:50px;background:#f6f7fa;min-height:100vh}@media only screen and (max-width:412px){.share-event{padding-left:15px!important;padding-right:15px!important}}.EventItem-wrapper{width:100%;height:388px;margin-bottom:2em;border-radius:4px;background-color:#fff;min-width:260px;position:relative}.EventItem-wrapper .banner{height:200px;position:relative;background-color:#f5f5f5;overflow:hidden;border-radius:5px 5px 0 0}.EventItem-wrapper .banner .image{width:100%;height:100%;object-fit:cover;border-radius:5px 5px 0 0;transition:transform .5s ease}.EventItem-wrapper .banner .number-person{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:4px 8px 4px 4px;z-index:10;position:absolute;width:60px;height:32px;left:32px;bottom:16px;background:rgba(0,0,0,.4);box-shadow:3px 5px 15px rgba(0,0,0,.12);border-radius:21px}.EventItem-wrapper .banner .number-person span{color:#fff;font-size:16px;font-family:"Roboto-Regular"}.EventItem-wrapper .banner .status{display:flex;justify-content:space-around;flex-direction:row;align-items:center;padding:0 8px;z-index:10;position:absolute;width:60px;height:32px;left:100px;bottom:16px;background:rgba(0,0,0,.4);box-shadow:3px 5px 15px rgba(0,0,0,.12);border-radius:35px;cursor:pointer}.EventItem-wrapper .banner .status .show-status{height:16px;width:16px}.EventItem-wrapper .banner .status .btn-show{height:24px;width:24px}.EventItem-wrapper .banner .status:hover{background:rgba(22,22,22,.4)}.EventItem-wrapper .banner .overlay{top:0;width:100%;height:100%;transition:1s ease;opacity:0;position:absolute;background:#000;cursor:pointer}.EventItem-wrapper .banner .btn-more{opacity:0;transition:.5s ease;position:absolute;float:right;background:rgba(33,33,33,.6);border-radius:50%;height:40px;width:40px;border:1px solid #bbb;right:32px;bottom:12px}.EventItem-wrapper .banner .btn-more img{width:24px;height:24px}.EventItem-wrapper .banner .btn-more:hover{border:1px solid #fff;color:#fff;background:rgba(44,44,44,.4)}.EventItem-wrapper .content{height:150px;cursor:pointer}.EventItem-wrapper .content .event-status{font-size:12px;color:#666;padding-bottom:8px;display:flex;align-items:center}.EventItem-wrapper .content .event-status img{padding:0 4px}.EventItem-wrapper .content .event-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:400;font-size:23px;line-height:28px;color:#333;height:56px}.EventItem-wrapper .content .event-description .place{padding-top:8px}.EventItem-wrapper .content .event-description .place p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:18px;color:#666;padding-top:8px}.EventItem-wrapper .content .event-description .status{display:flex;align-items:center;justify-content:center;height:36px;background:var(--clr-primary);border-radius:4px;flex:none;order:1;align-self:stretch;flex-grow:0;margin:20px 0}.EventItem-wrapper .content .event-description .status span{color:#fff}.EventItem-wrapper .content .event-description .status img{padding-right:16px}.EventItem-wrapper .content .event-description .status-hidden{display:none}.EventItem-wrapper .content__cont{padding:1.5em 1em 0}.EventItem-wrapper .select{position:absolute;top:0}.EventItem-wrapper .action{height:50px;display:flex;align-items:center;justify-content:space-between;padding:1em}.EventItem-wrapper .action .publish,.EventItem-wrapper .action .user-join{cursor:pointer;display:flex;align-items:center}.EventItem-wrapper .action .publish img,.EventItem-wrapper .action .user-join img{margin-right:1em}.EventItem-wrapper .action .publish p,.EventItem-wrapper .action .user-join p{font-size:14px}.EventItem-wrapper .action .user-join p{color:#5c5c5c}.EventItem-wrapper .action .publish p{margin-right:1em}.EventItem-wrapper .action .publish img{margin-right:0}.EventItem-wrapper .action .action-group{display:flex}.EventItem-wrapper .action .action-group .btn-delete{margin-left:20px}.EventItem-wrapper .btn-wrap{display:none}.EventItem-wrapper .event-description{margin:0 1em}.EventItem-wrapper:hover .banner .image{transform:scale(1.1);transition:transform 1s ease;border-radius:5px 5px 0 0}.EventItem-wrapper:hover .banner .overlay{opacity:.5}.EventItem-wrapper:hover .banner .btn-more{opacity:1}.EventItem-wrapper:hover .btn-wrap{display:block;position:absolute;top:0;width:100%;height:100%;background-color:hsla(0,0%,39.2%,.5)}.EventItem-wrapper:hover .btn-wrap .btn-restore{display:flex;justify-content:center;margin-top:50%}.EventItem-wrapper:hover{box-shadow:3px 3px 10px rgba(0,0,0,.15)}.active .banner .image{transform:scale(1.1);transition:transform 1s ease;border-radius:5px 5px 0 0}.active .banner .overlay{opacity:.5}.active .banner .btn-more{opacity:1}.active .btn-wrap{display:block;position:absolute;top:0;width:100%;height:100%;background-color:hsla(0,0%,39.2%,.5)}.active .btn-wrap .btn-restore{display:flex;justify-content:center;margin-top:50%}.list-item-btn{cursor:pointer}.list-item-btn:hover{background-color:#454545}.list-item-btn .list-item-text span{color:#fff;font-size:14px;font-family:"Roboto-Regular"}.list-item-btn .list-item-icon{min-width:40px!important}.list-item-btn .item-icon-publish img{height:16px;width:16px}.select-view .item{font-family:"Roboto-Regular";font-size:18px;font-weight:400;color:#666}@media only screen and (max-width:600px){.EventItem-wrapper{height:auto;margin-bottom:0}.EventItem-wrapper .content{height:auto;padding:8px 8px 1px}.EventItem-wrapper .content .event-name{height:auto}.EventItem-wrapper .content .event-description .place p{padding-bottom:31px}.EventItem-wrapper .banner .btn-more{opacity:1}}.event-detail-user-wrapper{padding:5px;margin-top:20px}.event-detail-user-wrapper .event-wrapper-checkin{max-width:390px;background:#fff;box-shadow:0 0 25px rgba(0,0,0,.25);border-radius:3px;margin:0 auto 3em}.event-detail-user-wrapper .event-wrapper-checkin .event-header-checkin{width:inherit;height:337px;background:var(--clr-primary);text-align:center}.event-detail-user-wrapper .event-wrapper-checkin .event-header-checkin .infor-user{padding-top:30px;padding-bottom:16px;font-size:14px;font-family:"Roboto-Regular";color:#f2f2f2}.event-detail-user-wrapper .event-wrapper-checkin .event-header-checkin .infor-user p:first-child{text-transform:capitalize}.event-detail-user-wrapper .event-wrapper-checkin .event-header-checkin .infor-user p{padding-bottom:8px}.event-detail-user-wrapper .event-wrapper-checkin .event-header-checkin .image-qr{width:200px;height:200px;border-radius:5px}.event-detail-user-wrapper .event-wrapper-checkin img{width:100%;object-fit:cover;max-height:500px}.event-detail-user-wrapper .event-wrapper-checkin .content{padding:0 22px}.event-detail-user-wrapper .event-wrapper-checkin .content .short-content{padding-top:.2em;width:100%}.event-detail-user-wrapper .event-wrapper-checkin .content .short-content .title{word-break:break-word;font-weight:500;font-size:26px;line-height:40px;color:#333;font-family:"Roboto-Medium";margin-bottom:4px}.event-detail-user-wrapper .event-wrapper-checkin .content .short-content .time-place{font-size:14px;color:#5c5c5c}.event-detail-user-wrapper .event-wrapper-checkin .content .short-content .time-place span{font-weight:700;font-family:"Roboto-Bold"}.event-detail-user-wrapper .event-wrapper-checkin .content .short-content .time-place p{margin-bottom:1em;font-family:"Roboto-Regular"}.event-detail-user-wrapper .event-wrapper-checkin .content .join-aciton{display:flex;justify-content:flex-end;height:2.5em;width:7.875em}.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content{width:100%;padding-bottom:30px}.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content .timeline{padding:0 50px;border-left:1px solid var(--clr-primary);list-style:none;letter-spacing:.5px;line-height:1.4em;margin:0 146px}.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content .timeline .event{width:100%;position:relative;padding-bottom:80px;margin-bottom:50px}.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content .timeline .event h5,.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content .timeline .event p{font-size:14px}.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content .timeline .event p{margin-top:1em}.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content .timeline .event:after,.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content .timeline .event:before{position:absolute}.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content .timeline .event:before{left:-200px;content:attr(data-date);text-align:right;min-width:120px;font-size:12px;color:#5c5c5c;font-weight:700}.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content .timeline .event:after{left:-61px;background:var(--clr-primary);border-radius:50%;height:20px;width:20px;content:"";top:0}.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content .time-list{list-style:none;color:#5c5c5c}.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content .time-list .items{display:flex}.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content .time-list .items .content-item h5,.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content .time-list .items .detail-item{font-family:"Roboto-Bold"}.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content .time-list .items .content-item{padding:0 30px 68px;border-left:1px solid var(--clr-primary)}.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content .time-list .items .content-item h5{font-size:14px}.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content .time-list .items .content-item .detail-item{color:#4f4f4f;padding-top:11px;font-size:14px;font-family:"Roboto-Regular";position:relative}.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content .time-list .items .content-item .time-item{min-width:130px;font-size:12px;font-weight:700;color:#5c5c5c;font-family:"Roboto-Bold";padding-top:5px}.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content .time-list .items .content-item .general-editor{width:inherit;height:inherit}.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content .time-list .items .content-item .general-editor .ql-editor{padding:0;text-align:justify;word-break:break-word}.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content .time-list .items .content-item .general-editor .ql-hidden{width:0;display:none}.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content .time-list .items .content-item:last-child{padding-bottom:40px}.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content .time-list .items .detail-item:before{position:absolute;content:"";width:24px;height:24px;background-image:url(/static/media/dotCircle.427199fe.svg);background-repeat:no-repeat;background-position:50%;display:inline-block;left:-43px;top:-20px}.event-detail-user-wrapper .event-wrapper-checkin .content #timeline-content .time-list .items:last-child .detail-item:after{content:"";width:24px;height:24px;background-image:url(/static/media/dotCircle.427199fe.svg);background-repeat:no-repeat;background-position:50%;display:inline-block;position:absolute;bottom:-50px;left:-43px}.event-detail-user-wrapper .event-wrapper-checkin .wrap-btn-checkin{display:flex;justify-content:center;width:100%}.event-detail-user-wrapper .event-wrapper-checkin .wrap-btn-checkin .btn-checkin{text-transform:none;width:92%;margin-bottom:10px;height:36px;color:#fff;font-weight:700;font-family:"Roboto-Bold";font-size:14px;background-color:var(--clr-primary)}.event-detail-user-wrapper .event-wrapper-checkin .wrap-btn-checkin .btn-checkin span{font-family:"Roboto-Medium";font-weight:500;font-size:16px;line-height:20px}.event-detail-user-wrapper .event-wrapper-checkin .wrap-btn-checkin .btn-checkin.checkIn{background-color:#fff;color:var(--clr-primary);border:1px solid var(--clr-primary)}.embed-event-wrapper{width:100%;min-height:100vh;background:#f6f7fa}.embed-event-wrapper .embed-header{background:#fff;padding:0 23px}.embed-event-wrapper .embed-header .exit{color:#666}.embed-event-wrapper .embed-header .exit img{margin-right:7px}.embed-event-wrapper .embed-header .exit p{font-weight:500;font-family:"Roboto-Medium";font-size:16px;line-height:24px;color:#666}.embed-event-wrapper .embed-header .exit .exit-btn:hover{background:none;background-color:none}.embed-event-wrapper .box-embed{min-height:100vh;max-width:90vw;margin:76px auto 0;color:#333}.embed-event-wrapper .box-embed .title{font-weight:500;font-family:"Roboto-Medium";font-size:40px;line-height:48px;text-align:center;margin-bottom:24px}.embed-event-wrapper .box-embed .sub-title{font-weight:400;font-size:18px;line-height:24px;text-align:center;margin-bottom:48px}.embed-event-wrapper .box-embed .container-embed-mobile{display:none}.embed-event-wrapper .box-embed .container-embed .btn-wrap{position:relative;transition:all .3s linear;border-radius:4px;background-color:#fff}.embed-event-wrapper .box-embed .container-embed .btn-wrap img{width:100%}.embed-event-wrapper .box-embed .container-embed .btn-wrap .content{position:absolute;width:100%;top:70%}.embed-event-wrapper .box-embed .container-embed .btn-wrap .content .header-content{font-weight:500;font-family:"Roboto-Medium";font-size:23px;line-height:28px;text-align:center}.embed-event-wrapper .box-embed .container-embed .btn-wrap .content p{font-weight:400;font-size:14px;line-height:16px;text-align:center;color:#666}.embed-event-wrapper .box-embed .container-embed .btn-wrap:hover{box-shadow:2px 2px 9px #ccc;transform:scale(.99)}.embed-event-wrapper .box-embed .embed-wrap-top{display:flex}.embed-event-wrapper .box-embed .embed-wrap-mobile{display:none}.embed-event-wrapper .box-embed .embed-wrap{display:flex;background:#fff;margin:0 20%}.embed-event-wrapper .box-embed .embed-wrap .embed-content .header{font-weight:500;font-family:"Roboto-Medium";font-size:23px;line-height:28px;color:#333;text-align:left}.embed-event-wrapper .box-embed .embed-wrap .embed-content .sub-header{text-align:left;margin-top:8px;padding-bottom:24px;font-weight:400;font-size:12px;line-height:16px}.embed-event-wrapper .box-embed .embed-wrap .embed-content .input-title{border:1px dashed var(--primary-color,#0069ff)}.embed-event-wrapper .box-embed .embed-wrap .embed-left{border:1px solid #f6f7fa;padding:32px;width:60%}.embed-event-wrapper .box-embed .embed-wrap .embed-left .text-embed-code{padding:12px;border:1px dashed var(--primary-color,#0069ff)}.embed-event-wrapper .box-embed .embed-wrap .embed-left .text-embed-code textarea{white-space:pre-line;font-weight:400;font-size:12px;line-height:16px;color:#666;font-family:"Courier",sans-serif}.embed-event-wrapper .box-embed .embed-wrap .embed-left .container-title .time-embed{font-weight:500;font-family:"Roboto-Medium";font-size:12px;line-height:20px;color:#666;margin-bottom:8px}.embed-event-wrapper .box-embed .embed-wrap .embed-left .container-title .title-event{font-weight:400;font-size:23px;line-height:28px;color:#333}.embed-event-wrapper .box-embed .embed-wrap .embed-left .btn-action{display:flex;justify-content:flex-end;margin-top:20px}.embed-event-wrapper .box-embed .embed-wrap .embed-left .btn-action .btn-cancel{text-transform:none;padding:8px 12px;grid-gap:8px;gap:8px;width:128px;height:36px;background:#fff;border:1px solid var(--clr-primary);border-radius:4px;font-weight:500;font-family:"Roboto-Medium";font-size:16px;line-height:20px;color:var(--clr-primary)}.embed-event-wrapper .box-embed .embed-wrap .embed-left .btn-action .btn-cancel:hover{background:rgba(56,160,255,.1);border:1px solid var(--clr-primary)}.embed-event-wrapper .box-embed .embed-wrap .embed-left .btn-action .btn-copy{text-transform:none;background:var(--clr-primary);border-radius:4px;box-shadow:none;padding:8px 12px;grid-gap:8px;gap:8px;width:128px;height:36px;font-weight:500;font-family:"Roboto-Medium";font-size:16px;line-height:20px;color:#fff}.embed-event-wrapper .box-embed .embed-wrap .embed-left .btn-action .btn-copy:hover{background:linear-gradient(0deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.2)),#38a0ff;box-shadow:none}.embed-event-wrapper .box-embed .embed-wrap .embed-left .btn-style{text-transform:none}.embed-event-wrapper .box-embed .embed-wrap .inline-embed-css{width:100%!important}.embed-event-wrapper .box-embed .embed-wrap .embed-right-hidden{display:none}.embed-event-wrapper .box-embed .embed-wrap .embed-right{border:1px solid #f6f7fa;padding:32px;width:40%}.embed-event-wrapper .box-embed .embed-wrap .embed-right .container-title{display:flex;flex-direction:column;text-align:right}.embed-event-wrapper .box-embed .embed-wrap .embed-right .container-title .img-publish{float:right;margin-bottom:10px}.embed-event-wrapper .box-embed .embed-wrap .embed-right .container-title .img-publish img{margin-right:11px}.embed-event-wrapper .box-embed .embed-wrap .embed-right .group-name-header{padding:24px;border-bottom:1px solid #ececee;display:flex;justify-content:space-between}.embed-event-wrapper .box-embed .embed-wrap .embed-right .group-right-content .right-content{font-weight:500;font-family:"Roboto-Medium";font-size:23px;line-height:28px;color:#333}.embed-event-wrapper .box-embed .embed-wrap .embed-right .group-right-content .describe{margin-top:8px;padding-bottom:24px;font-weight:400;font-size:12px;line-height:16px}.embed-event-wrapper .box-embed .embed-wrap .embed-right .group-right-content .text-input{display:flex}.embed-event-wrapper .box-embed .embed-wrap .embed-right .group-right-content .text-input .count-number{border-bottom:1px solid #333;font-weight:400;font-size:14px;line-height:20px;color:#bbb}.embed-event-wrapper .box-embed .embed-wrap .embed-right .group-right-content .text-input input{font-family:"Roboto-Regular";font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#333}.embed-event-wrapper .box-embed .embed-wrap .embed-right .group-right-content .text-input .MuiInputBase-inputMarginDense,.embed-event-wrapper .box-embed .embed-wrap .embed-right .group-right-content .text-input .MuiOutlinedInput-inputMarginDense{font-weight:400;font-size:16px;line-height:20px;color:#333}.embed-event-wrapper .box-embed .embed-wrap .embed-right .group-right-content .text-input .MuiInput-underline:before{border-bottom:1px solid #333}.embed-event-wrapper .box-embed .embed-wrap .embed-right .group-right-content .text-input .MuiInput-underline:after{border-bottom:none}.embed-event-wrapper .box-embed .embed-wrap .embed-right .group-right-content .group-choose-color{display:flex;margin-top:25px}.embed-event-wrapper .box-embed .embed-wrap .embed-right .group-right-content .group-choose-color button{width:100%;padding:0;justify-content:space-between}.embed-event-wrapper .box-embed .embed-wrap .embed-right .group-right-content .group-choose-color .show-color{display:inline-block;box-sizing:border-box;width:24px;height:24px;border:1px solid rgba(0,0,0,.2);border-radius:5px}.embed-event-wrapper .box-embed .embed-wrap .embed-right .group-right-content .group-choose-color .text{text-transform:none;font-family:"Roboto-Regular";font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#333;text-align:left;width:70%}@media only screen and (max-width:1200px){.embed-wrap-mobile{display:none!important}.embed-wrap{margin:0 12%!important}}@media only screen and (max-width:1000px){.embed-wrap-mobile{display:none!important}.embed-wrap{margin:0 10%!important}}@media only screen and (max-width:900px){.embed-wrap-mobile{display:none!important}.embed-wrap{margin:0 5%!important}}@media only screen and (max-width:750px){.embed-wrap-mobile{display:none!important}.embed-wrap{margin:0!important}}@media only screen and (max-width:600px){.embed-event-wrapper .embed-header{width:100%;min-height:60px;position:fixed;top:0;left:0;background-color:#fff;z-index:1;align-items:center}.embed-event-wrapper .embed-header .exit p{display:none}.embed-event-wrapper .embed-wrap{display:none!important}.embed-event-wrapper .box-embed{position:relative}.embed-event-wrapper .embed-wrap-mobile{display:block!important;background:#fff}.embed-event-wrapper .embed-wrap-mobile .embed-content{padding:24px 0}.embed-event-wrapper .embed-wrap-mobile .embed-content .header{font-weight:500;font-family:"Roboto-Medium";font-size:23px;line-height:28px;color:#333;text-align:left}.embed-event-wrapper .embed-wrap-mobile .embed-content .sub-header{text-align:left;margin-top:8px;padding-bottom:24px;font-weight:400;font-size:12px;line-height:16px}.embed-event-wrapper .embed-wrap-mobile .embed-content .input-title{border:1px dashed var(--primary-color,#0069ff)}.embed-event-wrapper .embed-wrap-mobile .embed-content .text-embed-code{padding:12px;border:1px dashed var(--primary-color,#0069ff)}.embed-event-wrapper .embed-wrap-mobile .embed-content .text-embed-code textarea{white-space:pre-line;font-weight:400;font-size:12px;line-height:16px;font-family:"Courier"}.embed-event-wrapper .embed-wrap-mobile .embed-content .group-right-content .right-content{font-weight:500;font-family:"Roboto-Medium";font-size:23px;line-height:28px;color:#333}.embed-event-wrapper .embed-wrap-mobile .embed-content .group-right-content .describe{margin-top:8px;padding-bottom:24px;font-weight:400;font-size:12px;line-height:16px}.embed-event-wrapper .embed-wrap-mobile .embed-content .group-right-content .text-input{display:flex}.embed-event-wrapper .embed-wrap-mobile .embed-content .group-right-content .text-input .count-number{border-bottom:1px solid #333;font-weight:400;font-size:14px;line-height:20px;color:#bbb}.embed-event-wrapper .embed-wrap-mobile .embed-content .group-right-content .text-input .MuiInputBase-inputMarginDense,.embed-event-wrapper .embed-wrap-mobile .embed-content .group-right-content .text-input .MuiOutlinedInput-inputMarginDense{font-weight:400;font-size:16px;line-height:20px;color:#333}.embed-event-wrapper .embed-wrap-mobile .embed-content .group-right-content .text-input .MuiInput-underline:before{border-bottom:1px solid #333}.embed-event-wrapper .embed-wrap-mobile .embed-content .group-right-content .text-input .MuiInput-underline:after{border-bottom:none}.embed-event-wrapper .embed-wrap-mobile .embed-content .group-right-content .group-choose-color{display:flex;margin-top:25px}.embed-event-wrapper .embed-wrap-mobile .embed-content .group-right-content .group-choose-color button{width:100%;padding:0;justify-content:space-between}.embed-event-wrapper .embed-wrap-mobile .embed-content .group-right-content .group-choose-color .show-color{display:inline-block;box-sizing:border-box;width:24px;height:24px;border:1px solid rgba(0,0,0,.2);border-radius:5px}.embed-event-wrapper .embed-wrap-mobile .embed-content .group-right-content .group-choose-color .text{text-transform:none;font-weight:400;font-size:16px;line-height:24px;color:#333;text-align:left;width:70%;font-family:"Roboto-Regular"}.embed-event-wrapper .embed-wrap-mobile .container-title .time-embed{font-weight:500;font-family:"Roboto-Medium";font-size:12px;line-height:20px;color:#666;margin-bottom:8px}.embed-event-wrapper .embed-wrap-mobile .container-title .title-event{font-weight:400;font-size:23px;line-height:28px;color:#333}.embed-event-wrapper .embed-wrap-mobile .btn-action{display:flex;width:100%;position:fixed;bottom:0;left:0;background-color:#fff;padding:20px 5%;z-index:1}.embed-event-wrapper .embed-wrap-mobile .btn-action .btn-cancel{background:#fff;border:1px solid var(--clr-primary);border-radius:4px;color:var(--clr-primary)}.embed-event-wrapper .embed-wrap-mobile .btn-action .btn-cancel,.embed-event-wrapper .embed-wrap-mobile .btn-action .btn-copy{text-transform:none;padding:8px 12px;width:50%;height:36px;box-shadow:none;font-weight:500;font-family:"Roboto-Medium";font-size:16px;line-height:20px}.embed-event-wrapper .embed-wrap-mobile .btn-action .btn-copy{background:var(--clr-primary);border-radius:4px;color:#fff}.embed-event-wrapper .embed-wrap-mobile .btn-style{text-transform:none}.embed-event-wrapper .background-white{background-color:#fff}.embed-event-wrapper .box-embed{max-width:none;margin:0 24px;padding-top:60px;padding-bottom:75px}.embed-event-wrapper .box-embed .hidden{display:none!important}.embed-event-wrapper .box-embed .title{margin-top:32px;margin-bottom:16px;font-family:"Roboto-Regular";font-weight:400;font-size:23px;line-height:28px}.embed-event-wrapper .box-embed .sub-title{align-items:center;margin-bottom:16px!important;font-size:16px!important}.embed-event-wrapper .box-embed .MuiContainer-root{padding:0!important}.embed-event-wrapper .box-embed .container-embed{display:none}.embed-event-wrapper .box-embed .container-embed-mobile{display:block!important;width:100%}.embed-event-wrapper .box-embed .container-embed-mobile .embed-content{padding:left}.embed-event-wrapper .box-embed .container-embed-mobile .btn-wrap{display:flex;background:#fff;border-radius:5px}.embed-event-wrapper .box-embed .container-embed-mobile .btn-wrap img{width:123px;height:134px;margin-left:18px;margin-right:14px}.embed-event-wrapper .box-embed .container-embed-mobile .btn-wrap .content{margin-top:46px}.embed-event-wrapper .box-embed .container-embed-mobile .btn-wrap .content .header-content{color:var(--clr-primary);font-weight:500;font-family:"Roboto-Medium";font-size:18px;line-height:21px}.embed-event-wrapper .box-embed .container-embed-mobile .btn-wrap .content p{font-weight:400;font-size:14px;line-height:16px;color:#666}}.asset-list-container{background-color:#fff;padding:10px 24px 24px 40px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:24px}.asset-list-header{margin-bottom:16px}.asset-list-header-left,.asset-list-header-right{display:flex;align-items:center;grid-gap:10px;gap:10px}.asset-list-container h2{font-size:20px;font-weight:500;color:#175d94;margin-bottom:12px;padding-left:10px}.add-asset-button{background-color:#175d94;color:#fff;border:none;padding:10px 16px;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;grid-gap:8px;gap:8px;min-width:120px}.generate-qr-button{background-color:#34a853}.generate-qr-button:hover{background-color:#2e8b45}.add-asset-button:hover:not(.generate-qr-button){background-color:#1765cc}.add-asset-button:active{transform:translateY(1px)}.asset-thumbnail{width:50px;height:50px;object-fit:cover;border-radius:4px;margin-right:8px;vertical-align:middle}.search-container{display:flex;align-items:center;flex:1 1;max-width:400px;position:relative}.search-container input{border:1px solid #dfe1e5;border-radius:24px;width:100%;font-size:14px;transition:box-shadow .2s ease;padding:10px 16px 10px 40px}.search-container input:focus{outline:none;box-shadow:0 1px 6px rgba(32,33,36,.28);border-color:transparent}.filters-container{background-color:#f8f9fa;padding:0 16px;border-radius:8px;border:1px solid #eaeaea;transition:all .3s ease-in-out;transform-origin:top;max-height:0;overflow:hidden}.filters-container.show{padding:16px;margin-bottom:24px;max-height:800px}.filters-container>div{opacity:1;transition:opacity .2s ease-in-out}.filter-header{display:flex;align-items:center;margin-bottom:8px;font-weight:500;color:#5f6368}.toggle-advanced{margin:12px 0}.toggle-advanced button{background-color:initial;color:#175d94;border:none;cursor:pointer;padding:6px 12px;font-size:14px;border-radius:4px;display:flex;align-items:center;grid-gap:4px;gap:4px}.toggle-advanced button:hover{background-color:rgba(26,115,232,.04)}.advanced-filters{margin-top:16px;padding-top:16px;border-top:1px solid #eaeaea}.advanced-filters-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.filter-group{margin-bottom:16px}.filter-group label{display:block;margin-bottom:8px;font-size:14px;color:#5f6368;font-weight:500}.filter-group input,.filter-group select{width:100%;padding:8px 12px;border:1px solid #dfe1e5;border-radius:4px;font-size:14px}.date-range,.price-range{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.filter-actions{display:flex;justify-content:flex-end;margin-top:16px;grid-gap:12px;gap:12px}.filter-button{padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-button.apply{background-color:#175d94;color:#fff;border:none}.filter-button.apply:hover{background-color:#1765cc}.filter-button.clear{background-color:initial;color:#5f6368;border:1px solid #dadce0}.filter-button.clear:hover{background-color:#f1f3f4}.table-wrapper{overflow-x:auto;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-top:16px;position:relative}.asset-table{width:100%;border-collapse:initial;border-spacing:0;font-size:14px;min-width:800px;table-layout:fixed}.asset-table thead th{background-color:#f8f9fa;text-align:left;padding:12px 8px;font-weight:500;color:#175d94;border-bottom:1px solid #eaeaea;position:sticky;top:0;z-index:10}.asset-table th:first-child{width:30px;max-width:30px;text-align:center;padding:6px 2px}.asset-table th:nth-child(2){width:40px;max-width:40px;text-align:center;padding:6px 2px}.asset-table tbody td{padding:12px 8px;border-bottom:1px solid #eaeaea;color:#202124;vertical-align:middle}.asset-table td:first-child{width:30px;max-width:30px;text-align:center;padding:6px 2px}.asset-table td:nth-child(2){width:40px;max-width:40px;text-align:center;padding:6px 2px;position:relative}.asset-table td.asset-name-cell{display:flex;align-items:center;grid-gap:10px;gap:10px}.asset-table-user-cell{display:flex;align-items:center;grid-gap:8px;gap:8px}.asset-table tbody tr{transition:background-color .2s ease;cursor:pointer}.asset-table tbody tr:hover{background-color:#f5f5f5}.asset-table tbody tr:last-child td{border-bottom:none}.no-data-row td{text-align:center;padding:32px 0!important}.status-dot{display:block;width:8px;height:8px;border-radius:50%;margin:0 auto;padding:0}.status-available{background-color:#4caf50;box-shadow:0 0 4px #4caf50}.status-maintenance{background-color:#ff9800;box-shadow:0 0 4px #ff9800}.status-damaged{background-color:#f44336;box-shadow:0 0 4px #f44336}.status-disposed{background-color:#757575;box-shadow:0 0 4px #757575}.status-lost{background-color:#f44336;box-shadow:0 0 4px #f44336}.status-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;overflow:visible!important}.status-tooltip{visibility:hidden;position:absolute;bottom:125%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;text-align:center;padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:10000;opacity:0;transition:opacity .3s;pointer-events:none;width:max-content;box-shadow:0 2px 5px rgba(0,0,0,.2)}.status-container:hover .status-tooltip{visibility:visible;opacity:1}.status-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#333}.status-badge{display:flex;align-items:center;padding:4px 8px;max-width:-moz-fit-content;max-width:fit-content}.status-badge.available{background-color:rgba(76,175,80,.1);color:#4caf50}.status-badge.maintenance{background-color:rgba(255,152,0,.1);color:#ff9800}.status-badge.damaged{background-color:rgba(244,67,54,.1);color:#f44336}.status-badge.disposed{background-color:hsla(0,0%,45.9%,.1);color:#757575}.status-badge.lost{background-color:rgba(244,67,54,.1);color:#f44336}.error-text{color:#ea4335;padding:12px;background-color:#fdecea;margin-bottom:16px}.loading-text{font-style:italic;color:#5f6368;padding:16px}.asset-img{width:50px;height:50px;object-fit:cover;border-radius:4px;flex-shrink:0}.asset-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px;padding:16px 0;margin-top:16px}.asset-card{border:1px solid #ddd;border-radius:8px;overflow:visible;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s;background:#fff;cursor:pointer;display:flex;flex-direction:column;height:100%;position:relative}.asset-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.asset-card-image-container{position:relative;width:100%;height:180px;overflow:hidden}.asset-card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.asset-card:hover .asset-card-image{transform:scale(1.05)}.asset-card-status{width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2);flex-shrink:0;margin-left:8px;position:relative;display:inline-block;vertical-align:middle;z-index:100;overflow:visible!important}.asset-card-status .status-tooltip{visibility:hidden;position:absolute;bottom:150%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;text-align:center;padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:10000;opacity:0;transition:opacity .3s;pointer-events:none;width:max-content;box-shadow:0 2px 5px rgba(0,0,0,.2)}.asset-card-status:hover .status-tooltip{visibility:visible;opacity:1}.asset-card-status .status-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#333}.asset-card-select{margin-right:8px;display:flex;align-items:center}.asset-card-select input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#175d94;border-radius:3px;vertical-align:middle}.asset-card-title-container{display:flex;align-items:center;padding:8px 12px;position:relative}.asset-card-title{flex:1 1;margin:0;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-card-content{padding:12px 16px;display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;flex:1 1}.asset-card-item{display:flex;align-items:center;font-size:14px;color:#333}.asset-card-value{font-size:14px;color:#333;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-card-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:6px;color:#666}.asset-card-footer{padding:12px 16px;border-top:1px solid #f0f0f0;background-color:#f9f9f9}.asset-card-user{display:flex;align-items:center;grid-gap:8px;gap:8px}.asset-card-user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.1);flex-shrink:0}.asset-card-user-name{font-size:14px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-data-card{text-align:center;padding:32px 0;color:#5f6368;grid-column:1/-1}@media (max-width:768px){.asset-list-container{padding:8px}.asset-list-header{flex-direction:column;align-items:flex-start;grid-gap:12px;gap:12px;margin-bottom:8px}.search-container{max-width:100%;width:100%}.advanced-filters-grid{grid-template-columns:1fr}.table-wrapper{display:none}.asset-cards-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;padding:8px 0}.asset-card{min-height:unset;margin:0}.asset-card-image-container{height:100px}.asset-card-title-container{padding:6px 8px}.asset-card-title{font-size:13px;margin:4px 0;line-height:1.2}.asset-card-status{width:12px;height:12px}.asset-card-content{padding:6px 8px;grid-gap:4px;gap:4px;grid-template-columns:1fr}.asset-card-item{font-size:11px;grid-gap:4px;gap:4px}.asset-card-value{font-size:11px}.asset-card-icon{width:12px;height:12px;margin-right:4px}.asset-card-footer{padding:6px 8px}.asset-card-user{grid-gap:6px;gap:6px}.asset-card-user-avatar{width:20px;height:20px;border-width:1px}.asset-card-user-name{font-size:11px}.asset-card-select input[type=checkbox]{width:16px;height:16px}@media (max-width:360px){.asset-cards-container{grid-gap:6px;gap:6px}.asset-card-image-container{height:80px}.asset-card-title{font-size:12px}.asset-card-item,.asset-card-user-name,.asset-card-value{font-size:10px}}.add-asset-button,.view-mode-buttons{display:none}.mobile-add-button{position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background-color:#175d94;color:#fff;border:none;box-shadow:0 2px 5px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transition:all .3s ease}.mobile-add-button:hover{background-color:#1765cc;transform:scale(1.1)}.mobile-add-button i{font-size:24px}}.select-checkbox{cursor:pointer;width:18px;height:18px;margin:0;padding:0;border-radius:3px}.select-checkbox:hover{box-shadow:0 0 3px rgba(26,115,232,.3)}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#5f6368;font-size:14px}.asset-card .select-checkbox{margin-right:12px}.fa-spinner{animation:spin 1s linear infinite}.add-asset-button i{font-size:16px}.pagination-container{justify-content:space-between;margin-top:20px;background-color:#f8f9fa;box-shadow:0 1px 2px rgba(0,0,0,.05)}.pagination{display:flex;justify-content:center}.MuiPaginationItem-root{color:#5f6368;font-size:14px;min-width:32px;height:32px;margin:0 2px;padding:0 6px;border-radius:16px;transition:color .2s,background-color .2s}.MuiPaginationItem-root.Mui-selected{background-color:#175d94;color:#fff}.MuiPaginationItem-root:hover{background-color:rgba(26,115,232,.04)}.MuiPaginationItem-root.Mui-selected:hover{background-color:#1765cc}.pagination-info{color:#5f6368;font-size:14px}@media (max-width:768px){.pagination-container{flex-direction:column;grid-gap:10px;gap:10px}.pagination-info{text-align:center;font-size:12px}}.asset-table-user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;vertical-align:middle}.view-mode-buttons{display:flex;border-radius:4px;overflow:hidden;border:1px solid #ddd}.view-mode-button{display:flex;align-items:center;justify-content:center;padding:8px 12px;background-color:#fff;color:#175d94;border:none;cursor:pointer;min-width:36px;transition:all .2s}.view-mode-button.active{background-color:#e6f2ff;color:#175d94;font-weight:500}.view-mode-button:hover:not(.active){background-color:#f5f5f5}.view-mode-button:first-child{border-right:1px solid #ddd}.asset-table td,.asset-table th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px 8px}.asset-table .narrow-column{width:40px;max-width:40px;padding:4px 2px;margin:0;position:relative}.asset-table td.narrow-column,.asset-table th.narrow-column{width:40px!important;min-width:40px!important;max-width:40px!important;padding:5px 2px!important;box-sizing:border-box!important;text-align:center!important;position:relative!important;overflow:visible!important}.narrow-column .status-container{width:100%!important;height:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;position:relative!important;overflow:visible!important;z-index:1}.narrow-column .status-dot{width:10px!important;height:10px!important;display:inline-block!important;margin:0 auto!important}.loading-container{min-height:300px;padding:40px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#175d94;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{color:#175d94;font-size:16px;font-weight:500;text-align:center}.card-view-toolbar{width:100%;padding:10px 15px;background-color:#f5f8fa;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;flex-wrap:wrap;box-shadow:0 1px 3px rgba(0,0,0,.1)}.card-view-select-button{background-color:#fff;border:1px solid #d1d9e0;border-radius:4px;padding:8px 15px;margin-right:10px;cursor:pointer;font-size:14px;display:flex;align-items:center;transition:all .2s ease;color:#175d94}.card-view-select-button:hover{background-color:#eef5fb}.card-view-select-button i{margin-right:6px}.card-view-selection-info{margin-left:auto;font-size:14px;color:#4a4a4a;font-weight:500;padding:6px 10px;background-color:#e8f4ff;border-radius:4px;display:flex;align-items:center}@media (max-width:767px){.card-view-toolbar{flex-direction:column;align-items:flex-start}.card-view-select-button{margin-bottom:10px;width:100%;justify-content:center}.card-view-selection-info{margin-left:0;width:100%;justify-content:center;margin-top:5px}}.selection-controls{display:flex;align-items:center;margin-right:12px}.selection-toggle-button{display:flex;align-items:center;background-color:#fff;border:1px solid #d1d9e0;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:14px;color:#175d94;transition:all .2s ease;height:36px}.selection-toggle-button:hover{background-color:#f0f7ff}.selection-toggle-button i{margin-right:6px;font-size:14px}.selection-count{margin-right:10px;background-color:#175d94;color:#fff;font-size:14px;font-weight:500;padding:4px 12px;min-width:24px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;height:24px}@media (max-width:767px){.selection-controls{width:100%;margin-right:0;margin-bottom:8px;justify-content:space-between}}.asset-card-menu{position:relative;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin:0 4px;background-color:initial;border-radius:4px;transition:all .2s ease}.asset-card-menu:hover{background-color:rgba(0,0,0,.05)}.asset-card-menu i{color:#aaa;font-size:16px;padding:4px}.asset-card-dropdown{position:absolute;top:40px;right:16px;background-color:#fff;border-radius:4px;box-shadow:0 3px 10px rgba(0,0,0,.2);min-width:160px;z-index:9999;border:1px solid #e0e0e0}.asset-card-dropdown-item{padding:10px 16px;display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:14px;color:#333;cursor:pointer;transition:background-color .2s ease}.asset-card-dropdown-item:hover{background-color:#f5f5f5}.asset-card-view-public,.asset-card-view-public i{color:#4f46e5}.asset-card-view-public:hover{background-color:rgba(79,70,229,.05)}.asset-card-delete-btn,.asset-card-delete-btn i{color:#666}.actions-column{text-align:center;padding:8px 4px!important}.table-menu-container{position:relative;display:inline-block}.asset-card-dropdown:before{content:"";position:absolute;top:-6px;right:10px;width:12px;height:12px;background-color:#fff;transform:rotate(45deg);border-left:1px solid #e0e0e0;border-top:1px solid #e0e0e0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease}.delete-confirm-modal{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.3);width:400px;max-width:90%;padding:0;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.delete-confirm-header{background-color:#f5f5f5;padding:16px 20px;display:flex;align-items:center;border-bottom:1px solid #e0e0e0}.delete-confirm-header i{color:#666;font-size:24px;margin-right:14px}.delete-confirm-header h3{margin:0;color:#333;font-size:18px;font-weight:500}.delete-confirm-content{padding:20px;color:#333}.delete-confirm-content p{margin:0 0 10px;font-size:15px}.delete-warning{color:#d32f2f;font-weight:500;font-size:14px!important;display:flex;align-items:center;margin-top:12px!important}.delete-warning:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background-color:#d32f2f;color:#fff;font-weight:700;margin-right:8px;font-size:12px}.delete-confirm-actions{padding:12px 20px;display:flex;justify-content:flex-end;grid-gap:10px;gap:10px;background-color:#f5f5f5;border-top:1px solid #e0e0e0}.delete-cancel-btn{padding:8px 16px;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;color:#555;font-weight:500;cursor:pointer;transition:all .2s}.delete-cancel-btn:hover{background-color:#e0e0e0}.delete-confirm-btn{padding:8px 16px;background-color:#d32f2f;border:none;border-radius:4px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s}.delete-confirm-btn:hover{background-color:#b71c1c}@media (max-width:480px){.delete-confirm-modal{width:320px}.delete-confirm-header{padding:12px 16px}.delete-confirm-header i{font-size:20px;margin-right:10px}.delete-confirm-header h3{font-size:16px}.delete-confirm-content{padding:16px}.delete-confirm-actions{padding:10px 16px}}.add-asset-dialog .visibility-toggle{display:flex;flex-direction:column;grid-gap:8px;gap:8px;width:100%}.add-asset-dialog .toggle-container{flex-direction:column!important;grid-gap:8px;gap:8px;align-items:flex-start!important}.add-asset-dialog .toggle-container .MuiFormControlLabel-root{align-items:center!important;justify-content:flex-start!important;width:auto!important;margin:0 auto 0 0!important}.add-asset-dialog .toggle-description{margin:0!important;font-size:.875rem;color:#6b7280;line-height:1.4;padding-left:0!important;text-align:left!important;width:100%}.add-asset-dialog .form-section .visibility-toggle{align-items:flex-start!important}.add-asset-dialog.MuiDialog-root .MuiDialog-paper{border-radius:0;box-shadow:none;width:100%;max-width:100%;height:100%;max-height:100%;margin:0}.add-asset-dialog .fullscreen-dialog-no-rounded,.add-asset-dialog.MuiDialog-root .MuiPaper-rounded{border-radius:0}.add-asset-dialog .MuiDialog-paperFullScreen{border-radius:0;width:100vw;height:100vh}.add-asset-dialog.MuiDialog-root[role=presentation]>.MuiDialog-container>.MuiDialog-paper{border-radius:0;overflow:hidden;width:100vw;height:100vh;max-width:100vw;max-height:100vh}.add-asset-dialog.MuiDialog-root{z-index:9999}.add-asset-dialog .MuiBackdrop-root{z-index:9998}.add-asset-dialog .MuiDialog-container{width:100%;height:100%;max-width:100%;max-height:100%}.add-asset-dialog .MuiDialog-container .MuiPaper-root{z-index:10000;width:100%;height:100%;max-width:100%;max-height:100%}.add-asset-dialog .modal-content{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;margin:0;padding:0;box-sizing:border-box;background-color:#f5f5f5;border-radius:0;position:relative;z-index:10001}.add-asset-dialog .modal-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background-color:#fff;position:sticky;top:0;z-index:10010;flex-shrink:0;height:48px;box-shadow:0 2px 4px rgba(0,0,0,.1);border-bottom:1px solid #e0e0e0}.add-asset-dialog .modal-body{flex:1 1;overflow-y:auto;padding:16px;width:100%;box-sizing:border-box;background-color:#f5f5f5}.add-asset-dialog .modal-body-content{max-width:800px;margin:0 auto 20px;width:100%;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);background-color:#fff;padding:16px}.add-asset-dialog .modal-title{font-size:1.1rem;font-weight:500;color:#111827;margin:0}.add-asset-dialog .close-button{color:#6b7280;margin-left:auto;padding:6px}.add-asset-dialog .close-button:hover{color:#374151;background-color:rgba(0,0,0,.04)}.add-asset-dialog .upload-area{border:2px dashed #ddd;border-radius:4px;padding:16px;margin-bottom:20px;transition:border-color .3s,background-color .3s}.add-asset-dialog .upload-area:hover{border-color:#1976d2;background-color:rgba(25,118,210,.04)}.add-asset-dialog .upload-content{text-align:center}.add-asset-dialog .image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:10px;gap:10px;margin-top:10px}.add-asset-dialog .image-preview-item{position:relative;border:1px solid #eee;border-radius:4px;overflow:hidden;aspect-ratio:1/1}.add-asset-dialog .preview-image{width:100%;height:100%;object-fit:cover}.add-asset-dialog .remove-image-btn{position:absolute;top:5px;right:5px;background-color:hsla(0,0%,100%,.8);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.add-asset-dialog .remove-image-btn:hover{background-color:rgba(0,0,0,.8)}.add-asset-dialog .add-image-item{border:1px dashed #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1}.add-asset-dialog .add-image-button{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.add-asset-dialog .add-image-button:hover{color:#1976d2;background-color:rgba(25,118,210,.04)}.add-asset-dialog .hidden{display:none}.add-asset-dialog .space-y-6>*+*{margin-top:1.5rem}.add-asset-dialog .form-section{margin-bottom:20px}.add-asset-dialog .form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:8px}.add-asset-dialog .label-with-checkbox{display:flex;align-items:center;grid-gap:8px;gap:8px}.add-asset-dialog .label-with-checkbox input[type=checkbox]{margin:0}.add-asset-dialog .label-with-checkbox span{font-weight:500}.add-asset-dialog .form-input,.add-asset-dialog .form-select,.add-asset-dialog .form-textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:all .15s}.add-asset-dialog .form-input:focus,.add-asset-dialog .form-select:focus,.add-asset-dialog .form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.3)}.add-asset-dialog .form-textarea{resize:vertical;min-height:100px}.add-asset-dialog .grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.add-asset-dialog .toggle-container{display:flex!important;align-items:center!important;margin-bottom:10px;justify-content:flex-start!important;width:100%}.add-asset-dialog .MuiFormControlLabel-root{margin:0;align-items:center;justify-content:flex-start;width:auto}.add-asset-dialog .toggle-switch{position:relative;display:inline-block;width:46px;height:24px;margin-right:10px}.add-asset-dialog .toggle-input{opacity:0;width:0;height:0}.add-asset-dialog .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.add-asset-dialog .toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.add-asset-dialog .toggle-input:checked+.toggle-slider{background-color:#1976d2}.add-asset-dialog .toggle-input:checked+.toggle-slider:before{transform:translateX(22px)}.add-asset-dialog .toggle-label{font-weight:500;margin-left:0!important}.add-asset-dialog .form-section{display:flex;flex-direction:column;align-items:flex-start!important}.add-asset-dialog .form-section .toggle-container{align-items:flex-start!important;justify-content:flex-start!important;width:auto!important}.add-asset-dialog .file-attachment{display:inline-flex;align-items:center;justify-content:center;padding:1rem;border:2px dashed #d1d5db;border-radius:.5rem;transition:border-color .2s;cursor:pointer}.add-asset-dialog .file-attachment:hover{border-color:#9ca3af}.add-asset-dialog .plus-icon{width:1.5rem;height:1.5rem;color:#9ca3af}.add-asset-dialog .action-buttons{display:flex;justify-content:flex-end;padding:16px 0 0;grid-gap:8px;gap:8px;align-items:center;margin-top:16px}.add-asset-dialog .save-button,.add-asset-dialog .save-new-button{padding:6px 12px;border-radius:4px;font-weight:500;font-size:.9rem;cursor:pointer;transition:background-color .2s;height:32px;line-height:1;min-width:80px}.add-asset-dialog .save-button{background-color:#1976d2;color:#fff;border:none}.add-asset-dialog .save-new-button{background-color:#fff;color:#1976d2;border:1px solid #1976d2}.add-asset-dialog .save-button:hover{background-color:#1565c0}.add-asset-dialog .save-new-button:hover{background-color:rgba(25,118,210,.04)}.add-asset-dialog .save-button:disabled,.add-asset-dialog .save-new-button:disabled{opacity:.7;cursor:not-allowed}@media (max-width:768px){.add-asset-dialog .modal-body{padding:60px 12px 12px;width:100vw;box-sizing:border-box;height:calc(100vh - 48px);overflow-y:auto}.add-asset-dialog .grid-2{grid-template-columns:1fr;grid-gap:12px;gap:12px}.add-asset-dialog .action-buttons{flex-direction:column;grid-gap:8px;gap:8px}.add-asset-dialog .save-button,.add-asset-dialog .save-new-button{width:100%}.add-asset-dialog .modal-content{height:100vh;width:100vw;overflow-y:auto;position:fixed;top:0;left:0;z-index:10001}.add-asset-dialog .modal-header{position:fixed;top:0;left:0;right:0;width:100vw;box-sizing:border-box;z-index:10020;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}.add-asset-dialog .MuiDialog-paper{width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000}.add-asset-dialog{position:fixed;width:100%;height:100%;overflow:hidden}body.add-asset-dialog-open{overflow:hidden!important;position:fixed;width:100%;height:100%;touch-action:none}}@supports (-webkit-touch-callout:none){.add-asset-dialog,.add-asset-dialog .modal-content,.add-asset-dialog .MuiDialog-paper{height:-webkit-fill-available}}.add-asset-dialog .category-selector{position:relative;width:100%}.add-asset-dialog .selected-category{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid #ddd;border-radius:4px;cursor:pointer}.add-asset-dialog .selected-category:hover{border-color:#3c8dbc}.add-asset-dialog .category-value{flex:1 1}.add-asset-dialog .placeholder{color:#999}.add-asset-dialog .category-icon{color:#666}.add-asset-dialog .category-tree-dropdown{position:absolute;top:100%;left:0;width:100%;background-color:#fff;border:1px solid #ddd;border-radius:4px;z-index:200;max-height:300px;overflow-y:auto;margin-top:5px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.add-asset-dialog .category-path-display,.add-asset-dialog .location-path-display{margin-top:5px;font-size:12px;color:#666;padding:5px 8px;background-color:#f5f5f5;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-asset-dialog .path-content{overflow:hidden;text-overflow:ellipsis}.add-asset-dialog .location-selector{position:relative;width:100%}.add-asset-dialog .selected-location{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid #ddd;border-radius:4px;cursor:pointer}.add-asset-dialog .selected-location:hover{border-color:#3c8dbc}.add-asset-dialog .location-value{flex:1 1}.add-asset-dialog .location-icon{color:#666}.add-asset-dialog .location-tree-dropdown{position:absolute;top:100%;left:0;width:100%;background-color:#fff;border:1px solid #ddd;border-radius:4px;z-index:201;max-height:300px;overflow-y:auto;margin-top:5px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.add-asset-dialog .upload-limit-warning{margin-top:10px;color:#f44336;font-size:12px}@media screen and (max-width:768px){.add-asset-dialog .modal-body-content{margin-bottom:80px}.add-asset-dialog .modal-content,.add-asset-dialog .MuiDialog-paper{min-height:-webkit-fill-available;max-height:-webkit-fill-available}.add-asset-dialog input:focus,.add-asset-dialog select:focus,.add-asset-dialog textarea:focus{font-size:16px}.add-asset-dialog .action-buttons{padding-bottom:20px}.add-asset-dialog .save-button,.add-asset-dialog .save-new-button{height:44px;font-size:16px}}.add-asset-dialog .modal-body{-webkit-overflow-scrolling:touch}@media screen and (max-width:480px){.add-asset-dialog .modal-header{height:56px}.add-asset-dialog .modal-body{padding-top:68px}}.add-asset-dialog .close-button{width:44px;height:44px}.add-asset-dialog .category-tree-dropdown,.add-asset-dialog .location-tree-dropdown{max-height:60vh}.category-tree-container{max-height:300px;overflow-y:auto;border:1px solid #dfe1e5;border-radius:4px;background-color:#fff;padding:10px 0}.category-tree,.category-tree-item-container{width:100%}.category-tree-item{display:flex;align-items:center;padding:8px 10px;cursor:pointer;transition:background-color .2s;position:relative}.category-tree-item:hover{background-color:#f5f5f5}.category-tree-item.selected{background-color:#e8f0fe;color:#1976d2;font-weight:500}.category-name{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-code{color:#5f6368;font-size:12px;margin-left:6px}.category-path{margin-top:12px;padding:12px;background-color:#edf2fd;border-top:1px solid #dfe1e5;border-radius:0 0 4px 4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}.category-tree-container::-webkit-scrollbar{width:6px}.category-tree-container::-webkit-scrollbar-track{background:#f1f1f1}.category-tree-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.category-tree-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.location-tree-container{max-height:300px;overflow-y:auto;border:1px solid #dfe1e5;border-radius:4px;background-color:#fff;padding:10px 0}.location-tree,.location-tree-item-container{width:100%}.location-tree-item{display:flex;align-items:center;padding:8px 10px;cursor:pointer;transition:background-color .2s;position:relative}.location-tree-item:hover{background-color:#f5f5f5}.location-tree-item.selected{background-color:#e8f0fe;color:#1976d2;font-weight:500}.expand-icon{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;margin-right:6px;font-size:10px;color:#5f6368;cursor:pointer}.expand-icon:hover{color:#1976d2}.no-children{width:16px;margin-right:6px}.location-name{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-hierarchy{color:#5f6368;font-size:12px;margin-left:6px}.empty-message,.error,.loading{padding:15px;text-align:center;color:#5f6368}.error{color:#ea4335}.location-path{margin-top:12px;padding:12px;background-color:#edf2fd;border-top:1px solid #dfe1e5;border-radius:0 0 4px 4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}.path-title{font-weight:600;color:#175d94;margin-bottom:6px;font-size:13px}.path-content{color:#202124;font-size:13px;line-height:1.5;word-break:break-word;background-color:#fff;padding:8px;border-radius:4px;border:1px solid #e0e0e0;box-shadow:0 1px 2px rgba(0,0,0,.05)}.location-tree-container::-webkit-scrollbar{width:6px}.location-tree-container::-webkit-scrollbar-track{background:#f1f1f1}.location-tree-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.location-tree-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.visibility-item{margin:16px 0!important}.visibility-toggle-container{display:flex;flex-direction:column;grid-gap:8px;gap:8px;margin-top:8px;align-items:flex-start}.visibility-toggle-container .MuiFormControlLabel-root{margin:0;align-items:center;justify-content:flex-start;width:auto}.visibility-description{margin-left:0!important;font-size:.75rem!important;line-height:1.4!important;color:#6b7280!important;text-align:left}.MuiDialog-root.detail-asset-modal{z-index:1500!important;position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;margin:0;padding:0}.detail-asset-modal{z-index:1100!important}.detail-asset-modal .MuiBackdrop-root{z-index:1299!important}.detail-asset-modal .MuiDialog-paper{display:flex;flex-direction:column;height:100vh!important;max-height:100vh!important;overflow:hidden;max-width:100vw!important;width:100vw!important;margin:0!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;border-radius:0!important;z-index:1301!important;transform:none!important}.custom-header{justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.12);background-color:#fff;z-index:1100!important;position:relative;width:100%;box-sizing:border-box}.custom-header,.header-left,.header-right{display:flex;align-items:center}.header-right{grid-gap:12px;gap:12px}.status-indicator{display:flex;align-items:center;margin-right:16px}.status-select{min-width:140px}.status-select .MuiOutlinedInput-notchedOutline{border:none!important}.status-select .MuiSelect-select{padding:6px 8px;background-color:#f5f5f5;border-radius:16px}.status-select .MuiSelect-icon{color:#999}.status-display{padding:6px 10px;border-radius:16px;background-color:#f5f5f5;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:all .2s ease}.status-content,.status-display{display:flex;align-items:center}.status-select{min-width:160px!important}.MuiMenuItem-root div{display:flex;align-items:center;width:100%}.close-button{margin-left:4px}.modal-content{overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;padding:16px!important;display:flex!important;justify-content:center!important;width:100%!important;box-sizing:border-box!important;max-width:100%!important;background-color:#f5f8fa!important}.layout-container{display:flex;grid-gap:24px;gap:24px;width:100%;max-width:1200px;margin:0 auto;align-items:flex-start}.main-content{flex:1 1;max-width:800px;width:100%!important;min-width:0;height:auto!important;min-height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important;transition:all .3s ease!important;position:relative!important;background-color:#fff!important;box-shadow:0 2px 12px rgba(0,0,0,.08)!important;border-radius:8px!important;overflow:hidden!important}.main-content .content-paper{padding:20px;width:100%;box-sizing:border-box;overflow:visible;min-height:auto;height:auto;display:flex;flex-direction:column;grid-gap:24px;gap:24px;background-color:initial;box-shadow:none;border-radius:0}.main-content .asset-images{margin-bottom:24px;position:relative}.main-content .images-container{display:flex;grid-gap:20px;gap:20px;align-items:flex-start}.main-content .main-image{flex:1 1;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.08);transition:box-shadow .3s ease;will-change:box-shadow}.detail-asset-modal .main-image:hover,.main-content .main-image:hover{box-shadow:0 6px 16px rgba(0,0,0,.12)!important}.main-content .image-wrapper{aspect-ratio:4/3;background-color:#f5f7fa;border-radius:8px;overflow:hidden;position:relative;perspective:1000px}.main-content .asset-img{width:100%;height:100%;object-fit:cover;transition:filter .5s ease;transform:none!important}.main-content .thumbnails{display:flex;flex-direction:column;grid-gap:16px;gap:16px;width:128px;max-height:400px;overflow-y:auto;scrollbar-width:thin;padding:4px;perspective:1000px}.main-content .thumbnail-item{aspect-ratio:4/3;background-color:#f5f7fa;border-radius:8px;overflow:hidden;cursor:pointer;position:relative;transition:box-shadow .3s ease;will-change:box-shadow;box-shadow:0 2px 6px rgba(0,0,0,.06)}.main-content .thumbnail-item:hover{box-shadow:0 0 0 2px #3b82f6,0 4px 10px rgba(59,130,246,.15)!important;transform:none!important}.main-content .asset-details{display:flex;flex-direction:column;grid-gap:20px;gap:20px;padding:0}.main-content .asset-title-input .MuiInputBase-root{background-color:initial;transition:background-color .2s ease}.main-content .asset-title-input .MuiInputBase-root:hover{background-color:#f9f9f9}.main-content .id-item .MuiTypography-body2{min-width:100px;font-weight:500;color:#3b82f6}.main-content .id-item .MuiTypography-body1{font-weight:600;font-size:1.1rem;color:#333;font-family:"Courier New",monospace;letter-spacing:.5px}.main-content .detail-item{margin-bottom:12px}.main-content .select-controls{display:flex;grid-gap:16px;gap:16px;flex-wrap:wrap;margin:12px 0}.main-content .select-item{flex:1 1;min-width:180px}.main-content .category-select-container,.main-content .location-select-container{position:relative}.main-content .advanced-settings-wrapper{overflow:hidden;transition:all .3s ease}.main-content .advanced-settings{background-color:#f5f7fa;padding:20px;border-radius:8px;margin-top:10px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05)}.main-content .advanced-columns-container{display:flex;grid-gap:24px;gap:24px;margin-bottom:20px}.main-content .advanced-left-column,.main-content .advanced-right-column{flex:1 1;min-width:0}.main-content .info-item{margin-bottom:16px}.main-content .toggle-control{margin:16px 0}.main-content .purchase-docs-section{margin-top:24px;border-top:1px solid #eee;padding-top:20px}.main-content .purchase-docs-container{background-color:#f9f9f9;padding:16px;border-radius:8px}.main-content .purchase-images-grid{display:flex;flex-wrap:wrap;grid-gap:16px;gap:16px;margin-top:16px}.main-content .purchase-image-item{width:120px;display:flex;flex-direction:column;align-items:center}.main-content .image-container{width:100px;height:100px;border-radius:8px;overflow:hidden;position:relative;margin-bottom:8px;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:box-shadow .3s ease;will-change:box-shadow;transform:none!important}.main-content .image-container:hover{box-shadow:0 4px 10px rgba(0,0,0,.16)!important;transform:none!important}.sidebar{width:280px;flex-shrink:0;flex-grow:0}.modal-footer{padding:16px 24px;justify-content:flex-end;grid-gap:16px;gap:16px;border-top:1px solid rgba(0,0,0,.12);background-color:#fff;z-index:1100!important;position:relative}.content-paper,.modal-footer{display:flex;width:100%;box-sizing:border-box}.content-paper{padding:16px;overflow:visible;min-height:auto;height:auto;flex-direction:column}.asset-images{margin-bottom:16px}.detail-asset-modal .images-container{display:flex;grid-gap:16px;gap:16px}.detail-asset-modal .main-image{flex:1 1}.detail-asset-modal .image-wrapper{aspect-ratio:4/3;background-color:#f3f4f6;border-radius:8px;overflow:hidden;position:relative}.detail-asset-modal .status-indicator-overlay{position:absolute;bottom:10px;left:10px;z-index:10}.detail-asset-modal .status-indicator-overlay .status-select{min-width:auto;margin:0}.detail-asset-modal .status-select .MuiOutlinedInput-root{background-color:#fff;border-radius:50px;box-shadow:0 2px 8px rgba(0,0,0,.15);padding-right:4px;height:32px;min-height:32px}.detail-asset-modal .status-select .MuiOutlinedInput-notchedOutline{border:none}.detail-asset-modal .status-select .MuiSelect-root{padding:3px 4px 3px 10px}.detail-asset-modal .status-select .MuiSelect-icon{color:#666;width:20px;height:20px}.detail-asset-modal .status-display{display:flex;align-items:center;font-size:13px;font-weight:500;white-space:nowrap}.detail-asset-modal .status-icon{display:inline-flex;margin-right:4px;vertical-align:middle}.detail-asset-modal .status-icon svg{font-size:16px}.detail-asset-modal .status-icon.available svg{color:#4caf50}.detail-asset-modal .status-icon.maintenance svg{color:#ff9800}.detail-asset-modal .status-icon.damaged svg{color:#f44336}.detail-asset-modal .status-icon.disposed svg{color:#757575}.detail-asset-modal .status-icon.lost svg{color:#9c27b0}.detail-asset-modal .MuiMenuItem-root{display:flex;align-items:center}.detail-asset-modal .menu-text{margin-left:6px}.detail-asset-modal .asset-img{width:100%;height:100%;object-fit:cover;transition:filter .5s ease;transform:none!important}.detail-asset-modal .thumbnails{display:flex;flex-direction:column;grid-gap:16px;gap:16px;width:128px;max-height:400px;overflow-y:auto;scrollbar-width:thin;padding:4px;perspective:1000px}.detail-asset-modal .thumbnails::-webkit-scrollbar{width:4px}.detail-asset-modal .thumbnails::-webkit-scrollbar-track{background:#f1f1f1}.detail-asset-modal .thumbnails::-webkit-scrollbar-thumb{background:#888;border-radius:2px}.detail-asset-modal .thumbnails::-webkit-scrollbar-thumb:hover{background:#555}.detail-asset-modal .thumbnail-item{aspect-ratio:4/3;background-color:#f3f4f6;border-radius:8px;overflow:hidden;cursor:pointer;position:relative;transition:box-shadow .3s ease;will-change:box-shadow;transform:none!important}.detail-asset-modal .thumbnail-item:hover{box-shadow:0 0 0 2px #3b82f6,0 4px 10px rgba(59,130,246,.15)!important;transform:none!important}.detail-asset-modal .thumbnail-img{width:100%;height:100%;object-fit:cover}.detail-asset-modal .add-image-item{display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;border:2px dashed #ccc;cursor:pointer}.detail-asset-modal .add-image-button{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666}.detail-asset-modal .add-image-button svg{margin-bottom:5px;font-size:24px}.detail-asset-modal .remove-image-btn{position:absolute!important;top:2px;right:2px;background-color:hsla(0,0%,100%,.7)!important;padding:2px!important}.detail-asset-modal .remove-image-btn:hover{background-color:hsla(0,0%,100%,.9)!important}.detail-asset-modal .asset-details{padding:16px;width:100%;box-sizing:border-box;overflow:visible;min-height:auto;height:auto}.details-column{display:flex;flex-direction:column;grid-gap:16px;gap:16px;width:100%;min-width:0;position:relative;min-height:auto;height:auto}.sidebar-section{padding:12px;margin-bottom:12px;border:1px solid rgba(0,0,0,.12);border-radius:4px}.section-title{margin-bottom:8px!important}@media (max-width:768px){.detail-asset-modal .asset-details{grid-template-columns:1fr}}.detail-asset-modal .asset-title{margin-bottom:20px!important;font-size:28px!important;font-weight:600!important;color:#333}.detail-asset-modal .id-item{margin-bottom:15px!important;padding:8px 12px;background-color:#f5f5f5;border-radius:4px;display:flex;align-items:center}.detail-asset-modal .id-item .MuiTypography-body2{margin-right:10px;min-width:80px}.detail-asset-modal .id-item .MuiTypography-body1{color:#1976d2;font-family:monospace;letter-spacing:.5px}.detail-asset-modal .detail-item{margin-bottom:10px}.detail-asset-modal .select-controls{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px;width:100%;margin-bottom:16px}.detail-asset-modal .select-item{width:100%}.detail-asset-modal .custom-select{border-radius:8px}.detail-asset-modal .toggle-control{margin:16px 0;display:flex;align-items:center}.detail-asset-modal .warranty-control{margin-top:16px}.detail-asset-modal .warranty-inputs{display:flex;grid-gap:8px;gap:8px;margin-top:8px}.detail-asset-modal .warranty-value{width:64px}.detail-asset-modal .warranty-unit{flex:1 1}.detail-asset-modal .info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:16px;width:100%}.detail-asset-modal .info-item{width:100%}.detail-asset-modal .info-value{font-weight:500}.detail-asset-modal .attachment-section{margin-top:24px}.detail-asset-modal .attachment-container{display:flex;grid-gap:12px;gap:12px;align-items:flex-start}.detail-asset-modal .attachment-preview{flex:1 1;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.detail-asset-modal .attachment-item{display:flex;align-items:center;grid-gap:8px;gap:8px}.detail-asset-modal .file-icon{color:#ef4444}.detail-asset-modal .file-info{flex:1 1}.detail-asset-modal .add-button{border:1px solid #e5e7eb;border-radius:8px}.detail-asset-modal .manager-section{margin-bottom:16px}.detail-asset-modal .manager-profile{display:flex;align-items:flex-start;grid-gap:16px;gap:16px;margin-top:12px}.detail-asset-modal .manager-avatar{width:48px;height:48px;border-radius:8px}.detail-asset-modal .manager-info{flex:1 1}.detail-asset-modal .timeline{margin-top:12px}.detail-asset-modal .timeline-item{display:flex;grid-gap:16px;gap:16px;margin-bottom:24px;position:relative}.detail-asset-modal .timeline-marker{position:relative;display:flex;flex-direction:column;align-items:center}.detail-asset-modal .timeline-dot{width:8px;height:8px;border-radius:50%;background-color:#ef4444}.detail-asset-modal .timeline-line{position:absolute;top:12px;bottom:-24px;width:1px;background-color:#e5e7eb}.detail-asset-modal .file-label{display:block;margin-top:8px;margin-bottom:4px}.detail-asset-modal .timeline-attachment{display:flex;align-items:center;grid-gap:8px;gap:8px;background-color:#f3f4f6;padding:8px;border-radius:4px}.detail-asset-modal .file-icon-small{color:#ef4444;font-size:16px}.detail-asset-modal .MuiTypography-h6{font-size:16px!important}.detail-asset-modal .MuiTypography-body2{font-size:13px!important}.detail-asset-modal .MuiTypography-caption{font-size:11px!important}.detail-asset-modal .MuiDialogContent-root{padding:20px 0!important;flex:1 1 auto!important;margin:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.detail-asset-modal .thumbnails,.main-content .thumbnails{padding:4px}@media (max-width:767px){.detail-asset-modal .MuiDialog-paper{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;margin:0!important;border-radius:0!important;overflow:auto!important}.custom-header{padding:10px 12px}.detail-asset-modal .images-container{flex-direction:column;grid-gap:16px;gap:16px}.detail-asset-modal .main-image{width:100%;height:auto;max-height:280px;margin-bottom:10px}.detail-asset-modal .image-wrapper{width:100%;height:auto;aspect-ratio:1/1}.detail-asset-modal .thumbnails{flex-direction:row!important;width:100%!important;height:auto!important;overflow-x:auto!important;overflow-y:hidden!important;padding:5px 0!important;white-space:nowrap;grid-gap:10px!important;gap:10px!important;scroll-snap-type:x mandatory}.detail-asset-modal .thumbnail-item{width:70px!important;height:70px!important;flex-shrink:0;scroll-snap-align:start}.detail-asset-modal .thumbnail-item.selected{box-shadow:0 0 0 2px #4caf50,0 2px 8px rgba(76,175,80,.3)!important}.detail-asset-modal .add-image-item{width:70px!important;height:70px!important;flex-shrink:0;font-size:12px}.detail-asset-modal .add-image-button svg{font-size:20px}.detail-asset-modal .id-item{padding:8px 10px;font-size:14px}.detail-asset-modal .asset-title-input .MuiInputBase-input{font-size:16px!important;padding:8px 10px}.modal-footer{padding:10px;grid-gap:10px;gap:10px}.modal-footer .MuiButton-root{height:38px;min-width:80px;padding:0 10px;font-size:14px}.detail-asset-modal .MuiDialogContent-root{height:auto!important;max-height:none!important;overflow:visible!important}.modal-content{overflow:visible!important}.layout-container,.modal-content{height:auto!important;min-height:auto!important}.layout-container{flex-direction:column}.main-content,.sidebar{width:100%;max-width:100%;flex:none!important;margin-right:0;margin-bottom:24px;height:auto!important;min-height:auto!important;overflow:visible!important}.main-content{box-shadow:0 1px 8px rgba(0,0,0,.05);border-radius:6px;margin-bottom:24px;display:block!important}.main-content .content-paper{padding:16px;grid-gap:16px;gap:16px;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important}.main-content .images-container{flex-direction:column;grid-gap:12px;gap:12px}.main-content .thumbnails{flex-direction:row;width:100%;max-height:none;overflow-x:auto;overflow-y:hidden;padding:4px 0 12px}.main-content .thumbnail-item{width:80px;height:80px;flex-shrink:0}.main-content .select-controls{flex-direction:column;grid-gap:12px;gap:12px}.main-content .select-item{width:100%;min-width:100%}.main-content .advanced-columns-container{flex-direction:column;grid-gap:20px;gap:20px}.main-content .purchase-images-grid{justify-content:space-between;grid-gap:10px;gap:10px}.detail-asset-modal .timeline{min-height:auto!important}}@media (max-width:480px){.main-content .content-paper{padding:12px}.main-content .asset-title-input .MuiInputBase-input{font-size:1.2rem;padding:10px 12px}.main-content .advanced-settings,.main-content .purchase-docs-container{padding:12px}.modal-content{padding:12px!important}}@media (max-width:380px){.detail-asset-modal .MuiDialogContent-root{padding:10px 0!important}.modal-content{padding:8px!important}.detail-asset-modal .add-image-item,.detail-asset-modal .thumbnail-item{width:60px!important;height:60px!important}.status-indicator{margin-right:8px}.status-select{min-width:110px}.status-select .MuiSelect-select{padding:4px 6px;font-size:12px}.modal-footer .MuiButton-root{height:34px;min-width:70px;padding:0 8px;font-size:13px}}.asset-title-input .MuiInputBase-root{margin-bottom:16px}.asset-title-input .MuiInputBase-input{font-size:1.5rem;font-weight:700}.asset-title-input .MuiInputLabel-root{font-size:1.2rem}.advanced-settings-wrapper{width:100%;transition:min-height .3s ease;position:relative;overflow:hidden}.advanced-settings{width:100%;transition:all .3s ease;position:relative;overflow:visible;box-sizing:border-box;margin-top:16px;margin-bottom:16px;padding:24px;background-color:#f9f9fa;border-radius:8px;border:1px solid #eee;animation:fadeIn .3s ease}.edit-toggle-button{margin-right:12px}.advanced-columns-container{display:flex;flex-wrap:wrap;grid-gap:24px;gap:24px;width:100%;margin-bottom:20px}.advanced-left-column,.advanced-right-column{flex:1 1;min-width:300px;padding:24px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.advanced-settings .info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:20px;width:100%}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;border-bottom:1px solid #f0f0f0;padding-bottom:8px}.section-title-row .MuiSwitch-root{margin-right:8px}.depreciation-section,.warranty-section{margin-bottom:24px}.advanced-settings .info-item{width:100%;margin-bottom:20px}.advanced-settings .MuiInputBase-root{min-height:48px}.advanced-settings .MuiOutlinedInput-input{padding:14px 16px;font-size:15px}.advanced-settings .MuiSelect-select{padding:14px 16px;min-height:48px}.advanced-settings .MuiSelect-icon{right:12px}.advanced-settings .MuiCheckbox-root{padding:8px;margin-right:8px}.advanced-settings .MuiTypography-body2{font-size:14px!important;margin-bottom:6px;font-weight:400}.advanced-settings .MuiTypography-subtitle1{font-size:18px!important;font-weight:500;margin-bottom:20px}.purchase-docs-section{width:100%;margin-top:16px;padding:24px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.purchase-docs-container{width:100%}.purchase-docs-section .MuiButton-root{height:48px;padding:8px 20px;font-size:15px}.purchase-images-grid{grid-gap:20px;gap:20px;margin-top:20px}.purchase-image-item{width:120px}.purchase-image-item .image-container{width:120px;height:120px;box-shadow:0 1px 3px rgba(0,0,0,.1);border-radius:4px;overflow:hidden;transform:translateZ(0);will-change:transform,box-shadow;backface-visibility:hidden}.purchase-image-item .MuiTypography-caption{margin-top:6px;text-align:center;max-width:120px}@media (max-width:992px){.advanced-settings .info-grid{grid-template-columns:1fr;grid-gap:16px;gap:16px}.purchase-image-item,.purchase-image-item .image-container{width:100px;height:100px}}@media (max-width:768px){.advanced-columns-container{flex-direction:column;grid-gap:16px;gap:16px}.advanced-left-column,.advanced-right-column{width:100%;padding:20px;min-width:auto}.advanced-settings,.purchase-docs-section{padding:20px}}@media (max-width:480px){.advanced-left-column,.advanced-right-column,.advanced-settings,.purchase-docs-section{padding:16px}.advanced-settings .MuiInputBase-root{min-height:42px}.advanced-settings .MuiOutlinedInput-input{padding:12px 14px;font-size:14px}}@media (max-width:600px){.detail-asset-modal .images-container{flex-direction:column}.detail-asset-modal .thumbnails{flex-direction:row;width:100%;max-height:none;overflow-x:auto;overflow-y:hidden;padding-right:0;padding-bottom:4px}.detail-asset-modal .thumbnails::-webkit-scrollbar{height:4px;width:auto}.detail-asset-modal .thumbnail-item{width:80px;flex-shrink:0}}.purchase-images-section{margin-top:16px;border-top:1px solid #eee;padding-top:16px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.purchase-images-grid{display:flex;flex-wrap:wrap;grid-gap:12px;gap:12px}.purchase-image-item{width:100px;display:flex;flex-direction:column;align-items:center}.image-container{position:relative;width:100px;height:100px;border-radius:4px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.1);transform:translateZ(0);will-change:transform,box-shadow;transition:box-shadow .3s ease;backface-visibility:hidden}.image-actions{position:absolute;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;opacity:0;transition:opacity .2s}.image-actions .MuiIconButton-root{color:#fff;padding:4px}.detail-asset-modal .user-activity-info{display:flex;align-items:flex-start;margin-bottom:8px}.detail-asset-modal .user-avatar{width:32px;height:32px;margin-right:12px;border-radius:50%;overflow:hidden;flex-shrink:0;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.detail-asset-modal .avatar-image{width:100%;height:100%;object-fit:cover}.detail-asset-modal .avatar-placeholder{color:#9e9e9e;font-size:32px}.detail-asset-modal .user-details{flex:1 1}.detail-asset-modal .user-name{font-weight:500;margin:2px 0}.detail-asset-modal .user-email{color:#757575;font-weight:400;font-size:.85em}.detail-asset-modal .timeline-content{flex:1 1;padding-bottom:16px}.detail-asset-modal .timeline-item:last-child .timeline-line{display:none}@media (max-width:600px){.detail-asset-modal .user-activity-info{flex-direction:column}.detail-asset-modal .user-avatar{margin-bottom:8px;margin-right:0}}.detail-asset-modal .loading-avatar{width:32px;height:32px;border-radius:50%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.detail-asset-modal .loading-avatar:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5),transparent);animation:loading-shimmer 1.5s infinite}.detail-asset-modal .changed-fields{margin-top:6px;padding-top:4px}.detail-asset-modal .changes-title{display:block;margin-bottom:4px;font-size:.75rem;color:#666}.detail-asset-modal .fields-list{display:flex;flex-wrap:wrap;grid-gap:6px;gap:6px;margin-top:2px}.detail-asset-modal .field-chip{background-color:#f5f5f5;border-color:#e0e0e0;font-size:.7rem;height:24px}.detail-asset-modal .action-description{font-weight:500;margin-bottom:2px}.detail-asset-modal .timeline-dot.action-create{background-color:#4caf50}.detail-asset-modal .timeline-dot.action-update{background-color:#2196f3}.detail-asset-modal .timeline-dot.action-delete{background-color:#f44336}.detail-asset-modal .timeline-dot.action-status{background-color:#ff9800}@media (max-width:600px){.detail-asset-modal .user-activity-info{flex-direction:column}.detail-asset-modal .user-avatar{margin-bottom:8px;margin-right:0}.detail-asset-modal .fields-list{margin-top:6px}}.user-selection-item{padding:12px;display:flex;align-items:center;cursor:pointer;border-bottom:1px solid #eee;transition:background-color .2s}.user-selection-item:hover{background-color:#f5f5f5}.user-selection-item.selected{background-color:#f0f7ff}.user-selection-item .user-details{flex:1 1;padding-left:12px}.user-selection-item .user-name{font-weight:500;font-size:14px}.user-selection-item .user-email{font-size:12px;color:#757575}.user-selection-item .selected-indicator{color:#4caf50;font-weight:700;margin-left:auto}.detail-asset-modal .user-info-container{margin-bottom:16px;background-color:#f9f9f9;padding:12px;border-radius:4px}.detail-asset-modal .user-info-container .user-details{flex:1 1}.detail-asset-modal .assign-user-button{margin-top:12px;width:100%}.detail-asset-modal .assign-user-button .MuiButton-label{display:flex;align-items:center;justify-content:center}.detail-asset-modal .assign-user-button .MuiButton-startIcon{margin-right:8px}@media (min-width:768px) and (max-width:1024px){.detail-asset-modal .MuiDialog-paper{width:92%;max-width:92%}}@media (max-width:1199px){.main-content{width:100%!important}.sidebar{width:35%;min-width:250px}}@media (max-width:991px){.main-content{width:100%!important}.sidebar{width:40%}}@media (max-width:767px){.layout-container{flex-direction:column}.main-content,.sidebar{width:100%}.advanced-columns-container{flex-direction:column}.advanced-left-column,.advanced-right-column{width:100%}}@media (max-width:480px){.detail-asset-modal .MuiDialog-paper{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;margin:0!important;border-radius:0!important}.modal-content{padding:8px!important}.detail-asset-modal .MuiDialogContent-root{padding:8px 0!important}.content-paper{padding:8px!important}.main-content .content-paper{padding:12px;grid-gap:12px;gap:12px}.detail-asset-modal .main-content{margin-bottom:16px}.main-content .asset-title-input .MuiInputBase-input{font-size:1rem!important;padding:8px 10px}.main-content .id-item{padding:8px 10px;grid-gap:8px;gap:8px}.main-content .select-item-row{padding:8px 10px}.main-content .thumbnail-item{width:70px;height:70px}}body.MuiDialog-open{overflow:hidden!important}.content-paper{width:100%!important;max-width:100%!important;margin:0!important;padding:12px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;flex:1 1!important;overflow:visible!important}.modal-content{flex:1 1!important;overflow-y:auto!important;padding:0!important}.layout-container{min-height:auto!important;height:auto}.detail-asset-modal .MuiDialogContent-root{display:flex!important;flex-direction:column!important;height:calc(100vh - 56px)!important;overflow-y:auto!important;min-height:0!important;position:relative!important}.layout-container{min-height:100%!important}@media (max-width:480px){.status-select{min-width:120px}.status-select .MuiSelect-select{padding:4px 6px;font-size:13px}}.status-select:hover .status-display{box-shadow:0 1px 5px rgba(0,0,0,.15)}.pagination-container{justify-content:center;margin-top:16px;padding-top:12px;border-top:1px solid #f0f0f0}.timeline-item{margin-bottom:16px}.timeline-item:last-child{margin-bottom:0}.timeline-item.empty{height:65px;background-color:initial;border-left:1px dashed #eee;margin-left:4px}.timeline{margin-top:12px;min-height:320px}.pdf-thumbnail{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;transform:translateZ(0)}.detail-asset-modal .main-content,.main-content{flex:1 1;max-width:800px;width:100%!important;min-width:0;height:auto!important;min-height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important;transition:all .3s ease!important;position:relative!important;background-color:#fff!important;box-shadow:0 2px 12px rgba(0,0,0,.08)!important;border-radius:8px!important;overflow:hidden!important}.detail-asset-modal .main-image,.main-content .main-image{flex:1 1;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.08);transition:box-shadow .3s ease;will-change:box-shadow}.detail-asset-modal .thumbnail-item:hover,.main-content .thumbnail-item:hover{box-shadow:0 0 0 2px #3b82f6,0 4px 10px rgba(59,130,246,.15)!important;transform:none!important}.detail-asset-modal .image-wrapper,.main-content .image-wrapper{aspect-ratio:4/3;background-color:#f5f7fa;border-radius:8px;overflow:hidden;position:relative;perspective:1000px}.detail-asset-modal .asset-img,.main-content .asset-img{width:100%;height:100%;object-fit:cover;transition:filter .5s ease;transform:none!important}.detail-asset-modal .asset-img:hover,.main-content .asset-img:hover{filter:brightness(1.05);transform:none!important}.detail-asset-modal .thumbnails,.main-content .thumbnails{display:flex;flex-direction:column;grid-gap:16px;gap:16px;width:128px;max-height:400px;overflow-y:auto;scrollbar-width:thin;padding-right:4px;perspective:1000px}.detail-asset-modal .thumbnail-item,.main-content .thumbnail-item{aspect-ratio:4/3;background-color:#f5f7fa;border-radius:8px;overflow:hidden;cursor:pointer;position:relative;transition:box-shadow .3s ease;will-change:box-shadow;transform:none!important}.detail-asset-modal .image-container,.image-container,.main-content .image-container{position:relative;width:100px;height:100px;border-radius:4px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.1);transform:translateZ(0);will-change:transform,box-shadow;transition:box-shadow .3s ease;backface-visibility:hidden}.detail-asset-modal .image-container:hover,.image-container:hover,.main-content .image-container:hover{box-shadow:0 4px 10px rgba(0,0,0,.16)!important;transform:none!important}.detail-asset-modal .main-image:hover,.detail-asset-modal .purchase-image-item .image-container:hover,.detail-asset-modal .thumbnail-item,.main-content .main-image:hover,.main-content .purchase-image-item .image-container:hover,.main-content .thumbnail-item,.purchase-image-item .image-container:hover,.thumbnail-item{transform:none!important}.image-container:hover .image-actions{opacity:1;transform:none!important}.thumbnail-item.selected{box-shadow:0 0 0 2px #3b82f6,0 4px 10px rgba(59,130,246,.2)!important;transform:none!important;position:relative}.thumbnail-item.selected:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(59,130,246,.1);pointer-events:none}.thumbnail-item.selected .remove-image-btn{z-index:2}.main-content .details-column{display:flex;flex-direction:column;grid-gap:16px;gap:16px;width:100%;padding:0}.main-content .id-item{display:flex;align-items:center;grid-gap:12px;gap:12px;background-color:#f0f5ff;padding:10px 14px;border-radius:6px;margin-bottom:10px;border-left:4px solid #3b82f6;box-shadow:0 1px 3px rgba(0,0,0,.05)}.main-content .asset-title-input .MuiInputBase-input{font-size:1.2rem!important;font-weight:600;color:#333;padding:12px 14px}.main-content .select-item-row .MuiSelect-root,.main-content .select-item-row .selected-category,.main-content .select-item-row .selected-location{flex:1 1}.main-content .description-item{display:flex;flex-direction:column;grid-gap:8px;gap:8px;background-color:#f9f9fb;padding:10px 14px;border-radius:6px;margin-top:10px}.main-content .description-label{font-weight:500;color:#555}.main-content .category-selector,.main-content .location-selector{flex:1 1}@media (max-width:768px){.main-content .select-item-row{flex-direction:column;align-items:flex-start;grid-gap:8px;gap:8px}.main-content .select-label{min-width:100%;margin-bottom:4px}}.detail-asset-modal .MuiDialog-paper:not(.MuiDialog-paperScrollPaper){max-height:100%!important;overflow-y:auto!important}.detail-asset-modal .MuiDialogContent-root{overflow-y:visible!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}.detail-asset-modal .modal-content{-webkit-overflow-scrolling:touch!important}.detail-asset-modal .image-container,.detail-asset-modal .main-image,.detail-asset-modal .thumbnail-item{will-change:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}@media (max-width:767px){.layout-container{padding:0 4px}.main-content{padding:0;margin-bottom:16px}.main-content .content-paper{padding:12px;grid-gap:12px;gap:12px}.main-content .select-item-row{margin-bottom:6px;padding:8px 10px}.main-content .description-item{padding:8px 10px}.main-content .select-label{min-width:90px;font-size:13px}.detail-asset-modal input,.detail-asset-modal textarea{font-size:16px!important}.info-grid{display:flex!important;flex-direction:column!important;grid-gap:10px!important;gap:10px!important}.info-item{margin-bottom:8px!important}.sidebar{width:100%!important;margin-bottom:0!important}.sidebar-section{padding:10px!important;margin-bottom:10px!important}.timeline-item{margin-bottom:12px!important}.detail-asset-modal .user-activity-info{flex-direction:row!important;align-items:center!important}.detail-asset-modal .user-avatar{width:28px!important;height:28px!important;margin-right:10px!important}.modal-content{-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important}}@media (max-width:767px){.status-select{min-width:130px!important}.status-display{padding:4px 8px!important;border-radius:12px!important}.status-icon svg{font-size:14px!important}.main-content .content-paper>:not(:last-child){margin-bottom:12px}.detail-asset-modal .thumbnail-item:active,.detail-asset-modal .thumbnail-item:focus,.main-content .image-container:active,.main-content .image-container:focus,.modal-footer .MuiButton-root:active{transform:scale(.98)!important;transition:transform .1s!important}.modal-content{background-color:#f8f8f8!important}.main-content{background-color:#fff!important}.image-container,.thumbnail-item{transition:all .2s ease-out!important}.main-content .asset-title-input .MuiInputBase-root{margin-bottom:10px!important}.selected-category,.selected-location{padding:6px 10px!important}}@media (max-height:500px) and (max-width:767px){.detail-asset-modal .MuiDialog-paper{height:100%!important}.modal-content{padding-bottom:60px!important}.detail-asset-modal .main-image{max-height:200px!important}}@media{.detail-asset-modal .main-content,.main-content{width:100%!important}@media (min-width:992px){.sidebar{width:280px!important}}}.main-content .select-item-row{display:flex;flex-direction:row;align-items:center;grid-gap:12px;gap:12px;margin-bottom:8px;background-color:#f9f9fb;padding:10px 14px;border-radius:6px}.main-content .select-label{min-width:100px;width:100px;font-weight:500;color:#555;flex-shrink:0}.main-content .select-item-row .custom-select,.main-content .select-item-row .MuiSelect-root,.main-content .select-item-row .selected-category,.main-content .select-item-row .selected-location{flex:1 1;height:44px;box-sizing:border-box;font-size:14px;background-color:#fff;border-radius:4px;border:1px solid #e0e0e0}.main-content .select-item-row .MuiOutlinedInput-root{height:44px;min-height:44px}.main-content .selected-category,.main-content .selected-location{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;height:44px;box-sizing:border-box;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;background-color:#fff;transition:all .2s ease}.main-content .selected-category:hover,.main-content .selected-location:hover{border-color:#3b82f6;background-color:#f5f7fa}@media (max-width:767px){.main-content .select-item-row{padding:8px 10px}.main-content .select-label{min-width:90px;width:90px;font-size:13px}.main-content .select-item-row .custom-select,.main-content .select-item-row .MuiSelect-root,.main-content .select-item-row .selected-category,.main-content .select-item-row .selected-location{height:40px;font-size:13px}.main-content .selected-category,.main-content .selected-location{height:40px;padding:6px 10px}.main-content .select-item-row .MuiOutlinedInput-root{height:40px;min-height:40px}}.user-selection-dialog{z-index:1500!important}.user-selection-dialog .MuiDialog-paper{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:auto!important;height:auto!important;max-height:80vh!important;max-width:500px!important;margin:32px auto!important;transform:none!important;display:flex!important;flex-direction:column!important;border-radius:8px!important}.user-selection-dialog .MuiDialogContent-root{padding:16px!important;height:auto!important;max-height:none!important;overflow-y:auto!important;display:block!important}.user-select-dialog-root{z-index:1500!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:rgba(0,0,0,.5)!important}.user-select-dialog-root:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:-1}.user-select-dialog-paper{position:static!important;margin:0!important;background-color:initial!important;box-shadow:none!important;max-width:100%!important;width:auto!important;height:auto!important;transform:none!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important}.user-list{max-height:300px;overflow-y:auto}body{margin:0;padding:0;background-color:#f9f9f9;font-family:Arial,sans-serif}.container.inventory-list-page{padding:16px 20px;width:100%;box-sizing:border-box;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.06);margin-bottom:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;grid-gap:16px;gap:16px}.header .search-container{display:flex;align-items:center;position:relative;width:100%;max-width:500px}.header .search-container input{padding:10px 40px 10px 14px;border:1px solid #e0e0e0;border-radius:4px;width:100%;font-size:14px;background-color:#f9f9f9}.header .search-container button{position:absolute;right:0;top:0;height:100%;width:40px;background:none;border:none;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s}.header .search-container button:hover{color:#175d94}.header .icons{display:flex;align-items:center;grid-gap:12px;gap:12px}.header .icons i{cursor:pointer;font-size:20px;color:#666;transition:color .2s}.header .icons i:hover{color:#175d94}.header .button{background-color:#3498db;color:#fff;border:none;padding:10px 16px;border-radius:4px;cursor:pointer;display:flex;align-items:center;white-space:nowrap;font-size:14px;font-weight:500;transition:background-color .2s}.header .button:hover{background-color:#2980b9}.header .button i{margin-right:8px;color:#fff;font-size:16px}.header .button.create-button{white-space:nowrap;flex-shrink:0;min-width:150px}table{width:100%;border-collapse:initial;border-spacing:0;margin-top:10px;box-shadow:0 1px 3px rgba(0,0,0,.05);background-color:#fff;border-radius:6px;overflow:hidden}td,th{padding:12px 16px;text-align:left;vertical-align:middle}thead{background-color:#f8f9fa;border-bottom:1px solid #e9ecef}th{font-weight:600;color:#175d94;font-size:14px}tr{border-bottom:1px solid #f0f0f0;transition:background-color .15s}tbody tr:last-child{border-bottom:none}tr:hover{background-color:rgba(26,115,232,.04);cursor:pointer}td.status{display:flex;align-items:center}td.status i{margin-right:8px;font-size:16px}i.completed{color:#34a853}i.in-progress{color:#fbbc04}.error-text,.loading-text{text-align:center;color:#6c757d;padding:24px;background-color:#fff;border-radius:6px;margin-top:16px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.pagination-container{display:flex;justify-content:flex-end;align-items:center;margin-top:24px;background-color:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.pagination-group{display:flex;align-items:center;grid-gap:20px;gap:20px}.pagination.custom-pagination{margin-bottom:0}.pagination.custom-pagination .MuiPaginationItem-root{color:#555}.pagination.custom-pagination .MuiPaginationItem-page.Mui-selected{background-color:#3498db!important;color:#fff!important}.pagination.custom-pagination .MuiPaginationItem-page:hover{background-color:rgba(52,152,219,.1)!important}.pagination.custom-pagination .MuiPaginationItem-page.Mui-selected:hover{background-color:#2980b9!important}.pagination-info{font-size:13px;color:#666;white-space:nowrap}@media (min-width:768px){.pagination-container{flex-direction:row;justify-content:space-between}.MuiPagination-root,.pagination{margin-bottom:0}}@media (max-width:768px){.pagination-container{justify-content:center}.pagination-group{flex-direction:column;align-items:center;grid-gap:12px;gap:12px}.pagination-info{text-align:center;order:2}.pagination.custom-pagination{order:1}}.inventory-cards{grid-gap:12px;gap:12px}.inventory-card,.inventory-cards{display:flex;flex-direction:column}.inventory-card{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.06);overflow:hidden;transition:all .3s ease;height:100%;border:1px solid #f0f0f0}.inventory-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.08);transform:translateY(-4px)}.status-indicator{display:none}.card-body{padding:25px;flex:1 1;display:flex;flex-direction:column;cursor:pointer;position:relative}.inventory-card .menu-button{top:20px;right:20px;width:30px;height:30px;transition:opacity .2s ease}.inventory-card .menu-button i{color:#888}.inventory-card .menu-button:hover{opacity:.9}.card-main-title{font-size:20px;font-weight:600;color:#2c3e50;margin-bottom:20px;padding-right:30px;line-height:1.4}.card-info{display:flex;flex-direction:column;grid-gap:18px;gap:18px;color:#555;margin-top:auto}.card-info-item{display:flex;align-items:center;grid-gap:12px;gap:12px}.card-info-item .info-icon{font-size:16px;color:#3498db;width:20px;text-align:center}.card-label{color:#7f8c8d}.card-label,.card-value{font-size:14px;font-weight:500}.card-value{color:#34495e;margin-left:auto}.progress-info{margin-top:20px}.progress-label{display:flex;align-items:center;margin-bottom:10px}.progress-label .info-icon{margin-right:12px;color:#3498db}.progress-label span:first-child{font-size:14px;color:#7f8c8d;font-weight:500}.progress-value{font-weight:600;font-size:14px;color:#34495e;margin-left:auto}.progress-bar-container{height:6px;background-color:#ecf0f1;border-radius:3px;overflow:hidden}.progress-bar{height:100%;background-color:#3498db;border-radius:3px;transition:width .3s ease}.progress-bar.progress-pending{background-color:#f39c12}.percentage-info{margin-left:8px;font-weight:500;font-size:13px;color:#7f8c8d}.description-toggle,.status-indicator{display:none!important}table th:nth-child(2){min-width:200px}table td:nth-child(2){font-weight:500;color:#175d94}.view-mode-toggle{display:flex;align-items:center;background-color:#f5f5f5;border-radius:4px;padding:2px;flex-shrink:0;margin-left:auto}.view-mode-toggle .MuiIconButton-root{margin:0 2px;padding:8px;border-radius:4px;transition:all .2s ease}.view-mode-toggle .MuiIconButton-root.active-view-mode{background-color:#e0e0e0}.view-mode-toggle .MuiIconButton-colorPrimary{color:#3498db}.inventory-cards{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:16px;gap:16px;margin-top:10px}@media (min-width:768px){.inventory-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.inventory-cards{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.inventory-cards{grid-template-columns:repeat(4,1fr)}}@media (max-width:992px){.header{flex-wrap:wrap;grid-gap:12px;gap:12px}.header .search-container{order:2;width:100%;max-width:100%}.header .button.create-button{order:1;min-width:auto}.view-mode-toggle{order:3;margin-left:0}}@media (max-width:768px){.container.inventory-list-page{padding:12px}}@media (max-width:576px){.container.inventory-list-page{padding:10px;border-radius:0;box-shadow:none;margin-bottom:10px}.header .button{width:100%;justify-content:center;margin-top:10px;padding:12px}.pagination{padding:10px;margin-top:10px}.pagination a,.pagination span{margin:0 3px;padding:6px 10px;font-size:13px}}.menu-icon{cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.menu-icon:hover{background-color:rgba(0,0,0,.08);transform:scale(1.05)}.menu-icon:active{transform:scale(.95)}.menu-dropdown{min-width:160px;padding:4px 0;background-color:#fff;border-radius:8px;border:1px solid #eaeaea;box-shadow:0 8px 24px rgba(0,0,0,.15);z-index:9999;position:fixed;animation:fadeInMenu .2s ease-out}.menu-dropdown-positioned{top:auto;left:auto}@keyframes fadeInMenu{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{padding:10px 16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;grid-gap:10px;gap:10px;font-weight:500}.menu-item:hover{background-color:rgba(0,0,0,.04)}.menu-item.delete{color:#f44336}.menu-item.delete i{font-size:16px}.menu-item.delete:hover{background-color:rgba(244,67,54,.08)}.menu-column{width:50px;text-align:center}.MuiDialog-paper{border-radius:10px!important;box-shadow:0 10px 25px -5px rgba(0,0,0,.1)!important}.MuiDialogTitle-root{background-color:#f8f9fa;padding:16px 24px!important}.MuiDialogActions-root{padding:16px 24px!important;border-top:1px solid #f0f0f0}.MuiButton-containedSecondary{background-color:#f44336!important;box-shadow:none!important}.MuiButton-containedSecondary:hover{background-color:#d32f2f!important}.custom-snackbar{margin-top:16px;margin-right:16px}.MuiSnackbarContent-root{min-width:300px!important}.MuiAlert-root{border-radius:8px!important;box-shadow:0 6px 16px rgba(0,0,0,.12)!important}.MuiAlert-filledSuccess{background-color:#43a047!important}.MuiAlert-filledError{background-color:#e53935!important}.MuiAlert-icon{font-size:24px!important;opacity:.9!important}.MuiAlert-message{font-weight:500!important;padding:8px 0!important}.fab-button{position:fixed!important;bottom:24px!important;right:24px!important;z-index:999!important;box-shadow:0 4px 12px rgba(0,0,0,.2)!important}.fab-button.MuiFab-primary{background-color:#3498db!important;transition:all .3s ease!important}.fab-button.MuiFab-primary:hover{background-color:#2980b9!important;transform:scale(1.05)!important;box-shadow:0 6px 16px rgba(0,0,0,.25)!important}.fab-button.MuiFab-primary:active{transform:scale(.95)!important}.card-header .menu-trigger{position:absolute;top:8px;right:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background-color:hsla(0,0%,100%,.2);border-radius:50%;cursor:pointer;z-index:100;transition:all .2s ease}.card-header .menu-trigger i{color:#fff;font-size:18px}.card-header .menu-trigger:hover{background-color:hsla(0,0%,100%,.3);transform:scale(1.05)}.card-header .menu-trigger:active{transform:scale(.95)}.inventory-card{position:relative}.inventory-card .delete-button{position:absolute;top:10px;right:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:rgba(244,67,54,.9);border:none;border-radius:50%;cursor:pointer;color:#fff;z-index:1000;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.2)}.inventory-card .delete-button i{color:#fff;font-size:16px}.inventory-card .delete-button:hover{background-color:#f44336;transform:scale(1.05)}.inventory-card .menu-button{position:absolute;top:10px;right:10px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background-color:initial;border:none;cursor:pointer;z-index:1000;transition:all .2s ease;opacity:.5}.inventory-card .menu-button i{color:#666;font-size:16px}.inventory-card .menu-button:hover{opacity:.8;background-color:initial;transform:none}.description-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 0;margin-top:5px;cursor:pointer;color:#555;font-size:14px;font-weight:500;border-top:1px solid #f0f0f0;transition:all .2s ease}.description-toggle:hover{color:#2980b9}.description-toggle i{font-size:12px;transition:transform .2s ease}.card-info-item.inventory-details{margin-top:12px;padding:0;background-color:initial;border-radius:0;animation:fadeIn .3s ease-in-out}.inventory-stats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;margin-top:5px}.stat-item{grid-gap:2px;gap:2px}.stat-label{font-size:12px;color:#777;font-weight:500}.stat-value{font-size:24px;line-height:1.2;letter-spacing:-.5px}.stat-value.success{color:#27ae60}.stat-value.warning{color:#e67e22}.stat-value.error{color:#e74c3c}.stat-value.status{font-size:18px;text-transform:capitalize;margin-top:5px}.stat-value.status.completed{color:#27ae60}.stat-value.status.in-progress,.stat-value.status.pending{color:#f39c12}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.inventory-modal-container{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#f5f7fa;z-index:9000;overflow:auto;display:flex;flex-direction:column;align-items:center;padding:20px 0}.inventory-modal-content-wrapper{width:100%;max-width:1000px;margin:0 auto;flex:1 1;display:flex;flex-direction:column;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden;border:1px solid #e0e0e0}@media (max-width:1000px){.inventory-modal-content-wrapper{max-width:95%}}@media (max-width:768px){.inventory-modal-container{padding:0}.inventory-modal-content-wrapper{max-width:100%;border-radius:0;border:none;height:100%}}.inventory-modal.desktop-view,.inventory-modal.mobile-view{flex:1 1;width:100%;display:flex;flex-direction:column;background-color:#fff;overflow:auto}.modal-header{width:100%;padding:20px;background:linear-gradient(90deg,#f8f9fa,#fff)}.desktop-close{position:relative;width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#fff,#f0f0f0);box-shadow:4px 4px 8px rgba(0,0,0,.05),-4px -4px 8px hsla(0,0%,100%,.9);border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.desktop-close:hover{background:linear-gradient(145deg,#f8f8f8,#e8e8e8);box-shadow:2px 2px 5px rgba(0,0,0,.1),-2px -2px 5px hsla(0,0%,100%,.9);transform:scale(1.05)}.desktop-close:active{background:linear-gradient(145deg,#e8e8e8,#f8f8f8);box-shadow:inset 2px 2px 5px rgba(0,0,0,.1),inset -2px -2px 5px hsla(0,0%,100%,.9);transform:scale(.98)}.desktop-close i{font-size:16px;color:#666;transition:color .2s ease}.desktop-close:hover i{color:#333}.header-title-container{display:flex;flex-direction:column}.header-title-container h2{margin:0 0 5px;color:#333;font-size:20px;font-weight:600}.inventory-status{display:inline-block;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:500;width:-moz-fit-content;width:fit-content}.inventory-status.completed{background-color:#e8f5e9;color:#2e7d32}.inventory-status.pending{background-color:#fff8e1;color:#f57f17}.mobile-footer,.modal-footer{margin-top:auto;background-color:#fff;width:100%;padding:15px 20px;border-top:1px solid #eaeaea;display:flex;justify-content:flex-end}.inventory-info{width:100%;background-color:#f8f9fa;padding:20px;border-bottom:1px solid #e0e0e0}.info-card{padding:15px;box-shadow:0 1px 3px rgba(0,0,0,.05);flex-wrap:wrap;grid-gap:20px;gap:20px}.info-card,.user-info{background-color:#fff;border-radius:8px;display:flex;align-items:center}.user-info{grid-gap:12px;gap:12px;padding:10px 15px;box-shadow:0 1px 2px rgba(0,0,0,.05);min-width:200px}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #f0f0f0}.info-item,.user-details{display:flex;flex-direction:column}.info-item{background-color:#fff;padding:10px 15px;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.05);min-width:150px}.info-label{font-size:12px;color:#666;margin-bottom:4px}.info-value{font-weight:500;color:#333}.asset-list-header{width:100%;padding:15px 20px;border-bottom:1px solid #e0e0e0;background-color:#fff;display:flex;justify-content:space-between;align-items:center}.asset-list-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.asset-table-container{flex:1 1;overflow:auto;padding:15px}.asset-modern-table{width:100%;display:grid;grid-gap:10px;gap:10px}.asset-modern-header{display:grid;grid-template-columns:40px 180px minmax(120px,1fr) minmax(100px,1fr) minmax(100px,1fr) minmax(200px,1fr);background-color:#f5f7fa;border-radius:8px;padding:10px;font-weight:600;color:#555;font-size:14px;align-items:center;margin-bottom:5px}.asset-modern-header div{padding:0 10px}.asset-modern-header div:first-child{text-align:center}.asset-modern-row{display:grid;grid-template-columns:40px 180px minmax(120px,1fr) minmax(100px,1fr) minmax(100px,1fr) minmax(200px,1fr);background-color:#fff;border-radius:8px;border:1px solid #e0e0e0;padding:10px;align-items:center;transition:all .2s ease}.asset-modern-row:hover{box-shadow:0 3px 10px rgba(0,0,0,.1);transform:translateY(-2px);border-color:#d0d0d0}.asset-modern-row>div{padding:0 10px}.asset-modern-cell-number{text-align:center;font-weight:500;color:#666}.asset-modern-cell-image-name{display:flex;align-items:center;grid-gap:12px;gap:12px}.asset-modern-image{width:50px;height:50px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid #e0e0e0;background-color:#f9f9f9;cursor:pointer;transition:all .2s ease}.asset-modern-image:hover{transform:scale(1.1);box-shadow:0 3px 6px rgba(0,0,0,.15)}.asset-modern-image img{width:100%;height:100%;object-fit:cover}.asset-modern-no-image{width:38px;height:38px;border-radius:6px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;color:#bdbdbd;border:1px dashed #e0e0e0}.asset-modern-no-image i{font-size:16px}.asset-modern-name{font-weight:500;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.asset-modern-code{font-family:monospace;color:#555;font-size:14px}.asset-modern-category,.asset-modern-location{color:#666}.asset-modern-actions{display:flex;grid-gap:8px;gap:8px;align-items:center;height:36px;justify-content:flex-end}.condition-buttons{display:flex;align-items:center;grid-gap:5px;gap:5px}.condition-btn{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;background-color:#f5f5f5;cursor:pointer;position:relative;transition:all .2s;margin-top:0}.condition-btn i{font-size:14px;color:#555}.condition-btn:hover{background-color:#e0e0e0}.condition-btn:hover .tooltip{visibility:visible;opacity:1}.condition-btn.active{background-color:#2196f3}.condition-btn.active i{color:#fff}.condition-btn.disabled{opacity:.5;cursor:not-allowed}.condition-btn.damaged.active{background-color:#ff9800}.condition-btn.lost.active{background-color:#f44336}.tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;visibility:hidden;opacity:0;transition:opacity .2s;white-space:nowrap;pointer-events:none;margin-bottom:5px;z-index:5000}.toggle-container{display:flex;align-items:center;cursor:pointer;height:30px;margin-left:15px}.toggle{width:40px;height:20px;background-color:#e0e0e0;border-radius:20px;position:relative;margin-right:8px;transition:background-color .2s;align-self:center}.toggle .slider{position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.toggle .slider.checked{left:calc(100% - 18px);background-color:#fff}.toggle.checked{background-color:#2196f3}.toggle.checked.damaged,.toggle .slider.checked.damaged{background-color:#ff9800}.toggle.checked.lost,.toggle .slider.checked.lost{background-color:#f44336}.toggle .slider.damaged.checked,.toggle .slider.lost.checked{background-color:#fff}.check-method{display:none}.status-badge{padding:3px 10px;border-radius:4px}.status-badge.checked{background-color:#e8f5e9;color:#2e7d32}.status-badge.unchecked{background-color:#f5f5f5;color:#757575}.status-badge.damaged{background-color:#fff3e0;color:#e65100}.status-badge.lost{background-color:#ffebee;color:#c62828}.mobile-header{display:flex;align-items:center;padding:15px;background:linear-gradient(90deg,#f8f9fa,#fff);border-bottom:1px solid #eaeaea;position:relative}.mobile-close-btn{width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#fff,#f0f0f0);box-shadow:3px 3px 6px rgba(0,0,0,.05),-3px -3px 6px hsla(0,0%,100%,.9);border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin-right:15px}.mobile-close-btn:active,.mobile-close-btn:hover{background:linear-gradient(145deg,#f0f0f0,#e8e8e8);box-shadow:inset 2px 2px 5px rgba(0,0,0,.05),inset -2px -2px 5px hsla(0,0%,100%,.8)}.mobile-close-btn i{font-size:18px;color:#555;transition:color .2s ease}.mobile-close-btn:hover i{color:#333}.mobile-view .inventory-status{font-size:11px;padding:2px 8px;margin-top:2px}.asset-list{flex:1 1;overflow:auto;padding:15px}.asset-item{background-color:#fff;border-radius:10px;border:1px solid #e0e0e0;margin-bottom:12px;overflow:hidden;transition:all .2s ease}.asset-item:hover{box-shadow:0 3px 8px rgba(0,0,0,.1)}.asset-item.expanded{box-shadow:0 4px 12px rgba(0,0,0,.12)}.asset-item-header{padding:12px 15px;background-color:#fff;border-bottom:1px solid transparent;display:flex;justify-content:space-between;align-items:center}.asset-item.expanded .asset-item-header{border-bottom-color:#eaeaea}.asset-info{grid-gap:10px;gap:10px}.asset-info,.asset-number{display:flex;align-items:center}.asset-number{width:24px;height:24px;background-color:#f5f5f5;border-radius:50%;justify-content:center;font-size:12px;font-weight:500;color:#666}.asset-name{font-weight:500;color:#333}.asset-check{display:flex}.asset-details{padding:15px;background-color:#f9f9f9}.asset-image-row{margin-bottom:15px;border-radius:8px;overflow:hidden;max-height:180px;display:flex;justify-content:center;background-color:#f5f5f5}.asset-image-mobile{max-width:100%;max-height:180px;object-fit:contain}.detail-row{display:flex;padding:8px 0;border-bottom:1px solid #eaeaea}.detail-row:last-child{border-bottom:none}.detail-label{width:120px;color:#666;font-weight:500;font-size:13px}.detail-value{flex:1 1;color:#333;font-size:13px}.mobile-condition-buttons{display:flex;align-items:center;grid-gap:8px;gap:8px;margin-bottom:5px;height:36px}.mobile-condition-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;background-color:#f5f5f5;cursor:pointer;margin-right:2px;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.1)}.mobile-condition-btn i{font-size:14px;color:#555}.mobile-condition-btn.active{background-color:#2196f3}.mobile-condition-btn.active i{color:#fff}.mobile-condition-btn.damaged.active{background-color:#ff9800}.mobile-condition-btn.lost.active{background-color:#f44336}.checked-status,.unchecked-status{font-size:13px;padding:2px 10px;border-radius:4px;font-weight:500;display:inline-flex;align-items:center;height:26px;margin-left:4px}.checked-status{background-color:#e8f5e9;color:#2e7d32}.unchecked-status{background-color:#f5f5f5;color:#757575}.checked-status.damaged{background-color:#fff3e0;color:#e65100}.checked-status.lost{background-color:#ffebee;color:#c62828}.mobile-user-info{display:flex;padding:15px;background-color:#f8f9fa;border-bottom:1px solid #eaeaea}.mobile-user-details{margin-left:12px;display:flex;flex-direction:column;justify-content:center}.mobile-action-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#fff;border-bottom:1px solid #eaeaea}.mobile-progress{display:flex;flex-direction:column}.mobile-count{font-size:18px;font-weight:600;color:#2196f3}.mobile-progress-label{font-size:12px;color:#666}.mobile-buttons{display:flex;grid-gap:10px;gap:10px}.mobile-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f5f5f5;border:none;border-radius:8px;padding:8px 12px;min-width:70px;color:#2196f3}.mobile-action-btn i{font-size:16px;margin-bottom:4px;color:#2196f3}.mobile-action-btn span{font-size:12px;font-weight:500;color:#2196f3}.function-buttons{display:flex;align-items:center;grid-gap:10px;gap:10px}.count-info{border-radius:6px}.action-btn,.count-info{background-color:#f5f5f5;padding:8px 15px;font-weight:500}.action-btn{display:flex;align-items:center;grid-gap:8px;gap:8px;border-radius:6px;cursor:pointer;transition:all .2s;border:none}.action-btn,.action-btn i{font-size:14px;color:#2196f3}.action-btn:hover{background-color:#e0e0e0}.action-btn.disabled{opacity:.6;cursor:not-allowed;background-color:#f5f5f5;color:#b0b0b0}.action-btn.disabled i{color:#b0b0b0}.complete-btn{background-color:#2196f3;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;display:flex;align-items:center;grid-gap:8px;gap:8px;cursor:pointer;transition:background-color .2s}.complete-btn:hover{background-color:#1976d2}.complete-btn:disabled{background-color:#bbdefb;cursor:not-allowed}.complete-message{display:flex;align-items:center;grid-gap:8px;gap:8px;color:#4caf50;font-weight:500}.complete-message i{font-size:18px}.loading-avatar{width:40px;height:40px;border-radius:50%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.loading-avatar:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5),transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.loading-container{color:#666}.spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top-color:#2196f3;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.empty-list{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;color:#666;text-align:center}.empty-list i{font-size:40px;color:#bdbdbd;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.confirm-modal,.qr-generation-modal,.qr-scanner-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999}.confirm-content,.qr-generation-container,.qr-scanner-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:10000}.qr-scanner-container{width:90%;max-width:500px}.confirm-content,.qr-generation-container{width:90%;max-width:400px;padding:20px}@media (max-width:768px){.qr-scanner-modal{align-items:stretch;justify-content:stretch}.qr-scanner-container{width:100%;height:100%;max-width:100%;border-radius:0;display:flex;flex-direction:column}.qr-scanner-content{flex:1 1;display:flex;flex-direction:column}}.qr-scanner-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eaeaea}.qr-scanner-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.qr-scanner-header button{width:34px;height:34px;border-radius:50%;border:none;background:linear-gradient(145deg,#fff,#f0f0f0);box-shadow:2px 2px 5px rgba(0,0,0,.05),-2px -2px 5px hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.qr-scanner-header button:hover{background:linear-gradient(145deg,#f8f8f8,#e8e8e8);transform:rotate(90deg)}.qr-scanner-header button:active{box-shadow:inset 2px 2px 5px rgba(0,0,0,.1),inset -2px -2px 5px hsla(0,0%,100%,.9)}.qr-scanner-header button i{font-size:16px;color:#666;transition:color .2s ease}.qr-scanner-header button:hover i{color:#333}.qr-scanner-content{padding:20px;position:relative}.scan-error,.scan-success{margin-top:15px;padding:10px;border-radius:8px;display:flex;align-items:center;grid-gap:8px;gap:8px}.scan-success{background-color:rgba(76,175,80,.1);color:#4caf50}.scan-error{background-color:rgba(244,67,54,.1);color:#f44336}.scan-counter{margin-top:15px;padding:10px;background-color:#f5f7fa;border-radius:8px;text-align:center}.qr-scanner-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-top:1px solid #eaeaea;background-color:#f9f9f9}.scanner-help{display:flex;align-items:center;grid-gap:8px;gap:8px;color:#666}.scanner-help i{color:#2196f3}.qr-scanner-footer button{background-color:#2196f3;color:#fff;border:none;border-radius:6px;padding:8px 20px;cursor:pointer;transition:background-color .2s}.qr-scanner-footer button:hover{background-color:#1976d2}.confirm-content h3{margin-top:0;margin-bottom:15px;font-size:18px;color:#333}.confirm-content p{margin-bottom:20px;line-height:1.5;color:#555}.confirm-actions{display:flex;justify-content:flex-end;grid-gap:10px;gap:10px}.cancel-btn,.confirm-btn{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-weight:500}.cancel-btn{background-color:#f5f5f5;color:#333}.confirm-btn{background-color:#2196f3;color:#fff}.confirm-warning{display:block;margin-top:10px;padding:8px 12px;background-color:#fff3e0;border-left:4px solid #ff9800;color:#e65100;font-size:14px;border-radius:4px}.confirm-warning i{margin-right:5px}.create-inventory-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1100}.create-inventory-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;padding:24px;position:relative}.modal-header{margin-bottom:20px}.modal-header h2{margin:0;font-size:20px;color:#333;font-weight:500}.close-button{background:none;border:none;font-size:18px;color:#888;cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:all .2s}.close-button:hover{background-color:rgba(0,0,0,.05)}.close-button:focus{outline:none}.form-group{margin-bottom:20px;position:relative}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#333}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.1)}.form-group input::placeholder,.form-group textarea::placeholder{color:#aaa}.location-group,.location-selector{position:relative}.selected-location{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;transition:all .2s}.selected-location:hover{border-color:#007bff}.selected-location .placeholder{color:#aaa}.selected-location i{color:#666;font-size:14px}.location-tree-dropdown{position:absolute;top:100%;left:0;width:100%;z-index:10;margin-top:4px;box-shadow:0 2px 10px rgba(0,0,0,.1);border-radius:4px}.form-actions{display:flex;justify-content:flex-end;grid-gap:12px;gap:12px;margin-top:24px}.cancel-button,.submit-button{padding:10px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center}.cancel-button{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.cancel-button:hover{background-color:#e5e5e5}.submit-button{background-color:#007bff;color:#fff;border:none}.submit-button:hover{background-color:#0069d9}.cancel-button:disabled,.submit-button:disabled{opacity:.6;cursor:not-allowed}.submit-button i{margin-right:8px;font-size:14px}.error-message{background-color:#fff5f5;color:#dc3545;padding:10px 12px;border-left:3px solid #dc3545;font-size:14px}.input-clear-button{position:absolute;right:10px;top:32px;background:none;border:none;color:#aaa;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;transition:all .2s;z-index:5}.input-clear-button:hover{color:#666;background-color:rgba(0,0,0,.05)}.input-with-clear-button{padding-right:36px}@media (max-width:768px){.create-inventory-modal-overlay{align-items:flex-start}.create-inventory-modal{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0;padding:16px 16px 80px;box-shadow:none;display:flex;flex-direction:column}.form-actions{flex-direction:column;position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:12px 16px;margin-top:0;margin-bottom:0;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.cancel-button,.submit-button{width:100%;justify-content:center}.submit-button{margin-top:8px}.input-clear-button{width:30px;height:30px;top:30px}}html body #location-dialog .MuiDialog-container,html body .location-add-dialog .MuiDialog-container,html body .location-dialog-container,html body .MuiDialog-container,html body .MuiDialog-root .MuiDialog-container,html body .MuiDialog-root[role=presentation]>.MuiDialog-container,html body div[role=presentation].MuiDialog-root>.MuiDialog-container{align-items:center!important;justify-content:center!important;height:100%!important;display:flex!important}html body .location-add-dialog#location-dialog,html body .MuiDialog-root,html body div[role=presentation].MuiDialog-root{display:flex!important;align-items:center!important;justify-content:center!important}html body .location-add-dialog#location-dialog .MuiDialog-container .MuiDialog-paper#location-dialog-paper,html body .MuiDialog-root#location-dialog .MuiPaper-root#location-dialog-paper,html body .MuiDialog-root[role=presentation]#location-dialog>.MuiDialog-container>.MuiDialog-paper#location-dialog-paper{width:550px!important;max-width:90vw!important;height:auto!important;max-height:90vh!important;margin:auto!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 8px 24px rgba(0,0,0,.15)!important;position:relative!important;transform:none!important}@media (max-width:767px){html body #location-dialog .MuiDialog-paperFullWidth#location-dialog-paper,html body #location-dialog .MuiDialog-paperWidthSm#location-dialog-paper,html body .location-add-dialog#location-dialog .MuiDialog-container .MuiDialog-paper#location-dialog-paper,html body .MuiDialog-paperFullWidth#location-dialog-paper,html body .MuiDialog-paperWidthSm#location-dialog-paper,html body .MuiDialog-root#location-dialog .MuiPaper-root#location-dialog-paper,html body .MuiDialog-root[role=presentation]#location-dialog>.MuiDialog-container>.MuiDialog-paper#location-dialog-paper,html body .MuiDialog-root[role=presentation]>.MuiDialog-container>.MuiDialog-paper[id=location-dialog-paper]{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;border-radius:0!important;box-shadow:none!important;background-color:#f9f9f9!important}html body #location-dialog-title{padding:16px!important;background-color:#fff!important;border-bottom:1px solid #e0e0e0!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important}html body #location-dialog-title h6{font-size:16px!important;line-height:1.4!important;font-weight:600!important;color:#333!important;letter-spacing:0!important}html body #location-dialog .location-close-button{top:14px!important;right:12px!important;padding:4px!important;background-color:#f0f0f0!important;border-radius:50%!important;color:#555!important}html body .location-add-dialog#location-dialog .MuiDialogContent-root.location-dialog-content{padding:16px 16px 80px!important;background-color:#f9f9f9!important;min-height:calc(100vh - 64px)!important}html body #location-dialog .MuiGrid-container{margin-top:-4px!important;margin-bottom:-4px!important}html body #location-dialog .MuiGrid-item{padding-top:6px!important;padding-bottom:6px!important}html body #location-dialog .MuiOutlinedInput-root{background-color:#fff!important;border-radius:6px!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important;border:1px solid #e0e0e0!important}html body #location-dialog .MuiFormHelperText-root{margin-top:2px!important;margin-bottom:4px!important;font-size:12px!important;color:#666!important}html body .location-add-dialog#location-dialog .MuiDialogActions-root.location-dialog-actions{padding:12px 16px!important;border-top:1px solid #e0e0e0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;background-color:#fff!important;box-shadow:0 -1px 4px rgba(0,0,0,.08)!important;display:flex!important;justify-content:space-between!important;z-index:20!important}html body #location-dialog .location-cancel-button{border-radius:4px!important;background-color:#f0f0f0!important;color:#333!important;border:none!important}html body #location-dialog .location-cancel-button,html body #location-dialog .location-submit-button{min-width:45%!important;font-weight:500!important;text-transform:none!important;font-size:14px!important;box-shadow:none!important;padding:10px 0!important}html body #location-dialog .location-submit-button{border-radius:4px!important;background-color:#4285f4!important;color:#fff!important}html body #location-dialog .MuiInputLabel-outlined{background-color:#fff!important;padding:0 4px!important;font-size:14px!important}html body #location-dialog .MuiOutlinedInput-notchedOutline{border:none!important}}html body .MuiBackdrop-root#location-dialog-backdrop{background-color:rgba(0,0,0,.6)!important}html body .location-add-dialog#location-dialog .MuiDialogTitle-root.location-dialog-title{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:20px 24px!important;background-color:#f7fafd!important;border-bottom:1px solid #e9f0f7!important}html body #location-dialog-title h6{font-size:18px!important;font-weight:600!important;color:#2c3e50!important;letter-spacing:.2px!important;width:100%!important;padding-right:40px!important}html body #location-dialog .location-close-button{color:#64748b!important;background-color:#f1f5f9!important;padding:6px!important;border-radius:50%!important;transition:all .2s!important;position:absolute!important;right:16px!important;top:16px!important;z-index:10!important}html body #location-dialog .location-close-button:hover{background-color:#e2e8f0!important;color:#334155!important;transform:rotate(90deg)!important}html body .location-add-dialog#location-dialog .MuiDialogContent-root.location-dialog-content{padding:24px!important;overflow-y:auto!important;background-color:#fff!important;display:flex!important;flex-direction:column!important}html body #location-dialog .MuiFormControl-root{margin-bottom:8px!important}html body #location-dialog .MuiOutlinedInput-root{border-radius:8px!important;background-color:#f8fafc!important;transition:all .2s!important}html body #location-dialog .MuiOutlinedInput-root:hover{background-color:#f1f5f9!important}html body #location-dialog .MuiOutlinedInput-root.Mui-focused{background-color:#fff!important;box-shadow:0 0 0 2px rgba(59,130,246,.2)!important}html body #location-dialog .MuiInputLabel-root{font-weight:500!important;color:#475569!important}html body #location-dialog .MuiInputLabel-root.Mui-focused{color:#3b82f6!important}html body #location-dialog .MuiMenuItem-root{padding:10px 16px!important;font-size:14px!important}html body #location-dialog .MuiMenuItem-root:hover{background-color:#f1f5f9!important}html body #location-dialog .MuiBox-root[bgcolor="rgba(0,0,0,0.03)"]{background-color:#f1f5f9!important;border-radius:8px!important;padding:12px!important;margin-top:12px!important;border:1px solid #e2e8f0!important}html body #location-dialog .MuiFormHelperText-root{margin-top:4px!important;font-size:12px!important;color:#64748b!important}html body #location-dialog .MuiFormHelperText-root.Mui-error{color:#ef4444!important}html body .location-add-dialog#location-dialog .MuiDialogActions-root.location-dialog-actions{padding:20px 24px!important;border-top:1px solid #e9f0f7!important;background-color:#f7fafd!important;position:sticky!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;margin-top:auto!important;box-shadow:0 -1px 3px rgba(0,0,0,.1)!important}html body #location-dialog .location-cancel-button{font-weight:500!important;padding:8px 20px!important;border-radius:8px!important;color:#475569!important;background-color:#fff!important;border:1px solid #cbd5e1!important;text-transform:none!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important;transition:all .2s!important}html body #location-dialog .location-cancel-button:hover{background-color:#f8fafc!important;border-color:#94a3b8!important}html body #location-dialog .location-submit-button{font-weight:500!important;padding:8px 24px!important;border-radius:8px!important;background-color:#3b82f6!important;color:#fff!important;text-transform:none!important;box-shadow:0 2px 4px rgba(59,130,246,.3)!important;transition:all .2s!important}html body #location-dialog .location-submit-button:hover{background-color:#2563eb!important;box-shadow:0 4px 8px rgba(59,130,246,.4)!important}html body #location-dialog .location-submit-button:disabled{background-color:#cbd5e1!important;color:#94a3b8!important;box-shadow:none!important}html body #location-dialog .MuiGrid-container{margin-top:-8px!important;margin-bottom:-8px!important}html body #location-dialog .MuiGrid-item{padding-top:8px!important;padding-bottom:8px!important}html body #location-dialog .MuiDialog-paperFullWidth#location-dialog-paper,html body #location-dialog .MuiDialog-paperWidthSm#location-dialog-paper,html body .MuiDialog-paperFullWidth#location-dialog-paper,html body .MuiDialog-paperWidthSm#location-dialog-paper{width:550px!important;max-width:90vw!important}html body .MuiDialog-root[role=presentation]>.MuiDialog-container>.MuiDialog-paper[id=location-dialog-paper]{border-radius:12px!important;overflow:hidden!important;width:550px!important;height:auto!important;max-width:90vw!important;max-height:90vh!important;margin:auto!important}html body .location-add-dialog#location-dialog .MuiDialog-container,html body .MuiDialog-root#location-dialog .MuiDialog-container,html body .MuiDialog-root[role=presentation]#location-dialog>.MuiDialog-container{display:flex!important;justify-content:center!important;align-items:center!important}html body .MuiDialog-root .MuiDialog-container{min-height:100vh!important;height:100%!important}.modal-header{border-bottom:1px solid #e0e0e0;background-color:#f5f5f5}.hierarchy-section{width:100%;margin-top:8px}.hierarchy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.hierarchy-row{display:flex;align-items:flex-start;margin-bottom:16px;grid-gap:16px;gap:16px;flex-wrap:wrap}.hierarchy-field{flex:1 1;min-width:200px}.remove-btn{margin-top:10px}.status-toggle{display:flex;grid-gap:16px;gap:16px;margin-top:8px}.status-button{min-width:120px}@media (max-width:600px){.hierarchy-row{flex-direction:column}.hierarchy-field{width:100%;margin-bottom:8px}.remove-btn{align-self:flex-end}}.loading-container{padding:32px}.location-detail-card{border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08);margin-bottom:24px}.location-detail-header{background-color:#f5f5f5;padding:16px;border-bottom:1px solid #e0e0e0}.location-detail-section{margin-top:24px;padding-top:16px;border-top:1px solid #f0f0f0}.location-detail-content{padding:16px}.chip-container{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px;margin-top:8px}.icon-text{margin-bottom:8px}.icon-text svg{color:#757575}tr:hover{background-color:rgba(0,0,0,.04)}@media (max-width:960px){.MuiDialog-paper{margin:16px!important;max-height:calc(100% - 32px)!important}}@media (max-width:600px){.MuiDialogContent-root{padding:16px!important}.MuiDialogActions-root{padding:8px 16px!important;flex-wrap:wrap}.MuiButton-root{margin:4px!important;flex-grow:1}}html body .location-delete-dialog#location-delete-dialog .MuiDialog-container .MuiDialog-paper#location-delete-paper,html body .MuiDialog-root#location-delete-dialog .MuiPaper-root#location-delete-paper,html body .MuiDialog-root[role=presentation]#location-delete-dialog>.MuiDialog-container>.MuiDialog-paper#location-delete-paper{width:500px!important;max-width:90vw!important;height:auto!important;max-height:80vh!important;margin:24px!important;border-radius:12px!important;overflow:auto!important;box-shadow:0 8px 24px rgba(0,0,0,.15)!important;position:relative!important;transform:none!important}html body .MuiBackdrop-root#location-delete-backdrop{background-color:rgba(0,0,0,.6)!important}html body .location-delete-dialog#location-delete-dialog .MuiDialogTitle-root.location-delete-title{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:20px 24px!important;background-color:#f7fafd!important;border-bottom:1px solid #e9f0f7!important}html body #location-delete-title h6{font-size:18px!important;font-weight:600!important;color:#2c3e50!important;letter-spacing:.2px!important;width:100%!important;padding-right:40px!important}html body #location-delete-dialog .location-delete-close-button{color:#64748b!important;background-color:#f1f5f9!important;padding:6px!important;border-radius:50%!important;transition:all .2s!important;position:absolute!important;right:16px!important;top:16px!important;z-index:10!important}html body #location-delete-dialog .location-delete-close-button:hover{background-color:#e2e8f0!important;color:#334155!important;transform:rotate(90deg)!important}html body .location-delete-dialog#location-delete-dialog .MuiDialogContent-root.location-delete-content{padding:24px!important;overflow-y:auto!important;background-color:#fff!important}html body .location-delete-dialog#location-delete-dialog .MuiDialogActions-root.location-delete-actions{padding:20px 24px!important;border-top:1px solid #e9f0f7!important;background-color:#f7fafd!important;position:sticky!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;margin-top:auto!important}html body #location-delete-dialog .location-delete-cancel-button{font-weight:500!important;padding:8px 20px!important;border-radius:8px!important;color:#475569!important;background-color:#fff!important;border:1px solid #cbd5e1!important;text-transform:none!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important;transition:all .2s!important}html body #location-delete-dialog .location-delete-cancel-button:hover{background-color:#f8fafc!important;border-color:#94a3b8!important}html body #location-delete-dialog .location-delete-submit-button{font-weight:500!important;padding:8px 24px!important;border-radius:8px!important;background-color:#ef4444!important;color:#fff!important;text-transform:none!important;box-shadow:0 2px 4px rgba(239,68,68,.3)!important;transition:all .2s!important}html body #location-delete-dialog .location-delete-submit-button:hover{background-color:#dc2626!important;box-shadow:0 4px 8px rgba(239,68,68,.4)!important}html body #location-delete-dialog .location-delete-submit-button:disabled{background-color:#cbd5e1!important;color:#94a3b8!important;box-shadow:none!important}html body #location-delete-dialog .MuiDialog-paperFullWidth#location-delete-paper,html body #location-delete-dialog .MuiDialog-paperWidthSm#location-delete-paper,html body .MuiDialog-paperFullWidth#location-delete-paper,html body .MuiDialog-paperWidthSm#location-delete-paper{width:500px!important;max-width:90vw!important}html body .MuiDialog-root[role=presentation]>.MuiDialog-container>.MuiDialog-paper[id=location-delete-paper]{border-radius:12px!important;overflow:auto!important;width:500px!important;height:auto!important;max-width:90vw!important;max-height:80vh!important;margin:24px auto!important}@media (max-width:767px){html body #location-delete-dialog .MuiDialog-paperFullWidth#location-delete-paper,html body #location-delete-dialog .MuiDialog-paperWidthSm#location-delete-paper,html body .location-delete-dialog#location-delete-dialog .MuiDialog-container .MuiDialog-paper#location-delete-paper,html body .MuiDialog-paperFullWidth#location-delete-paper,html body .MuiDialog-paperWidthSm#location-delete-paper,html body .MuiDialog-root#location-delete-dialog .MuiPaper-root#location-delete-paper,html body .MuiDialog-root[role=presentation]#location-delete-dialog>.MuiDialog-container>.MuiDialog-paper#location-delete-paper,html body .MuiDialog-root[role=presentation]>.MuiDialog-container>.MuiDialog-paper[id=location-delete-paper]{width:100vw!important;max-width:100vw!important;height:auto!important;max-height:100vh!important;margin:0!important;border-radius:0!important;box-shadow:none!important;background-color:#fff!important}html body #location-delete-title{padding:16px!important;background-color:#fff!important;border-bottom:1px solid #e0e0e0!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important}html body #location-delete-title h6{font-size:16px!important;line-height:1.4!important;font-weight:600!important;color:#333!important;letter-spacing:0!important}html body #location-delete-dialog .location-delete-close-button{top:14px!important;right:12px!important;padding:4px!important;background-color:#f0f0f0!important;border-radius:50%!important;color:#555!important}html body .location-delete-dialog#location-delete-dialog .MuiDialogContent-root.location-delete-content{padding:16px!important}html body .location-delete-dialog#location-delete-dialog .MuiDialogActions-root.location-delete-actions{padding:12px 16px!important;border-top:1px solid #e0e0e0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;background-color:#fff!important;box-shadow:0 -1px 4px rgba(0,0,0,.08)!important;display:flex!important;justify-content:space-between!important;z-index:20!important}html body #location-delete-dialog .location-delete-cancel-button{border-radius:4px!important;background-color:#f0f0f0!important;color:#333!important;border:none!important}html body #location-delete-dialog .location-delete-cancel-button,html body #location-delete-dialog .location-delete-submit-button{min-width:45%!important;font-weight:500!important;text-transform:none!important;font-size:14px!important;box-shadow:none!important;padding:10px 0!important}html body #location-delete-dialog .location-delete-submit-button{border-radius:4px!important;background-color:#ef4444!important;color:#fff!important}html body .location-delete-dialog#location-delete-dialog .MuiDialogContent-root.location-delete-content{padding:16px 16px 80px!important;min-height:calc(100vh - 64px)!important}}#location-detail-paper,.detail-location-modal,html body .MuiDialog-paper#location-detail-paper{max-height:80vh!important;max-width:800px!important;width:auto!important;height:auto!important;overflow:auto!important;border-radius:12px!important;box-shadow:0 8px 24px rgba(0,0,0,.15)!important;margin:24px!important;transform:none!important}html body #location-detail-dialog .MuiDialog-container,html body .detail-location-container,html body .MuiDialog-container[role=presentation] .detail-location-modal,html body div.MuiDialog-container .detail-location-modal{max-width:800px!important;max-height:80vh!important;width:90%!important;height:auto!important;margin:24px auto!important;display:flex!important;align-items:center!important;justify-content:center!important}html body #location-detail-dialog.MuiDialog-root,html body .detail-location-scroll,html body .MuiDialog-scrollPaper{display:flex!important;align-items:center!important;justify-content:center!important;height:auto!important}html body .MuiDialog-container,html body div.MuiDialog-container{width:auto!important;height:auto!important;max-width:none!important;max-height:none!important}#location-detail-title,.location-detail-title,html body .MuiDialogTitle-root.location-detail-title{display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #eee!important;position:relative!important;background-color:#f7fafd!important}#location-detail-title,.location-detail-title,html body .MuiDialogTitle-root,html body .MuiDialogTitle-root.location-detail-title{padding:16px 24px!important;width:100%!important;margin:0!important;box-sizing:border-box!important}#location-detail-title h6,.location-detail-title h6,html body .location-detail-title .MuiTypography-root{flex:1 1!important;font-weight:600!important;font-size:18px!important;margin-right:40px!important;color:#2c3e50!important}.location-detail-close,html body .location-detail-close,html body button.location-detail-close{position:absolute!important;right:16px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;padding:8px!important;color:#64748b!important;background-color:#f8fafc!important;border-radius:50%!important}.location-detail-close:hover,html body .location-detail-close:hover{background-color:#f1f5f9!important;color:#334155!important}.location-detail-content{padding:24px!important;width:100%!important;box-sizing:border-box!important}@media (max-width:960px){#location-detail-paper,.detail-location-modal,html body #location-detail-dialog .MuiDialog-container,html body .detail-location-container,html body .MuiDialog-container[role=presentation] .detail-location-modal,html body .MuiDialog-paper#location-detail-paper,html body div.MuiDialog-container .detail-location-modal{width:95%!important;max-width:95%!important;margin:16px auto!important}html body .MuiDialog-root#location-detail-dialog{display:flex!important;align-items:center!important;justify-content:center!important}html body .MuiDialog-container .MuiDialog-paper#location-detail-paper{max-height:80vh!important;margin:16px auto!important}#location-detail-title,.location-detail-title,html body .MuiDialogTitle-root.location-detail-title{padding:12px 16px!important}.location-detail-close,html body .location-detail-close{right:12px!important}}.location-list-container{padding:20px;max-width:1200px;margin:0 auto}.location-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.location-list-header h2{margin:0;font-size:1.8rem;color:#333}.location-list-header button{padding:10px 16px;background-color:#175d94;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500}.location-list-header button:hover{background-color:#1666ca}.location-table{width:100%;border-collapse:collapse;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:8px;overflow:hidden}.location-table td,.location-table th{padding:12px 15px;text-align:left}.location-table th{font-weight:600;border-bottom:2px solid #dee2e6}.location-table tr{border-bottom:1px solid #e9ecef}.location-table tr:hover{background-color:#f8f9fa}.location-table tr:last-child{border-bottom:none}.error-text{color:#dc3545;background-color:#f8d7da;padding:10px;border-radius:4px;margin-bottom:15px}.status-active{background-color:rgba(76,175,80,.1);color:#4caf50;padding:4px 8px;font-size:12px;font-weight:500}.status-active:before{content:"";display:inline-block;width:8px;height:8px;background-color:#4caf50;border-radius:50%;margin-right:6px}.status-inactive{background-color:rgba(244,67,54,.1);color:#f44336;padding:4px 8px;font-size:12px;font-weight:500}.status-inactive:before{content:"";display:inline-block;width:8px;height:8px;background-color:#f44336;border-radius:50%;margin-right:6px}.inactive-row{background-color:rgba(0,0,0,.04);color:#6c757d}.inactive-row:hover{background-color:rgba(0,0,0,.06)}.location-list-page{padding:20px 20px 20px 40px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05);height:100%;display:flex;flex-direction:column}.page-header{margin-bottom:24px}.header-left{max-width:70%}.header-description{color:#666}.error-message{grid-gap:8px;gap:8px;padding:12px;margin-bottom:20px;background-color:rgba(244,67,54,.1);border-left:4px solid #f44336}.location-table{flex:1 1;overflow:auto;box-shadow:0 2px 10px rgba(0,0,0,.08)!important;border-radius:8px!important;margin-bottom:24px;margin-top:16px}.location-table th{background-color:#f8f9fa;font-weight:700;color:#175d94}.indent{color:#757575;margin-right:4px}@media (max-width:960px){.page-header{flex-direction:column;grid-gap:16px;gap:16px}.header-left{max-width:100%}.header-actions{width:100%;justify-content:flex-start}}@media (max-width:600px){.location-list-page{padding:16px 16px 16px 40px}.location-table{overflow-x:auto}}.location-cards{display:none;flex-direction:column;grid-gap:12px;gap:12px;margin-top:16px}.location-card{background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer;transition:all .2s ease}.location-card:hover{box-shadow:0 2px 6px rgba(0,0,0,.15);transform:translateY(-2px)}.location-card-header{display:flex;justify-content:space-between;margin-bottom:12px;align-items:center}.location-card-title{font-weight:500;font-size:16px;color:#175d94;margin:0}.location-card-level{background-color:rgba(26,115,232,.1);color:#175d94;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500}.location-card-path{font-size:12px;color:#5f6368;margin:12px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-card-description{font-size:13px;color:#3c4043;margin:8px 0}.location-card-status{margin:12px 0}.location-card-actions{display:flex;grid-gap:8px;gap:8px;margin-top:12px;justify-content:flex-end}@media (max-width:768px){.location-list-page{padding:12px 16px 12px 40px}.page-header{flex-direction:column;align-items:stretch;grid-gap:16px;gap:16px}.header-actions{width:100%}.header-actions button:first-child{flex:1 1}.location-table{display:none}.location-cards{display:flex}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px}.loading-container{flex-direction:column;justify-content:center;padding:40px 0}.icon-text,.loading-container{display:flex;align-items:center}.icon-text{margin-bottom:10px}.icon-text svg{margin-right:8px;color:#666}.category-list-page{padding:20px 20px 20px 40px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.header-left{flex:1 1}.header-description{margin-top:8px;max-width:800px}.header-actions{grid-gap:8px;gap:8px}.error-message,.header-actions{display:flex;align-items:center}.error-message{background-color:rgba(244,67,54,.08);padding:10px 16px;border-radius:4px;margin-bottom:16px}.error-message svg{margin-right:8px}.category-table{margin-bottom:24px;margin-top:16px;overflow-x:auto}.category-table .MuiTableHead-root .MuiTableCell-head{background-color:#f8f9fa;color:#175d94;font-weight:500}.indent{color:#aaa;margin-right:6px}.consumable-row{background-color:rgba(26,115,232,.05)}.status-active{background-color:rgba(26,115,232,.08);color:#175d94}.status-active,.status-inactive{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:.75rem}.status-inactive{background-color:hsla(0,0%,62%,.08);color:#9e9e9e}.category-cards{display:none;flex-direction:column;grid-gap:12px;gap:12px;margin-top:16px}.category-card{background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer;transition:all .2s ease}.category-card:hover{box-shadow:0 2px 6px rgba(0,0,0,.15);transform:translateY(-2px)}.category-card-header{display:flex;justify-content:space-between;margin-bottom:12px;align-items:center}.category-card-title{font-weight:500;font-size:16px;color:#175d94;margin:0}.category-card-level{background-color:rgba(26,115,232,.1);color:#175d94;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500}.category-card-path{font-size:12px;color:#5f6368;margin:12px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-card-actions{display:flex;grid-gap:8px;gap:8px;margin-top:12px;justify-content:flex-end}@media (max-width:768px){.category-list-page{padding:12px 16px 12px 40px}.page-header{flex-direction:column;align-items:stretch;grid-gap:16px;gap:16px}.header-actions{width:100%}.header-actions button:first-child{flex:1 1}.category-table{display:none}.category-cards{display:flex}}.dashboard-container{padding:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:#333;background-color:#f5f7fa}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.dashboard-title{font-size:24px;font-weight:600;margin:0;color:#2c3e50}.refresh-btn{background-color:#1976d2;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;display:flex;align-items:center}.refresh-btn:hover{background-color:#1565c0}.dashboard-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.08);padding:20px;margin-bottom:24px}.section-title{font-size:18px;font-weight:600;margin-top:0;margin-bottom:20px;color:#2c3e50;padding-bottom:12px;border-bottom:1px solid #eaeaea}.stats-row{display:flex;flex-wrap:wrap;grid-gap:16px;gap:16px;margin-bottom:24px}.stat-card{flex-grow:1;flex-basis:160px;background-color:#1976d2;color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.stat-title{font-size:14px;font-weight:500;margin-bottom:10px;opacity:.9}.stat-value{font-size:32px;font-weight:700;margin-bottom:8px}.asset-value-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.value-card{background-color:#f5f5f5;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.value-title{font-size:14px;color:#555;margin-bottom:8px}.value-amount{font-size:22px;font-weight:600;color:#333}.table-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-bottom:24px}.table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:hidden;transition:box-shadow .2s;margin-bottom:16px}.table-container:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.table-container.full-width{grid-column:1/-1}.table-title{font-size:18px;font-weight:600;margin:0;padding:14px 24px;color:#2c3e50;background-color:#fff;border-bottom:1px solid #f0f0f0}.dashboard-table{width:100%;border-collapse:collapse}.dashboard-table thead{border-bottom:1px solid #eee}.dashboard-table th{background-color:#fff;padding:14px 24px;text-align:left;font-weight:500;color:#5c6a79;font-size:14px}.dashboard-table td{padding:16px 24px;border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;vertical-align:middle}.dashboard-table tr:last-child td{border-bottom:none}.dashboard-table tr:hover td{background-color:#f9f9f9}.no-data{text-align:center;color:#8c9bab;padding:30px!important;font-style:italic}.status-badge{padding:6px 12px;font-size:12px;font-weight:500;border-radius:12px;text-align:center;min-width:80px;display:inline-block;box-shadow:0 1px 2px rgba(0,0,0,.05)}.status-active{background-color:#e3f2fd;color:#1976d2}.status-completed{background-color:#e8f5e9;color:#2e7d32}.status-pending{background-color:#fff8e1;color:#ff8f00}.status-cancelled{background-color:#ffebee;color:#c62828}.status-default{background-color:#f5f5f5;color:#616161}.dashboard-error,.dashboard-loading{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:16px;color:#666}.dashboard-error{color:#d32f2f}.change-stats{display:flex;align-items:center;font-size:14px;margin-top:4px}.change-positive{color:#4caf50}.change-negative{color:#f44336}.change-icon{margin-right:4px}.trend-indicator{display:flex;align-items:center;font-size:14px;font-weight:500;margin-top:8px}.chart-container{height:40px;margin-top:10px}.kpi-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.kpi-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:20px}.kpi-title{font-size:14px;color:#5c6a79;margin-bottom:8px}.kpi-value{font-size:24px;font-weight:700;color:#2c3e50;margin-bottom:8px}.kpi-subtitle{font-size:12px;color:#8c9bab;margin-top:4px}.inventory-section{margin-top:16px}.inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.inventory-title{font-size:16px;font-weight:600;margin:0;color:#2c3e50}.inventory-link{color:#1976d2;text-decoration:none;font-size:14px;display:flex;align-items:center}.inventory-link:hover{text-decoration:underline}@media (max-width:768px){.stats-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.asset-value-info,.table-row{grid-template-columns:1fr}}.dashboard-cards{display:flex;flex-direction:column;grid-gap:20px;gap:20px;margin-bottom:24px}.blue-card{background-color:#1976d2;color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden;padding:20px}.card-actions,.card-header,.card-menu-icon{display:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:20px;gap:20px}.stat-item{display:flex;flex-direction:column}.stat-label{font-size:14px;opacity:.9;margin-bottom:8px;color:#fff}.stat-number{font-size:36px;font-weight:600;margin-bottom:4px;line-height:1.2;color:#fff}.stat-change{font-size:14px;opacity:.9}.stat-change,.stat-change.change-positive{color:#a5d6a7}.stat-change.change-negative{color:#ffcdd2}.stat-change:empty{display:none}@media (min-width:768px){.dashboard-cards{flex-direction:row;flex-wrap:wrap}.blue-card{flex:1 1;min-width:340px}}@media (max-width:767px){.dashboard-container{padding:10px}.dashboard-section{padding:12px;margin-bottom:16px;border-radius:6px}.section-title{margin-bottom:16px;padding-bottom:8px;font-size:16px}.dashboard-cards{grid-gap:12px;gap:12px;margin-bottom:16px}.blue-card{padding:15px;width:100%;border-radius:6px}.stats-grid{grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.special-asset-card .stats-grid{grid-template-columns:repeat(2,1fr)}.stat-item{padding:0}.stat-label{font-size:12px;margin-bottom:4px}.stat-number{font-size:24px;margin-bottom:2px}.stat-change{font-size:12px}.table-container{margin-bottom:12px;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.table-row{grid-gap:12px;gap:12px;margin-bottom:12px}.table-title{padding:10px 12px;font-size:15px}.dashboard-table td,.dashboard-table th{padding:8px 12px;font-size:13px}.status-badge{min-width:60px;padding:4px 8px;font-size:11px}}@media (max-width:380px){.dashboard-container{padding:8px}.dashboard-section{padding:10px}.special-asset-card .stats-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-number{font-size:20px}.table-container{overflow-x:auto}.dashboard-table{min-width:300px}.dashboard-table td,.dashboard-table th{padding:6px 10px;font-size:12px}}.title-action-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:14px 24px;border-bottom:1px solid #f0f0f0}.title-action-row .table-title{margin:0;padding:0;border-bottom:none}.action-button{padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;border:none;outline:none;transition:all .25s ease;display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:36px}.create-button{background-color:#1976d2;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12)}.create-button:hover{background-color:#1565c0;box-shadow:0 3px 6px rgba(0,0,0,.16);transform:translateY(-1px)}.public-asset-detail{min-height:100vh;background-color:#f5f8fa!important;padding:16px!important;display:flex!important;justify-content:center!important}.public-asset-detail .asset-images{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:20px}.public-asset-detail .images-container{display:flex;grid-gap:16px;gap:16px;align-items:flex-start}.public-asset-detail .main-image{flex:1 1;max-width:100%}.public-asset-detail .image-wrapper{position:relative;width:100%;border-radius:8px;overflow:hidden;background:#f9fafb}.public-asset-detail .asset-img{width:100%;height:400px;object-fit:cover;display:block;border-radius:8px}.public-asset-detail .status-indicator-overlay{position:absolute;top:12px;right:12px;z-index:10}.public-asset-detail .status-display{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 12px;border-radius:20px;display:flex;align-items:center;grid-gap:6px;gap:6px;font-size:.85rem;font-weight:500;border:1px solid rgba(229,231,235,.5)}.public-asset-detail .status-icon{font-size:8px;line-height:1}.public-asset-detail .status-icon.available{color:#10b981}.public-asset-detail .status-icon.maintenance{color:#f59e0b}.public-asset-detail .status-icon.damaged{color:#ef4444}.public-asset-detail .thumbnails{display:flex;flex-direction:column;grid-gap:8px;gap:8px;max-width:80px;flex-shrink:0}.public-asset-detail .thumbnail-item{width:80px;height:80px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;background:#f9fafb}.public-asset-detail .thumbnail-item:hover{border-color:#d1d5db}.public-asset-detail .thumbnail-item.selected{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.public-asset-detail .thumbnail-img{width:100%;height:100%;object-fit:cover;display:block}.public-asset-detail .nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.6);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;font-weight:700;z-index:20;transition:all .2s ease;opacity:.8;-webkit-user-select:none;user-select:none}.public-asset-detail .nav-arrow:hover{background:rgba(0,0,0,.8);opacity:1}.public-asset-detail .nav-arrow-left{left:12px}.public-asset-detail .nav-arrow-right{right:12px}.public-asset-detail .image-indicator{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;grid-gap:8px;gap:8px;z-index:20}.public-asset-detail .indicator-dot{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.5);cursor:pointer;transition:all .2s ease}.public-asset-detail .indicator-dot.active{background:hsla(0,0%,100%,.9);transform:scale(1.2)}.public-asset-detail .indicator-dot:hover{background:hsla(0,0%,100%,.8)}@media (min-width:769px){.public-asset-detail .nav-arrow{display:none}.public-asset-detail .image-wrapper:hover .nav-arrow{display:flex}}.public-asset-detail .single-column-layout{width:100%;max-width:800px;margin:0 auto}.public-asset-detail .main-content{width:100%;max-width:none}.public-asset-detail .asset-header-modern{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px;margin-bottom:24px;color:#111827}.public-asset-detail .asset-title-section{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.public-asset-detail .asset-code-badge{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;background:#f3f4f6;padding:6px 12px;border-radius:6px;width:-moz-fit-content;width:fit-content;font-size:.85rem;font-weight:500;color:#6b7280}.public-asset-detail .code-label{color:#9ca3af}.public-asset-detail .code-value{font-family:"Courier New",monospace;font-weight:600;background:#e5e7eb;padding:2px 6px;border-radius:4px;color:#374151}.public-asset-detail .asset-name-modern{font-size:2rem;font-weight:600;margin:0;line-height:1.3;color:#111827}.public-asset-detail .asset-status-badge{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;background:#f9fafb;padding:6px 12px;border-radius:6px;width:-moz-fit-content;width:fit-content;font-weight:500;border:1px solid #e5e7eb;font-size:.85rem}.public-asset-detail .status-dot{width:6px;height:6px;border-radius:50%;background:#6b7280}.public-asset-detail .asset-status-badge[data-status=available] .status-dot{background:#10b981}.public-asset-detail .asset-status-badge[data-status=maintenance] .status-dot{background:#f59e0b}.public-asset-detail .asset-status-badge[data-status=damaged] .status-dot{background:#ef4444}.public-asset-detail .asset-status-badge{color:#374151}.public-asset-detail .asset-description-modern{margin-top:16px;padding:16px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.public-asset-detail .asset-description-modern p{margin:0;line-height:1.6;font-size:.95rem;color:#4b5563}.public-asset-detail .info-sections{display:flex;flex-direction:column;grid-gap:20px;gap:20px;margin-top:24px}.public-asset-detail .info-section-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:20px}.public-asset-detail .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:16px;gap:16px;margin-top:16px}.public-asset-detail .info-item{display:flex;justify-content:space-between;align-items:flex-start;grid-gap:12px;gap:12px;padding:8px 0;border-bottom:1px solid #f3f4f6}.public-asset-detail .info-item:last-child{border-bottom:none}.public-asset-detail .section-title{font-size:1rem;font-weight:600;color:#374151;margin-bottom:8px;border-bottom:1px solid #e5e7eb;padding-bottom:8px}@media (max-width:768px){.public-asset-detail{padding:12px!important}.public-asset-detail .images-container{flex-direction:column;grid-gap:12px;gap:12px}.public-asset-detail .asset-img{height:280px}.public-asset-detail .thumbnails{flex-direction:row;max-width:100%;overflow-x:auto;padding:8px 0;grid-gap:8px;gap:8px;scrollbar-width:none;-ms-overflow-style:none}.public-asset-detail .thumbnails::-webkit-scrollbar{display:none}.public-asset-detail .thumbnail-item{width:60px;height:60px;flex-shrink:0}.public-asset-detail .asset-images{padding:12px;margin-bottom:16px}.public-asset-detail .asset-header-modern{padding:20px;margin-bottom:20px}.public-asset-detail .asset-name-modern{font-size:1.7rem}.public-asset-detail .asset-title-section{grid-gap:10px;gap:10px}.public-asset-detail .asset-code-badge,.public-asset-detail .asset-status-badge{font-size:.8rem;padding:5px 10px}.public-asset-detail .asset-description-modern{padding:14px;margin-top:14px}.public-asset-detail .info-grid{grid-template-columns:1fr;grid-gap:12px;gap:12px}.public-asset-detail .info-item{flex-direction:column;align-items:flex-start;grid-gap:4px;gap:4px}}@media (max-width:480px){.public-asset-detail .asset-header-modern{padding:16px}.public-asset-detail .asset-name-modern{font-size:1.4rem}.public-asset-detail .asset-code-badge,.public-asset-detail .asset-status-badge{font-size:.75rem;padding:4px 8px}}@font-face{font-family:"Roboto-Black";font-style:normal;src:url(/static/media/Roboto-Black.5ebb24ee.ttf) format("truetype")}@font-face{font-family:"Roboto-Light";font-weight:700;font-style:normal;src:url(/static/media/Roboto-Light.88823c20.ttf) format("truetype")}@font-face{font-family:"Roboto-BlackItalic";font-weight:700;font-style:normal;src:url(/static/media/Roboto-BlackItalic.99682a78.ttf) format("truetype")}@font-face{font-family:"Roboto-Bold";font-weight:700;font-style:normal;src:url(/static/media/Roboto-Bold.e07df86c.ttf) format("truetype")}@font-face{font-family:"Roboto-Regular";font-style:normal;src:url(/static/media/Roboto-Regular.11eabca2.ttf) format("truetype")}@font-face{font-family:"Roboto-medium";font-style:normal;src:url(/static/media/Roboto-Medium.58aef543.ttf) format("truetype")}#root{display:flex;width:100%;height:100%}:root{--toggle-size:1.5rem;--switch-w:4em;--switch-h:2em;--switch-handle-scale:.65;--switch-off-handle-x:-.125em;--switch-on-handle-x:calc(100% - 0.125em);--switch-transition-duration:.2s;--clr-primary:#41b60b;--clr-bg-primary:#f6f6f7;--clr-primary-hover:linear-gradient(0deg,#0d80c3,#0d80c3),#0e6aa3;--clr-primary-press:linear-gradient(0deg,#2d80cc,#2d80cc),#38a0ff}html{scroll-behavior:smooth}body{margin:0!important;overflow-x:hidden}.container{max-width:100%;margin:0 auto}
/*# sourceMappingURL=main.055e54a8.1758424564805.chunk.css.map */