.table-wrapper {
	overflow-y: auto;
	overflow-x: hidden;

	width: 66.66%;

	background: rgba(15, 20, 30, 0.55);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 16px;

	box-shadow:
		0 2px 12px rgba(0, 0, 0, 0.4),
		0 0 0 1px rgba(255, 255, 255, 0.03);

	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);

	transition:
		box-shadow 0.35s ease,
		border-color 0.35s ease;
}

.table-wrapper:hover {
	border-color: rgba(255, 255, 255, 0.15);
	box-shadow:
		0 0 8px #00fbff1c,
		0 0 16px #00fbff1e,
		0 0 28px #00fbff1e;
}

@media (max-width: 600px) {
	.table-wrapper {
		width: 100%;
	}
}

.table.sticky-header {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
	color: #d1d5db;
}

.table.sticky-header thead th {
	position: sticky;
	top: 0;
	z-index: 2;

	background: rgba(12, 16, 22, 0.95);
	color: #f9fafb;

	font-weight: 700;
}

.table.sticky-header th,
.table.sticky-header td {
	padding: 0.65rem 0.85rem;
	text-align: center;

	background: transparent;

	overflow: hidden;
	text-overflow: ellipsis;

	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.table.sticky-header tbody tr:last-child td {
	border-bottom: none;
}

.table.sticky-header tbody tr {
	transition:
		background-color 0.2s ease,
		color 0.2s ease,
		box-shadow 0.2s ease;
}

.table.sticky-header tbody tr:hover {
	box-shadow:
		inset 0 0 12px #00fbff02,
		inset 0 0 24px #00fbff05;
}

.table.sticky-header .wide-cell {
	width: 66.66%;
}

.table.sticky-header .narrow-cell {
	width: 33.33%;
}

.table .bold-cell {
	font-weight: bold;
}

.table .centered-cell {
	text-align: center;
}