/*Sidebar Start*/
.sidebar {
    position: fixed;
    left: 0;
    top: 0;
    width: 30px; /* Adjust width */
    height: 100vh;
    background-color: #2A3F54;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
}

    .sidebar a {
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        color: #E7E7E7;
        font-weight: 500;
        text-decoration: none;
        font-size: 16px;
        padding: 10px;
        margin: 10px 0;
        transition: 0.3s;
    }

        .sidebar a:hover, .sidebar .active {
            background: #3d5c79;
            border-radius: 10px;
            padding: 12px;
        }