.custom-logo{
    align-content: left;
    transition: transform 0.3s ease;
}
.custom-logo img {
    width: 175px;
    height: auto; 
}
.auth-buttons {
    padding: 10px;
}

.auth-buttons a,
.auth-buttons button {
    font-size: 1.1rem;
    transition: background-color 0.2s ease, color 0.2s ease;
    text-align: left;
}

.auth-buttons a:hover,
.auth-buttons button:hover {
    background-color: rgba(255, 255, 255, 0.15);
    color: #fff;
}
.auth-buttons .btn {
    border-radius: 6px;
    font-weight: 500;
    margin-bottom: 8px;
}
.sidebar{
    background-color: #26283b;
}
.nav-item{
    padding-top: 0.5rem;
    font-size: 1.0rem;
    font-family: 'Inter', sans-serif;
}
#dark-mode-toggle,
#sidebar form button[type="submit"] {
    flex: 1 1 50%;
}

#sidebar .nav-link.active {
    color: #2172ff !important;            
    font-weight: 600;          
    border-left: 4px solid #4e94f3; 
}