#sidebar{width:var(--aside-w);height:100vh;height: 100dvh;position:sticky;top:0;z-index:1020;transition:width .2s cubic-bezier(.4,0,.2,1),left .2s cubic-bezier(.4,0,.2,1);}
.sidebar-header{height:var(--nav-h, 50px);} /* Standard fallback fallback if variables miss */
.tracking-wide{letter-spacing:.08em}
.small-text{font-size:.72rem;padding-left:12px;letter-spacing:.05em}
.extra-small{font-size:.75rem}

/* Added crisp scrolling limits for small screen setups */
.overflow-y-auto {    -webkit-overflow-scrolling: touch;}

#sidebar .nav-link{color:#495057;font-weight:500;font-size:13px;padding: 10px 16px; }
#sidebar .nav-link i{color:#6c757d;font-size:15px;transition:color .15s ease-in-out}
#sidebar .nav-link:hover {background:#f8f9fa;color:#0d6efd}
#sidebar .nav-link:hover i{color:#0d6efd;}
#sidebar .nav-link.active{background:#e7f1ff;color:#0d6efd}
#sidebar .nav-link.active i{color:#0d6efd}

.avatar-circle{width:36px;height:36px;border-radius:50%;font-size:.85rem}
.hover-bg:hover{background:#f8f9fa}

.dropdown-toggle{justify-content: space-between;padding:10px;}
.dropdown-toggle::after{margin-right:1rem;}

#sidebar.collapsed{width:var(--aside-c-w)}
#sidebar.collapsed .sidebar-heading,
#sidebar.collapsed .text,
#sidebar.collapsed .nav-heading,
#sidebar.collapsed .user-info,
#sidebar.collapsed .dropdown-toggle::after{display:none!important}
#sidebar.collapsed .dropdown-toggle{justify-content: center;}
#sidebar.collapsed.show .sidebar-brand {display: none!important;}

@media(min-width:992px){
#sidebar.collapsed .sidebar-brand{display:none!important}
}

#sidebar.collapsed .sidebar-header{justify-content:center!important}
#sidebar.collapsed .nav-link{justify-content:center;padding:12px 0}

@media(max-width:991px){
#sidebar{position:fixed;top:0;left:-280px;width:260px;height:100vh;height: 100dvh;z-index:1050}
#sidebar.show{left:0}
}

.sidebar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;height: 100dvh;background:rgba(0,0,0,.4);backdrop-filter:blur(2px);z-index:1040;transition:opacity .2s linear}
.sidebar-backdrop.fade{opacity:0}
.sidebar-backdrop.show{opacity:1}

.sidebar-footer .dropdown-item:hover {background-color:rgb(195, 221, 255);color:#2B6FEB}
.sidebar-footer .dropdown-item:hover i{color:#2B6FEB}
.sidebar-footer .dropdown-item.text-danger:hover{background:rgb(255, 206, 206);color:#dc3545!important}