.sidebar{position:fixed;top:0;left:0;height:100%;background-color:#2c3e50;color:#fff;overflow:hidden;transition:width .3s ease}.sidebar.open{width:250px}.sidebar.closed{width:60px}.sidebar-header{display:flex;align-items:center;padding:15px}.toggle-button{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;margin-left:-20px}.sidebar-menu{list-style:none;padding:0}.menu-item{display:flex;align-items:center;padding:15px;text-decoration:none;color:#fff;transition:background-color .3s ease}.menu-item:hover{background-color:#34495e}.menu-item span{margin-left:15px}.logout-button{margin-left:15px;all:unset;display:flex;justify-content:center}.layout{display:flex;height:100vh;overflow:hidden}.sidebar-open .main-content{margin-left:250px;transition:margin-left .3s ease}.sidebar-closed .main-content{margin-left:60px;transition:margin-left .3s ease}.main-content{flex:1;padding:20px;background-color:#f8f9fa;transition:margin-left .3s ease}