.avatar {
    height: 30px;
    width: 30px;
}

.sidebar-dropdown .sidebar-link:before {
    content: "";
    display: inline-block;
    left: -14px;
    position: relative;
    transform: translateX(0);
    transition: all 0.1s ease;
}

.grad-color {
    /* Orange gradient based on your logo */
    background: linear-gradient(
        90deg,
        #ffb36a 0%,
        /* light orange highlight */ #fb6c04 45%,
        /* main logo orange */ #d94b00 100% /* deeper orange */
    );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
    color: transparent;

    /* helps ensure the gradient applies nicely to the icon */
    display: inline-block;
}