:root {
	--gd-bg: #0D0F14;
	--gd-panel: #1E2129;
	--gd-panel-2: #0D0F14;
	--gd-text: #f8fafc;
	--gd-muted: #ebebeb;
	--gd-gray-lt: #ebebeb;
	--gd-gray-md: #999999;
	--gd-gray-dk: #555555;
	--gd-gold: #FFC107;
	--gd-green: #22c55e;
	--gd-white: #FFFFFF;
	--gd-yellow: #FFF000;
	--gd-red: #ef4444;
	--gd-blue: #00E5FF;
	--gd-purple: #7B2FF7;
	--gd-graphite: #0D0F14;
	--gd-charcoal: #0D0F14;
	--gd-slate: #1E2129;
	--gd-border: rgba(255, 255, 255, .25);
	--gd-border-radius: 12px;
	--gd-bg-muted: rgba(255, 255, 255, .30);
	--gd-shadow: 0 20px 50px rgba(0, 0, 0, .35);
	--gd-radius: 18px;
	--gd-gradient-gold1: linear-gradient(90deg, #f7d671 0%, #FFC107 100%);
	--gd-gradient1: linear-gradient(90deg, #7b2FF7 0%, #00E5FF 100%);
	--gd-gradient2: linear-gradient(90deg, #00E5FF 0%, #7b2FF7 100%);
	--gd-gradient-dark1: linear-gradient(90deg, #0D0F14 0%, #1E2129 100%);
	--gd-gradient-dark2: linear-gradient(90deg, #1E2129 0%, #0D0F14 100%);
}
.gd-wrap {
	padding-top: 50px;
}
.gd-hero {
	border: 1px solid var(--gd-border);
	border-radius: 18px;
	padding: 22px;
	background: var(--gd-bg);
}
.gd-card {
	border: 1px solid var(--gd-border);
	border-radius: 14px;
	padding: 16px;
	background: var(--gd-bg);
	margin-bottom: 14px;
}
.gd-card:hover {
	box-shadow: var(--gd-shadow);
}
.gd-kpi {
	font-size: 2rem;
	font-weight: 800;
	line-height: 1;
}
.gd-muted {
	color: var(--gd-muted);
}
.gd-table {
	border: 1px solid var(--gd-border);
	background-color: var(--gd-graphite)!important;
}
.gd-table th, .gd-table td {
	border-bottom: 1px solid var(--gd-border);
	vertical-align: middle;
}
.btn {
	padding: 5px 10px!important;
	border: 1px solid var(--gd-blue);
	color: var(--gd-white)!important;
	background-color: var(--gd-graphite);
	border-radius: var(--gd-border-radius);
	width: 100%;
}
.btn:hover {
	border: 1px solid var(--gd-purple);
	color: var(--gd-graphite)!important;
	background-color: var(--gd-white);
}
.btn-primary{
	padding: 5px 10px!important;
	background-color: var(--gd-white)!important;
	color: var(--gd-graphite)!important;
}
.btn-success {
	padding: 5px 10px!important;
	border: 3px solid var(--gd-green)!important;
	background-color: var(--gd-white)!important;
	color: var(--gd-graphite)!important;
}
.btn-primary:hover, .btn-success:hover {
	padding: 5px 10px!important;
	color: var(--gd-white)!important;
	background-color: var(--gd-graphite)!important;
}
.gd-day-button {
	font-size: 1.1rem;
	padding: 14px 18px;
	border-radius: 14px;
	width: 100%;
	margin-bottom: 10px;
}
.gd-status-scheduled {
	border-left: 6px solid var(--gd-yellow);
}
.gd-status-progress {
	border-left: 6px solid var(--gd-green);
}
.gd-status-final {
	border-left: 6px solid var(--gd-gold);
}
.gd-status-delayed {
	border-left: 6px solid var(--gd-blue);
}
.gd-public-select {
	max-width: 420px;
}
.gd-game-winner {
	font-weight: 800;
	color: yellow;
	font-size: 1.1em;
}
.gd-game-final {
	border-left-color: var(--gd-blue);
	border-width: 3px;
}
.gd-game-delayed {
	border-left-color: var(--gd-yellow);
	border-width: 3px;
}
.gd-game-cancelled {
	border-left-color: var(--gd-red);
	border-width: 3px;
}
label {
	font-size: .9em;
	color: var(--gd-gray-md);
}
table {background-color: var(--gd-graphite);color: var(--gd-white);}
table tr, .tableRow {
	border-bottom: 1px solid var(--gd-border)!important;
	background-color: transparent!important;
	padding: 2px 0;
}
table th, .tableHeader {
	border-bottom: 2px solid var(--gd-border)!important;
	font-size: 1.1em;
	color: var(--gd-white);
}
.tableHeader {
	font-size: 1.1em;
	backgound-color: --gd-bg-muted;
}
@media (max-width: 768px) {
	.gd-wrap {
		padding-top: 35px;
	}
	.gd-kpi {
		font-size: 1.55rem;
	}
	.gd-card {
		padding: 14px;
	}
}