/* Общие стили для всех сайдбаров */
.freelancer-sidebar,
.client-sidebar,
.reviewer-sidebar {
    width: 256px;
    background-color: #ffffff;
    border-right: 1px solid #e5e7eb;
    height: 100vh;
    display: flex;
    flex-direction: column;
    position: fixed;
    left:0;
    top:0;
    z-index: 101;
}

/* Адаптивность для всех сайдбаров */
@media (max-width: 768px) {
    .freelancer-sidebar,
    .client-sidebar,
    .reviewer-sidebar {
        width: 100%;
        height: auto;
        border-right: none;
        border-bottom: 1px solid #e5e7eb;
    }
}

/* Стили для дашбордов с сайдбарами */
.freelancer-dashboard,
.client-dashboard,
.dashboard-reviewer-page {
    display: flex;
    min-height: 100vh;
    background: #f9fafb;
}

/* Адаптивность для дашбордов */
@media (max-width: 768px) {
    .freelancer-dashboard,
    .client-dashboard,
    .dashboard-reviewer-page {
        flex-direction: column;
    }
    
    .freelancer-dashboard .freelancer-sidebar,
    .client-dashboard .client-sidebar,
    .dashboard-reviewer-page .reviewer-sidebar {
        order: 1;
    }
}