.table-wrapper {
            overflow-x: auto;
            padding: 20px;
        }

        table {
            width: 100%;
            border-collapse: collapse;
            min-width: 800px;
        }

        thead {
            background-color: var(--dark);
            color: white;
        }

        th {
            padding: 15px;
            text-align: center;
            font-weight: 600;
            font-size: 0.9rem;
            border-left: 1px solid rgba(var(--dark),0.1);
            background-color: rgba(30, 135, 158, 0.9);
        }

        th:last-child {
            border-left: none;
        }

        tbody tr {
            border-bottom: 1px solid var(--light-gray);
            transition: background-color 0.3s ease;
        }

        tbody tr:hover {
            background-color: rgba(91, 45, 139, 0.05);
        }

        td {
            padding: 12px 15px;
            text-align: center;
            font-size: 0.9rem;
        }

        /* Alternating row colors */
        tbody tr:nth-child(even) {
            background-color: rgba(20, 108, 120, 0.5);
        }
         tbody tr:nth-child(odd) {
            background-color: rgba(151, 174, 72, 0.1);
        }

        tbody tr:nth-child(even):hover {
            background-color: rgba(91, 45, 139, 0.7);
        }

        /* Special styling for empty/invalid rows */
        tr.highlight-row {
            background-color: rgba(255, 193, 7, 0.15) !important;
        }

        tr.highlight-row:hover {
            background-color: rgba(255, 193, 7, 0.25) !important;
        }


        /* Status indicators */
        .status-warning {
            color: #ff9800;
            font-weight: 500;
        }

        .status-info {
            color: #2196f3;
            font-weight: 500;
        }

        .footer-note {
            padding: 15px 20px;
            background-color: var(--light-gray);
            text-align: center;
            font-size: 0.85rem;
            color: #666;
            border-top: 1px solid #ddd;
        }

        /* Responsive adjustments */
        @media (max-width: 768px) {
            body {
                padding: 10px;
            }
            
            th, td {
                padding: 10px 8px;
                font-size: 0.85rem;
            }
            
            .table-header h1 {
                font-size: 1.5rem;
            }
        }