body {
    background-color: #292e39;
    color: #ffffff;
    font-size: 0.9rem;
}
.filters, .card, .card-header {
    background-color: #292e39;
    border-color: #ffffff;
    color: #ffffff;
}
.filters {
    border: 1px solid #ffffff;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}
.form-label, .navbar-brand, .navbar-text {
    color: #ffffff !important;
}
.table {
    color: #ffffff !important;
    border-color: #ffffff !important;
    --bs-table-bg: #292e39;
}
.table th {
    background-color: #292e39;
    color: #ffffff !important;
    border-bottom: 2px solid #ffffff;
}
.table td {
    background-color: #292e39;
    color: #ffffff !important;
    border-color: #ffffff;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    box-shadow: none;
}
.table-hover > tbody > tr:hover > * {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}
.navbar {
    background-color: #292e39 !important;
    border-bottom: 1px solid #ffffff;
}
.page-link {
    background-color: #292e39;
    border-color: #ffffff;
    color: #ffffff;
}
.page-link:hover {
    background-color: #ffffff;
    color: #292e39;
}
.page-item.disabled .page-link {
    background-color: #292e39;
    border-color: #ffffff;
    color: #888;
}
.form-control {
    background-color: #292e39;
    border: 1px solid #ffffff;
    color: #ffffff;
}
.form-control:focus {
    background-color: #363c4a;
    color: #ffffff;
    border-color: #ffffff;
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
}
.form-control::placeholder {
    color: #bbbbbb;
}
.wrong-page-title {
	color: #ffffff;
	font-size: 3.5rem;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 0;
}
.how-to-start__button {
	margin-top: 64px;
	display: flex;
	flex-direction: column;
	grid-row-gap: 16px;
	row-gap: 16px;
}
.login-button {
	width: 413px;
	height: 78px;
	background: linear-gradient(257.5deg, #00FFFF -7.46%, #0055FF 74.36%);
	box-shadow: 0 27px 64px -16px #0055ff73;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 1.25rem;
	font-weight: 600;
	transition: transform .2s ease;
	cursor: pointer;
	column-gap: .5em;
}
.login-button:hover {
	background: linear-gradient(0deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, .15)), linear-gradient(257.5deg, #00FFFF -7.46%, #0055FF 74.36%);
	transform: scale(1.03)
}