/* Card animation */
.table-card {
    animation: cardFade 0.5s ease-in-out;
}

/* ===== TABLE SPACING FIX ===== */
table {
	width: 100%;
    border-collapse: separate;   /* IMPORTANT */
	border-spacing: 0 12px;      /* row gap */
}

thead th {
    text-align: left;
    padding: 14px 20px;
    background: #f4f4f4;
}

tbody td {
    padding: 16px 20px;          /* cell spacing */
   	background: #ffffff;
    white-space: nowrap;
}

tbody tr {
	background: #ffffff;
    border-radius: 12px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
	transition: 0.3s;
}

/* ===== FIX GAP BETWEEN COLUMN 1 & 2 ===== */
thead th:first-child {
    width: 100px;                /* FIXED WIDTH */
	padding-right: 32px;         /* EXTRA GAP */
}