#toggle-button{cursor:pointer;z-index:50;transition:all .3s}#toggle-button.open span{transform:rotate(90deg)}#toggle-button .transition-all{transition:transform .3s}#toggle-button.open .bar1{transform:rotate(45deg)translateY(8px)}#toggle-button.open .bar2{opacity:0}#toggle-button.open .bar3{transform:rotate(-45deg)translateY(-8px)}#sidebar{z-index:4050;background:linear-gradient(90deg,#374151,#6b7280,#d1d5db);width:160px;height:100vh;padding:16px;font-family:Poppins,sans-serif;transition:all .3s;position:fixed;top:0;left:0}#sidebar ul{margin:0;padding:0;list-style-type:none}#sidebar ul li a{color:#d1d5db;border-radius:8px;padding:12px 16px;font-weight:500;text-decoration:none;transition:background-color .3s,color .3s;display:block}#sidebar ul li a:hover{color:#fff;background-color:#3b3b3b;font-weight:600}.submenu{margin-top:5px;padding-left:20px;display:none}.submenu li a{padding:8px 0;font-size:.95rem;font-weight:400}.submenu li a:hover{color:#fff;background-color:#3b3b3b}#sidebar .active .submenu{display:block}