@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.sidenav{display:flex;align-items:center;justify-content:center;gap:1.4rem}.menu-container{height:100%;display:flex;align-items:center;cursor:pointer}.menu svg{transition:all .2s ease;color:var(--accent-clr)}.menu.menu-toggle div:first-child{width:40%;transform:rotate(-35deg) translate(-30%,175%)}.menu.menu-toggle div:last-child{width:40%;transform:rotate(35deg) translate(-30%,-160%)}.logo-container{display:flex;justify-content:center;align-items:center;gap:2rem;height:3rem}.logo-container .logo{font-size:1.5rem;font-weight:900;color:var(--text-clr);line-height:1;display:flex;align-items:center}.topnav,.topnav a{display:flex;justify-content:center;align-items:center}.topnav .user{width:2.3rem;height:2.3rem;border-radius:50%;object-fit:cover;object-position:center;display:block}.sidebar{font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;top:4rem;width:4rem;height:calc(100vh - 4rem);position:fixed;left:0;z-index:150;padding:1.1rem 0;border-right:1px solid var(--line-clr);overflow-y:auto;background-color:var(--base-clr);transition:width .5s ease;display:flex;flex-direction:column}.sidebar a{display:flex;align-items:center;gap:1.3rem;padding:.9rem .7rem;text-decoration:none;margin:0 .5rem;white-space:nowrap;overflow:hidden;color:var(--text-clr)}.sidebar a:hover{background-color:var(--hover-clr)}.sidebar:not(.menu-toggle) .sidebar-span{display:none}.sidebar.menu-toggle .sidebar-span{display:inline}.sidebar:not(.menu-toggle) .sidebar-footer{display:none!important}.sidebar a{overflow:visible}.sidebar svg{width:1.6rem}.sidebar.menu-toggle{width:18.75rem;overflow:hidden}.sidebar.menu-toggle~main{margin-left:18.75rem}.sidebar:not(.menu-toggle)~main{margin-left:4rem}.sidebar ul{list-style:none;padding-left:0}.sidebar ul li.active a{color:var(--accent-clr)}.sidebar ul li.active a svg{stroke:var(--accent-clr)}.sidebar-footer{margin-top:auto;padding:.75rem 1rem;border-top:1px solid var(--componente-border-clr)}@media (max-width: 500px){.sidebar{transform:translate(-100%)!important;width:16rem;transition:transform .3s ease;position:fixed;left:0;top:4rem;height:calc(100vh - 4rem);background:var(--base-clr);z-index:3000}.sidebar.menu-toggle{transform:translate(0)!important}main{margin-left:0!important;margin-right:0!important}}