@media (max-width: 768px) {
    .sidebar {
        transform: translateX(-100%);
        transition: transform 0.25s ease;
    }

    .sidebar.open {
        transform: translateX(0);
    }

    .main-content {
        margin-left: 0;
    }

    .search-box {
        min-width: 140px;
    }

    .header-right {
        gap: 8px;
    }

    .user-info span {
        display: none;
    }

    .breadcrumb-items {
        flex-wrap: wrap;
    }
}