body {
        font-family: 'Cinzel', serif;
    }

    table thead th {
        font-size: 16px;
        background-color: #2c1b0f !important;
        color: #fceacb !important;
        text-align: center;
        border-bottom: 2px solid #c8aa7a;
    }

    table tfoot th {
        background-color: #f2f2f2;
        font-size: 15px;
        text-align: center;
    }

    table tbody tr:hover {
        background-color: #fff7ea;
        transition: 0.3s ease-in-out;
    }

    .table img:hover {
        transform: scale(1.1);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
        transition: all 0.3s ease-in-out;
    }

    .fa-eye:hover, .fa-trash:hover {
        transform: scale(1.2);
        transition: 0.3s ease;
    }

    .modal-content {
        border-radius: 10px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .modal-title {
        color: #3b2f2f;
    }

    .btn-success {
        background-color: #4e3c2d;
        border: none;
        font-weight: bold;
    }

    .btn-success:hover {
        background-color: #5c4433;
    }

    .btn-dark {
        font-weight: bold;
    }

    .fa-square-plus {
        color: #4e3c2d;
    }

    .fa-square-plus:hover {
        color: #d4b89b;
        transform: scale(1.2);
        transition: 0.3s ease;
    }