.left-pane{background-color:#d9d9d9;min-height:100vh}li{list-style:none}hr{width:85%;margin-left:auto;margin-right:auto;border-width:.2rem;color:#7d7c7c}.navbar-dashboard-m-btn{background-color:#5fe3ae;color:#424141;text-transform:none;border-radius:8px;padding:8px 16px;font-size:16px;font-weight:700;display:flex;align-items:center;border:none;cursor:pointer;box-shadow:none;transition:background-color .3s ease;margin-left:3px;margin-right:3px}.navbar-dashboard-m-btn:hover{background-color:#ffe5e1}.bottom-navbar{position:fixed;bottom:0;left:0;width:100%;justify-content:space-around;background-color:#F8FAFC;border-top:2px solid purple;padding:10px 0;box-shadow:0 -2px 5px rgba(0,0,0,.1);z-index:1000}.bottom-navbar,.nav-item{display:flex;align-items:center}.nav-item{flex-direction:column;color:gray;font-size:12px;cursor:pointer;transition:color .3s ease}.nav-item span{margin-top:5px}.nav-item.active{color:#23B279}.nav-item:hover{color:black}@media (min-width:1024px){.bottom-navbar{display:none}}.menu-popup-bottom-nav{position:absolute;bottom:60px;right:10px;background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);padding:10px;z-index:1100;width:45%}.menu-item-bottom-nav{display:flex;flex-direction:row;width:100%;align-items:center;padding:10px;color:#333;cursor:pointer;transition:background-color .3s,color .3s}.menu-item-bottom-nav:hover{background-color:#f0f0f0;color:#007bff}.menu-item-label-bottom-nav{margin-left:8px;font-size:14px;white-space:nowrap}