.sidebar,.sidebar *{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-main);font-weight:300;caret-color:transparent}.sidebar ul li input{caret-color:auto!important}.sidebar{position:fixed;top:0;left:0;height:100%;width:300px;background-color:#ffffff;border-right:1px solid #e0e0e0;padding:6px 14px;transition:all .4s ease;z-index:100}.sidebar.active{width:75px}.sidebar .logo_content .logo{display:flex;color:#333;height:50px;width:100%;opacity:1;align-items:center;pointer-events:none}.sidebar.active .logo_content .logo{opacity:0;pointer-events:none}.logo_content .logo .lucide{width:30px;height:30px;margin-right:10px}.logo_content .logo .logo_name{font-size:20px;font-weight:400;white-space:nowrap;overflow:hidden;transition:opacity .3s ease,transform .3s ease}.logo_content #btn{position:absolute;color:#333;left:90%;top:15px;height:30px;width:30px;text-align:center;line-height:30px;transform:translateX(-50%)}.sidebar.active .logo_content #btn{left:50%}.sidebar ul{margin-top:10px}.sidebar ul li{position:relative;height:40px;width:100%;margin-bottom:18px;list-style:none;line-height:50px}.sidebar ul li .tooltip{position:absolute;font-size:14px;left:120px;top:50%;transform:translate(-50%,-50%);border-radius:6px;height:35px;width:120px;background:#fff;line-height:35px;text-align:center;box-shadow:0 5px 10px rgba(0,0,0,.2);transition:0s;opacity:0;pointer-events:none;display:none;caret-color:transparent}.sidebar.active ul li .tooltip{display:block;caret-color:transparent}.sidebar ul li:hover .tooltip{transition:all .4s ease;opacity:1;top:50%}ul .nav_list{caret-color:transparent}.sidebar ul li input{position:absolute;height:100%;width:100%;top:0;left:0;border-radius:12px;outline:none;border:none;background:#eeeeee;padding-left:50px;font-size:18px;color:#333;transition:all .4s ease}.sidebar ul li #search{position:absolute;top:50%;transform:translateY(-50%);color:#333;z-index:5}.sidebar ul li a{color:#333;display:flex;align-items:center;text-decoration:none;transition:all .3s ease;border-radius:12px;white-space:nowrap}.sidebar ul li a:hover{color:#333;background:#dfdfdf;border-radius:12px}.sidebar ul li .lucide{min-width:47px;border-radius:12px;line-height:50px;text-align:center}.sidebar .links_name{opacity:1;pointer-events:auto;transition:opacity .3s ease}.sidebar.active .links_name{opacity:0;pointer-events:none}.sidebar .profile_content{position:absolute;background-color:#eeeeee;color:#333;bottom:0;left:0;width:100%}.sidebar .profile_content .profile{height:30px;transition:all .4s ease}.sidebar.active .profile_content .profile{background:none}.sidebar .profile_content .profile{position:relative;padding:10px 6px;height:60px;background:#eeeeee}.profile .profile_details{display:flex;align-items:center;opacity:1;pointer-events:auto;white-space:nowrap;transition:opacity .3s ease}.sidebar.active .profile .profile_details{opacity:0;pointer-events:none}.profile_content .profile .profile_details img{height:45px;width:45px;object-fit:cover;border-radius:12px}.profile .profile_details .name_job{margin-left:10px}.profile .profile_details .name{font-size:15px;font-weight:300}.profile .profile_details .job{font-size:12px;font-weight:300}.profile #log_out{position:absolute;left:90%;bottom:15px;transform:translateX(-50%);min-width:30px;line-height:30px;font-size:20px;text-align:center;transition:all .4s ease}.sidebar.active .profile #log_out{left:50%}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.3);z-index:99}@media (max-width:480px){.sidebar{top:0;left:0;height:100%;width:250px;padding:2px 14px}.sidebar.active{padding:2px 0;width:60px}.sidebar .logo_content .logo{height:30px;width:100%}.logo_content .logo .lucide{width:25px;height:25px;margin-right:5px;margin-top:15px}.logo_content .logo .logo_name{margin-top:20px;font-size:18px;font-weight:400}.logo_content #btn{left:90%;top:15px;height:25px;width:25px}.sidebar ul{margin-top:20px}.sidebar ul li{height:35px;width:100%;margin-bottom:13px;line-height:30px}.sidebar ul li input{height:100%;width:100%;top:0;left:0;border-radius:12px;outline:none;border:none;background:#eeeeee;padding-left:50px;font-size:18px;caret-color:auto!important}.sidebar ul li #search,.sidebar ul li input{position:absolute;color:#333;transition:all .4s ease}.sidebar ul li #search{top:50%;transform:translateY(-50%);z-index:5;font-size:22px}.sidebar.active ul li input{top:50%;left:10px;transform:translateY(-50%);caret-color:auto!important}.sidebar ul li a,.sidebar.active ul li input{height:35px;width:calc(100% - 30px);border-radius:8px;padding-left:40px}.sidebar ul li a{color:#333;display:flex;align-items:center;text-decoration:none;transition:all .3s ease;white-space:nowrap;margin-left:10px}.sidebar ul li .lucide{position:absolute;left:12.5px;min-width:35px}.sidebar .profile_content .profile{height:55px}.profile_content .profile .profile_details img{height:35px;width:35px;object-fit:cover;border-radius:8px}.profile .profile_details .name{font-size:14px}.profile .profile_details .job{font-size:12px}}