/* 
 * Logo Styles
 * -------------------------
 * This CSS file is used to style the logo in the login page and sidebar.
 * It ensures that the logo is responsive and maintains its aspect ratio.
 */ 
.login-logo,
.sidebar-logo {
    width: 180px;
    height: auto;
    max-height: 60px;
    object-fit: contain;
    margin-bottom: 8px;
}

/* Optional: make it even better on mobile */
@media (max-width: 768px) {
    .login-logo,
    .sidebar-logo {
        width: 140px;
    }
}