.sidebar{position:fixed;width:230px;top:65px;height:calc(100vh - 65px);transition:transform .3s ease;overflow-y:auto;z-index:999;background-color:var(--mto-red)}.sidebar.collapsed{transform:translate(-250px)}.sidebar-menu{list-style:none}.sidebar-menu li{border-bottom:1px solid rgba(0,0,0,.4)}.sidebar-menu a,button{display:block;padding:15px 20px;text-decoration:none;color:#fff}.menu-toggle{border:none;color:#fff;font-size:24px;cursor:pointer}@media (max-width: 768px){.sidebar{transform:translate(-250px)}.sidebar.active{transform:translate(0)}}