/* Table container for scrolling */
        .table-container {
            max-height: 400px; /* Adjust height as needed */
            overflow-y: auto;
            border: 1px solid #ddd;
            margin: 20px;
            -webkit-overflow-scrolling: touch; /* Smooth scrolling on mobile */
            scroll-behavior: smooth; /* Smooth scrolling */
            background-color: #ffffff;
        }

        /* Table styles */
        table {
            width: 100%;
            border-collapse: collapse;
            font-size: 16px;
        }

        th, td {
            padding: 10px;
            text-align: left;
            border: 1px solid #ddd;
        }

        th {
            background-color: #007bff;
            color: white;
            position: sticky;
            top: 0;
            z-index: 5;
        }

        /* Alternate row colors */
        tr:nth-child(even) {
            background-color: #f2f2f2;
        }

        tr:hover {
            background-color: #e6f7ff;
        }

        /* Fix for mobile sticky behavior */
        html, body, .table-container {
            height: 100%;
        }