.oga-box, .oga-dash {
	--og-bg: #141b24;
	--og-line: #243041;
	--og-text: #e7eef7;
	--og-muted: #8aa0b8;
	--og-accent: #3ee0a2;
	--og-ink: #062016;
	color: var(--og-text);
	font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}
.oga-box {
	background: var(--og-bg);
	border: 1px solid var(--og-line);
	border-radius: 18px;
	padding: 20px;
	margin: 0 0 14px;
}
.oga-kicker {
	color: var(--og-accent);
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: 12px;
	font-weight: 700;
	margin: 0 0 6px;
}
.oga-box h2, .oga-box h3 { margin: 0 0 12px; }
.oga-tabs { display: flex; gap: 6px; margin-bottom: 16px; }
.oga-tabs button {
	flex: 1; border: 1px solid var(--og-line); background: #0e151d;
	color: var(--og-muted); border-radius: 999px; padding: 10px; cursor: pointer; font-weight: 700;
}
.oga-tabs button.is-on { background: #1c2734; color: #fff; }
.oga-form { display: grid; gap: 12px; }
.oga-form[hidden] { display: none; }
.oga-form-row { grid-template-columns: 1fr 1fr auto; align-items: end; }
.oga-form label { display: grid; gap: 6px; color: var(--og-muted); font-size: 13px; font-weight: 600; }
.oga-form input {
	background: #0b0f14; border: 1px solid var(--og-line); color: #fff;
	border-radius: 12px; padding: 12px; font-size: 16px; width: 100%;
}
.oga-btn {
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--og-accent); color: var(--og-ink); font-weight: 700;
	border: 0; border-radius: 999px; padding: 10px 16px; cursor: pointer; text-decoration: none;
}
.oga-ghost { background: #1c2734; color: #fff; }
.oga-note, .oga-msg { color: var(--og-muted); font-size: 13px; }
.oga-msg { margin-top: 10px; }
.oga-stats {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 16px 0;
}
.oga-stats div {
	background: #0b0f14; border: 1px solid var(--og-line); border-radius: 12px; padding: 12px;
}
.oga-stats span { display: block; color: var(--og-muted); font-size: 11px; text-transform: uppercase; }
.oga-stats strong { font-size: 20px; }
.oga-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.oga-row {
	display: flex; justify-content: space-between; gap: 12px;
	padding: 10px 0; border-bottom: 1px solid var(--og-line);
}
@media (max-width: 700px) {
	.oga-stats, .oga-form-row { grid-template-columns: 1fr 1fr; }
}
