.nav-main-container{background-color:var(--tertiary-color);z-index:100;width:19%;height:100vh;transition:transform .3s ease-in-out;display:flex;position:fixed;box-shadow:0 2px 5px #0000001a}.main-alignment-class{width:81%;margin-left:19%;transition:width .3s ease-in-out,margin-left .3s ease-in-out}.mobile-header{background-color:var(--tertiary-color);z-index:101;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 16px;display:none;position:fixed;top:0;left:0;box-shadow:0 2px 5px #0000001a}.mobile-logo{align-items:center;height:40px;display:flex}.mobile-logo-image{height:40px}.hamburger-menu{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:24px;height:20px;padding:0;display:flex}.hamburger-menu span{background-color:#333;width:100%;height:2px;transition:all .3s;display:block}.navbar{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;align-items:center;width:100%;height:100%;padding:20px 0;display:flex;overflow-y:auto}.navbar::-webkit-scrollbar{display:none}.navbar-logo{background-color:var(--tertiary-color);z-index:10;text-align:center;justify-content:center;align-items:center;width:100%;height:80px;padding:10px;display:flex;position:sticky;top:0}.navbar-logo img{max-width:90%;max-height:136px}.navbar-links{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex-grow:1;gap:8px;width:100%;padding:10px;display:flex;overflow-y:auto}.navbar-links::-webkit-scrollbar{display:none}.menu-item{width:100%;position:relative}.navbutton{color:#666;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s ease-in-out;display:flex;position:relative}.navbutton:hover{background-color:var(--white-color);color:var(--secondary-primary-color)}.navbutton.active{background-color:var(--white-color);border:1px solid var(--primary-main-color);color:var(--secondary-primary-color)}.nav-icon{min-width:24px;height:24px;color:inherit;justify-content:center;align-items:center;display:flex}.menu-arrow{margin-left:auto;font-size:10px;transition:transform .3s}.menu-item.active .menu-arrow{transform:rotate(180deg)}.submenu{border-left:2px solid #e0e0e0;flex-direction:column;gap:4px;margin-top:5px;padding-left:20px;display:none}.menu-item.active .submenu{display:flex}.submenu-item{width:100%}.submenu-link{color:#666;border-radius:6px;align-items:center;padding:8px 12px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.submenu-link:hover{color:var(--secondary-primary-color);background-color:#f5f5f5}.submenu-link.active{color:var(--secondary-primary-color);font-weight:500}.mobile-overlay{z-index:99;background-color:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.logout-button{border-top:1px solid #eee;margin-top:auto;margin-bottom:20px;padding-top:15px}@media (max-width:1024px){.nav-main-container{width:240px}.main-alignment-class{width:calc(100% - 240px);margin-left:240px}}@media (max-width:768px){.mobile-header{display:flex}.desktop-logo{display:none}.main-alignment-class{margin-top:60px;width:100%!important;margin-left:0!important}.nav-main-container{z-index:100;width:90%;height:calc(100vh - 60px);top:60px;left:-90%}.nav-main-container.mobile-open{transform:translate(90%)}.mobile-open+.mobile-overlay{display:block}.submenu{padding-left:15px}}@media (max-width:480px){.nav-main-container{width:90%;left:-90%}.nav-main-container.mobile-open{transform:translate(90%)}}