:root{--sidebar-expanded:220px;--sidebar-collapsed:60px;--topbar-height:60px;--footer-heigh:40px}body{background-color:#f8f9fa;font-family:Arial,sans-serif}.container-fluid{margin:0 auto;margin-bottom:var(--footer-heigh);padding-left:2rem;padding-right:2rem;padding-top:30px;width:unset!important}.container,.container-fluid{border-radius:12px;box-shadow:0 0 16px rgba(0,0,0,.2);max-width:90%}.container{background-color:#fff;color:#000;margin:60px auto;margin-bottom:var(--footer-heigh);padding:30px}.usuarios-title{color:#343a40;font-size:2.5rem;font-weight:500}.create-user-btn{background-color:#28a745;border-color:#28a745;border-radius:.25rem;color:#fff;font-weight:700;padding:.75rem 1.5rem;text-transform:uppercase}.create-user-btn:hover{background-color:#218838;border-color:#1e7e34}.search-bar .input-group-text{background-color:#fff;border-right:0;color:#6c757d}.search-bar .form-control{border-left:0}.search-bar .form-control:focus{border-color:#ced4da;box-shadow:none}.user-table{background-color:#fff;border-collapse:separate;border-radius:.5rem;border-spacing:0;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);overflow:hidden}.user-table th{background-color:#f0f2f5;border-bottom:1px solid #dee2e6;color:#495057;font-weight:600;padding:.75rem 1rem;text-align:left}.user-table td{border-top:1px solid #dee2e6;color:#343a40;padding:.75rem 1rem;vertical-align:middle}.user-table tbody tr:first-child td{border-top:none}.action-buttons{white-space:nowrap}.action-btn{border-radius:.25rem;font-size:.875rem;margin-right:.5rem;padding:.25rem .5rem;transition:background-color .2s ease,color .2s ease}.view-btn{color:#0d6efd}.view-btn:hover{background-color:#e7f1ff;color:#0a58ca}.edit-btn{color:#ffc107}.edit-btn:hover{background-color:#fff3cd;color:#b08c00}.delete-btn{color:#dc3545}.delete-btn:hover{background-color:#f8d7da;color:#a71d2a}.form-select-sm{font-size:.875rem;height:calc(1.5em + .5rem + 2px);padding-bottom:.25rem;padding-left:.5rem;padding-top:.25rem}.next-page-btn{color:#0d6efd;font-weight:700;padding:.5rem 1rem;text-transform:uppercase}.next-page-btn:hover{color:#0a58ca;text-decoration:underline!important}.table a.btn-link:hover{text-decoration:none!important}.text-end{text-align:end!important}.alert{margin:auto;width:90%}body{background-color:#f9f9f9}*,:after,:before{box-sizing:unset!important}.sidebar{overflow:hidden;transition:width .3s ease}.sidebar.collapsed,.sidebar:not(.collapsed){width:var(--sidebar-collapsed)}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-link{justify-content:center}.sidebar.collapsed .nav-link i{margin-right:0}.sidebar.collapsed #submenuArticulos{display:none!important}.sidebar{background-color:#f9f9f9;border-right:1px solid #eee;display:flex;flex-direction:column;height:100vh;left:0;max-width:var(--sidebar-expanded);min-width:var(--sidebar-expanded);padding:1rem;position:fixed;top:0;transition:all .3s ease;width:var(--sidebar-expanded);z-index:1001}.sidebar.collapsed{max-width:var(--sidebar-collapsed)!important;min-width:var(--sidebar-collapsed)!important;width:var(--sidebar-collapsed)!important}.sidebar .logo{align-items:center;color:#00994d;display:flex;font-size:1.5rem;font-weight:700;justify-content:space-between;padding-bottom:2rem;text-align:center}.logo-text,.nav-label{transition:all .3s ease}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-label{display:none!important}.sidebar.collapsed i{display:block;margin-right:0;text-align:center;width:100%}#toggleSidebar{background:none;border:none;color:#666;cursor:pointer;font-size:1.2rem;padding:.25rem .5rem}#toggleSidebar:hover{color:#00994d}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin:1rem 0}.nav-list a{align-items:center;border-radius:.5rem;color:#333;display:flex;padding:.5rem;text-decoration:none;transition:background .3s ease}.nav-list a:hover{background-color:#e6f4ea}.nav-list i{font-size:1.2rem;margin-right:1rem}.app-container{display:flex;flex-direction:column;min-height:100vh}.topbar{align-items:center;background-color:#fff;border-bottom:1px solid #eee;box-sizing:border-box!important;display:flex;height:var(--topbar-height);justify-content:space-between;left:var(--sidebar-expanded);padding:1rem 2rem;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.footer.collapsed,.topbar.collapsed{left:var(--sidebar-collapsed)!important}.topbar..expanded{left:var(--sidebar-expanded)}.sidebar.collapsed~.topbar{left:var(--sidebar-collapsed);.topbar{width:calc(100% - var(--sidebar-collapsed))}}.topbar .search-bar{flex:1;margin:0 auto;max-width:500px}.topbar input[type=search]{background-color:#f5f5f5;border:1px solid #ddd;border-radius:999px;font-size:.95rem;padding:.5rem 1rem;width:100%}.topbar .user-info{align-items:center;color:#555;display:flex;font-size:.9rem;gap:.5rem}.main-content{flex:1 0 auto;margin-left:var(--sidebar-expanded);padding:20px;padding-top:var(--topbar-height);position:relative;transition:margin-left .3s ease}.sidebar.collapsed~.main-content{margin-left:var(--sidebar-collapsed)}.dashboard-bg{background:linear-gradient(135deg,#006b46,#00b56a);display:flex;height:calc(100vh - var(--topbar-height))}.container,.dashboard-bg{align-items:center;color:#fff;justify-content:center;transition:margin-left .3s ease}.container{background-color:#f9f9f9;display:inherit}.container h1{color:#000}.dashboard-bg h1{font-size:3rem;font-weight:700}.footer{background-color:#fff;border-top:1px solid #eee;bottom:0;color:#999;display:flex;font-size:.85rem;justify-content:space-between;left:var(--sidebar-expanded);padding:1rem 2rem;position:fixed;right:0;transition:left .3s ease;z-index:999}.sidebar.collapsed~.footer{left:var(--sidebar-collapsed)}.footer a{color:#00994d;margin-left:1rem;text-decoration:none}.footer a:hover{text-decoration:underline}#chevronArticulos,.transition{transition:transform .3s ease}.rotate-180{transform:rotate(180deg)}@media (max-width:768px){.sidebar{border-right:none;height:auto;max-width:100vw;min-width:100vw;position:relative;width:100vw}.sidebar.collapsed{display:none}.container,.dashboard-bg,.footer,.main-content,.topbar{left:0!important;margin-left:0!important}}