diff --git a/app/Http/Controllers/UserController.php b/app/Http/Controllers/UserController.php
new file mode 100644
index 0000000000000000000000000000000000000000..b6598fdcf8e80576a7cb9aba5d81f5cef140139c
--- /dev/null
+++ b/app/Http/Controllers/UserController.php
@@ -0,0 +1,108 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Http\Requests\StoreUserRequest;
+use App\Http\Requests\UpdateRequestUser;
+use App\Models\Dependencia;
+use App\Models\User;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Hash;
+use Spatie\Permission\Models\Role;
+
+class UserController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     */
+    public function index()
+    {
+        $usuarios = User::with('dependencia', 'roles')->get();
+        return view('adminGen.usuarios.index', ['usuarios' => $usuarios]);
+    }
+
+    /**
+     * Show the form for creating a new resource.
+     */
+    public function create()
+    {
+        $dependencias = Dependencia::get();
+        $roles = Role::get();
+        return view('adminGen.usuarios.create', compact('dependencias', 'roles'));
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     */
+    public function store(StoreUserRequest $request)
+    {
+        $request->validated();
+        $user = new User;
+        $user->name = $request->name;
+        $user->username = $request->username;
+        $user->password = Hash::make($request->password);
+        $user->dependencia_id = $request->dependencia_id;
+        $user->assignRole($request->role);
+        if($request->active == "on"){
+            $user->active = 1;
+        }else{
+            $user->active = 0;
+        }
+        $user->save();
+        return redirect()->route('usuarios.get')->with('success', 'Usuario creado correctamente.');
+    }
+
+    /**
+     * Display the specified resource.
+     */
+    public function show(string $id)
+    {
+        //
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     */
+    public function edit(string $id)
+    {
+        $user = User::findOrFail($id);
+        $dependencias = Dependencia::all();
+        $roles = Role::all();
+        return view('adminGen.usuarios.edit', compact('user', 'dependencias', 'roles'));
+    }
+
+    /**
+     * Update the specified resource in storage.
+     */
+    public function update(UpdateRequestUser $request, string $id)
+    {
+        $request->validated();
+        $user = User::findOrFail($id);
+
+        $user->name = $request->name;
+        $user->username = $request->username;
+        if ($request->filled('password')) {
+            $user->password = Hash::make($request->password);
+        }
+        $user->dependencia_id = $request->dependencia_id;
+        $user->assignRole($request->role);
+        $user->active = $request->has('active');
+        $user->save();
+
+        return redirect()->route('usuarios.get')->with('success', 'Usuario actualizado correctamente.');
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     */
+    public function destroy(string $id)
+    {
+        try{
+            $usuario = User::findOrFail($id);
+            $usuario->delete();
+            return redirect()->route('usuarios.get')->with('success', 'Usuario eliminado correctamente.');
+        }catch(\Exception $e){
+            return redirect()->route('usuarios.get')->withErrors('Error al eliminar el usuario:' . $e->getMessage());
+        }
+    }
+}
diff --git a/app/Http/Requests/StoreUserRequest.php b/app/Http/Requests/StoreUserRequest.php
new file mode 100644
index 0000000000000000000000000000000000000000..d63927af625adbe209660755eae62744d71ed9d2
--- /dev/null
+++ b/app/Http/Requests/StoreUserRequest.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class StoreUserRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     */
+    public function authorize(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, \Illuminate\Contracts\Validation\ValidationRule|array<mixed>|string>
+     */
+    public function rules(): array
+    {
+        return [
+            'name' => 'required|regex:/\w*$/|string|min:1|max:255',
+            'username' => 'required|string|regex:/\w*$/|max:255|unique:users,username',
+            'password' => 'required|regex:/\w*$/|string|min:8|max:255|confirmed',
+            'dependencia_id' => 'required|min:1|integer',
+            'role' => 'required|string|min:1'
+        ];
+    }
+}
diff --git a/app/Http/Requests/UpdateRequestUser.php b/app/Http/Requests/UpdateRequestUser.php
new file mode 100644
index 0000000000000000000000000000000000000000..4ff32c3e3c903cde415ac69db89691bff65d0204
--- /dev/null
+++ b/app/Http/Requests/UpdateRequestUser.php
@@ -0,0 +1,34 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+use Illuminate\Validation\Rule;
+
+class UpdateRequestUser extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     */
+    public function authorize(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, \Illuminate\Contracts\Validation\ValidationRule|array<mixed>|string>
+     */
+    public function rules(): array
+    {
+        $id = $this->route('id');
+        return [
+            'name' => 'required|string|max:255',
+            'username' => ['required', 'string', 'max:255', Rule::unique('users')->ignore($id)],
+            'password' => 'nullable|string|min:8|confirmed',
+            'dependencia_id' => 'required|exists:dependencias,id',
+            'role' => 'required|exists:roles,name',
+        ];
+    }
+}
diff --git a/app/Models/User.php b/app/Models/User.php
index 5867318b656a6e5bd4ecec7cf3dac29a22e881ab..a02b9c03371b8f8d3303dd795edc2f0b04bfdb0c 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -4,6 +4,7 @@
 
 // use Illuminate\Contracts\Auth\MustVerifyEmail;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
 use Illuminate\Foundation\Auth\User as Authenticatable;
 use Illuminate\Notifications\Notifiable;
 use Laravel\Fortify\TwoFactorAuthenticatable;
@@ -31,6 +32,7 @@ class User extends Authenticatable
         'username',
         'active',
         'password',
+        'dependencia_id'
     ];
 
     /**
@@ -66,4 +68,9 @@ protected function casts(): array
             'password' => 'hashed',
         ];
     }
+
+    public function dependencia(): BelongsTo
+    {
+        return $this->belongsTo(Dependencia::class);
+    }
 }
diff --git a/public/assets/css/jquery.toast.css b/public/assets/css/jquery.toast.css
new file mode 100644
index 0000000000000000000000000000000000000000..9a41bc220d64a7c47de8bb15df4b22dd87782e47
--- /dev/null
+++ b/public/assets/css/jquery.toast.css
@@ -0,0 +1,133 @@
+/**
+ * jQuery toast plugin created by Kamran Ahmed copyright MIT license 2014
+ */
+.jq-toast-wrap { 
+    display: block; 
+    position: fixed; 
+    width: 250px;  
+    pointer-events: none !important; 
+    margin: 0; 
+    padding: 0; 
+    letter-spacing: normal; 
+    z-index: 9000 !important; 
+}
+.jq-toast-wrap * { 
+    margin: 0; 
+    padding: 0; 
+}
+
+.jq-toast-wrap.bottom-left { 
+    bottom: 20px; 
+    left: 20px; 
+}
+.jq-toast-wrap.bottom-right { 
+    bottom: 20px; 
+    right: 40px; 
+}
+.jq-toast-wrap.top-left { 
+    top: 20px; 
+    left: 20px; 
+}
+.jq-toast-wrap.top-right { 
+    top: 20px; 
+    right: 80px; 
+}
+
+.jq-toast-single { 
+    display: block; 
+    width: 100%; 
+    padding: 10px; 
+    margin: 0px 0px 5px; 
+    border-radius: 4px; 
+    font-size: 13px; 
+    font-family: arial, sans-serif; 
+    line-height: 17px; 
+    position: relative;  
+    pointer-events: all !important; 
+    background-color: #444444; 
+    color: white; 
+}
+
+.jq-toast-single h2 { 
+    font-family: arial, sans-serif; 
+    font-size: 14px; 
+    margin: 0px 0px 7px; 
+    background: none; 
+    
+    color: inherit; 
+    line-height: inherit; 
+    letter-spacing: normal; 
+}
+.jq-toast-single a { 
+    color: #eee; 
+    text-decoration: none; 
+    font-weight: bold; 
+    border-bottom: 1px solid white; 
+    padding-bottom: 3px; 
+    font-size: 12px; 
+}
+
+.jq-toast-single ul { 
+    margin: 0px 0px 0px 15px; 
+    background: none; 
+    padding:0px; 
+}
+.jq-toast-single ul li { 
+    list-style-type: disc !important; 
+    line-height: 17px; 
+    background: none; 
+    margin: 0; 
+    padding: 0; 
+    letter-spacing: normal; 
+}
+
+.close-jq-toast-single { 
+    position: absolute; 
+    top: 3px; 
+    right: 7px; 
+    font-size: 14px; 
+    cursor: pointer; 
+}
+
+.jq-toast-loader { 
+    display: block; 
+    position: absolute; 
+    top: -2px; 
+    height: 5px; 
+    width: 0%; 
+    left: 0; 
+    border-radius: 5px; 
+    background: #D1EDD6; 
+}
+.jq-toast-loaded { 
+    width: 100%; 
+}
+.jq-has-icon { 
+    padding: 10px 10px 10px 50px;
+    background-repeat: no-repeat; 
+    background-position: 10px; 
+}
+.jq-icon-info { 
+    background-image: url(/assets/images/toast/infocircle.png); 
+    background-color: #F1F7FA;
+    color: #d9edf7;
+    border-color: #bce8f1;
+}
+.jq-icon-warning { 
+    background-image: url(/assets/images/toast/warning2.png); 
+    background-color: #FAF0E4;
+    color: #fcf8e3;
+    border-color: #faebcc;
+}
+.jq-icon-error { 
+    background-image: url(/assets/images/toast/error_circle.png);
+    background-color: #F8E2E1;
+    color: #676767;
+    border-color: #676767;
+}
+.jq-icon-success { 
+    background-image: url(/assets/images/toast/icon_check_circle.png); 
+    background-color: #F1FAF3;
+    color: #676767;
+    border-color: #F1FAF3;
+}
\ No newline at end of file
diff --git a/public/assets/images/toast/error_circle.png b/public/assets/images/toast/error_circle.png
new file mode 100644
index 0000000000000000000000000000000000000000..f5727de72e25cc01dcd97c0b40f1a3a172849ba4
Binary files /dev/null and b/public/assets/images/toast/error_circle.png differ
diff --git a/public/assets/images/toast/icon_check_circle.png b/public/assets/images/toast/icon_check_circle.png
new file mode 100644
index 0000000000000000000000000000000000000000..038f5aaeb5fb8f9d492191e2ed3d2d89d424a846
Binary files /dev/null and b/public/assets/images/toast/icon_check_circle.png differ
diff --git a/public/assets/images/toast/infocircle.png b/public/assets/images/toast/infocircle.png
new file mode 100644
index 0000000000000000000000000000000000000000..c09cad1741d5c694c218236f06c697a85e96e164
Binary files /dev/null and b/public/assets/images/toast/infocircle.png differ
diff --git a/public/assets/images/toast/warning2.png b/public/assets/images/toast/warning2.png
new file mode 100644
index 0000000000000000000000000000000000000000..4ab9a944d3a1f4cdf252b04c6172716b8a9f3649
Binary files /dev/null and b/public/assets/images/toast/warning2.png differ
diff --git a/public/assets/js/jquery.toast.js b/public/assets/js/jquery.toast.js
new file mode 100644
index 0000000000000000000000000000000000000000..77cdf45c64bf03e60dda155c94d959c00fe1c0fa
--- /dev/null
+++ b/public/assets/js/jquery.toast.js
@@ -0,0 +1,359 @@
+// jQuery toast plugin created by Kamran Ahmed copyright MIT license 2015
+if ( typeof Object.create !== 'function' ) {
+    Object.create = function( obj ) {
+        function F() {}
+        F.prototype = obj;
+        return new F();
+    };
+}
+
+(function( $, window, document, undefined ) {
+
+    "use strict";
+    
+    var Toast = {
+
+        _positionClasses : ['bottom-left', 'bottom-right', 'top-right', 'top-left', 'bottom-center', 'top-center', 'mid-center'],
+        _defaultIcons : ['success', 'error', 'info', 'warning'],
+
+        init: function (options, elem) {
+            this.prepareOptions(options, $.toast.options);
+            this.process();
+        },
+
+        prepareOptions: function(options, options_to_extend) {
+            var _options = {};
+            if ( ( typeof options === 'string' ) || ( options instanceof Array ) ) {
+                _options.text = options;
+            } else {
+                _options = options;
+            }
+            this.options = $.extend( {}, options_to_extend, _options );
+        },
+
+        process: function () {
+            this.setup();
+            this.addToDom();
+            this.position();
+            this.bindToast();
+            this.animate();
+        },
+
+        setup: function () {
+            
+            var _toastContent = '';
+            
+            this._toastEl = this._toastEl || $('<div></div>', {
+                class : 'jq-toast-single'
+            });
+
+            // For the loader on top
+            _toastContent += '<span class="jq-toast-loader"></span>';            
+
+            if ( this.options.allowToastClose ) {
+                _toastContent += '<span class="close-jq-toast-single">&times;</span>';
+            };
+
+            if ( this.options.text instanceof Array ) {
+
+                if ( this.options.heading ) {
+                    _toastContent +='<h2 class="jq-toast-heading">' + this.options.heading + '</h2>';
+                };
+
+                _toastContent += '<ul class="jq-toast-ul">';
+                for (var i = 0; i < this.options.text.length; i++) {
+                    _toastContent += '<li class="jq-toast-li" id="jq-toast-item-' + i + '">' + this.options.text[i] + '</li>';
+                }
+                _toastContent += '</ul>';
+
+            } else {
+                if ( this.options.heading ) {
+                    _toastContent +='<h2 class="jq-toast-heading">' + this.options.heading + '</h2>';
+                };
+                _toastContent += this.options.text;
+            }
+
+            this._toastEl.html( _toastContent );
+
+            if ( this.options.bgColor !== false ) {
+                this._toastEl.css("background-color", this.options.bgColor);
+            };
+
+            if ( this.options.textColor !== false ) {
+                this._toastEl.css("color", this.options.textColor);
+            };
+
+            if ( this.options.textAlign ) {
+                this._toastEl.css('text-align', this.options.textAlign);
+            }
+
+            if ( this.options.icon !== false ) {
+                this._toastEl.addClass('jq-has-icon');
+
+                if ( $.inArray(this.options.icon, this._defaultIcons) !== -1 ) {
+                    this._toastEl.addClass('jq-icon-' + this.options.icon);
+                };
+            };
+
+            if ( this.options.class !== false ){
+                this._toastEl.addClass(this.options.class)
+            }
+        },
+
+        position: function () {
+            if ( ( typeof this.options.position === 'string' ) && ( $.inArray( this.options.position, this._positionClasses) !== -1 ) ) {
+
+                if ( this.options.position === 'bottom-center' ) {
+                    this._container.css({
+                        left: ( $(window).outerWidth() / 2 ) - this._container.outerWidth()/2,
+                        bottom: 20
+                    });
+                } else if ( this.options.position === 'top-center' ) {
+                    this._container.css({
+                        left: ( $(window).outerWidth() / 2 ) - this._container.outerWidth()/2,
+                        top: 20
+                    });
+                } else if ( this.options.position === 'mid-center' ) {
+                    this._container.css({
+                        left: ( $(window).outerWidth() / 2 ) - this._container.outerWidth()/2,
+                        top: ( $(window).outerHeight() / 2 ) - this._container.outerHeight()/2
+                    });
+                } else {
+                    this._container.addClass( this.options.position );
+                }
+
+            } else if ( typeof this.options.position === 'object' ) {
+                this._container.css({
+                    top : this.options.position.top ? this.options.position.top : 'auto',
+                    bottom : this.options.position.bottom ? this.options.position.bottom : 'auto',
+                    left : this.options.position.left ? this.options.position.left : 'auto',
+                    right : this.options.position.right ? this.options.position.right : 'auto'
+                });
+            } else {
+                this._container.addClass( 'bottom-left' );
+            }
+        },
+
+        bindToast: function () {
+
+            var that = this;
+
+            this._toastEl.on('afterShown', function () {
+                that.processLoader();
+            });
+
+            this._toastEl.find('.close-jq-toast-single').on('click', function ( e ) {
+
+                e.preventDefault();
+
+                if( that.options.showHideTransition === 'fade') {
+                    that._toastEl.trigger('beforeHide');
+                    that._toastEl.fadeOut(function () {
+                        that._toastEl.trigger('afterHidden');
+                    });
+                } else if ( that.options.showHideTransition === 'slide' ) {
+                    that._toastEl.trigger('beforeHide');
+                    that._toastEl.slideUp(function () {
+                        that._toastEl.trigger('afterHidden');
+                    });
+                } else {
+                    that._toastEl.trigger('beforeHide');
+                    that._toastEl.hide(function () {
+                        that._toastEl.trigger('afterHidden');
+                    });
+                }
+            });
+
+            if ( typeof this.options.beforeShow == 'function' ) {
+                this._toastEl.on('beforeShow', function () {
+                    that.options.beforeShow();
+                });
+            };
+
+            if ( typeof this.options.afterShown == 'function' ) {
+                this._toastEl.on('afterShown', function () {
+                    that.options.afterShown();
+                });
+            };
+
+            if ( typeof this.options.beforeHide == 'function' ) {
+                this._toastEl.on('beforeHide', function () {
+                    that.options.beforeHide();
+                });
+            };
+
+            if ( typeof this.options.afterHidden == 'function' ) {
+                this._toastEl.on('afterHidden', function () {
+                    that.options.afterHidden();
+                });
+            };          
+        },
+
+        addToDom: function () {
+
+             var _container = $('.jq-toast-wrap');
+             
+             if ( _container.length === 0 ) {
+                
+                _container = $('<div></div>',{
+                    class: "jq-toast-wrap",
+                    role: "alert",
+                    "aria-live": "polite"
+                });
+
+                $('body').append( _container );
+
+             } else if ( !this.options.stack || isNaN( parseInt(this.options.stack, 10) ) ) {
+                _container.empty();
+             }
+
+             _container.find('.jq-toast-single:hidden').remove();
+
+             _container.append( this._toastEl );
+
+            if ( this.options.stack && !isNaN( parseInt( this.options.stack ), 10 ) ) {
+                
+                var _prevToastCount = _container.find('.jq-toast-single').length,
+                    _extToastCount = _prevToastCount - this.options.stack;
+
+                if ( _extToastCount > 0 ) {
+                    $('.jq-toast-wrap').find('.jq-toast-single').slice(0, _extToastCount).remove();
+                };
+
+            }
+
+            this._container = _container;
+        },
+
+        canAutoHide: function () {
+            return ( this.options.hideAfter !== false ) && !isNaN( parseInt( this.options.hideAfter, 10 ) );
+        },
+
+        processLoader: function () {
+            // Show the loader only, if auto-hide is on and loader is demanded
+            if (!this.canAutoHide() || this.options.loader === false) {
+                return false;
+            }
+
+            var loader = this._toastEl.find('.jq-toast-loader');
+
+            // 400 is the default time that jquery uses for fade/slide
+            // Divide by 1000 for milliseconds to seconds conversion
+            var transitionTime = (this.options.hideAfter - 400) / 1000 + 's';
+            var loaderBg = this.options.loaderBg;
+
+            var style = loader.attr('style') || '';
+            style = style.substring(0, style.indexOf('-webkit-transition')); // Remove the last transition definition
+
+            style += '-webkit-transition: width ' + transitionTime + ' ease-in; \
+                      -o-transition: width ' + transitionTime + ' ease-in; \
+                      transition: width ' + transitionTime + ' ease-in; \
+                      background-color: ' + loaderBg + ';';
+
+
+            loader.attr('style', style).addClass('jq-toast-loaded');
+        },
+
+        animate: function () {
+
+            var that = this;
+
+            this._toastEl.hide();
+
+            this._toastEl.trigger('beforeShow');
+
+            if ( this.options.showHideTransition.toLowerCase() === 'fade' ) {
+                this._toastEl.fadeIn(function ( ){
+                    that._toastEl.trigger('afterShown');
+                });
+            } else if ( this.options.showHideTransition.toLowerCase() === 'slide' ) {
+                this._toastEl.slideDown(function ( ){
+                    that._toastEl.trigger('afterShown');
+                });
+            } else {
+                this._toastEl.show(function ( ){
+                    that._toastEl.trigger('afterShown');
+                });
+            }
+
+            if (this.canAutoHide()) {
+
+                var that = this;
+
+                window.setTimeout(function(){
+                    
+                    if ( that.options.showHideTransition.toLowerCase() === 'fade' ) {
+                        that._toastEl.trigger('beforeHide');
+                        that._toastEl.fadeOut(function () {
+                            that._toastEl.trigger('afterHidden');
+                        });
+                    } else if ( that.options.showHideTransition.toLowerCase() === 'slide' ) {
+                        that._toastEl.trigger('beforeHide');
+                        that._toastEl.slideUp(function () {
+                            that._toastEl.trigger('afterHidden');
+                        });
+                    } else {
+                        that._toastEl.trigger('beforeHide');
+                        that._toastEl.hide(function () {
+                            that._toastEl.trigger('afterHidden');
+                        });
+                    }
+
+                }, this.options.hideAfter);
+            };
+        },
+
+        reset: function ( resetWhat ) {
+
+            if ( resetWhat === 'all' ) {
+                $('.jq-toast-wrap').remove();
+            } else {
+                this._toastEl.remove();
+            }
+
+        },
+
+        update: function(options) {
+            this.prepareOptions(options, this.options);
+            this.setup();
+            this.bindToast();
+        }
+    };
+    
+    $.toast = function(options) {
+        var toast = Object.create(Toast);
+        toast.init(options, this);
+
+        return {
+            
+            reset: function ( what ) {
+                toast.reset( what );
+            },
+
+            update: function( options ) {
+                toast.update( options );
+            }
+        }
+    };
+
+    $.toast.options = {
+        text: '',
+        heading: '',
+        showHideTransition: 'fade',
+        allowToastClose: true,
+        hideAfter: 3000,
+        loader: true,
+        loaderBg: '#9EC600',
+        stack: 5,
+        position: 'bottom-left',
+        bgColor: false,
+        textColor: false,
+        textAlign: 'left',
+        icon: false,
+        beforeShow: function () {},
+        afterShown: function () {},
+        beforeHide: function () {},
+        afterHidden: function () {}
+    };
+
+})( jQuery, window, document );
diff --git a/resources/views/adminGen/catalogos/dependencias.blade.php b/resources/views/adminGen/catalogos/dependencias.blade.php
index 8892cf7a5c04b19a55cc5477ea5803980e0e05bb..d3cb85fa7b1733069227a281463b97685a889afb 100644
--- a/resources/views/adminGen/catalogos/dependencias.blade.php
+++ b/resources/views/adminGen/catalogos/dependencias.blade.php
@@ -213,63 +213,29 @@ function editItem(id, nombre) {
             }));
         });
 
-        showMessage = (msg = 'Example notification text.', position = 'top-end', showCloseButton = true, closeButtonHtml = '', duration = 3000, type = 'success') => {
-            const toast = window.Swal.mixin({
-                toast: true,
-                position: position || 'top-end',
-                showConfirmButton: false,
-                timer: duration,
-                showCloseButton: showCloseButton,
-                customClass: {
-                    container: 'custom-swal-container',
-                    popup: 'custom-swal-popup',
-                    title: 'custom-swal-title',
-                }
-            });
-
-            // Define el color y el icono según el tipo de mensaje
-            let color;
-            let icon;
-            if (type === 'success') {
-                color = '#4caf50'; // Color verde para éxito
-                icon = 'success'; // Icono de éxito
-            } else if (type === 'error') {
-                color = '#f44336'; // Color rojo para error
-                icon = 'error'; // Icono de error
-            }
-
-            // Aplica el estilo al mensaje
-            toast.fire({
-                title: msg,
+        function showToast(message, heading, icon) {
+            $.toast({
+                heading: heading,
+                text: message,
+                showHideTransition: 'slide',
                 icon: icon,
-                showClass: {
-                    popup: 'swal2-noanimation',
-                },
-                hideClass: {
-                    popup: '',
-                },
-                customClass: {
-                    title: 'swal2-title',
-                    popup: 'swal2-popup',
-                    icon: 'swal2-icon',
-                },
-                timerProgressBar: true,
-                timerProgressBarColor: color,
-                timerProgressBarHeight: 3,
-                background: color,
-                iconColor: 'white',
+                position: 'top-right',
+                loader: false,
+                hideAfter: 10000, 
+                allowToastClose: true,
+                textColor: '#676767',
             });
-        };
+        }
 
         document.addEventListener('DOMContentLoaded', function() {
             @if(session('success'))
             // Muestra el mensaje de éxito utilizando showMessage
-                showMessage("{{ session('success') }}", 'top-end', true, '', 3000, 'success');
+                showToast("{{ session('success') }}", 'Exito.', 'success')
             @endif
 
-            @if($errors -> any())
-                @foreach($errors -> all() as $error)
-                    showMessage("{{$error}}", 'top-end', true, '', 3000, 'error');
+            @if($errors->any())
+                @foreach($errors->all() as $error)
+                    showToast(`{{ $error }}`, 'Error.', 'error');
                 @endforeach
             @endif
         });
diff --git a/resources/views/adminGen/usuarios/create.blade.php b/resources/views/adminGen/usuarios/create.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..76fd255cc7e0970cac324beaaa1bb697028a7506
--- /dev/null
+++ b/resources/views/adminGen/usuarios/create.blade.php
@@ -0,0 +1,166 @@
+<x-layout.default>
+
+    <link rel='stylesheet' type='text/css' href='{{ Vite::asset("resources/css/nice-select2.css") }}'>
+
+    <div x-data="crearUsuarios">
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Dashboard</a>
+            </li>
+            <li class="before:content-['/'] before:mr-1 rtl:before:ml-1">
+                <span>Administración</span>
+            </li>
+            <li class="before:content-['/'] before:mr-1 rtl:before:ml-1">
+                <a href="{{ route('usuarios.get') }}" class="text-primary hover:underline">Usuarios</a>
+            </li>
+            <li class="before:content-['/'] before:mr-1 rtl:before:ml-1">
+                <span>Crear usuario</span>
+            </li>
+        </ul>
+        <div class="panel mt-6">
+            <div class="flex items-center justify-between mb-5">
+                <h5 class="font-semibold text-lg dark:text-white-light">Crear nuevo usuario</h5>
+            </div>
+            <div class="mb-5">
+                <form class="space-y-5" action="{{ route('usuarios.store') }}" method="POST">
+                    @csrf
+                    <div class="grid grid-cols-1 md:grid-cols-2 gap-5">
+                        <div>
+                            <label for="name">Nombre</label>
+                            <input id="name" name="name" type="text" required placeholder="Ingresa el nombre" class="form-input" />
+                        </div>
+                        <div>
+                            <label for="username">Usuario</label>
+                            <div class="flex">
+                                <div class="bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+                                    @</div>
+                                <input id="username" name="username" type="text" required placeholder="Ingresa el usuario" class="form-input ltr:rounded-l-none rtl:rounded-r-none" />
+                            </div>
+                        </div>
+                        <div>
+                            <label for="password">Contraseña</label>
+                            <input id="password" name="password" type="password" required placeholder="Ingresa la contraseña" class="form-input" />
+                        </div>
+                        <div>
+                            <label for="password_confirmation">Repetir contraseña</label>
+                            <input id="password_confirmation" name="password_confirmation" type="password" required placeholder="Repite la contraseña" class="form-input" />
+                        </div>
+                    </div>
+                    <div class="grid grid-cols-1 md:grid-cols-3 gap-5">
+                        <div class="mb-5">
+                            <label for="dependencia_id">Dependencia</label>
+                            <select id="dependencia_id" name="dependencia_id" required class="block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
+                                @foreach($dependencias as $dependencia)
+                                    <option value="{{ $dependencia->id }}">{{ $dependencia->nombre }}</option>
+                                @endforeach
+                            </select>
+                        </div>
+
+                        <div class="mb-5">
+                            <label for="role">Rol</label>
+                            <select id="role" name="role" required class="block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
+                                @foreach($roles as $role)
+                                    <option value="{{ $role->name }}">{{ $role->name }}</option>
+                                @endforeach
+                            </select>
+                        </div>
+                        <div class="flex items-center">
+                            <span class="mr-2">¿Activar usuario?</span>
+                            <label class="w-12 h-6 relative">
+                                <input type="checkbox" class="custom_switch absolute w-full h-full opacity-0 z-10 cursor-pointer peer" id="active" name="active" />
+                                <span for="active" class="bg-[#ebedf2] dark:bg-dark block h-full rounded-full before:absolute before:left-1 before:bg-white dark:before:bg-white-dark dark:peer-checked:before:bg-white before:bottom-1 before:w-4 before:h-4 before:rounded-full peer-checked:before:left-7 peer-checked:bg-primary before:transition-all before:duration-300"></span>
+                            </label>
+                        </div>
+                    </div>
+                    <button type="submit" class="btn btn-primary !mt-6">Guardar</button>
+                </form>
+            </div>
+        </div>
+    </div>
+
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+
+    <script src="/assets/js/nice-select2.js"></script>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <link rel="stylesheet" href="/assets/css/jquery.toast.css">
+    <script src="/assets/js/jquery.toast.js"></script>
+
+    <script>
+        document.addEventListener("DOMContentLoaded", function(e) {
+            // default
+            var els = document.querySelectorAll(".selectize");
+            els.forEach(function(select) {
+                NiceSelect.bind(select);
+            });
+
+            // seachable
+            var options = {
+                searchable: true
+            };
+            NiceSelect.bind(document.getElementById("dependencia_id"), options);
+            NiceSelect.bind(document.getElementById("role"), options);
+
+            document.querySelectorAll('.nice-select .current').forEach(el => {
+                if (el.textContent.trim() === 'Select an option') {
+                    el.textContent = 'Selecciona una opción';
+                }
+            });
+
+            document.querySelectorAll('.nice-select .list .option').forEach(el => {
+                if (el.textContent.trim() === 'Select an option') {
+                    el.textContent = 'Selecciona una opción';
+                }
+            });
+
+            var searchInputs = document.querySelectorAll('.nice-select-search');
+            searchInputs.forEach(function(input) {
+                input.placeholder = 'Buscar...';
+            });
+        });
+
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("crearUsuarios", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+            }));
+        });
+
+        function showToast(message, heading, icon) {
+            $.toast({
+                heading: heading,
+                text: message,
+                showHideTransition: 'slide',
+                icon: icon,
+                position: 'top-right',
+                loader: false,
+                hideAfter: 10000, 
+                allowToastClose: true,
+                textColor: '#676767',
+            });
+        }
+
+        document.addEventListener('DOMContentLoaded', function() {
+
+            @if($errors->any())
+                @foreach($errors->all() as $error)
+                    showToast(`{{ $error }}`, 'Error', 'error');
+                @endforeach
+            @endif
+        });
+    </script>
+</x-layout.default>
\ No newline at end of file
diff --git a/resources/views/adminGen/usuarios/edit.blade.php b/resources/views/adminGen/usuarios/edit.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..9920218a7d66991079c8fc5090544a5b3c216ed1
--- /dev/null
+++ b/resources/views/adminGen/usuarios/edit.blade.php
@@ -0,0 +1,166 @@
+<x-layout.default>
+
+    <link rel='stylesheet' type='text/css' href='{{ Vite::asset("resources/css/nice-select2.css") }}'>
+
+    <div x-data="editarUsuarios">
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Dashboard</a>
+            </li>
+            <li class="before:content-['/'] before:mr-1 rtl:before:ml-1">
+                <span>Administración</span>
+            </li>
+            <li class="before:content-['/'] before:mr-1 rtl:before:ml-1">
+                <a href="{{ route('usuarios.get') }}" class="text-primary hover:underline">Usuarios</a>
+            </li>
+            <li class="before:content-['/'] before:mr-1 rtl:before:ml-1">
+                <span>Editar usuario</span>
+            </li>
+        </ul>
+        <div class="panel mt-6">
+            <div class="flex items-center justify-between mb-5">
+                <h5 class="font-semibold text-lg dark:text-white-light">Editar usuario</h5>
+            </div>
+            <div class="mb-5">
+                <form class="space-y-5" action="{{ route('usuarios.update', $user->id) }}" method="POST">
+                    @csrf
+                    @method('PUT')
+                    <div class="grid grid-cols-1 md:grid-cols-2 gap-5">
+                        <div>
+                            <label for="name">Nombre</label>
+                            <input id="name" name="name" type="text" required value="{{ $user->name }}" placeholder="Ingresa el nombre" class="form-input" />
+                        </div>
+                        <div>
+                            <label for="username">Usuario</label>
+                            <div class="flex">
+                                <div class="bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">@</div>
+                                <input id="username" name="username" type="text" required value="{{ $user->username }}" placeholder="Ingresa el usuario" class="form-input ltr:rounded-l-none rtl:rounded-r-none" />
+                            </div>
+                        </div>
+                        <div>
+                            <label for="password">Contraseña</label>
+                            <input id="password" name="password" type="password" placeholder="Ingresa la contraseña" class="form-input" />
+                        </div>
+                        <div>
+                            <label for="password_confirmation">Repetir contraseña</label>
+                            <input id="password_confirmation" name="password_confirmation" type="password" placeholder="Repite la contraseña" class="form-input" />
+                        </div>
+                    </div>
+                    <div class="grid grid-cols-1 md:grid-cols-3 gap-5">
+                        <div class="mb-5">
+                            <label for="dependencia_id">Dependencia</label>
+                            <select id="dependencia_id" name="dependencia_id" required class="block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
+                                @foreach($dependencias as $dependencia)
+                                    <option value="{{ $dependencia->id }}" {{ $user->dependencia_id == $dependencia->id ? 'selected' : '' }}>{{ $dependencia->nombre }}</option>
+                                @endforeach
+                            </select>
+                        </div>
+
+                        <div class="mb-5">
+                            <label for="role">Rol</label>
+                            <select id="role" name="role" required class="block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
+                                @foreach($roles as $role)
+                                    <option value="{{ $role->name }}" {{ $user->hasRole($role->name) ? 'selected' : '' }}>{{ $role->name }}</option>
+                                @endforeach
+                            </select>
+                        </div>
+                        <div class="flex items-center">
+                            <span class="mr-2">¿Activar usuario?</span>
+                            <label class="w-12 h-6 relative">
+                                <input type="checkbox" class="custom_switch absolute w-full h-full opacity-0 z-10 cursor-pointer peer" id="active" name="active" {{ $user->active ? 'checked' : '' }} />
+                                <span for="active" class="bg-[#ebedf2] dark:bg-dark block h-full rounded-full before:absolute before:left-1 before:bg-white dark:before:bg-white-dark dark:peer-checked:before:bg-white before:bottom-1 before:w-4 before:h-4 before:rounded-full peer-checked:before:left-7 peer-checked:bg-primary before:transition-all before:duration-300"></span>
+                            </label>
+                        </div>
+                    </div>
+                    <button type="submit" class="btn btn-primary !mt-6">Guardar</button>
+                </form>
+            </div>
+        </div>
+    </div>
+
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+
+    <script src="/assets/js/nice-select2.js"></script>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <link rel="stylesheet" href="/assets/css/jquery.toast.css">
+    <script src="/assets/js/jquery.toast.js"></script>
+
+    <script>
+        document.addEventListener("DOMContentLoaded", function(e) {
+            // default
+            var els = document.querySelectorAll(".selectize");
+            els.forEach(function(select) {
+                NiceSelect.bind(select);
+            });
+
+            // seachable
+            var options = {
+                searchable: true
+            };
+            NiceSelect.bind(document.getElementById("dependencia_id"), options);
+            NiceSelect.bind(document.getElementById("role"), options);
+
+            document.querySelectorAll('.nice-select .current').forEach(el => {
+                if (el.textContent.trim() === 'Select an option') {
+                    el.textContent = 'Selecciona una opción';
+                }
+            });
+
+            document.querySelectorAll('.nice-select .list .option').forEach(el => {
+                if (el.textContent.trim() === 'Select an option') {
+                    el.textContent = 'Selecciona una opción';
+                }
+            });
+
+            var searchInputs = document.querySelectorAll('.nice-select-search');
+            searchInputs.forEach(function(input) {
+                input.placeholder = 'Buscar...';
+            });
+        });
+
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("editarUsuarios", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+            }));
+        });
+
+        function showToast(message, heading, icon) {
+            $.toast({
+                heading: heading,
+                text: message,
+                showHideTransition: 'slide',
+                icon: icon,
+                position: 'top-right',
+                loader: false,
+                hideAfter: 10000, 
+                allowToastClose: true,
+                textColor: '#676767',
+            });
+        }
+
+        document.addEventListener('DOMContentLoaded', function() {
+
+            @if($errors->any())
+                @foreach($errors->all() as $error)
+                    showToast(`{{ $error }}`, 'Error', 'error');
+                @endforeach
+            @endif
+        });
+    </script>
+</x-layout.default>
\ No newline at end of file
diff --git a/resources/views/adminGen/usuarios/index.blade.php b/resources/views/adminGen/usuarios/index.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..b93f4be15ca23edcbeae7dc296e68b097aa61192
--- /dev/null
+++ b/resources/views/adminGen/usuarios/index.blade.php
@@ -0,0 +1,122 @@
+<x-layout.default>
+
+    <script src="/assets/js/simple-datatables.js"></script>
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/swiper-bundle.min.css') }}">
+    <script src="/assets/js/swiper-bundle.min.js"></script>
+    <div x-data="usuarios">
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Dashboard</a>
+            </li>
+            <li class="before:content-['/'] before:mr-1 rtl:before:ml-1">
+                <span>Administración</span>
+            </li>
+            <li class="before:content-['/'] before:mr-1 rtl:before:ml-1">
+                <span>Usuarios</span>
+            </li>
+        </ul>
+        <div class="panel mt-6">
+                <div class="flex items-center flex-wrap mb-5">
+                    <a href="{{ route('usuarios.create') }}" type="button" class="btn btn-success btn-sm m-1">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <circle cx="10" cy="6" r="4" stroke="#1C274C" stroke-width="1.5"/>
+                        <path d="M21 10H19M19 10H17M19 10L19 8M19 10L19 12" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
+                        <path d="M17.9975 18C18 17.8358 18 17.669 18 17.5C18 15.0147 14.4183 13 10 13C5.58172 13 2 15.0147 2 17.5C2 19.9853 2 22 10 22C12.231 22 13.8398 21.8433 15 21.5634" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
+                    </svg>
+                        Crear nuevo usuario
+                    </a>
+            </div>
+            <table id="myTable" class="whitespace-nowrap table-hover">
+                <thead></thead>
+                <tbody></tbody>
+            </table>
+
+        </div>
+    </div>
+
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <link rel="stylesheet" href="/assets/css/jquery.toast.css">
+    <script src="/assets/js/jquery.toast.js"></script>
+
+    <script>
+        const usuarios = @json($usuarios);
+        const data = usuarios.map(user => [user.username, user.name, user.roles[0].name, user.dependencia.nombre, renderIsActive(user.active), renderActions(user.id, user.name)]);
+
+        function renderActions(id, nombre) {
+            return `
+                <div class="flex space-x-2">
+                    <form action="{{ route('usuarios.destroy', '') }}/${id}" method="POST" class="inline-block">
+                        @csrf
+                        @method('DELETE')
+                        <button type="submit" class="btn btn-danger btn-sm">Eliminar</button>
+                    </form>
+                    <a href="/administracion/usuarios/${id}/editar" class="btn btn-primary btn-sm">Editar</a>
+                </div>`;
+        }
+
+        function renderIsActive(bool) {
+            if(bool === 0){
+                return `<span class="badge whitespace-nowrap bg-danger">No</span>`;
+            }else{
+                return `<span class="badge whitespace-nowrap bg-success">Si</span>`;
+            }
+        }
+
+        document.addEventListener('DOMContentLoaded', () => {
+            const datatable = new simpleDatatables.DataTable('#myTable', {
+                data: {
+                    headings: ['Usuario', 'Nombre', 'Tipo', 'Dependencia', 'Activo', 'Acciones'],
+                    data: data
+                },
+                perPage: 10,
+                perPageSelect: [10, 20, 30, 50, 100],
+                columns: [{
+                        select: 0,
+                        sort: 'asc'
+                    },
+                ],
+                firstLast: true,
+                firstText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"><path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>',
+                lastText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"><path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>',
+                prevText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"><path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>',
+                nextText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"><path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>',
+                labels: {
+                    placeholder: "Buscar...",
+                    perPage: "{select}",
+                    noRows: "No hay filas para mostrar",
+                    info: "Mostrando {start} a {end} de {rows} filas",
+                },
+            });
+        });
+
+        function showToast(message, heading, icon) {
+            $.toast({
+                heading: heading,
+                text: message,
+                showHideTransition: 'slide',
+                icon: icon,
+                position: 'top-right',
+                loader: false,
+                hideAfter: 10000, 
+                allowToastClose: true,
+                textColor: '#676767',
+            });
+        }
+
+        document.addEventListener('DOMContentLoaded', function() {
+            @if(session('success'))
+            // Muestra el mensaje de éxito utilizando showMessage
+                showToast("{{ session('success') }}", 'Exito.', 'success')
+            @endif
+
+            @if($errors->any())
+                @foreach($errors->all() as $error)
+                    showToast(`{{ $error }}`, 'Error.', 'error');
+                @endforeach
+            @endif
+        });
+    </script>
+</x-layout.default>
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index d69db524ea18325af715fa8f6b4a47825eb6b2a5..b5300ff920b67dd8fa21e2e7f7b60602e96d3b5b 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -7,6 +7,7 @@
 use App\Http\Controllers\CargoController;
 use App\Http\Controllers\CaracteristicasController;
 use App\Http\Controllers\DependenciaController;
+use App\Http\Controllers\UserController;
 
 Route::get('/', function () {
     return view('welcome');
@@ -41,3 +42,12 @@
     Route::put('/catalogos/dependencias', [DependenciaController::class, 'update'])->name('dependencias.update');
     Route::delete('/catalogos/dependencias/{id}', [DependenciaController::class, 'destroy'])->name('dependencias.destroy');
 });
+
+Route::name('usuarios.')->group(function () {
+    Route::get('/administracion/usuarios', [UserController::class, 'index'])->name('get');
+    Route::get('/administracion/usuarios/crear', [UserController::class, 'create'])->name('create');
+    Route::post('/administracion/usuarios/crear', [UserController::class, 'store'])->name('store');
+    Route::get('/administracion/usuarios/{id}/editar', [UserController::class, 'edit'])->name('edit');
+    Route::put('/administracion/usuarios/{id}/editar', [UserController::class, 'update'])->name('update');
+    Route::delete('/administracion/usuarios/{id}', [UserController::class, 'destroy'])->name('destroy');
+});