div.validation {
        padding-left: 5px;
        padding-right: 15px;
    }

    .validation button {
        background-color: #0c4a6e;
        color: white;
        border: none;
        padding: 0.75em 1.5em;
        font-size: 1em;
        border-radius: 6px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .validation button:hover {
        background-color: #075985;
    }

    .validation input[type="file"] {
        border: 1px solid #d4d4d8;
        padding: 0.5em;
        border-radius: 6px;
    }

    .validation #resultArea {
        margin-top: 2em;
        overflow-x: auto;
    }

    .validation table {
        width: 100%;
        border-collapse: collapse;
        border: 1px solid #d4d4d8;
    }

    .validation th,
    td {
        border: 1px solid #d4d4d8;
        padding: 0.75em;
        text-align: left;
        vertical-align: top;
    }

    .validation th {
        background-color: #f4f4f5;
    }

    .validation tr:nth-child(even) {
        background-color: #fafafa;
    }

    .validation .status-cell {
        white-space: normal;
    }

    .validation .status-ok {
        color: #15803d;
        font-weight: bold;
    }

    .validation .status-error {
        color: #b91c1c;
        font-weight: bold;
    }

    .validation .status-message {
        display: block;
        margin-top: 4px;
        font-size: 0.9em;
    }