*{margin:0;padding:0;box-sizing:border-box;font-family:Arial}.sidenav-trigger{display:none;position:fixed;top:10px;left:10px;z-index:1000;background:none;border:none;font-size:24px;cursor:pointer}.sidenav{height:100%;width:250px;position:fixed;z-index:1;top:0;left:0;background-color:#fff;overflow-x:hidden;transition:.5s;box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0000001f,0 1px 5px #0003}.sidenav .user-view{position:relative;padding:32px 32px 0;margin-bottom:8px}.sidenav .background{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.sidenav .background img{width:100%;height:100%;object-fit:cover}.sidenav .circle{height:64px;width:64px;border-radius:50%;object-fit:cover}.sidenav .name,.sidenav .email{display:block;font-size:14px;line-height:24px;color:#fff}.sidenav .divider{height:1px;overflow:hidden;background-color:#e0e0e0;margin:8px 0}.sidenav ul{padding:0;margin:0;list-style-type:none}.sidenav li>a{color:#000000de;display:block;font-size:14px;font-weight:500;height:48px;line-height:48px;padding:0 32px;text-decoration:none}.sidenav li>a:hover{background-color:#0000000d}@media screen and (max-width: 992px){.sidenav-trigger{display:block}.sidenav{transform:translate(-100%)}.sidenav.open{transform:translate(0)}}.sidenav ul li .active{font-weight:700;color:#007bff}