.body {
            font-family: Vazir, sans-serif;
            background-color: #f8f9fa;
            display: flex;
            height: 100vh;
            overflow-x: hidden;
        }
        .container {
            padding-top: 60px;
        }
        .card-header {
            background-color: #007bff;
            color: white;
            font-weight: bold;
            -webkit-overflow-scrolling: touch; /* برای تجربه بهتر در موبایل */
        }
        .btn-primary {
            background-color: #0056b3;
        }
        .btn-primary:hover {
            background-color: #003f7f;
        }
        .sidebar {
            width: 250px;
            background-color: #007bff;
            color: white;
            position: fixed;
            height: 100%;
            right: 0;
            transition: transform 0.3s ease;
            z-index: 1000;
        }
        .sidebar.collapsed {
            transform: translateX(250px);
        }
        .sidebar a {
            color: white;
            text-decoration: none;
            padding: 15px;
            display: block;
        }
        .sidebar a:hover {
            background-color: #0056b3;
        }
        .content {
            flex-grow: 1;
            padding: 20px;
            margin-right: 250px;
            transition: margin-right 0.3s ease;
        }
        .content.collapsed {
            margin-right: 0;
        }
        .navbar {
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1;
            background-color: #f8f9fa;
            padding: 10px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        .navbar-text {
            padding-right: 20%;
        }
        .navbar-brand {
            padding-right: 20%;
        }
        .hamburger-btn {
            position: fixed;
            top: 10px;
            right: 10px;
            z-index: 1100;
            border: none;
            background: none;
            font-size: 24px;
            color: rgb(22, 22, 22);
        }
        .row {
            display: flex;
            flex-wrap: wrap;
        }
        .card {
            margin: 10px;
            flex: 1 1 calc(33.333% - 20px);
            transition: box-shadow 0.3s ease;
        }
        .card:hover {
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
        }
        @media (max-width: 768px) {
            .card {
                flex: 1 1 calc(100% - 20px);
            }
        }
        .nav-link.active {
             background-color: #0056b3;
             color: #fff;
             font-weight: bold;
}
        .table thead {
            background-color: #007bff;
            color: white;
        }
        .table tbody tr:hover {
            background-color: #f1f1f1;
        } 


.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* برای تجربه بهتر در موبایل */
}

.table {
    white-space: nowrap; /* جلوگیری از شکستن متن در جدول */
}