/* Proxy admin: restored cyan-gray frosted glass palette from the approved screenshot. */
body[data-page="admin"] {
	--admin-ink: #073240;
	--admin-ink-soft: rgba(7, 50, 64, .72);
	--admin-ink-muted: rgba(7, 50, 64, .58);
	--admin-panel: rgba(156, 214, 225, .58);
	--admin-panel-strong: rgba(126, 194, 207, .62);
	--admin-sidebar: rgba(78, 148, 159, .58);
	--admin-tile: rgba(203, 240, 246, .28);
	--admin-line: rgba(222, 249, 255, .58);
	--admin-line-soft: rgba(222, 249, 255, .38);
	--admin-accent-a: #72dec8;
	--admin-accent-b: #66b7f7;
	--admin-shadow: 0 24px 62px rgba(13, 80, 94, .23);
	--admin-shadow-soft: 0 14px 34px rgba(13, 80, 94, .16);
	color: var(--admin-ink);
	background:
		linear-gradient(180deg, rgba(214, 246, 250, .22), rgba(46, 139, 153, .2)),
		linear-gradient(125deg, rgba(116, 222, 200, .28), transparent 38%),
		linear-gradient(235deg, rgba(102, 183, 247, .26), transparent 48%),
		url("../admin-bg-glass.png") center center / cover fixed no-repeat,
		linear-gradient(180deg, #d7f5fa 0%, #4ba5b6 100%);
}

body[data-page="login"],
body[data-page="register"] {
	--admin-ink: #073240;
	--admin-ink-soft: rgba(7, 50, 64, .72);
	--admin-ink-muted: rgba(7, 50, 64, .58);
	--admin-panel: rgba(156, 214, 225, .58);
	--admin-panel-strong: rgba(126, 194, 207, .62);
	--admin-sidebar: rgba(78, 148, 159, .58);
	--admin-tile: rgba(203, 240, 246, .28);
	--admin-line: rgba(222, 249, 255, .58);
	--admin-line-soft: rgba(222, 249, 255, .38);
	--admin-accent-a: #72dec8;
	--admin-accent-b: #66b7f7;
	--admin-shadow: 0 24px 62px rgba(13, 80, 94, .23);
	--admin-shadow-soft: 0 14px 34px rgba(13, 80, 94, .16);
	color: var(--admin-ink);
	background:
		linear-gradient(180deg, rgba(214, 246, 250, .22), rgba(46, 139, 153, .2)),
		linear-gradient(125deg, rgba(116, 222, 200, .28), transparent 38%),
		linear-gradient(235deg, rgba(102, 183, 247, .26), transparent 48%),
		url("../admin-bg-glass.png") center center / cover fixed no-repeat,
		linear-gradient(180deg, #d7f5fa 0%, #4ba5b6 100%);
}

body[data-page="admin"]::before {
	opacity: .46;
}

body[data-page="login"]::before,
body[data-page="register"]::before {
	opacity: .46;
}

body[data-page="admin"] .layout {
	min-height: 100vh;
	height: 100vh;
	display: grid;
	grid-template-columns: 222px minmax(0, 1fr);
	gap: 16px;
	padding: 14px;
	background: transparent;
}

body[data-page="admin"] .sidebar {
	min-width: 0;
	padding: 16px 14px;
	border: 1px solid var(--admin-line-soft);
	border-radius: 10px 22px 0 0;
	background: linear-gradient(180deg, var(--admin-sidebar), rgba(74, 150, 164, .42));
	-webkit-backdrop-filter: blur(24px) saturate(1.25);
	backdrop-filter: blur(24px) saturate(1.25);
	box-shadow: var(--admin-shadow-soft), inset 0 1px rgba(255, 255, 255, .24);
}

body[data-page="admin"] .sidebar-brand {
	gap: 12px;
	padding: 6px 4px 18px;
	margin-bottom: 12px;
	border-bottom: 1px solid rgba(222, 249, 255, .34);
}

body[data-page="admin"] .brand-badge,
body[data-page="admin"] .sidebar .brand-badge {
	width: 44px;
	height: 44px;
	border: 1px solid rgba(222, 249, 255, .66);
	border-radius: 12px;
	object-fit: cover;
	background: rgba(255, 255, 255, .28);
	box-shadow: 0 8px 18px rgba(13, 80, 94, .18), inset 0 1px rgba(255, 255, 255, .34);
}

body[data-page="admin"] .sidebar-brand h2 {
	margin: 0;
	color: var(--admin-ink);
	font-size: 20px;
	font-weight: 850;
	line-height: 1.1;
	letter-spacing: 0;
}

body[data-page="admin"] .sidebar-brand p {
	margin: 3px 0 0;
	color: var(--admin-ink-soft);
	font-size: 12px;
	font-weight: 650;
}

body[data-page="admin"] .nav-btn {
	width: 100%;
	min-height: 40px;
	border: 1px solid transparent;
	border-radius: 999px;
	background: rgba(36, 111, 124, .34);
	color: var(--admin-ink);
	text-align: left;
	padding: 0 14px;
	font-size: 14px;
	font-weight: 820;
	box-shadow: none;
}

body[data-page="admin"] .nav-btn:hover {
	border-color: rgba(222, 249, 255, .34);
	background: rgba(203, 240, 246, .22);
	color: var(--admin-ink);
	transform: translateX(2px);
}

body[data-page="admin"] .nav-btn.active,
body[data-page="admin"] .nav-btn.active:hover {
	border-color: rgba(222, 249, 255, .7);
	background: linear-gradient(135deg, var(--admin-accent-a), var(--admin-accent-b));
	color: #031f29;
	box-shadow: 0 14px 30px rgba(55, 172, 203, .22);
}

body[data-page="admin"] .nav-btn.danger {
	margin-top: auto;
	color: var(--admin-ink);
	background: rgba(203, 240, 246, .18);
}

body[data-page="admin"] .content {
	min-width: 0;
	height: calc(100vh - 28px);
	overflow: hidden;
	padding: 0;
}

body[data-page="admin"] .panel {
	display: none;
	padding: 20px;
	border: 1px solid var(--admin-line);
	border-radius: 10px 14px 10px 10px;
	background: linear-gradient(145deg, var(--admin-panel), rgba(105, 188, 202, .46));
	-webkit-backdrop-filter: blur(28px) saturate(1.32);
	backdrop-filter: blur(28px) saturate(1.32);
	box-shadow: var(--admin-shadow), inset 0 1px rgba(255, 255, 255, .32);
	color: var(--admin-ink);
}

body[data-page="admin"] .panel.active {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 0;
	overflow: auto;
}

body[data-page="admin"] .panel h1 {
	margin: 0 0 18px;
	color: var(--admin-ink);
	font-size: 28px;
	font-weight: 900;
	line-height: 1.14;
	letter-spacing: 0;
}

body[data-page="admin"] .panel h2 {
	margin: 22px 0 14px;
	color: var(--admin-ink);
	font-size: 18px;
	font-weight: 880;
}

body[data-page="admin"] .info-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 14px;
}

body[data-page="admin"] .info-grid > div,
body[data-page="admin"] .brief-card,
body[data-page="admin"] .inline-form,
body[data-page="admin"] .pay-query-form,
body[data-page="admin"] .table-wrap,
body[data-page="admin"] .pay-sticky-footer,
body[data-page="admin"] .modal-box {
	border: 1px solid var(--admin-line-soft);
	background: linear-gradient(145deg, var(--admin-tile), rgba(151, 215, 226, .24));
	-webkit-backdrop-filter: blur(18px) saturate(1.2);
	backdrop-filter: blur(18px) saturate(1.2);
	box-shadow: inset 0 1px rgba(255, 255, 255, .2);
	color: var(--admin-ink);
}

body[data-page="admin"] .info-grid > div {
	min-width: 0;
	padding: 11px 12px;
	border-radius: 10px;
	color: var(--admin-ink-soft);
}

body[data-page="admin"] .info-grid strong,
body[data-page="admin"] .brief-card h3,
body[data-page="admin"] .form label,
body[data-page="admin"] .form label span {
	color: var(--admin-ink);
	font-weight: 860;
}

body[data-page="admin"] .info-grid span,
body[data-page="admin"] .brief-row span,
body[data-page="admin"] .data-count,
body[data-page="admin"] .page-size-wrap {
	color: var(--admin-ink-soft);
}

body[data-page="admin"] a,
body[data-page="admin"] .stats-toggle,
body[data-page="admin"] .agent-status-action {
	color: #073240;
	font-weight: 850;
}

body[data-page="admin"] .brief-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 16px;
}

body[data-page="admin"] .brief-card {
	border-radius: 10px;
	padding: 14px;
}

body[data-page="admin"] .brief-row strong {
	color: #155b79;
	font-size: 17px;
	font-weight: 900;
}

body[data-page="admin"] input,
body[data-page="admin"] select,
body[data-page="admin"] textarea {
	height: 42px;
	border: 1px solid rgba(222, 249, 255, .62);
	border-radius: 12px;
	background: rgba(236, 248, 252, .72);
	color: var(--admin-ink);
	box-shadow: inset 0 1px rgba(255, 255, 255, .28);
}

body[data-page="admin"] input::placeholder,
body[data-page="admin"] textarea::placeholder {
	color: rgba(7, 50, 64, .52);
}

body[data-page="admin"] input:focus,
body[data-page="admin"] select:focus,
body[data-page="admin"] textarea:focus {
	border-color: rgba(114, 222, 200, .92);
	background: rgba(243, 251, 254, .84);
	box-shadow: 0 0 0 4px rgba(114, 222, 200, .18), inset 0 1px rgba(255, 255, 255, .36);
}

body[data-page="admin"] .btn-primary,
body[data-page="admin"] .btn-primary:hover,
body[data-page="admin"] .page-item.current {
	border-color: rgba(222, 249, 255, .72);
	background: linear-gradient(135deg, var(--admin-accent-a), var(--admin-accent-b));
	color: #031f29;
	box-shadow: 0 14px 30px rgba(55, 172, 203, .2);
}

body[data-page="admin"] .btn-light,
body[data-page="admin"] .copy-link-btn,
body[data-page="admin"] .page-item {
	border-color: rgba(222, 249, 255, .48);
	background: rgba(236, 248, 252, .5);
	color: var(--admin-ink);
}

body[data-page="admin"] .table-wrap {
	border-radius: 10px;
	background: rgba(183, 225, 233, .22);
}

body[data-page="admin"] table {
	color: var(--admin-ink-soft);
}

body[data-page="admin"] th,
body[data-page="admin"] .table-wrap thead th {
	color: var(--admin-ink);
	background: linear-gradient(180deg, rgba(213, 242, 247, .5), rgba(139, 203, 214, .36));
	box-shadow: inset 0 -1px rgba(222, 249, 255, .44);
}

body[data-page="admin"] td,
body[data-page="admin"] th {
	border-bottom-color: rgba(222, 249, 255, .3);
}

body[data-page="admin"] .result-table th,
body[data-page="admin"] .result-table td {
	border-right-color: rgba(222, 249, 255, .26);
}

body[data-page="admin"] tbody tr:hover {
	background: rgba(222, 249, 255, .18);
}

body[data-page="admin"] .agent-status-text.status-pass,
body[data-page="admin"] .agent-status-text.status-wait,
body[data-page="admin"] .agent-status-text.status-reject,
body[data-page="admin"] .agent-status-text.status-ban {
	color: var(--admin-ink);
	font-weight: 900;
}

@media (max-width: 860px) {
	body[data-page="admin"] .layout {
		display: block;
		height: auto;
		min-height: 100vh;
		padding: 12px;
	}

	body[data-page="admin"] .sidebar {
		position: sticky;
		top: 0;
		z-index: 20;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 8px;
		margin-bottom: 12px;
		border-radius: 18px;
	}

	body[data-page="admin"] .sidebar-brand {
		grid-column: 1 / -1;
	}

	body[data-page="admin"] .content,
	body[data-page="admin"] .panel.active {
		height: auto;
	}

	body[data-page="admin"] .info-grid,
	body[data-page="admin"] .brief-grid {
		grid-template-columns: 1fr;
	}
}

/* New admin layout. Uses the restored palette above without changing colors. */
body[data-page="admin"] .layout.console-shell {
	height: 100vh;
	min-height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto minmax(0, 1fr);
	gap: 14px;
	padding: 14px;
	background: transparent;
}

body[data-page="admin"] .console-topbar {
	min-width: 0;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	padding: 12px 14px;
	border: 1px solid var(--admin-line-soft);
	border-radius: 18px;
	background: linear-gradient(180deg, var(--admin-sidebar), var(--admin-panel));
	-webkit-backdrop-filter: blur(24px) saturate(1.25);
	backdrop-filter: blur(24px) saturate(1.25);
	box-shadow: var(--admin-shadow-soft), inset 0 1px rgba(255, 255, 255, .24);
}

body[data-page="admin"] .console-brand {
	min-width: 0;
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0;
	border-bottom: 0;
}

body[data-page="admin"] .console-nav {
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 6px;
	border: 1px solid var(--admin-line-soft);
	border-radius: 999px;
	background: var(--admin-tile);
	-webkit-backdrop-filter: blur(18px) saturate(1.2);
	backdrop-filter: blur(18px) saturate(1.2);
}

body[data-page="admin"] .console-nav .nav-btn,
body[data-page="admin"] .console-topbar > .nav-btn.danger {
	width: auto;
	min-width: 86px;
	text-align: center;
}

body[data-page="admin"] .console-nav .nav-btn:hover,
body[data-page="admin"] .console-nav .nav-btn.active:hover,
body[data-page="admin"] .console-topbar > .nav-btn.danger:hover {
	transform: translateY(-1px);
}

body[data-page="admin"] .console-topbar > .nav-btn.danger {
	margin-top: 0;
}

body[data-page="admin"] .content {
	height: 100%;
	min-height: 0;
}

body[data-page="admin"] .home-overview {
	gap: 14px;
}

body[data-page="admin"] .overview-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 18px;
	padding: 20px;
	border: 1px solid var(--admin-line-soft);
	border-radius: 14px;
	background: linear-gradient(145deg, var(--admin-tile), var(--admin-panel));
	box-shadow: inset 0 1px rgba(255, 255, 255, .2);
}

body[data-page="admin"] .section-kicker {
	display: inline-flex;
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: 850;
	color: var(--admin-ink-soft);
}

body[data-page="admin"] .overview-hero h1 {
	margin-bottom: 8px;
}

body[data-page="admin"] .overview-hero p {
	margin: 0;
	color: var(--admin-ink-soft);
	font-weight: 720;
}

body[data-page="admin"] .status-chip {
	min-width: 168px;
	padding: 14px 16px;
	border: 1px solid var(--admin-line-soft);
	border-radius: 14px;
	background: var(--admin-tile);
}

body[data-page="admin"] .status-chip span,
body[data-page="admin"] .metric-card span,
body[data-page="admin"] .profile-list span,
body[data-page="admin"] .share-line > span {
	display: block;
	color: var(--admin-ink-soft);
	font-weight: 820;
}

body[data-page="admin"] .status-chip strong {
	display: block;
	margin-top: 4px;
	color: var(--admin-ink);
	font-size: 22px;
	font-weight: 900;
}

body[data-page="admin"] .metric-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

body[data-page="admin"] .metric-card,
body[data-page="admin"] .overview-block {
	min-width: 0;
	border: 1px solid var(--admin-line-soft);
	border-radius: 14px;
	background: linear-gradient(145deg, var(--admin-tile), rgba(255, 255, 255, .08));
	-webkit-backdrop-filter: blur(18px) saturate(1.2);
	backdrop-filter: blur(18px) saturate(1.2);
	box-shadow: inset 0 1px rgba(255, 255, 255, .2);
}

body[data-page="admin"] .metric-card {
	padding: 16px;
}

body[data-page="admin"] .metric-card strong {
	display: block;
	margin: 8px 0 4px;
	color: var(--admin-ink);
	font-size: 30px;
	font-weight: 920;
	line-height: 1;
}

body[data-page="admin"] .metric-card small {
	color: var(--admin-ink-muted);
	font-size: 13px;
	font-weight: 780;
}

body[data-page="admin"] .metric-card b {
	color: var(--admin-ink);
	font-weight: 900;
}

body[data-page="admin"] .overview-board {
	display: grid;
	grid-template-columns: minmax(300px, .9fr) minmax(0, 1.1fr);
	gap: 14px;
}

body[data-page="admin"] .overview-block {
	padding: 18px;
}

body[data-page="admin"] .block-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}

body[data-page="admin"] .block-title h2 {
	margin: 0;
}

body[data-page="admin"] .profile-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

body[data-page="admin"] .profile-list > div,
body[data-page="admin"] .share-line {
	min-width: 0;
	padding: 12px;
	border: 1px solid var(--admin-line-soft);
	border-radius: 12px;
	background: var(--admin-tile);
}

body[data-page="admin"] .profile-list strong {
	display: block;
	margin-top: 6px;
	color: var(--admin-ink);
	font-size: 15px;
	font-weight: 880;
	word-break: break-all;
}

body[data-page="admin"] .profile-list a {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 0;
	color: #073240;
	font-weight: 900;
	white-space: nowrap;
}

body[data-page="admin"] .value-action {
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin-top: 6px;
	min-width: 0;
}

body[data-page="admin"] .value-action strong {
	min-width: 0;
	margin-top: 0;
}

body[data-page="admin"] .share-line {
	margin-bottom: 10px;
}

body[data-page="admin"] .info-share-wrap {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
}

body[data-page="admin"] #infoShare {
	min-width: 0;
	word-break: break-all;
	color: var(--admin-ink);
	font-weight: 820;
}

body[data-page="admin"] .copy-link-btn {
	height: 34px;
	min-width: 58px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 850;
}

body[data-page="login"] .auth-shell,
body[data-page="register"] .auth-shell {
	min-height: 100vh;
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	gap: 14px;
	padding: 14px;
}

body[data-page="login"] .auth-topbar,
body[data-page="register"] .auth-topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 12px 14px;
	border: 1px solid var(--admin-line-soft);
	border-radius: 18px;
	background: linear-gradient(180deg, var(--admin-sidebar), var(--admin-panel));
	-webkit-backdrop-filter: blur(24px) saturate(1.25);
	backdrop-filter: blur(24px) saturate(1.25);
	box-shadow: var(--admin-shadow-soft), inset 0 1px rgba(255, 255, 255, .24);
}

body[data-page="login"] .auth-heading,
body[data-page="register"] .auth-heading {
	margin: 0;
	gap: 12px;
}

body[data-page="login"] .auth-heading h1,
body[data-page="register"] .auth-heading h1 {
	margin: 0;
	color: var(--admin-ink);
	font-size: 20px;
	font-weight: 850;
	line-height: 1.1;
	letter-spacing: 0;
}

body[data-page="login"] .auth-heading p,
body[data-page="register"] .auth-heading p {
	margin: 3px 0 0;
	color: var(--admin-ink-soft);
	font-size: 12px;
	font-weight: 650;
}

body[data-page="login"] .auth-toplink,
body[data-page="register"] .auth-toplink {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 0 18px;
	border: 1px solid rgba(222, 249, 255, .7);
	border-radius: 999px;
	background: linear-gradient(135deg, var(--admin-accent-a), var(--admin-accent-b));
	color: #031f29;
	font-weight: 880;
	text-decoration: none;
	box-shadow: 0 14px 30px rgba(55, 172, 203, .18);
}

body[data-page="login"] .auth-workspace,
body[data-page="register"] .auth-workspace {
	min-height: 0;
	display: grid;
	gap: 14px;
	align-items: stretch;
}

body[data-page="login"] .auth-workspace {
	grid-template-columns: minmax(0, 1fr) minmax(360px, 460px);
}

body[data-page="register"] .auth-workspace {
	grid-template-columns: minmax(430px, .48fr) minmax(0, 1fr);
}

body[data-page="login"] .auth-intro,
body[data-page="register"] .auth-intro,
body[data-page="login"] .auth-form-panel,
body[data-page="register"] .auth-form-panel {
	border: 1px solid var(--admin-line);
	border-radius: 18px;
	background: linear-gradient(145deg, var(--admin-panel), rgba(105, 188, 202, .46));
	-webkit-backdrop-filter: blur(28px) saturate(1.32);
	backdrop-filter: blur(28px) saturate(1.32);
	box-shadow: var(--admin-shadow), inset 0 1px rgba(255, 255, 255, .32);
	color: var(--admin-ink);
}

body[data-page="login"] .auth-intro,
body[data-page="register"] .auth-intro {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 520px;
	padding: 34px;
}

body[data-page="login"] .auth-intro h2,
body[data-page="register"] .auth-intro h2 {
	margin: 0 0 10px;
	color: var(--admin-ink);
	font-size: clamp(34px, 3.8vw, 54px);
	font-weight: 920;
	line-height: 1.05;
	letter-spacing: 0;
	word-break: keep-all;
	overflow-wrap: normal;
}

body[data-page="login"] .auth-intro p,
body[data-page="register"] .auth-intro p {
	max-width: 720px;
	margin: 0;
	color: var(--admin-ink-soft);
	font-size: 16px;
	font-weight: 760;
	line-height: 1.6;
	word-break: keep-all;
	overflow-wrap: normal;
}

body[data-page="login"] .auth-form-panel,
body[data-page="register"] .auth-form-panel {
	align-self: stretch;
	width: 100%;
	max-width: none;
	padding: 26px;
}

body[data-page="login"] .auth-form-panel {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

body[data-page="register"] .auth-form-panel {
	overflow: auto;
}

body[data-page="login"] .form-title,
body[data-page="register"] .form-title {
	margin-bottom: 18px;
}

body[data-page="login"] .form-title h2,
body[data-page="register"] .form-title h2 {
	margin: 0 0 8px;
	color: var(--admin-ink);
	font-size: 28px;
	font-weight: 900;
	line-height: 1.15;
}

body[data-page="login"] .form-title p,
body[data-page="register"] .form-title p {
	margin: 0;
	color: var(--admin-ink-soft);
	font-weight: 720;
}

body[data-page="login"] .form label,
body[data-page="register"] .form label {
	color: var(--admin-ink);
	font-weight: 860;
}

body[data-page="login"] input,
body[data-page="login"] select,
body[data-page="register"] input,
body[data-page="register"] select {
	height: 46px;
	border: 1px solid rgba(222, 249, 255, .62);
	border-radius: 12px;
	background: rgba(236, 248, 252, .72);
	color: var(--admin-ink);
	box-shadow: inset 0 1px rgba(255, 255, 255, .28);
}

body[data-page="login"] input::placeholder,
body[data-page="register"] input::placeholder {
	color: rgba(7, 50, 64, .52);
}

body[data-page="login"] input:focus,
body[data-page="login"] select:focus,
body[data-page="register"] input:focus,
body[data-page="register"] select:focus {
	border-color: rgba(114, 222, 200, .92);
	background: rgba(243, 251, 254, .84);
	box-shadow: 0 0 0 4px rgba(114, 222, 200, .18), inset 0 1px rgba(255, 255, 255, .36);
}

body[data-page="login"] .btn-primary,
body[data-page="register"] .btn-primary {
	border-color: rgba(222, 249, 255, .72);
	background: linear-gradient(135deg, var(--admin-accent-a), var(--admin-accent-b));
	color: #031f29;
	box-shadow: 0 14px 30px rgba(55, 172, 203, .2);
}

body[data-page="login"] .helper-text,
body[data-page="register"] .helper-text {
	color: var(--admin-ink-soft);
	font-weight: 720;
}

body[data-page="login"] .helper-text a,
body[data-page="register"] .helper-text a {
	color: #075b72;
	font-weight: 850;
}

body[data-page="register"] .captcha-inline-row {
	grid-template-columns: minmax(0, 1fr) 150px;
	gap: 12px;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

body[data-page="register"] .captcha-img {
	width: 150px;
	height: 46px;
	border-color: rgba(222, 249, 255, .62);
	border-radius: 12px;
	background: rgba(236, 248, 252, .72);
}

@media (max-width: 1180px) {
	body[data-page="admin"] .console-topbar {
		grid-template-columns: 1fr auto;
	}

	body[data-page="admin"] .console-nav {
		grid-column: 1 / -1;
		grid-row: 2;
		justify-content: flex-start;
		overflow-x: auto;
	}

	body[data-page="admin"] .metric-grid,
	body[data-page="admin"] .overview-board {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body[data-page="login"] .auth-workspace,
	body[data-page="register"] .auth-workspace {
		grid-template-columns: 1fr;
	}

	body[data-page="login"] .auth-intro,
	body[data-page="register"] .auth-intro {
		min-height: 280px;
	}
}

@media (max-width: 860px) {
	body[data-page="admin"] .layout.console-shell {
		display: block;
		height: auto;
		min-height: 100vh;
		padding: 12px;
	}

	body[data-page="admin"] .console-topbar {
		position: sticky;
		top: 0;
		z-index: 20;
		grid-template-columns: 1fr;
		margin-bottom: 12px;
	}

	body[data-page="admin"] .console-nav {
		grid-column: auto;
		grid-row: auto;
	}

	body[data-page="admin"] .console-topbar > .nav-btn.danger {
		width: 100%;
	}

	body[data-page="admin"] .overview-hero,
	body[data-page="admin"] .metric-grid,
	body[data-page="admin"] .overview-board,
	body[data-page="admin"] .profile-list {
		grid-template-columns: 1fr;
	}

	body[data-page="login"] .auth-shell,
	body[data-page="register"] .auth-shell {
		padding: 12px;
	}

	body[data-page="login"] .auth-topbar,
	body[data-page="register"] .auth-topbar {
		align-items: stretch;
		flex-direction: column;
	}

	body[data-page="login"] .auth-toplink,
	body[data-page="register"] .auth-toplink {
		width: 100%;
	}

	body[data-page="login"] .auth-intro,
	body[data-page="register"] .auth-intro,
	body[data-page="login"] .auth-form-panel,
	body[data-page="register"] .auth-form-panel {
		padding: 20px;
	}

	body[data-page="register"] .grid-form.register-form {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	body[data-page="login"] .auth-intro h2,
	body[data-page="register"] .auth-intro h2 {
		font-size: 34px;
	}

	body[data-page="login"] .auth-intro p,
	body[data-page="register"] .auth-intro p {
		font-size: 15px;
	}

	body[data-page="register"] .captcha-inline-row {
		grid-template-columns: 1fr;
	}

	body[data-page="register"] .captcha-img {
		width: 100%;
	}
}