body { background-color: #f8fafc; }
        
        .card {
            background: white;
            border-radius: 12px;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            transition: all 0.3s ease;
            border: 1px solid #e2e8f0;
            height: 100%;
        }

        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            border-color: #0056b3;
        }

        /* Styling spécifique pour le tableau complexe */
        .reg-table th {
            background-color: #003366;
            color: white;
            padding: 12px;
            text-align: left;
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }
        .reg-table td {
            padding: 10px 12px;
            border-bottom: 1px solid #e2e8f0;
            font-size: 0.9rem;
            color: #475569;
        }
        .reg-table tr:nth-child(even) { background-color: #f8fafc; }
        .reg-table tr:hover { background-color: #f1f5f9; }
        .reg-category {
            font-weight: bold;
            color: #0056b3;
            background-color: #e0f2fe;
            border-right: 2px solid white;
        }