.page-bg {
	background-image:linear-gradient(180deg,rgba(2,6,12,0.78),rgba(2,6,12,0.9));
}
.page-bg.bg-ready {
	background-image:linear-gradient(180deg,rgba(2,6,12,0.78),rgba(2,6,12,0.9)),url("assets/background.webp");
}
.lang-switch {
	display:inline-flex;
	gap:8px;
	align-items:center;
}
.lang-flag {
	font-size:16px;
	line-height:1;
}
.lang-select {
	border:1px solid rgba(255,255,255,0.1);
	background:rgba(255,255,255,0.04);
	color:#fff;
	border-radius:999px;
	padding:6px 12px;
	font-size:12px;
	font-weight:600;
	cursor:pointer;
	min-width:128px;
	outline:none;
	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
}
.lang-select:focus {
	border-color:rgba(89,230,255,0.6);
	box-shadow:0 0 0 2px rgba(89,230,255,0.18);
}
.lang-select option {
	background:#0b1220;
	color:#fff;
}
.redeem-input-grid {
	grid-template-columns:1fr !important;
}
.hp-dd-menu {
	position:absolute;
	left:0;
	right:0;
	top:calc(100% + 8px);
	z-index:50;
	max-height:260px;
	overflow:auto;
	border:1px solid rgba(255,255,255,0.12);
	border-radius:12px;
	background:rgba(10,16,28,0.96);
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
	box-shadow:0 18px 50px rgba(0,0,0,0.45);
	padding:6px;
}
.hp-dd-item {
	padding:10px 10px;
	border-radius:10px;
	cursor:pointer;
	color:rgba(255,255,255,0.9);
	font-size:12px;
	line-height:1.3;
}
.hp-dd-item:hover {
	background:rgba(89,230,255,0.10);
}
.hp-dd-item.is-empty {
	opacity:0.7;
	cursor:default;
}
@media (max-width:1100px) {
	.nav > .lang-switch {
		display:none;
	}
}

#hp-note-gen-btn,
#hp-rdm-gen-proof-btn {
	background:linear-gradient(90deg,#ffb347,#ff7a00);
	border:none;
	color:#1b0b00;
}

#hp-note-gen-btn:hover,
#hp-rdm-gen-proof-btn:hover {
	filter:brightness(1.05);
}

.liq-position-tools {
	margin-top:12px;
	display:grid;
	gap:10px;
}

.liq-filter-row {
	display:flex;
	align-items:center;
	gap:12px;
	flex-wrap:wrap;
}

.liq-filter-label {
	color:var(--text-muted);
	font-size:12px;
	font-weight:600;
}

.liq-filter-group {
	display:flex;
	align-items:center;
	gap:8px;
	flex-wrap:wrap;
}

.liq-filter-chip {
	border:1px solid rgba(255,255,255,0.12);
	background:rgba(255,255,255,0.04);
	color:rgba(255,255,255,0.82);
	border-radius:999px;
	padding:8px 14px;
	font-size:12px;
	font-weight:600;
	cursor:pointer;
	transition:all .2s ease;
}

.liq-filter-chip:hover {
	border-color:rgba(89,230,255,0.38);
	color:#fff;
}

.liq-filter-chip.active {
	background:linear-gradient(90deg,rgba(89,230,255,0.18),rgba(142,92,255,0.18));
	border-color:rgba(89,230,255,0.45);
	color:#fff;
	box-shadow:0 8px 24px rgba(35,200,255,0.14);
}

.liq-position-meta {
	font-size:12px;
	color:var(--text-muted);
}

.data-table-wrap {
	margin-top:12px;
	border:1px solid rgba(255,255,255,0.08);
	border-radius:16px;
	background:rgba(7,16,28,0.42);
	overflow-x:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:thin;
	scrollbar-color:rgba(255,255,255,0.38) rgba(255,255,255,0.08);
}

.data-table-wrap::-webkit-scrollbar {
	height:6px;
}

.data-table-wrap::-webkit-scrollbar-track {
	background:rgba(255,255,255,0.08);
	border-radius:999px;
}

.data-table-wrap::-webkit-scrollbar-thumb {
	background:rgba(255,255,255,0.38);
	border-radius:999px;
}

.data-table-wrap::-webkit-scrollbar-thumb:hover {
	background:rgba(255,255,255,0.5);
}

.data-table {
	width:100%;
	min-width:760px;
	border-collapse:collapse;
	color:#eaf2ff;
}

.data-table th,
.data-table td {
	padding:12px 14px;
	border-bottom:1px solid rgba(255,255,255,0.08);
	text-align:left;
	vertical-align:top;
	font-size:13px;
	line-height:1.45;
	white-space:nowrap;
}

.data-table th {
	position:sticky;
	top:0;
	background:#000;
	color:rgba(255,255,255,0.72);
	font-size:12px;
	font-weight:700;
	letter-spacing:0.02em;
	text-transform:uppercase;
	z-index:1;
}

.data-table tbody tr:hover {
	background:rgba(89,230,255,0.06);
}

.data-table tbody tr:last-child td {
	border-bottom:none;
}

.data-table.compact-table {
	min-width:560px;
}

.data-table.compact-table th,
.data-table.compact-table td {
	padding:9px 10px;
	font-size:12px;
	line-height:1.35;
}

.data-table.compact-table th {
	font-size:11px;
	letter-spacing:0;
	text-transform:none;
}

.data-table-empty {
	margin-top:12px;
}

.status-chip {
	display:inline-flex;
	align-items:center;
	padding:4px 10px;
	border-radius:999px;
	border:1px solid rgba(89,230,255,0.22);
	background:rgba(89,230,255,0.08);
	color:#c9f9ff;
	font-size:12px;
	font-weight:600;
}

.status-chip.compact-chip {
	padding:3px 8px;
	font-size:11px;
}

.liq-table-empty {
	margin-top:12px;
}

.liq-table-pagination {
	margin-top:12px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	flex-wrap:wrap;
}

.liq-page-info {
	font-size:12px;
	color:var(--text-muted);
}

.liq-page-actions {
	display:flex;
	align-items:center;
	gap:8px;
	flex-wrap:wrap;
}

.liq-page-btn {
	border:1px solid rgba(255,255,255,0.12);
	background:rgba(255,255,255,0.04);
	color:#fff;
	border-radius:10px;
	padding:8px 12px;
	font-size:12px;
	font-weight:600;
	cursor:pointer;
	min-width:42px;
}

.liq-page-btn[disabled] {
	opacity:0.45;
	cursor:not-allowed;
}

.liq-page-btn.active {
	background:linear-gradient(90deg,rgba(89,230,255,0.18),rgba(142,92,255,0.18));
	border-color:rgba(89,230,255,0.45);
}

@media (max-width:768px) {
	.liq-filter-row {
		align-items:flex-start;
		flex-direction:column;
	}
	.liq-filter-group {
		width:100%;
	}
	.liq-filter-chip {
		flex:1 1 calc(33.333% - 6px);
		min-width:96px;
		text-align:center;
	}
	.liq-table-pagination {
		flex-direction:column;
		align-items:flex-start;
	}
	.data-table-wrap {
		margin-right:-4px;
	}
}