.admin-layout{.header{.navbar-nav{.list-view{.nav-link{width:auto;.icon{width:0;overflow:hidden}&:active,&:hover{gap:8px;background-color:var(--secondary);.icon{width:16px}}}.active{gap:8px;background-color:var(--secondary);.icon{width:16px}}}.nav-link{color:var(--white);width:44px;.icon{width:24px}&:active,&:hover{background-color:var(--secondary)}}.nav-link.active{background-color:var(--secondary)}}.dropdown-toggle:after{display:none}}.page-cover{background-color:var(--bg-body);&:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/admin-background.webp);background-position:100% 100%;background-repeat:no-repeat;opacity:.15}}}.main-cover{.header{.navbar-brand{max-width:200px}.profile-dropdown{.dropdown-toggle{color:var(--white);border-color:var(--primary-100);padding-right:10px!important;.profile-image{width:34px}.user-detail{min-width:110px;text-align:left;.name{max-width:160px}}.dropdown-icon{width:16px}&:active,&:focus,&:hover{background-color:var(--primary-100);border-color:var(--secondary)}}.dropdown-toggle.show{background-color:var(--primary-100);border-color:var(--secondary);.dropdown-icon{transform:rotate(-180deg)}}.dropdown-menu{border-radius:10px;background-color:var(--white);min-width:200px;.dropdown-item{color:var(--text-primary);.icon{width:14px;color:var(--text-secondary)}&:active,&:focus,&:hover{background-color:var(--white);.icon{color:var(--primary)}}}.dropdown-divider{border-top-color:var(--border)}.log-out{margin-top:12px}}.dropdown-menu[data-bs-popper]{left:auto;right:0}}}}.auth-layout{*{font-size:16px;line-height:20px}.invalid-feedback{font-size:12px;line-height:14px}.left-side{.logo-cover{max-width:300px}.content-cover{max-width:532px;margin-top:25%;h2.title{font-size:24px;line-height:28px}}}.right-side{.image-cover{&:after{content:"";display:block;position:absolute;inset:0;background-color:var(--semi-trans);z-index:2}.text-cover{color:var(--white);text-align:center;h1,span{font-size:48px;line-height:58px}}}}.auth-form{.form-control{background-color:var(--white-100)!important;border-color:transparent;box-shadow:none;font-size:16px;line-height:20px;padding:11px;&:active,&:focus{border-color:var(--text-secondary)}&::placeholder{color:var(--text-secondary)}}.form-control-cover{.icon{color:var(--secondary);width:16px}}.form-control.is-invalid{border-color:var(--danger);box-shadow:none!important;background-image:none}.user-type-select{margin-bottom:4px;.user-type__indicator-separator{display:none}.user-type__indicators{position:absolute;top:50%;right:14px;transform:translateY(-50%);color:var(--text-secondary)}}.auth-checkbox-cover{.form-check{min-height:16px;.form-check-input{margin:1px 8px 1px -16px;box-shadow:none!important;border-color:var(--text-secondary);&:active,&:focus{outline:1px solid var(--secondary);outline-offset:-2px}&:active,&:checked,&:focus{border-color:var(--secondary)}&:checked{background-color:var(--secondary)}}}}.auth-submit-btn{min-width:242px}}}.pdf-layout{.header{.navbar-nav{.list-view{.nav-link{width:auto;gap:8px;.icon{width:20px;overflow:hidden}&:active,&:hover{background-color:var(--secondary)}}.active{background-color:var(--secondary);.icon{width:16px}}.header-separator{height:20px;width:1px;background-color:var(--border-200)}}.undo-redo{.nav-link{color:var(--white);width:44px;.icon{width:24px}&:active,&:hover{background-color:var(--secondary)}}}}.dropdown-toggle:after{display:none}}.page-cover{background-color:var(--bg-body);&:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/admin-background.webp);background-position:100% 100%;background-repeat:no-repeat;opacity:.15}}}@media (max-width:1023px){.auth-layout{.left-side{.logo-cover{max-width:240px}.content-cover{max-width:532px;h2.title{font-size:24px;line-height:28px}}}.right-side{.image-cover{&:after{content:"";display:block;position:absolute;inset:0;background-color:var(--semi-trans);z-index:2}.text-cover{color:var(--white);text-align:center;h1,span{font-size:36px;line-height:42px}}}}.auth-form{.form-control{background-color:var(--white-100)!important;border-color:transparent;box-shadow:none;font-size:16px;line-height:20px;padding:11px;&:active,&:focus{border-color:var(--text-secondary)}&::placeholder{color:var(--text-secondary)}}.form-control-cover{.icon{color:var(--secondary);width:16px;top:50%;transform:translateY(-50%);right:16px}}.form-control.is-invalid{border-color:var(--danger);box-shadow:none!important;background-image:none}.user-type-select{margin-bottom:4px;.user-type__indicator-separator{display:none}.user-type__indicators{position:absolute;top:50%;right:14px;transform:translateY(-50%);color:var(--text-secondary)}}.auth-submit-btn{min-width:242px}}}}@media (max-width:1199px){.admin-layout{.header{.navbar-nav{.list-view{.nav-link{font-size:12px;line-height:14px;.icon{svg{width:14px;height:14px}}&:active,&:hover{gap:4px;.icon{width:14px}}}.active{gap:4px;background-color:var(--secondary);.icon{width:16px}}}.nav-link{width:40px;.icon{width:20px}}}}.page-cover{height:calc(100vh - 150px);min-height:420px}}.main-cover{.header{.navbar-brand{max-width:160px}.profile-dropdown{.dropdown-toggle{padding-right:8px!important;.profile-image{width:32px}.user-detail{min-width:110px;.name{max-width:160px}}.dropdown-icon{width:12px}}.dropdown-menu{border-radius:8px;min-width:160px;.dropdown-item{font-size:12px;line-height:14px;.icon{width:14px}}.log-out{margin-top:8px}}}}}}@media (max-width:767px){.admin-layout{.page-cover{height:calc(100vh - 120px)}}}