.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:0 32px;height:50px;font-size:14px;color:#7b7b7b;box-shadow:0 7px 5px -5px #f2f2f2;box-sizing:border-box;border-bottom:1px solid #dfdfdf;position:relative;z-index:2}.navbar .navigates{display:flex;gap:10px}@media(max-width:576px){.navbar{padding:0 23px}}@media(max-width:820px){.navbar .navigates,.navbar .dropdown.profile{display:none}}.navbar .navigation,.navbar .dropdowns{display:flex;align-items:center;gap:10px}.navbar .selected{border-bottom:2px solid #009253;color:#009253}.navbar .svg-fill-none svg{fill:none}.navbar .selected svg{stroke:#009253}.navbar .svg-stroke-color svg{stroke:#7b7b7b}.navbar .svg-stroke-none svg{stroke:none}.navbar .app-name{display:flex;gap:10px}.navbar .app-name .logo{max-width:30px;max-height:30px}.navbar .app-name .name{margin-bottom:6px;margin-right:50px;font-size:20px;font-weight:700;color:#009253}@media(max-width:576px){.navbar .app-name .name{margin-right:30px}}.dropdown.profile .avatar-container{cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:500}.dropdown.profile .content{width:200px;top:45px;right:0;background:#fff;border:1px solid #dfdfdf;border-radius:5px;display:flex;flex-direction:column;gap:5px}.dropdown.profile .content .list .item .settings-icon svg{fill:#fff}.dropdown.profile .content .list .item svg{stroke:#7b7b7b}.dropdown.profile .content .version{font-size:10px;position:absolute;right:10px;bottom:10px;color:#7b7b7b}@media(max-width:992px){.dropdown.profile .username{display:none}}.dropdown{display:flex;flex-direction:row;align-items:center;position:relative}.dropdown .arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #393939}.dropdown .content{position:absolute;z-index:1000;top:55px;width:130px}.dropdown .content .list{margin:0;padding:0;background:#fff;font-size:14px;color:#7b7b7b;font-weight:400}.dropdown .content .list .item{font-weight:500;font-size:12px;display:flex;align-items:center;padding:10px}.dropdown .content .list .item .icon{display:flex}.dropdown .content .list .item svg{width:22px;height:22px;margin-right:10px}.dropdown .content li{list-style:none;cursor:pointer}.dropdown .content li:hover{background-color:#f5f5f5;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.avatar{display:flex;border-radius:50%}.avatar.small{width:35px;height:35px}.avatar.medium{width:50px;height:50px}.avatar.big{width:115px;height:115px}.avatar img{width:100%;height:100%;border-radius:50%}.icon svg{max-width:32px;max-height:32px;stroke:#7b7b7b}.icon.color svg{stroke:none!important}.icon.solid svg{stroke-width:5px;max-width:12px;max-height:12px}.active .icon svg{stroke-width:1.5px;stroke:#7b7b7b}.inactive .icon svg{stroke:#f9f9f9!important}.initials{display:flex;justify-content:center;align-items:center;border-radius:50%;width:35px;height:35px;background:#c4c4c4;text-align:center}.navbar-item{cursor:pointer;border-bottom:2px solid transparent;padding:0 15px;height:50px;display:flex;align-items:center;font-weight:600;font-size:13px}.navbar-item .text{padding-top:9px}.navbar-item .icon{display:flex;margin-right:8px;padding-top:7px}.navbar-item .icon svg{width:25px;height:25px}.navbar-dropdown{display:none}.navbar-dropdown .icon{display:flex;align-items:center;cursor:pointer}.navbar-dropdown .icon svg{height:25px;width:25px}.navbar-dropdown .content{width:200px;top:45px;right:0;background:#fff;border:1px solid #dfdfdf}.navbar-dropdown .content .list .item{padding:2px 10px}.navbar-dropdown .content .list .navbar-item{height:auto;width:100%;font-weight:500;font-size:12px;display:flex;align-items:center;padding:4px}.navbar-dropdown .content .list .navbar-item .icon{padding:0;margin:0}.navbar-dropdown .content .list .profile-option{padding:8px 14px}.navbar-dropdown .version{position:absolute;right:10px;bottom:10px;font-size:10px;color:#7b7b7b}@media(max-width:820px){.navbar-dropdown{display:block}}.notification{z-index:3;position:fixed;top:.5rem;right:.5rem;padding:.75rem 1.5rem;border-radius:1rem;box-shadow:0 4px 12px #00000026;font-weight:500;color:#fff;transition:all .3s ease-in-out;transform:translate(100%);opacity:0}.notification.show{transform:translate(0);opacity:1}.notification.error{background-color:#ec6767}.version-snackbar{height:36px;background:#009253;color:#fff;display:flex;align-items:center;padding-left:36px;gap:4px;font-size:12px}.version-snackbar .here{cursor:pointer;text-decoration:underline}.loader-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-overlay .loader:before{content:"";display:block;height:40px;width:40px;-webkit-animation:spin .5s infinite linear;animation:spin .5s infinite linear;border:6px #009253 solid;border-left-color:transparent;border-radius:100%}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}body{font-family:IBM Plex Sans,sans-serif;margin:0;background:#f5f5f5}body p{margin:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#7a7a7a}form{display:flex;flex-direction:column;gap:16px;width:100%;align-items:start}form .form-input{width:100%}form .form-label.checkbox{padding-top:0;align-self:center}form .form-checkbox{width:15px;height:15px}form .radio-group{margin:10px 0;display:flex;gap:15px;align-items:center}form .radio-group label{display:flex;align-items:center;cursor:pointer;font-size:13px;color:#393939}form .radio-group label input[type=radio]{margin-right:8px;accent-color:#009253}