.navbar {
    border-radius: 24px;
    border: 1px solid #e0e0e0;
}

.nav-link {
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 8px 2px;
}

.nav-link.active {
    border: 2px solid #00bc08;
    border-radius: 8px;
    padding: 8px 8px;
    font-weight: 600;
}

.nav-link.active:focus {
    border-color: #00bc08 !important;
}

.nav-link:hover {
    text-decoration: underline;
    text-decoration-color: var(--orange);
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.nav-link:focus,
.nav-link:active,
.dropdown-item:focus,
.dropdown-item:active {
    background-color: transparent !important;
    color: inherit;
    outline: none !important;
    box-shadow: none !important;
}

.username {
    font-size: 1rem;
    color: #272d4b;
}

#userDropdown::after {
    border-top-color: var(--orange);
}

#userDropdown[aria-expanded="true"]::after {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

#userDropdown:focus {
    background-color: transparent !important;
    box-shadow: none !important;
}