.nav-main-container{display:flex;height:100vh;position:fixed;width:19%;background-color:var(--primary-main-color);box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:100;transition:transform .3s ease-in-out}.main-alignment-class{width:calc(100% - 19%);margin-left:19%;transition:width .3s ease-in-out,margin-left .3s ease-in-out}.mobile-header{display:none;position:fixed;top:0;left:0;width:100%;height:60px;background-color:var(--tertiary-color);box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:101;align-items:center;justify-content:space-between;padding:0 16px}.mobile-logo{height:40px;display:flex;align-items:center}.mobile-logo-image{height:40px}.hamburger-menu{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:20px;background:none;border:none;cursor:pointer;padding:0}.hamburger-menu span{display:block;width:100%;height:2px;background-color:#333;transition:all .3s ease}.navbar{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:20px 0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.navbar::-webkit-scrollbar{display:none}.nav-icon svg path:not([fill=none]){fill:#fff}.nav-icon svg path[fill=none]{stroke:#fff}.navbutton.active .nav-icon svg path:not([fill=none]),.navbutton:hover .nav-icon svg path:not([fill=none]){fill:#000}.navbutton.active .nav-icon svg path[fill=none],.navbutton:hover .nav-icon svg path[fill=none]{stroke:#000}.navbutton.active,.navbutton:hover{color:#000!important}.navbar-logo{width:85%;height:80px;display:flex;justify-content:center;align-items:center;position:sticky;top:0;z-index:10;padding:10px;text-align:center;filter:brightness(0) invert(1);margin:22px 0}.navbar-logo img{max-height:136px;max-width:90%}.navbar-links{display:flex;flex-direction:column;width:100%;padding:10px;gap:8px;flex-grow:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.navbar-links::-webkit-scrollbar{display:none}.menu-item,.navbutton{width:100%;position:relative}.navbutton{display:flex;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;color:#fff!important;font-size:16px;font-weight:500;border-radius:8px;transition:all .2s ease-in-out}.navbutton.active,.navbutton:hover{background-color:var(--white-color);color:#000!important}.navbutton.active{border:1px solid var(--primary-main-color)}.nav-icon{min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:inherit!important}.menu-arrow{margin-left:auto;font-size:10px;transition:transform .3s ease}.menu-item.active .menu-arrow{transform:rotate(180deg)}.submenu{display:none;flex-direction:column;gap:4px;padding-left:20px;margin-top:5px;border-left:2px solid #e0e0e0}.menu-item.active .submenu{display:flex}.submenu-item{width:100%}.submenu-link{display:flex;align-items:center;padding:8px 12px;font-size:14px;color:#fff!important;text-decoration:none;border-radius:6px;transition:all .2s ease}.submenu-link.active,.submenu-link:hover{background-color:#f5f5f5;color:#000!important}.submenu-link.active{font-weight:500}.mobile-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:99}.logout-button{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{width:100%!important;margin-left:0!important;margin-top:60px}.nav-main-container{width:90%;left:-90%;top:60px;height:calc(100vh - 60px);z-index:100}.nav-main-container.mobile-open{transform:translateX(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:translateX(90%)}}