table {
    width: 100%;
    border-collapse: collapse;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* เงา */
}


th,
td {
    padding: 12px;
    background-color: var(--text-white-color);
    border: 1px solid rgba(0, 0, 0, 0.25); /* เส้นขอบดำจางๆ */
}

th {
    background-color: var(--text-white-color);
    border: 1px solid rgba(0, 0, 0, 0.25);
}


form {
    margin-bottom: 10px;
}

.pagination a {
    margin: 0 3px;
    padding: 5px 10px;
    background-color: var(--text-white-color);
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* เงา */
    text-decoration: none;
    color: var(--primary-color);
}

.pagination a.active {
    background: var(--primary-color);
    color: var(--text-white-color);
}