:root{--sidebar-width:280px;--sidebar-width-collapsed:0}.bg-sidebar{background-color:#1f1c24}.sidebar{width:var(--sidebar-width);transition:.3s}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar-link{transition:.2s;white-space:nowrap;overflow:hidden}.sidebar-link:hover{color:#fff!important;background:rgba(255,255,255,.1);transform:translateX(5px)}.sidebar-link.active{color:#fff;background:rgba(255,255,255,.1)}.notification-badge{padding:2px 6px;border-radius:6px;font-size:.7rem}.profile-section{border-top:1px solid rgba(255,255,255,.1)}.main-content{margin-left:var(--sidebar-width);transition:.3s}.collapsed~.main-content{margin-left:var(--sidebar-width-collapsed)}.toggle-btn{position:absolute;right:-30px;top:12px;width:30px;height:40px;z-index:100;cursor:pointer;transition:transform .3s}.collapsed .hide-on-collapse{opacity:0;visibility:hidden}.collapsed .logo-text,.collapsed .profile-info{opacity:0}.collapsed .sidebar-link{text-align:center;padding:1rem!important;margin:4px 8px}.collapsed .sidebar-link i{margin:0!important}.profile-info{transition:opacity .2s}