:root {
	--mp-bg: #f5f7fb;
	--mp-card: #ffffff;
	--mp-dark: #111827;
	--mp-muted: #6b7280;
	--mp-primary: #2563eb;
	--mp-red: #dc2626;
	--mp-gold: #d97706;
	--mp-border: #e5e7eb;
}

body {
	background: var(--mp-bg);
	color: var(--mp-dark);
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a {
	text-decoration: none;
}

.site-header {
	background: #ffffff;
	border-bottom: 1px solid var(--mp-border);
}

.brand-mark {
	align-items: center;
	display: inline-flex;
	font-weight: 900;
	gap: 0.6rem;
	letter-spacing: -0.03em;
}

.brand-icon {
	align-items: center;
	background: var(--mp-red);
	border-radius: 0.85rem;
	color: #ffffff;
	display: inline-flex;
	height: 2.4rem;
	justify-content: center;
	width: 2.4rem;
}

.hero-card {
	background: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);
	border: 1px solid var(--mp-border);
	border-radius: 1.5rem;
	box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, 0.08);
	overflow: hidden;
}

.stat-card,
.content-card {
	background: var(--mp-card);
	border: 1px solid var(--mp-border);
	border-radius: 1rem;
	box-shadow: 0 0.5rem 1.5rem rgba(15, 23, 42, 0.05);
}

.stat-value {
	font-size: 2rem;
	font-weight: 900;
	letter-spacing: -0.04em;
}

.stat-label {
	color: var(--mp-muted);
	font-size: 0.85rem;
	font-weight: 700;
	text-transform: uppercase;
}

.player-avatar {
	background: #e5e7eb;
	border-radius: 50%;
	height: 3.25rem;
	object-fit: cover;
	width: 3.25rem;
}

.page-title {
	font-size: clamp(2rem, 6vw, 3.5rem);
	font-weight: 900;
	letter-spacing: -0.06em;
}

.admin-shell {
	min-height: calc(100vh - 73px);
}

.admin-sidebar {
	background: #111827;
	color: #ffffff;
}

.admin-sidebar a {
	border-radius: 0.75rem;
	color: rgba(255, 255, 255, 0.78);
	display: block;
	font-weight: 700;
	padding: 0.75rem 1rem;
}

.admin-sidebar a:hover,
.admin-sidebar a.active {
	background: rgba(255, 255, 255, 0.1);
	color: #ffffff;
}

.table-card {
	background: #ffffff;
	border: 1px solid var(--mp-border);
	border-radius: 1rem;
	overflow: hidden;
}

.footer-main {
	background: #ffffff;
	border-top: 1px solid var(--mp-border);
	color: var(--mp-muted);
}
