.nav-item.active{background:linear-gradient(to right,rgba(255,82,82,0.15),rgba(255,175,175,0.15));color:#ff5252}
.nav-item.active i{color:#ff5252}
.nav-item.active .absolute.left-0{height:100%}
[data-theme="dark"] .dark-mode{display:block!important}
[data-theme="dark"] .light-mode{display:none!important}
#sidebar::before{content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,rgba(255,82,82,0.3) 20%,rgba(255,82,82,0.3) 80%,transparent)}
.sidebar-auto-hide{transform:translateX(-240px)}
.sidebar-auto-hide:hover{transform:translateX(0)}
.sidebar-auto-hide .pin-icon{transform:rotate(90deg)}
@media (min-width:768px){.sidebar-auto-hide~main{margin-left:0;padding-left:2rem}.sidebar-normal~main{margin-left:16rem}}
@media (max-width:768px){#sidebar{transform:translateX(-100%)}#sidebar.mobile-show{transform:translateX(0)}}
button[onclick="toggleTheme()"] .iconfont{transition:transform 0.5s ease}
button[onclick="toggleTheme()"]:hover .iconfont{transform:rotate(180deg) scale(1.2)}