.top-bar {
    background-color: #252536;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    border-bottom: 1px solid #3a3a4a;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 10;
}
.logo {
    display: flex;
    align-items: center;
    margin-right: 30px;
}
.logo-img {
    height: 35px;
    width: auto;
    cursor:pointer;
    transition: 0.3s;
    max-width: 200px;
}
.logo-img:hover {
 filter: brightness(1.3);
 transform: scale(1.3);
}
.action-buttons {
    margin-left: auto;
    display: flex;
    gap: 10px;
}