/* Source: public/css/style.css */
*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

/* Menu tài khoản luôn cuộn theo toàn trang, không tạo vùng cuộn thứ hai. */
body.is-authenticated .home-tab > .left-home,
body.is-authenticated #menu-home,
body.is-authenticated .ul-custom-home-left {
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	overflow: visible !important;
	overflow-x: visible !important;
	overflow-y: visible !important;
}

body.is-authenticated .home-tab > .left-home {
	position: relative !important;
	top: auto !important;
	align-self: start !important;
}

body{
	font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif;
	background: url(../../public/images/bg2027.jpg) no-repeat top center fixed;
	background-size: cover;
}

/* ===== Giao diện quản trị 2026 ===== */
:root {
	--zx-primary: #2563eb;
	--zx-primary-dark: #1d4ed8;
	--zx-accent: #f59e0b;
	--zx-success: #16a34a;
	--zx-danger: #dc2626;
	--zx-ink: #172033;
	--zx-muted: #64748b;
	--zx-line: rgba(148, 163, 184, .28);
	--zx-surface: rgba(255, 255, 255, .94);
	--zx-shadow: 0 18px 55px rgba(15, 23, 42, .16);
}

body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(135deg, rgba(4, 12, 30, .58), rgba(15, 23, 42, .22)),
		radial-gradient(circle at 80% 10%, rgba(37, 99, 235, .18), transparent 38%);
}

.container {
	max-width: 1180px;
}

.logo {
	display: flex;
	justify-content: center;
	padding: 16px 0 10px;
}

.logo img {
	width: auto !important;
	max-width: 220px;
	height: 76px;
	object-fit: contain;
	filter: drop-shadow(0 8px 16px rgba(0, 0, 0, .24));
}

.menu-game {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin: 0 auto 18px;
	padding: 7px;
	width: fit-content;
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 999px;
	background: rgba(15, 23, 42, .66);
	box-shadow: 0 10px 35px rgba(0,0,0,.16);
	backdrop-filter: blur(14px);
}

.menu-game a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	color: #f8fafc;
	font-size: .85rem;
	font-weight: 700;
	letter-spacing: .02em;
	text-decoration: none;
	border-radius: 999px;
	transition: transform .2s ease, background .2s ease, color .2s ease;
}

.menu-game a:hover {
	color: #fff;
	background: var(--zx-primary);
	transform: translateY(-1px);
}

.home-tab {
	align-items: flex-start;
}

.left-home,
.right-home {
	border: 1px solid rgba(255,255,255,.55);
	background: var(--zx-surface);
	box-shadow: var(--zx-shadow);
	backdrop-filter: blur(16px);
}

.left-home {
	position: sticky;
	top: 18px;
	overflow: hidden;
	border-radius: 20px;
	padding: 14px;
}

.right-home {
	overflow: hidden;
	border-radius: 20px;
	padding-bottom: 18px;
	animation: zxEnter .35s ease both;
}

.left-title-home {
	display: flex;
	align-items: center;
	min-height: 70px;
	margin-bottom: 18px;
	padding: 18px 24px;
	color: #fff;
	background: linear-gradient(115deg, #0f172a, #1e3a8a 70%, #2563eb);
}

.left-title-home h4 {
	margin: 0;
	font-size: clamp(1.05rem, 2vw, 1.35rem);
	font-weight: 800;
	letter-spacing: .01em;
}

.ul-custom-home-left {
	gap: 5px;
}

.nav-link-custom {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	padding: 10px 12px;
	border-radius: 11px;
	color: var(--zx-ink);
	transition: background .18s ease, transform .18s ease, color .18s ease;
}

.nav-link-custom > i,
.nav-link-custom a > i {
	width: 22px;
	text-align: center;
	color: var(--zx-primary);
}

.nav-link-custom a {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	color: inherit !important;
	font-size: .87rem;
	font-weight: 650;
	text-decoration: none;
}

.nav-item .nav-link-custom:hover {
	color: var(--zx-primary-dark);
	background: #eff6ff;
	transform: translateX(3px);
}

.user_recharge {
	margin-bottom: 10px;
	padding: 7px;
	border: 1px solid #dbeafe;
	border-radius: 14px;
	background: linear-gradient(145deg, #f8fbff, #eef5ff);
}

.user_recharge .nav-link-custom {
	min-height: 36px;
	padding: 7px 9px;
	font-size: .84rem;
}

.btn-custom-logout {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin-top: 12px;
	padding: 11px;
	border: 1px solid #fecaca;
	border-radius: 11px;
	color: #b91c1c;
	background: #fff7f7;
	font-weight: 700;
	text-decoration: none;
	transition: .2s ease;
}

.btn-custom-logout:hover {
	color: #fff;
	background: var(--zx-danger);
	border-color: var(--zx-danger);
}

.card {
	border-color: var(--zx-line) !important;
	box-shadow: 0 8px 28px rgba(15,23,42,.08) !important;
}

.form-control,
.form-select,
.form-custom {
	min-height: 44px;
	border-color: #dbe2ea;
	border-radius: 10px;
	box-shadow: none !important;
}

.form-control:focus,
.form-select:focus,
.form-custom:focus {
	border-color: #60a5fa;
	box-shadow: 0 0 0 4px rgba(37,99,235,.1) !important;
}

.btn,
.btn-cus,
button {
	border-radius: 10px;
	transition: transform .17s ease, box-shadow .17s ease, opacity .17s ease;
}

.btn:hover:not(:disabled),
.btn-cus:hover:not(:disabled) {
	transform: translateY(-1px);
	box-shadow: 0 8px 18px rgba(15,23,42,.15);
}

.table-responsive {
	border: 1px solid var(--zx-line);
	border-radius: 13px;
}

table.dataTable,
.table {
	margin: 0 !important;
	background: #fff;
}

.table thead th,
table.dataTable thead th {
	padding: 13px 12px;
	border-bottom: 1px solid #dbe2ea !important;
	color: #334155;
	background: #f8fafc;
	font-size: .78rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .035em;
	white-space: nowrap;
}

.table tbody td,
table.dataTable tbody td {
	padding: 12px;
	vertical-align: middle;
	border-color: #eef2f7;
}

.loading-form {
	position: absolute;
	inset: 0;
	z-index: 10;
	display: none;
	place-items: center;
	background: rgba(255,255,255,.76);
	backdrop-filter: blur(4px);
}

.is-submitting .loading-form {
	display: grid;
}

.page-progress {
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	pointer-events: none;
}

.page-progress span {
	display: block;
	width: 32%;
	height: 100%;
	background: linear-gradient(90deg, var(--zx-primary), #38bdf8);
	box-shadow: 0 0 12px rgba(56,189,248,.7);
	transition: width .35s ease, opacity .25s ease;
}

.page-progress.is-done span {
	opacity: 0;
}

.app-toast-region {
	position: fixed;
	z-index: 100000;
	top: 18px;
	right: 18px;
	display: grid;
	gap: 8px;
}

.app-toast {
	min-width: 220px;
	padding: 12px 16px;
	border-radius: 11px;
	color: #fff;
	background: #0f172a;
	box-shadow: 0 12px 30px rgba(0,0,0,.24);
	opacity: 0;
	transform: translateY(-8px);
	transition: .2s ease;
}

.app-toast.is-visible { opacity: 1; transform: translateY(0); }
.app-toast--error { background: #b91c1c; }

.app-footer {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin: 22px auto;
	padding: 12px;
	color: rgba(255,255,255,.82);
	font-size: .82rem;
}

@keyframes zxEnter {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 767.98px) {
	.menu-game {
		width: calc(100% - 24px);
		border-radius: 16px;
	}
	.menu-game a {
		flex: 1;
		justify-content: center;
		padding: 9px 6px;
		font-size: .73rem;
	}
	.left-home { position: static; }
	.left-title-home { min-height: 58px; padding: 14px 18px; }
	.app-footer { flex-direction: column; align-items: center; gap: 2px; }
	.app-footer-dot { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		scroll-behavior: auto !important;
		animation-duration: .01ms !important;
		transition-duration: .01ms !important;
	}
}
 .section-title {
        font-size: 1.8rem;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        color: #ff5722; /* Màu cam nổi bật */
        padding: 15px 0;
        position: relative;
    }

    .section-title i {
        font-size: 1.8rem;
        margin-right: 10px;
        color: #ff9800; /* Màu cam nhạt cho icon */
    }

    /* Hiệu ứng đường viền trang trí */
    .section-title::before,
    .section-title::after {
        content: "";
        position: absolute;
        width: 80px;
        height: 4px;
        background-color: #ff5722;
        top: 50%;
        transform: translateY(-50%);
    }

    .section-title::before {
        left: 15%;
    }

    .section-title::after {
        right: 15%;
    }

    /* Hiệu ứng hover */
    .section-title:hover {
        color: #e64a19;
        text-shadow: 2px 2px 10px rgba(255, 87, 34, 0.5);
    }

    .section-title i:hover {
        color: #e65100;
    }

.custom-btn {
        font-size: 1.1rem;
        font-weight: bold;
        padding: 12px 25px;
        border: none;
        border-radius: 30px;
        color: white;
        text-decoration: none;
        display: inline-block;
        transition: all 0.3s ease-in-out;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    }

    .green-btn {
        background: linear-gradient(45deg, #28a745, #218838);
    }

    .yellow-btn {
        background: linear-gradient(45deg, #ffc107, #ff9800);
    }

    .custom-btn:hover {
        transform: scale(1.1);
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
    }

    .custom-btn:active {
        transform: scale(0.95);
    }
#openButton:disabled {
	background: linear-gradient(45deg, #aaa, #888);
	cursor: not-allowed;
	opacity: 0.7;
}

#openButton:hover:not(:disabled) {
	transform: scale(1.1);
	box-shadow: 0px 4px 15px rgba(255, 75, 43, 0.4);
}

#openButton:active:not(:disabled) {
	transform: scale(0.95);
}
.gift-box {
	transition: transform 0.3s ease-in-out;
	cursor: pointer;
}
.gift-box:hover, .gift-box.selected {
	transform: scale(1.1);
	box-shadow: 0 0 15px rgba(255, 215, 0, 0.8);
}
.btn-outline-secondary, .btn-outline-warning, .btn-outline-info {
	padding: 10px 15px;
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 8px;
}
.radio-group {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.radio-group label {
	flex: 1 1 calc(50% - 10px); /* Hai phần tử trên mỗi hàng */
	padding: 10px;
	border: 1px solid #ced4da;
	border-radius: 5px;
	text-align: left;
	cursor: pointer;
	transition: background-color 0.3s;
}
.radio-group input[type="radio"] {
	display: none;
}
.radio-group input[type="radio"]:checked + span {
	background-color: #e9ecef;
	border-color: #adb5bd;
}
.radio-group span {
	display: block;
	padding-left: 25px;
	position: relative;
}
.radio-group span::before {
	content: '\f192'; /* Biểu tượng radio từ Line Awesome */
	font-family: 'Line Awesome Free';
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	font-size: 20px;
	color: #6c757d;
}
.radio-group input[type="radio"]:checked + span::before {
	content: '\f058'; /* Biểu tượng radio đã chọn từ Line Awesome */
	color: #0d6efd;
}
.form-group {
	margin-bottom: 15px;
}

.checkbox-group {
	display: flex;
	flex-direction: column;
}

.checkbox-group label {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}

.checkbox-group input[type="checkbox"] {
	margin-right: 10px;
}

.gia {
	color: #50a1ff;
	font-weight: bold;
}

input.error {
	border-color: red;
}
input.error::placeholder {
	color: red;
}
.qmk {
	font-size: 15px;
	margin-bottom: 0;
	text-align: center;
	display: block;
	color: #333;
	font-weight: 500;
	text-decoration: none;
}

.qmk:hover {
	color: #ae0000;
	text-decoration: none;
}

.text_dkm {
	text-align: center;
	margin: 0;
}

.btn_dkm {
	color: #22ae08;
	font-weight: 500;
	display: block;
	text-align: center;
	text-decoration: none;
}

.btn_dkm:hover {
	/* background: #007a90; */
	text-decoration: none;
	color: #f30000;
}

.row-button{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
}
.row-button button{
	flex-grow: 1;
	margin: 15px 5px;
	min-width: 50%;
	max-width: 100%;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
	background: none !important;
	border:  1px solid transparent ;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
	padding: 0px !important;
}
.custom-have-otp label.error{
	order:  1;
	width: 100%;
}
.form-custom{
	border-radius: 6px;
	padding: 6px 12px;
	border: 1px solid #dee2e6;	
}
.form-custom:focus{
	outline: none;
}
.form-custom[readonly]{
	background: #dee2e6;
}
table.dataTable{
	border-collapse:  collapse !important;
}
table.dataTable button{
	color:  #fff;
	border: none;
	background: #000;
	padding: 6px 12px;
	border-radius: 6px;
}

.home-form-box-valid label{
	order: 2;
	width: 100%;
}
.toggle-button-menu{
	border:  none;
	background: none;
	font-size: 24px;
	color: #000;
}
.form-right-home {
	padding: 0px 12px;
}

.right-home .left-title-home {
	padding: 20px 0;
	position: relative;
	display: flex;
	align-items: center;
}

/* Hiệu ứng cho tiêu đề */
.right-home .left-title-home h4 {
	margin: 0;
	position: relative;
	z-index: 1;
	text-transform: uppercase;
	color: #fff;
	padding: 10px 20px;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	background: linear-gradient(135deg, #141313, #c9c4bd); /* Hiệu ứng gradient */
	border-radius: 5px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); /* Bóng đổ giúp nổi bật hơn */
	transition: all 0.3s ease-in-out;
}

/* Hiệu ứng hover */
.right-home .left-title-home h4:hover {
	transform: translateY(-3px) scale(1.05);
	background: linear-gradient(135deg, #c9c4bd, #141313); /* Đảo màu gradient khi hover */
	box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.4);
}

/* Hiệu ứng viền góc đặc biệt */
.right-home .left-title-home h4::before {
	content: '';
	position: absolute;
	width: calc(100% + 30px);
	height: 100%;
	top: 0;
	left: -15px;
	z-index: -1;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	transform: skewX(-10deg);
}

/* Hiệu ứng gợn sóng nhẹ */
.right-home .left-title-home h4::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	width: 50px;
	height: 3px;
	background: black;
	transform: translateX(-50%);
	transition: all 0.3s ease-in-out;
}

.right-home .left-title-home h4:hover::after {
	width: 80px;
}

/*right home*/
.btn_thoat{
	margin: 12px;
}
.ul-custom-home-left{
	flex-grow: 1;
}
.ul-custom-home-left .nav-item{
	border-bottom: dotted 1px #e4e4e4;
}
.info-left-side{
	background: #fff;
	padding: 12px !important;
	margin:  0 !important;
}
.ul-custom-home-left li{
	margin: 0px 12px;
	padding: 12px 0px;

}
.home-tab{
	min-height: 520px;
}


.nav-link-custom .cus-info-icon{
	background: #000;
	padding: 6px;
	margin-right: 6px;
	border-radius: 6px;
	font-size: 18px;
	color: #fff;
}
.nav-link-custom a > i{
	margin-right: 3px;


}
.nav-link-custom a{
	text-decoration: none;
	color: #000b0;
	display: flex;
	align-items: center;
	font-size: 18px;
	transition: 0.2s;
}
.nav-link-custom a:hover{
	font-weight: bold;
	color: #000;

}
.nav-link-custom a.active{
	font-weight: bold;
	color: #000;
}
.nav-link-custom span{
	font-weight: bold;

}
.nav-link-custom{
	font-size: 1.1em;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.home-tab .left-home{
	border-top: 5px solid #000;

	background: #fff;
	border-right: 5px solid #000;
	padding: 0;
	display: flex;
	flex-direction: column;
}
.home-tab .right-home{
	border-top: 5px solid #000;

	background: #fff;
	padding: 0;
	display: flex;
	flex-direction: column;
}
.relative-card{
	position: relative;
	overflow: hidden;
}
/*text-style*/
.loading-form {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, 0); /* Nền trong suốt */
	padding: 20px;
	border-radius: 10px;
	text-align: center;
	z-index: 9999;
}

.loading-text {
	color: black;
	font-size: 16px;
	margin-top: 10px;
}


/* Thêm hiệu ứng fade in */
@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

.loading-form {
	animation: fadeIn 0.5s ease-in-out;
}
.text-primary{
	color: #50a1ff !important;
	
}
.text-danger{
	color: #ff4954 !important;
}
.text-warning{
	color: #ff7e0f  !important;
}
.text-success{
	color: #3cd458 !important;
}
.text-info{
	color:  #000 !important;
}

.bg-primary{
	background-color: #50a1ff !important;
	
}
.bg-warning{
	background-color: #dd7100 !important;
	
}
.bg-danger{
	background-color: #ff4954 !important;
}
.bg-success{
	background-color: #198754 !important;
}
.bg-info{
	background-color:  #000 !important;
}
/*text-style*/

/*button*/
/* Làm modal khung vuông */
.modal-content {
	background: #fff;
	border-radius: 0; /* Không bo tròn */
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
	border: 1px solid #ddd;
}

/* Header modal */
.modal-header {
	background: #f8f9fa; /* Nền nhạt */
	border-bottom: 1px solid #ddd;
}

/* Nút đóng X lớn hơn */
.btn-close-large {
	font-size: 24px; /* Tăng kích thước */
	font-weight: bold;
	border: none;
	background: none;
	cursor: pointer;
	color: #333;
}

.btn-close-large:hover {
	color: red; /* Đổi màu khi hover */
}

/* Căn button qua phải */
.modal-footer {
	justify-content: flex-end;
	border-top: 1px solid #ddd;
}
.bootbox-close-button {
	font-size: 24px !important; /* Tăng kích thước */
	font-weight: bold;
	padding: 10px; /* Làm cho nút có khoảng cách */
	line-height: 1;
	color: #333; /* Màu tối hơn để dễ nhìn */
	background: none;
	border: none;
	cursor: pointer;
}

/* Khi hover, đổi màu để dễ nhìn */
.bootbox-close-button:hover {
	color: red !important; /* Màu đỏ khi di chuột */
	transform: scale(1.2); /* Hiệu ứng phóng to khi hover */
}

/* Định vị lại nếu cần */
.bootbox .modal-header .bootbox-close-button {
	position: absolute;
	right: 15px;
	top: 15px;
}
.card.relative-card.border-black {
	border: 2px solid #000 !important; /* Viền đen */
}
/* ============================
🔹 RESET NÚT ĐỂ TRÁNH BOOTSTRAP
================================ */
button.btn-primary.bootbox-accept,
a.btn-primary.bootbox-accept {
	background: #000 !important;
	color: #fff !important;
	border: 2px solid #222 !important;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3) !important;
}

/* Hover */
button.btn-primary.bootbox-accept:hover,
a.btn-primary.bootbox-accept:hover {
	background: #222 !important;
	border-color: #444 !important;
}

button, a {
	font-family: inherit;
	text-decoration: none;
	border: none;
	outline: none;
}
.btn-cus {
	border-radius: 3px;
	border: 0;
	padding: 12px 20px;
	text-decoration: none;
}

.btn-cus:focus-visible {
	outline: 0;
}

.btn-primary {
	position: relative; /* Thêm để tránh lỗi position */
	color: #fff;
	background: #222; /* Màu đen nhạt */
	border-color: #222;
	font-size: 16px;
	font-weight: bold;
	padding: 12px 24px;
	border-radius: 8px; /* Bo góc nhẹ */
	transition: all 0.3s ease-in-out;
	text-transform: uppercase;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); /* Bóng đổ nhẹ */
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	cursor: pointer; /* Đảm bảo con trỏ chuột là kiểu nhấn */
}

/* Hiệu ứng hover */
.btn-primary:hover {
	color: #000; /* Đổi màu chữ thành đen */
	background-color: #fff; /* Đổi nền thành trắng */
	border-color: #fff;
	transform: translateY(-2px); /* Giảm độ dịch chuyển */
	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3); /* Bóng đổ mạnh hơn */
}

/* Hiệu ứng nhấn */
.btn-primary:active {
	transform: translateY(1px); /* Không dùng scale để tránh nhảy */
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

/* Hiệu ứng sáng mờ khi hover */
.btn-primary::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.1);
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	pointer-events: none; /* Sửa lỗi không bấm được nút */
}

.btn-primary:hover::before {
	opacity: 1;
}


/* ============================
🔹 NÚT TÙY CHỈNH (KHÔNG BỊ BOOTSTRAP GHI ĐÈ)
================================ */
.btn-custom {
	font-size: 16px;
	font-weight: bold;
	padding: 12px 24px;
	border-radius: 8px; /* Bo tròn nhẹ */
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); /* Bóng đổ nhẹ */
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	border: 2px solid transparent;
}

/* ============================
🔹 HIỆU ỨNG GỢN SÓNG NHẸ KHI HOVER
================================ */
.btn-custom::before {
	content: "";
	position: absolute;
	width: 300%;
	height: 300%;
	top: 50%;
	left: 50%;
	background: rgba(255, 255, 255, 0.2);
	transition: transform 0.4s ease-in-out, opacity 0.3s;
	border-radius: 50%;
	transform: translate(-50%, -50%) scale(0);
	opacity: 0;
}

.btn-custom:hover::before {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
}

/* ============================
🔹 NÚT MÀU ĐEN (TƯƠNG ĐƯƠNG BTN-INFO)
================================ */
.btn-dark-custom {
	background: #000 !important;
	color: #fff !important;
	border: 2px solid #222 !important;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
}

.btn-dark-custom:hover {
	background: #222 !important;
	border-color: #444 !important;
	box-shadow: 0 5px 12px rgba(146, 109, 222, 0.4);
}

/* ============================
🔺 NÚT ĐỎ (TƯƠNG ĐƯƠNG BTN-DANGER)
================================ */
.btn-danger-custom {
	background: #ff4954 !important;
	color: #fff !important;
	border: 2px solid #ff3541 !important;
	box-shadow: 0 3px 8px rgba(255, 73, 84, 0.4);
}

.btn-danger-custom:hover {
	background: #ff1e2a !important;
	border-color: #ff1e2a !important;
	box-shadow: 0 5px 12px rgba(255, 73, 84, 0.5);
}

/* ============================
🟢 NÚT XANH (TƯƠNG ĐƯƠNG BTN-SUCCESS)
================================ */
.btn-success-custom {
	background: #3cd458 !important;
	color: #fff !important;
	border: 2px solid #2ebd48 !important;
	box-shadow: 0 3px 8px rgba(73, 255, 129, 0.4);
}

.btn-success-custom:hover {
	background: #28a745 !important;
	border-color: #28a745 !important;
	box-shadow: 0 5px 12px rgba(73, 255, 129, 0.5);
}

/* ============================
🖱️ HIỆU ỨNG NHẤN
================================ */
.btn-custom:active {
	transform: translateY(2px) scale(0.98);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

/* ============================
❌ NÚT ĐÓNG (KHÔNG BỊ ẢNH HƯỞNG BỞI BOOTSTRAP)
================================ */
button.close-custom {
	padding: 0;
	background-color: transparent;
	border: 0;
	-webkit-appearance: none;
	font-size: 24px;
	color: #333;
	transition: color 0.3s;
}

button.close-custom:hover {
	color: #ff4954;
}


.logo{
	text-align: center;
	padding: 24px 0px;
}
.logo a{
	display: inline-block;
}

.logo img{
	animation-name: shadow_light;
	animation-duration: 5s;
	animation-iteration-count: infinite;
}
.menu-game{
	
	text-align: center;
	font-size: x-large;
	height: 50px;
	
}
.menu-game a {
	text-decoration: none;
	color: #ffff;
	padding-right: 12px;
	margin-right: 12px;
	border-right: 3px solid #000;
	font-weight: 700;
	text-shadow: -1px -1px 0 #000,  
	1px -1px 0 #000,  
	-1px  1px 0 #000,  
	1px  1px 0 #000;

}

.menu-game a:hover{
	
	color: #000;
	text-shadow: -1px -1px 0 #fff,  
	1px -1px 0 #fff,  
	-1px  1px 0 #fff,  
	1px  1px 0 #fff;
}
.menu-game a:last-child{
	border-right: unset;
	padding-right: unset;
	margin-right: unset;
}
.other-case{
	position: relative;
	text-align: center;
	display: inline-block;
	margin: 0;
	padding: 0px 32px;
}
.other-case:after{
	content: '';
	position: absolute;
	left: 0;
	width: 24px;
	height: 1px;
	top: 50%;
	background: #000;
}
.other-case:before{
	content: '';
	position: absolute;
	right: 0;
	width: 24px;
	height: 1px;
	top: 50%;
	background: #000;
}
.label-cus-left{
	border-left: 3px solid #fecc12;
	padding-left: 6px;
	
}
.box-valid label.error{
	color: #d82355;
	font-size: 14px;
	order: 1;
	width: 100%;
}
@keyframes shadow_light {
	0%   {filter: drop-shadow(0px 0px 25px #ffffff);}
	50%{filter: drop-shadow(0px 0px 0px #bdefe1);}
	100%{filter: drop-shadow(0px 0px 25px #88ffd4);}
}
.user_recharge {
	font-size: 1.1em;
	background: #0ca7f10a;
	margin: -20px -20px 20px -20px;
	padding: 20px 0 20px 20px;
	font-weight: 500;
	/* border-bottom: 1px solid #bdf7cc; */
}
.nav-link-custom a {
	color: #000; /* Màu cam */
}
.btn-custom-logout {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #000; /* Nền trắng */
	color: #fff; /* Chữ đen */
	font-size: 18px;
	font-weight: bold;
	padding: 12px 30px;
	border-radius: 50px; /* Bo góc tròn */
	text-decoration: none;
	border: 2px solid #fff; /* Viền đen */
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Bóng đổ nhẹ */
	transition: all 0.3s ease-in-out;
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
}

/* Khi di chuột vào, đổi nền thành đen và chữ thành trắng */
.btn-custom-logout:hover {
	background-color: #fff; /* Đổi nền thành đen */
	color: #000; /* Đổi màu chữ thành trắng */
	border-color: #000; /* Viền đổi thành trắng */
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.5); /* Tăng bóng đổ */
	transform: translateY(-3px); /* Nâng nhẹ */
}

/* Khi nhấn vào, nút co nhẹ */
.btn-custom-logout:active {
	transform: translateY(1px) scale(0.98);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}

/* Hiệu ứng sáng mờ khi hover */
.btn-custom-logout::before {
	content: "";
	position: absolute;
	width: 300%;
	height: 300%;
	top: 50%;
	left: 50%;
	background: rgba(255, 255, 255, 0.2);
	transition: transform 0.4s ease-in-out, opacity 0.3s;
	border-radius: 50%;
	transform: translate(-50%, -50%) scale(0);
	opacity: 0;
	pointer-events: none;
}

.btn-custom-logout:hover::before {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
}

/* ===== Lớp hiệu chỉnh cuối: giữ bố cục đồng nhất sau CSS giao diện cũ ===== */
body.is-guest .container > .row {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start !important;
	min-height: calc(100vh - 48px);
}

body.is-guest .logo {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 0;
	padding: 24px 0 12px;
}

body.is-guest .logo a {
	display: block;
}

body.is-guest .logo img {
	display: block;
	width: auto !important;
	height: 88px;
	max-width: 240px;
	object-fit: contain;
	filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .25));
}

body.is-guest .menu-game {
	display: flex;
	justify-content: center;
	gap: 4px;
	width: auto;
	max-width: calc(100% - 24px);
	margin: 0 auto 20px;
	padding: 6px;
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 999px;
	background: rgba(15, 23, 42, .72);
	box-shadow: 0 12px 32px rgba(15, 23, 42, .18);
	backdrop-filter: blur(14px);
}

body.is-guest .menu-game a,
body.is-guest .menu-game a:last-child {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 122px;
	padding: 10px 16px;
	border: 0;
	border-radius: 999px;
	color: #f8fafc;
	font-size: .86rem;
	font-weight: 700;
	text-transform: none;
	text-decoration: none;
	transition: .2s ease;
}

body.is-guest .menu-game a:hover {
	color: #fff;
	background: #2563eb;
	transform: translateY(-1px);
}

.auth-shell {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 0 12px;
}

.auth-panel {
	width: min(100%, 560px);
	margin: 0 auto;
}

.auth-panel .card {
	overflow: hidden;
	margin: 0 !important;
	border: 1px solid rgba(255,255,255,.72) !important;
	border-radius: 22px !important;
	background: rgba(255,255,255,.96);
	box-shadow: 0 24px 70px rgba(15,23,42,.22) !important;
	backdrop-filter: blur(16px);
	animation: zxEnter .35s ease both;
}

.auth-panel .card-body {
	padding: 32px !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.auth-panel h4 {
	margin-bottom: 8px;
	font-size: 1.45rem;
	letter-spacing: .02em;
}

.auth-panel label {
	margin-bottom: 7px;
	font-size: .9rem;
}

.auth-panel .input-group {
	overflow: hidden;
	border: 1px solid #dbe3ed;
	border-radius: 12px;
	background: #f8fafc;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.auth-panel .input-group:focus-within {
	border-color: #60a5fa;
	box-shadow: 0 0 0 4px rgba(37,99,235,.1);
}

.auth-panel .input-group .form-control,
.auth-panel .input-group .input-group-text {
	border: 0 !important;
	background: transparent !important;
}

.auth-panel .input-group .form-control:focus {
	box-shadow: none !important;
}

.auth-panel .btn-dark-custom {
	border: 0;
	border-radius: 12px;
	color: #fff;
	background: linear-gradient(110deg, #0f172a, #1e3a8a);
	box-shadow: 0 10px 24px rgba(30,58,138,.22);
}

body.is-guest .app-footer {
	margin: 18px auto 10px;
}

@media (max-width: 575.98px) {
	body.is-guest .logo {
		padding-top: 14px;
	}
	body.is-guest .logo img {
		height: 70px;
	}
	body.is-guest .menu-game {
		width: calc(100% - 24px);
		border-radius: 15px;
	}
	body.is-guest .menu-game a,
	body.is-guest .menu-game a:last-child {
		flex: 1;
		min-width: 0;
		padding: 9px 5px;
		font-size: .74rem;
	}
	.auth-panel .card-body {
		padding: 22px 18px !important;
	}
}

/* Cấu hình đổi Xu */
.coin-config-form { display: grid; gap: 18px; }
.coin-config-intro, .exchange-disabled-notice { display:flex; align-items:center; gap:10px; padding:12px 14px; border:1px solid #d9e5f5; border-radius:12px; background:#f4f8ff; color:#42526b; }
.coin-config-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.coin-config-card { padding:16px; border:1px solid #dce5f2; border-radius:14px; background:#fff; box-shadow:0 8px 24px rgba(29,55,95,.06); }
.coin-config-card header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:15px; }
.coin-config-card header strong,.coin-config-card header small { display:block; }
.coin-config-card header small { margin-top:3px; color:#7b899f; }
.coin-config-inputs { display:grid; grid-template-columns:1fr auto 1fr; align-items:end; gap:9px; }
.coin-config-inputs label { margin:0; color:#64748b; font-size:.78rem; font-weight:700; text-transform:uppercase; }
.coin-config-inputs input { width:100%; margin-top:6px; padding:10px 11px; border:1px solid #d5dfed; border-radius:10px; color:#14213d; font-size:1rem; font-weight:700; }
.coin-config-inputs i { margin-bottom:13px; color:#8aa0bf; }
.coin-config-actions { display:flex; justify-content:flex-end; }
.coin-switch input { position:absolute; opacity:0; }
.coin-switch span { position:relative; display:block; width:44px; height:24px; border-radius:999px; background:#cbd5e1; cursor:pointer; transition:.2s ease; }
.coin-switch span:after { content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 2px 5px #0002; transition:.2s ease; }
.coin-switch input:checked + span { background:#2563eb; }
.coin-switch input:checked + span:after { transform:translateX(20px); }
.balance-choice-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.balance-option span small { display:block; margin-top:3px; color:#8290a5; font-size:.72rem; font-weight:600; }
.balance-option.is-disabled { cursor:not-allowed; opacity:.55; filter:grayscale(.5); }
.type-badge.is-event { background:#ecfdf3; color:#14804a; }
.exchange-disabled-notice { margin-bottom:14px; border-color:#fed7aa; background:#fff7ed; color:#9a3412; font-weight:700; }
@media (max-width: 767.98px) {
  .coin-config-grid,.balance-choice-three { grid-template-columns:1fr; }
}

/* =========================================================
   ACCOUNT DASHBOARD 2026
   Lớp cuối để vô hiệu các khai báo giao diện cũ bị chồng CSS.
   ========================================================= */
body.is-authenticated {
	--dash-navy: #101c3c;
	--dash-blue: #2563eb;
	--dash-blue-soft: #eff6ff;
	--dash-border: #e6ebf3;
	--dash-muted: #64748b;
	--dash-bg: rgba(244, 247, 252, .92);
}

body.is-authenticated .dashboard-shell {
	max-width: 1240px;
	margin: 0 auto;
}

body.is-authenticated .home-tab {
	display: grid;
	grid-template-columns: 270px minmax(0, 1fr);
	grid-template-rows: auto 1fr;
	gap: 22px;
	min-height: 650px;
	margin: 22px 0 40px;
}

body.is-authenticated .home-tab > .left-home {
	position: relative;
	top: auto;
	flex: 0 0 270px;
	width: 270px;
	max-height: none;
	margin: 0 !important;
	padding: 0;
	overflow: visible;
	border: 1px solid rgba(255,255,255,.72);
	border-radius: 18px;
	background: rgba(255,255,255,.94);
	box-shadow: 0 18px 50px rgba(15,23,42,.14);
	align-self: start;
	grid-column: 1;
	grid-row: 1 / span 2;
}

body.is-authenticated .home-tab > .right-home {
	flex: 1 1 auto;
	width: auto;
	max-width: none;
	min-width: 0;
	margin: 0 !important;
	padding: 0 0 22px;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.72);
	border-radius: 18px;
	background: var(--dash-bg);
	box-shadow: 0 18px 50px rgba(15,23,42,.14);
	grid-column: 2;
	grid-row: 2;
}

.dashboard-account-stats {
	display: grid;
	grid-column: 2;
	grid-row: 1;
	grid-template-columns: minmax(210px, 1.35fr) repeat(3, minmax(112px, .75fr));
	gap: 11px;
}

.dashboard-user-card,
.dashboard-balance-card {
	display: flex;
	min-width: 0;
	min-height: 80px;
	align-items: center;
	gap: 12px;
	padding: 13px 15px;
	border: 1px solid rgba(255,255,255,.75);
	border-radius: 15px;
	background: rgba(255,255,255,.94);
	box-shadow: 0 10px 30px rgba(15,23,42,.1);
}

.dashboard-user-card > div:last-child,
.dashboard-balance-card > div {
	display: flex;
	min-width: 0;
	flex-direction: column;
}

.dashboard-user-card span,
.dashboard-balance-card span {
	color: #94a3b8;
	font-size: .62rem;
	font-weight: 850;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.dashboard-user-card strong {
	overflow: hidden;
	color: #172554;
	font-size: .94rem;
	font-weight: 850;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dashboard-user-card small {
	color: #64748b;
	font-size: .65rem;
	font-weight: 700;
}

.dashboard-balance-card > i {
	display: grid;
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	place-items: center;
	border-radius: 11px;
	font-size: .9rem;
}

.dashboard-balance-card strong {
	color: #172554;
	font-size: 1rem;
	font-weight: 900;
}

.dashboard-balance-card.is-blue > i { color: #2563eb; background: #dbeafe; }
.dashboard-balance-card.is-green > i { color: #16a34a; background: #dcfce7; }
.dashboard-balance-card.is-red > i { color: #dc2626; background: #fee2e2; }

body.is-authenticated .info-left-side {
	position: sticky;
	top: 0;
	z-index: 4;
	display: flex;
	align-items: center;
	gap: 11px;
	margin: 0 !important;
	padding: 18px !important;
	border-bottom: 1px solid var(--dash-border);
	background: linear-gradient(135deg, #111d3d, #1d3d83);
}

.account-avatar {
	display: grid;
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	place-items: center;
	border: 2px solid rgba(255,255,255,.25);
	border-radius: 14px;
	color: #fff;
	background: linear-gradient(135deg, #3b82f6, #60a5fa);
	box-shadow: 0 8px 20px rgba(37,99,235,.35);
	font-size: 1.1rem;
	font-weight: 900;
}

.account-summary {
	display: flex;
	min-width: 0;
	flex: 1;
	flex-direction: column;
}

.account-summary strong {
	overflow: hidden;
	color: #fff;
	font-size: .94rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.account-summary span {
	margin-top: 2px;
	color: #9fb9f0;
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .09em;
}

body.is-authenticated .toggle-button-menu {
	display: none;
	color: #fff;
}

body.is-authenticated #menu-home {
	padding: 12px 10px 0;
}

body.is-authenticated .ul-custom-home-left {
	display: flex;
	gap: 3px;
	margin: 0;
	padding: 0;
}

body.is-authenticated .ul-custom-home-left > li {
	margin: 0;
	padding: 0;
	border: 0;
}

body.is-authenticated .user_recharge {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 7px;
	margin: 0 0 14px;
	padding: 10px;
	border: 1px solid #dbeafe;
	border-radius: 14px;
	background: linear-gradient(145deg, #f8fbff, #edf4ff);
}

body.is-authenticated .user_recharge .nav-link-custom {
	display: flex;
	min-width: 0;
	min-height: 51px;
	gap: 7px;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 8px 9px;
	border: 1px solid rgba(219,234,254,.8);
	border-radius: 10px;
	background: rgba(255,255,255,.82);
	font-size: .73rem;
}

body.is-authenticated .user_recharge .nav-link-custom:first-child {
	grid-column: 1 / -1;
	min-height: 42px;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

body.is-authenticated .user_recharge .nav-link-custom i {
	width: auto;
	margin: 0;
	font-size: .82rem;
}

body.is-authenticated .user_recharge .nav-link-custom span {
	color: #64748b;
	font-weight: 650;
}

body.is-authenticated .user_recharge .nav-link-custom strong {
	display: block;
	margin-top: 2px;
	color: #172554;
	font-size: .88rem;
}

.menu-section-label {
	padding: 5px 10px 7px !important;
	color: #94a3b8;
	font-size: .66rem;
	font-weight: 850;
	letter-spacing: .1em;
}

body.is-authenticated .nav-item .nav-link-custom {
	min-height: 44px;
	margin: 2px 0;
	padding: 0;
	border-radius: 10px;
}

body.is-authenticated .nav-link-custom a {
	gap: 11px;
	min-height: 44px;
	padding: 9px 11px;
	border-radius: 10px;
	color: #334155 !important;
	font-size: .8rem;
	font-weight: 750;
	line-height: 1.25;
}

body.is-authenticated .nav-link-custom a > i {
	display: grid;
	flex: 0 0 29px;
	width: 29px;
	height: 29px;
	margin: 0;
	place-items: center;
	border-radius: 9px;
	color: #2563eb;
	background: #eff6ff;
	font-size: .82rem;
}

body.is-authenticated .nav-item .nav-link-custom:hover {
	transform: none;
	background: transparent;
}

body.is-authenticated .nav-link-custom a:hover,
body.is-authenticated .nav-link-custom a.active {
	color: #1d4ed8 !important;
	background: #eff6ff;
	transform: translateX(2px);
}

body.is-authenticated .nav-link-custom a.active {
	box-shadow: inset 3px 0 #2563eb;
}

body.is-authenticated .btn_thoat {
	margin: 10px;
	padding-top: 10px;
	border-top: 1px solid var(--dash-border);
}

body.is-authenticated .btn-custom-logout {
	min-height: 43px;
	margin: 0;
	padding: 9px 16px;
	border: 0;
	border-radius: 11px;
	color: #dc2626;
	background: #fff1f2;
	box-shadow: none;
	font-size: .8rem;
	font-weight: 800;
}

body.is-authenticated .btn-custom-logout:hover {
	color: #fff;
	background: #dc2626;
	box-shadow: 0 8px 20px rgba(220,38,38,.22);
	transform: translateY(-1px);
}

body.is-authenticated .right-home .left-title-home {
	display: flex;
	min-height: 92px;
	margin: 0 0 22px;
	padding: 20px 26px;
	justify-content: space-between;
	border: 0;
	background: linear-gradient(120deg, #111d3d, #1d3f88 65%, #2563eb);
}

body.is-authenticated .right-home .left-title-home h4 {
	margin: 3px 0 0;
	padding: 0;
	color: #fff;
	background: none;
	box-shadow: none;
	font-size: clamp(1.15rem, 2vw, 1.45rem);
	font-weight: 850;
	letter-spacing: .01em;
	text-transform: none;
}

body.is-authenticated .right-home .left-title-home h4::before,
body.is-authenticated .right-home .left-title-home h4::after {
	display: none;
}

body.is-authenticated .right-home .left-title-home h4:hover {
	transform: none;
	background: none;
	box-shadow: none;
}

.page-eyebrow {
	color: #93c5fd;
	font-size: .66rem;
	font-weight: 850;
	letter-spacing: .13em;
}

.account-status {
	display: inline-flex;
	gap: 7px;
	align-items: center;
	padding: 8px 11px;
	border: 1px solid rgba(255,255,255,.15);
	border-radius: 999px;
	color: #dbeafe;
	background: rgba(255,255,255,.08);
	font-size: .72rem;
	font-weight: 750;
}

.account-status i { color: #4ade80; }

body.is-authenticated .form-right-home {
	padding: 0 22px;
}

body.is-authenticated .form-right-home > .card,
body.is-authenticated .form-right-home .card {
	border: 1px solid var(--dash-border) !important;
	border-radius: 15px !important;
	background: rgba(255,255,255,.96);
	box-shadow: 0 8px 25px rgba(15,23,42,.06) !important;
}

.account-overview {
	display: grid;
	gap: 18px;
}

.account-welcome {
	display: flex;
	gap: 16px;
	align-items: center;
	padding: 21px 23px;
	border: 1px solid #dbeafe;
	border-radius: 15px;
	background: linear-gradient(135deg, #eff6ff, #fff 60%);
}

.account-welcome-icon {
	display: grid;
	flex: 0 0 54px;
	width: 54px;
	height: 54px;
	place-items: center;
	border-radius: 16px;
	color: #fff;
	background: linear-gradient(135deg, #2563eb, #60a5fa);
	box-shadow: 0 10px 25px rgba(37,99,235,.25);
	font-size: 1.25rem;
}

.account-welcome span {
	color: #64748b;
	font-size: .76rem;
	font-weight: 750;
}

.account-welcome h3 {
	margin: 1px 0 3px;
	color: #172554;
	font-size: 1.25rem;
	font-weight: 850;
}

.account-welcome p {
	margin: 0;
	color: #64748b;
	font-size: .82rem;
}

.account-detail-card { margin: 0 !important; }
.account-detail-card .card-body { padding: 22px; }

.account-card-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 17px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--dash-border);
}

.account-card-heading span {
	color: #2563eb;
	font-size: .66rem;
	font-weight: 850;
	letter-spacing: .1em;
}

.account-card-heading h5 {
	margin: 2px 0 0;
	color: #172033;
	font-size: 1rem;
	font-weight: 800;
}

.account-card-heading > i {
	color: #cbd5e1;
	font-size: 1.45rem;
}

.account-data-item {
	display: flex;
	min-height: 73px;
	gap: 12px;
	align-items: center;
	padding: 13px;
	border: 1px solid #edf0f5;
	border-radius: 12px;
	background: #fafbfc;
	transition: border-color .2s, box-shadow .2s, transform .2s;
}

.account-data-item:hover {
	border-color: #bfdbfe;
	box-shadow: 0 8px 20px rgba(37,99,235,.07);
	transform: translateY(-1px);
}

.account-data-icon {
	display: grid;
	flex: 0 0 39px;
	width: 39px;
	height: 39px;
	place-items: center;
	border-radius: 11px;
	font-size: 1rem;
}

.account-data-icon.is-blue { color: #2563eb; background: #dbeafe; }
.account-data-icon.is-green { color: #16a34a; background: #dcfce7; }
.account-data-icon.is-orange { color: #ea580c; background: #ffedd5; }
.account-data-icon.is-purple { color: #7c3aed; background: #ede9fe; }

.account-data-content {
	display: flex;
	min-width: 0;
	flex: 1;
	flex-direction: column;
}

.account-data-content label {
	margin: 0 0 3px;
	color: #94a3b8;
	font-size: .68rem;
	font-weight: 750;
}

.account-data-content strong {
	overflow: hidden;
	color: #263247;
	font-size: .84rem;
	font-weight: 800;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.account-copy {
	display: grid;
	width: 34px;
	height: 34px;
	padding: 0;
	place-items: center;
	border: 1px solid #bfdbfe !important;
	border-radius: 9px !important;
	color: #2563eb !important;
	background: #fff !important;
}

.game-server-offline {
	border-color: #fed7aa !important;
	color: #9a3412 !important;
	background: #fff7ed !important;
	font-weight: 700;
}

.game-role-select {
	border-color: #bfdbfe !important;
	background-color: #fff !important;
}

.game-role-empty {
	border-color: #cbd5e1 !important;
	color: #64748b !important;
	background: #f8fafc !important;
	font-weight: 700;
}

@media (max-width: 991.98px) {
	body.is-authenticated .dashboard-shell { max-width: 960px; }
	body.is-authenticated .home-tab { gap: 14px; }
	body.is-authenticated .home-tab > .left-home {
		flex-basis: 235px;
		width: 235px;
	}
	.dashboard-account-stats {
		grid-template-columns: minmax(190px, 1.2fr) repeat(3, minmax(92px, .7fr));
		gap: 8px;
	}
	.dashboard-user-card,
	.dashboard-balance-card { padding: 11px; }
	.dashboard-balance-card > i { display: none; }
}

/* Admin revenue, registration and event-coin tools */
.revenue-dashboard,
.registration-settings-form,
.event-coin-shell {
	color: #334155;
}
.revenue-dashboard-heading,
.event-coin-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 18px;
}
.revenue-dashboard-heading span {
	color: #2563eb;
	font-size: .66rem;
	font-weight: 900;
	letter-spacing: .11em;
}
.revenue-dashboard-heading h4,
.event-coin-heading h5 {
	margin: 3px 0;
	color: #172554;
	font-size: 1.18rem;
	font-weight: 900;
}
.revenue-dashboard-heading p,
.event-coin-heading p {
	margin: 0;
	color: #8492a6;
	font-size: .72rem;
}
.revenue-dashboard-heading > i {
	display: grid;
	width: 48px;
	height: 48px;
	place-items: center;
	border-radius: 14px;
	color: #2563eb;
	background: #dbeafe;
	font-size: 1.3rem;
}
.revenue-summary-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 11px;
}
.revenue-summary-card {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	padding: 16px;
	border: 1px solid #dfe7f1;
	border-radius: 14px;
	background: #f8fafc;
}
.revenue-summary-card > i {
	display: grid;
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	place-items: center;
	border-radius: 12px;
	color: #2563eb;
	background: #dbeafe;
	font-size: 1.05rem;
}
.revenue-summary-card.is-success > i { color: #15803d; background: #dcfce7; }
.revenue-summary-card.is-violet > i { color: #7c3aed; background: #ede9fe; }
.revenue-summary-card small,
.revenue-summary-card strong,
.revenue-summary-card span { display: block; min-width: 0; }
.revenue-summary-card small { color: #7c8ba1; font-size: .65rem; font-weight: 800; }
.revenue-summary-card strong { margin: 3px 0; color: #172554; font-size: 1rem; font-weight: 900; white-space: nowrap; }
.revenue-summary-card strong em { font-size: .6rem; font-style: normal; }
.revenue-summary-card span { overflow: hidden; color: #94a3b8; font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.revenue-filter-form {
	margin-top: 15px;
	padding: 16px;
	border: 1px solid #e1e8f1;
	border-radius: 14px;
	background: #fff;
}
.revenue-filter-heading { display: flex; align-items: center; gap: 9px; margin-bottom: 13px; }
.revenue-filter-heading > i { color: #2563eb; }
.revenue-filter-heading strong,
.revenue-filter-heading small { display: block; }
.revenue-filter-heading strong { color: #263650; font-size: .76rem; }
.revenue-filter-heading small { margin-top: 2px; color: #8c99aa; font-size: .62rem; }
.revenue-filter-fields {
	display: grid;
	grid-template-columns: 1fr 1fr auto;
	align-items: end;
	gap: 10px;
}
.admin-field label { display: block; margin-bottom: 6px; color: #53627a; font-size: .68rem; font-weight: 800; }
.admin-field > small { display: block; margin-top: 6px; color: #94a3b8; font-size: .59rem; }
.admin-field .form-control,
.admin-field .form-select {
	min-height: 44px;
	border-color: #d8e2ef;
	border-radius: 10px;
	background-color: #f8fafc;
	color: #334155;
	font-size: .72rem;
}

/* Set GM / MOD */
.gm-permission-form { display: grid; gap: 18px; padding: 2px; }
.gm-account-summary { display: grid; grid-template-columns: 52px 1fr auto; gap: 14px; align-items: center; padding: 16px; border: 1px solid #dce6f3; border-radius: 14px; background: linear-gradient(135deg,#f8fbff,#f1f6ff); }
.gm-avatar { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; background: linear-gradient(135deg,#1d4ed8,#3b82f6); color: #fff; font-size: 1.25rem; box-shadow: 0 8px 20px rgba(37,99,235,.2); }
.gm-account-summary div:nth-child(2) { display: grid; gap: 2px; min-width: 0; }
.gm-account-summary small { color: #7b8ba3; font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.gm-account-summary strong { color: #15264a; font-size: 1.05rem; }
.gm-account-summary span:not(.gm-status) { color: #718096; font-size: .75rem; }
.gm-status { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border-radius: 999px; background: #fff1f2; color: #be123c; font-size: .72rem; font-weight: 800; white-space: nowrap; }
.gm-status.is-active { background: #dcfce7; color: #15803d; }
.gm-status i { font-size: .48rem; }
.gm-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.gm-role-note { display: flex; gap: 12px; align-items: flex-start; padding: 13px 15px; border: 1px solid #bfdbfe; border-radius: 12px; background: #eff6ff; color: #1e40af; }
.gm-role-note > i { margin-top: 2px; }
.gm-role-note div { display: grid; gap: 3px; }
.gm-role-note strong { font-size: .82rem; }
.gm-role-note span { color: #526987; font-size: .73rem; line-height: 1.55; }
.gm-submit { justify-self: start; display: inline-flex; align-items: center; gap: 9px; min-width: 172px; justify-content: center; }
.gm-action-section { display: grid; gap: 9px; }
.gm-section-label { color: #53627a; font-size: .72rem; font-weight: 800; }
.gm-section-label i { margin-right: 5px; color: #2563eb; }
.gm-action-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.gm-action-card { position: relative; display: grid; grid-template-columns: 40px 1fr; gap: 10px; align-items: center; min-height: 76px; margin: 0; padding: 12px; border: 1px solid #dbe4f0; border-radius: 12px; background: #fff; cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.gm-action-card:hover { border-color: #93b7ff; transform: translateY(-1px); }
.gm-action-card.is-selected { border-color: #2563eb; background: #f5f9ff; box-shadow: 0 0 0 2px rgba(37,99,235,.09); }
.gm-action-card input { position: absolute; opacity: 0; pointer-events: none; }
.gm-action-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; }
.gm-action-icon.gm-full { background: #fff4d6; color: #d97706; }
.gm-action-icon.gm-mod { background: #e8f1ff; color: #2563eb; }
.gm-action-icon.gm-remove { background: #feecec; color: #dc2626; }
.gm-action-card span:nth-of-type(2) { display: grid; gap: 3px; min-width: 0; }
.gm-action-card strong { color: #233454; font-size: .76rem; }
.gm-action-card small { color: #8390a4; font-size: .61rem; line-height: 1.4; }
.gm-check { position: absolute; top: 8px; right: 8px; color: #2563eb; font-size: .75rem; opacity: 0; }
.gm-action-card.is-selected .gm-check { opacity: 1; }
.gm-remove-card.is-selected { border-color: #ef4444; background: #fff8f8; box-shadow: 0 0 0 2px rgba(239,68,68,.08); }
.gm-remove-card.is-selected .gm-check { color: #ef4444; }

/* Khóa / mở tài khoản */
.account-status-form { display: grid; gap: 16px; }
.account-status-head { display: grid; grid-template-columns: 52px 1fr auto; align-items: center; gap: 14px; padding: 16px; border: 1px solid #dce5f1; border-radius: 14px; background: linear-gradient(135deg,#f8fbff,#f2f6fc); }
.account-status-avatar { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; background: #e8f1ff; color: #2563eb; font-size: 1.2rem; }
.account-status-head > div:nth-child(2) { display: grid; gap: 2px; }
.account-status-head small { color: #8190a5; font-size: .65rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.account-status-head strong { color: #172b50; font-size: 1rem; }
.account-status-head span:not(.account-state-badge) { color: #77869b; font-size: .72rem; }
.account-state-badge { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border-radius: 999px; font-size: .7rem; font-weight: 850; white-space: nowrap; }
.account-state-badge.is-open { background: #dcfce7; color: #15803d; }
.account-state-badge.is-locked { background: #fee2e2; color: #b91c1c; }
.account-status-stats { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.account-status-stats > div { display: grid; gap: 4px; padding: 13px 15px; border: 1px solid #e2e8f0; border-radius: 11px; background: #fff; }
.account-status-stats small { color: #8390a4; font-size: .64rem; font-weight: 750; }
.account-status-stats strong { color: #263754; font-size: .82rem; }
.account-status-action { padding: 14px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; }
.account-status-warning { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border: 1px solid #fde68a; border-radius: 11px; background: #fffbeb; color: #8a5a08; font-size: .7rem; line-height: 1.55; }
.account-status-warning i { margin-top: 2px; color: #d97706; }
.account-status-submit { justify-self: start; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 180px; min-height: 44px; border: 0; border-radius: 10px; background: #2563eb; color: #fff; font-weight: 850; }
.account-status-submit.is-danger { background: #dc2626; }
@media (max-width: 640px) {
  .account-status-head { grid-template-columns: 46px 1fr; }
  .account-state-badge { grid-column: 1/-1; justify-self: start; }
  .account-status-stats { grid-template-columns: 1fr; }
  .account-status-submit { width: 100%; }
}

/* Admin ngân hàng và giao dịch */
.bank-admin-page{display:grid;gap:14px}.bank-admin-hero{display:flex;align-items:center;gap:16px;padding:22px 24px;border-radius:17px;background:linear-gradient(135deg,#142650,#2868df);color:#fff;box-shadow:0 14px 34px rgba(23,56,119,.16)}.bank-admin-hero small{color:#9fc3ff;font-size:.64rem;font-weight:850;letter-spacing:.1em}.bank-admin-hero h3{margin:3px 0;font-size:1.35rem;font-weight:900}.bank-admin-hero p{margin:0;color:rgba(255,255,255,.7);font-size:.76rem}.bank-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-left:auto;min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:#fff;color:#2059bd;font-size:.72rem;font-weight:850}.bank-error{display:flex;gap:9px;padding:13px 15px;border:1px solid #fecaca;border-radius:12px;background:#fef2f2;color:#b91c1c;font-size:.74rem}.bank-panel{overflow:hidden;border:1px solid #dfe7f1;border-radius:15px;background:#fff;box-shadow:0 7px 24px rgba(28,48,78,.06)}.bank-panel-title{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid #e8edf3}.bank-panel-title>div{display:flex;align-items:center;gap:10px}.bank-panel-title>div>i{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eaf2ff;color:#2563eb}.bank-panel-title span,.bank-panel-title strong,.bank-panel-title small{display:block}.bank-panel-title strong{color:#233555;font-size:.84rem}.bank-panel-title small{margin-top:2px;color:#8b98aa;font-size:.64rem}.bank-panel-title>b{display:grid;place-items:center;min-width:28px;height:28px;border-radius:14px;background:#eef4ff;color:#2563eb;font-size:.7rem}.bank-config-list{display:grid;gap:12px;padding:15px}.bank-promotion-form{display:grid;gap:12px;padding:15px;border:1px solid #e1e8f1;border-radius:13px;background:#f9fbfd}.bank-identity{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px}.bank-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#e8f1ff;color:#2563eb}.bank-identity>div{display:grid}.bank-identity strong{color:#243754;font-size:.82rem}.bank-identity small{color:#8592a4;font-size:.65rem}.bank-live-bonus{padding:6px 9px;border-radius:999px;background:#e7f7ed;color:#218348;font-size:.64rem;font-weight:850}.bank-live-bonus.is-event{background:#fff0cc;color:#b36c00}.bank-promo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.bank-promotion-form label{display:grid;gap:5px;margin:0;color:#64748b;font-size:.65rem;font-weight:750}.bank-promotion-form input,.bank-promotion-form select,.bank-create-grid input,.bank-create-grid select{width:100%;min-height:40px;padding:0 11px;border:1px solid #d9e3ef;border-radius:9px;background:#fff;color:#34445d;font-size:.72rem}.bank-message-field{grid-template-columns:1fr}.bank-save-button{justify-self:start;min-height:39px;padding:0 14px;border:0;border-radius:9px;background:#2563eb;color:#fff;font-size:.68rem;font-weight:850}.bank-table-tools{display:flex;justify-content:flex-end;padding:10px 15px 0}.bank-table-search{width:min(100%,280px);min-height:38px;padding:0 12px;border:1px solid #dce4ee;border-radius:9px;font-size:.7rem}.bank-table-wrap{overflow:auto;padding:10px 15px 15px}.bank-data-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;border:1px solid #e1e8f0;border-radius:11px;overflow:hidden}.bank-data-table th{padding:10px;background:#f5f8fc;color:#6c7c92;font-size:.62rem;text-transform:uppercase}.bank-data-table td{padding:10px;border-top:1px solid #edf1f5;color:#45546a;font-size:.7rem;vertical-align:middle}.bank-data-table code{color:#2d67c7;font-size:.68rem}.pending-amount{width:130px;min-height:37px;padding:0 9px;border:1px solid #d9e3ef;border-radius:8px;font-size:.7rem}.bank-row-actions{display:flex;gap:6px}.approve-payment,.delete-pending,.revoke-payment{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 10px;border:0;border-radius:8px;font-size:.64rem;font-weight:850}.approve-payment{background:#dcfce7;color:#15803d}.delete-pending,.revoke-payment{background:#feecec;color:#c62828}.bonus-pill{padding:4px 7px;border-radius:999px;background:#e7f7ed;color:#218348;font-size:.62rem;font-weight:850}.bank-empty{padding:28px;text-align:center;color:#8b98aa;font-size:.74rem}.bank-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.bank-create-grid label{display:grid;gap:5px;color:#596980;font-size:.68rem;font-weight:800}.bank-create-grid #result_callback_login_bank{grid-column:1/-1}
@media(max-width:900px){.bank-promo-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.bank-admin-hero{align-items:flex-start;flex-direction:column}.bank-primary-button{width:100%;margin-left:0}.bank-promo-grid,.bank-create-grid{grid-template-columns:1fr}.bank-identity{grid-template-columns:42px 1fr}.bank-live-bonus{grid-column:1/-1;justify-self:start}}
@media (max-width: 640px) {
  .gm-account-summary { grid-template-columns: 46px 1fr; }
  .gm-status { grid-column: 1 / -1; justify-self: start; }
  .gm-form-grid { grid-template-columns: 1fr; }
  .gm-action-grid { grid-template-columns: 1fr; }
  .gm-submit { width: 100%; }
}
.admin-save-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 44px;
	padding: 0 17px;
	border-radius: 10px;
	background: #2563eb;
	color: #fff;
	font-size: .7rem;
	font-weight: 850;
	box-shadow: 0 7px 15px rgba(37,99,235,.18);
}
.admin-save-button:hover { background: #1d4ed8; }
.revenue-filter-result { margin-top: 12px; }
.revenue-result-message {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 13px 15px;
	border: 1px solid #bbf7d0;
	border-radius: 11px;
	background: #f0fdf4;
}
.revenue-result-message > i { color: #16a34a; font-size: 1.1rem; }
.revenue-result-message span,
.revenue-result-message strong { display: block; }
.revenue-result-message span { color: #64748b; font-size: .65rem; }
.revenue-result-message strong { margin-top: 2px; color: #15803d; font-size: .95rem; }
.revenue-result-message.is-error { border-color: #fecaca; background: #fef2f2; }
.revenue-result-message.is-error > i,
.revenue-result-message.is-error strong { color: #dc2626; }

.registration-current-state {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
	padding: 14px;
	border: 1px solid #bbf7d0;
	border-radius: 13px;
	background: #f0fdf4;
}
.registration-current-state.is-closed { border-color: #fecaca; background: #fef2f2; }
.registration-state-icon {
	display: grid;
	width: 42px;
	height: 42px;
	place-items: center;
	border-radius: 12px;
	background: #dcfce7;
	color: #16a34a;
	font-size: 1.15rem;
}
.registration-current-state.is-closed .registration-state-icon { color: #dc2626; background: #fee2e2; }
.registration-current-state small,
.registration-current-state strong { display: block; }
.registration-current-state small { color: #718096; font-size: .62rem; }
.registration-current-state strong { margin: 2px 0; color: #15803d; font-size: .84rem; }
.registration-current-state.is-closed strong { color: #b91c1c; }
.registration-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.registration-form-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	margin-top: 17px;
	padding-top: 14px;
	border-top: 1px solid #e6ebf2;
}
.registration-form-footer > span { color: #7b8798; font-size: .62rem; }
.admin-empty-panel { display: flex; align-items: center; flex-direction: column; padding: 36px; color: #94a3b8; text-align: center; }
.admin-empty-panel i { margin-bottom: 8px; font-size: 2rem; }.admin-empty-panel strong,.admin-empty-panel span { display: block; }.admin-empty-panel strong { color: #475569; }

.event-coin-shell {
	overflow: hidden;
	border: 1px solid #dde6f1;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 12px 30px rgba(25,48,88,.07);
}
.event-coin-heading { justify-content: flex-start; margin: 0; padding: 18px 20px; border-bottom: 1px solid #e5ebf3; background: #f8fafc; }
.event-coin-heading-icon {
	display: grid;
	width: 45px;
	height: 45px;
	flex: 0 0 45px;
	place-items: center;
	border-radius: 13px;
	color: #2563eb;
	background: #dbeafe;
	font-size: 1.1rem;
}
.event-coin-form { padding: 20px; }
.event-coin-options { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 15px; }
.event-coin-type {
	position: relative;
	display: flex;
	align-items: center;
	gap: 11px;
	min-height: 65px;
	padding: 11px 13px;
	border: 1px solid #dce5f0;
	border-radius: 12px;
	background: #f8fafc;
	cursor: pointer;
}
.event-coin-type > input { position: absolute; opacity: 0; }
.event-coin-type > i { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 10px; color: #16a34a; background: #dcfce7; }
.event-coin-type.is-war > i { color: #dc2626; background: #fee2e2; }
.event-coin-type strong,.event-coin-type small { display: block; }.event-coin-type strong { color: #263650; font-size: .72rem; }.event-coin-type small { margin-top: 2px; color: #8996a8; font-size: .59rem; }
.event-coin-type em { display: none; margin-left: auto; color: #2563eb; }
.event-coin-type:has(input:checked) { border-color: #4f86e4; background: #eff6ff; box-shadow: 0 0 0 3px rgba(37,99,235,.08); }
.event-coin-type:has(input:checked) em { display: block; }
.event-coin-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.event-coin-amount { display: flex; }.event-coin-amount input { border-radius: 10px 0 0 10px!important; }.event-coin-amount span { display: grid; min-width: 48px; place-items: center; border: 1px solid #d8e2ef; border-left: 0; border-radius: 0 10px 10px 0; background: #edf4ff; color: #2563eb; font-size: .65rem; font-weight: 850; }
.event-coin-recipients { margin: 15px 0; }.event-coin-recipients textarea { min-height: 112px; resize: vertical; line-height: 1.55; }
.event-coin-label-row { display: flex; align-items: center; justify-content: space-between; }.event-coin-label-row span { padding: 4px 8px; border-radius: 12px; background: #f1f5f9; color: #64748b; font-size: .58rem; font-weight: 800; }.event-coin-label-row span.has-users { color: #166534; background: #dcfce7; }
.event-coin-review { display: flex; align-items: center; gap: 8px; margin-top: 14px; padding: 10px 12px; border-radius: 10px; background: #fff7e6; color: #8a6413; font-size: .62rem; }
.event-coin-submit { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 46px; margin-top: 13px; border-radius: 10px; background: #172554; color: #fff; font-size: .74rem; font-weight: 900; }.event-coin-submit:hover { background: #1e3a8a; }.event-coin-submit:disabled { opacity: .65; cursor: wait; }
.event-coin-confirm { display: flex; flex-direction: column; gap: 5px; padding: 5px; }.event-coin-confirm strong { color: #172554; font-size: 1rem; }.event-coin-confirm span { color: #475569; }.event-coin-confirm small { color: #8492a6; }
.event-coin-result-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }.event-coin-result-summary > div { padding: 13px; border: 1px solid #e2e8f0; border-radius: 11px; background: #f8fafc; text-align: center; }.event-coin-result-summary strong,.event-coin-result-summary span { display: block; }.event-coin-result-summary strong { color: #172554; font-size: 1.15rem; }.event-coin-result-summary span { margin-top: 3px; color: #7c899b; font-size: .61rem; }.event-coin-result-summary .is-success strong { color: #16a34a; }.event-coin-result-summary .is-duplicate strong { color: #d97706; }.event-coin-result-summary .is-failed strong { color: #dc2626; }
.event-coin-failed { margin-top: 13px; }.event-coin-failed > strong { color: #334155; font-size: .7rem; }.event-coin-failed ul { max-height: 190px; margin: 8px 0 0; padding: 0; overflow: auto; list-style: none; }.event-coin-failed li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 9px; border-bottom: 1px solid #edf1f5; font-size: .64rem; }.event-coin-failed li span { color: #dc2626; }.event-coin-result-ok { margin-top: 13px; padding: 11px; border-radius: 10px; color: #15803d; background: #f0fdf4; text-align: center; font-size: .68rem; }

@media (max-width: 767.98px) {
	.revenue-summary-grid { grid-template-columns: 1fr; }
	.revenue-filter-fields,
	.registration-form-grid,
	.event-coin-grid { grid-template-columns: 1fr; }
	.registration-form-footer { align-items: stretch; flex-direction: column; }
	.event-coin-options { grid-template-columns: 1fr; }
}

/* Compact authentication screens */
.auth-panel-compact { width: min(100%, 500px); }
.auth-register-panel { width: min(100%, 690px); }
.auth-card {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.85);
	border-radius: 20px;
	background: rgba(255,255,255,.97);
	box-shadow: 0 22px 60px rgba(15,23,42,.2);
	backdrop-filter: blur(16px);
	animation: zxEnter .3s ease both;
}
.auth-card-header {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 22px 24px 18px;
	border-bottom: 1px solid #e7ecf3;
	background: linear-gradient(135deg,#f8fbff,#fff);
}
.auth-header-icon {
	display: grid;
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
	place-items: center;
	border-radius: 14px;
	color: #2563eb;
	background: #dbeafe;
	font-size: 1.2rem;
	box-shadow: inset 0 0 0 1px rgba(37,99,235,.08);
}
.auth-header-icon.is-register { color: #15803d; background: #dcfce7; }
.auth-header-icon.is-recovery { color: #7c3aed; background: #ede9fe; }
.auth-eyebrow {
	display: block;
	color: #2563eb;
	font-size: .58rem;
	font-weight: 900;
	letter-spacing: .12em;
}
.auth-card-header h1 {
	margin: 2px 0;
	color: #172554;
	font-size: 1.28rem;
	font-weight: 900;
}
.auth-card-header p {
	margin: 0;
	color: #8390a3;
	font-size: .66rem;
}
.auth-form { padding: 20px 24px 22px; }
.auth-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.auth-field { min-width: 0; margin-bottom: 13px; }
.auth-form-grid .auth-field { margin-bottom: 0; }
.auth-field > label,
.auth-label-row label {
	display: block;
	margin: 0 0 6px;
	color: #475569;
	font-size: .68rem;
	font-weight: 850;
}
.auth-label-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.auth-label-row a { margin-bottom: 6px; color: #2563eb; font-size: .61rem; font-weight: 750; }
.auth-control {
	display: flex;
	align-items: center;
	min-height: 45px;
	overflow: hidden;
	border: 1px solid #dbe3ed;
	border-radius: 11px;
	background: #f8fafc;
	transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.auth-control:focus-within { border-color: #5b8fe7; background: #fff; box-shadow: 0 0 0 3px rgba(37,99,235,.09); }
.auth-control.has-error { border-color: #ef4444; background: #fff7f7; box-shadow: 0 0 0 3px rgba(239,68,68,.07); }
.auth-control > i { width: 42px; flex: 0 0 42px; color: #7d8ba0; text-align: center; font-size: .78rem; }
.auth-control input {
	min-width: 0;
	height: 43px;
	flex: 1;
	padding: 0 10px 0 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: #263650;
	font-size: .72rem;
}
.auth-control input::placeholder { color: #a0aaba; }
.auth-toggle-password {
	display: grid;
	width: 40px;
	height: 43px;
	flex: 0 0 40px;
	place-items: center;
	background: transparent;
	color: #65748a;
	font-size: .72rem;
}
.auth-toggle-password:hover { color: #2563eb; }
.auth-field-error { display: block; margin: 5px 2px 0; color: #dc2626; font-size: .58rem; font-weight: 650; }
.auth-primary-button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 47px;
	margin-top: 4px;
	padding: 0 17px;
	border-radius: 11px;
	background: linear-gradient(110deg,#172554,#2563eb);
	color: #fff;
	font-size: .72rem;
	font-weight: 900;
	box-shadow: 0 9px 20px rgba(37,99,235,.2);
	transition: transform .18s ease, box-shadow .18s ease;
}
.auth-primary-button:hover { transform: translateY(-1px); box-shadow: 0 12px 24px rgba(37,99,235,.25); }
.auth-primary-button:disabled { opacity: .68; cursor: wait; transform: none; }
.auth-switch {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin-top: 15px;
	padding-top: 14px;
	border-top: 1px solid #edf1f5;
	font-size: .64rem;
}
.auth-switch span { color: #7c899b; }
.auth-switch a { color: #2563eb; font-weight: 850; }
.auth-security-note {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 15px 0 12px;
	padding: 9px 11px;
	border-radius: 9px;
	background: #eff6ff;
	color: #55708f;
	font-size: .6rem;
	line-height: 1.45;
}
.auth-security-note i { color: #2563eb; }
.auth-recovery-guide {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 15px;
	padding: 11px 12px;
	border: 1px solid #e1e8f1;
	border-radius: 10px;
	background: #f8fafc;
}
.auth-recovery-guide > span {
	display: grid;
	width: 28px;
	height: 28px;
	flex: 0 0 28px;
	place-items: center;
	border-radius: 9px;
	background: #e0e7ff;
	color: #4f46e5;
	font-size: .66rem;
	font-weight: 900;
}
.auth-recovery-guide strong,
.auth-recovery-guide small { display: block; }
.auth-recovery-guide strong { color: #334155; font-size: .68rem; }
.auth-recovery-guide small { margin-top: 2px; color: #8a97a9; font-size: .58rem; line-height: 1.4; }
.auth-captcha { display: flex; justify-content: center; margin: 12px 0; overflow: hidden; }
.auth-request-overlay {
	position: absolute;
	inset: 0;
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 9px;
	visibility: hidden;
	background: rgba(255,255,255,.82);
	opacity: 0;
	backdrop-filter: blur(3px);
	transition: opacity .16s ease, visibility .16s ease;
}
.auth-request-overlay.is-visible { visibility: visible; opacity: 1; }
.auth-request-overlay .spinner-border { width: 28px; height: 28px; color: #2563eb; }
.auth-request-overlay strong { color: #334155; font-size: .68rem; }

@media (max-width: 575.98px) {
	.auth-card { border-radius: 16px; }
	.auth-card-header { padding: 18px; }
	.auth-header-icon { width: 42px; height: 42px; flex-basis: 42px; }
	.auth-card-header h1 { font-size: 1.08rem; }
	.auth-card-header p { font-size: .6rem; }
	.auth-form { padding: 17px 18px 19px; }
	.auth-form-grid { grid-template-columns: 1fr; gap: 0; }
	.auth-form-grid .auth-field { margin-bottom: 12px; }
	.auth-captcha { transform: scale(.88); margin: 5px -20px; }
}

/* =========================================================
   SERVICE UI + MODAL SYSTEM 2026
   ========================================================= */
.admin-entry-link {
	color: #7c3aed !important;
	background: linear-gradient(135deg, #f5f3ff, #eef2ff) !important;
	box-shadow: inset 3px 0 #7c3aed;
}

.admin-entry-link > i:first-child {
	color: #7c3aed !important;
	background: #ede9fe !important;
}

.admin-entry-arrow {
	width: auto !important;
	margin-left: auto !important;
	color: #8b5cf6 !important;
	background: transparent !important;
}

.admin-hub {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 22px;
}

.admin-hub-card {
	display: flex;
	min-height: 96px;
	gap: 12px;
	align-items: center;
	padding: 15px;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	color: #334155;
	background: #fff;
	box-shadow: 0 6px 18px rgba(15, 23, 42, .05);
	transition: .2s ease;
}

.admin-hub-card:hover,
.admin-hub-card.is-active {
	color: #1d4ed8;
	border-color: #bfdbfe;
	background: #f8fbff;
	box-shadow: 0 10px 25px rgba(37, 99, 235, .1);
	transform: translateY(-2px);
}

.admin-hub-card > i {
	display: grid;
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	place-items: center;
	border-radius: 12px;
	color: #2563eb;
	background: #dbeafe;
	font-size: 1rem;
}

.admin-hub-card span {
	display: flex;
	min-width: 0;
	flex-direction: column;
}

.admin-hub-card strong {
	font-size: .84rem;
	font-weight: 850;
}

.admin-hub-card small {
	margin-top: 3px;
	color: #8491a5;
	font-size: .67rem;
	line-height: 1.35;
}

.section-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 4px 0 16px;
	padding: 13px 15px;
	border: 1px solid #e6ebf3;
	border-radius: 12px;
	background: #f8fafc;
}

.section-heading span,
.modal-eyebrow {
	color: #2563eb;
	font-size: .63rem;
	font-weight: 850;
	letter-spacing: .11em;
}

.section-heading h5 {
	margin: 2px 0 0;
	color: #172033;
	font-size: .95rem;
	font-weight: 800;
}

.section-heading > i { color: #94a3b8; }

.admin-search-type {
	flex: 0 0 135px !important;
	max-width: 135px;
	border-color: #dbe3ee;
	color: #334155;
	background-color: #f8fafc;
	font-size: .78rem;
	font-weight: 750;
}

.admin-user-results {
	display: grid;
	gap: 9px;
}

.admin-user-result {
	display: flex;
	min-height: 62px;
	gap: 12px;
	align-items: center;
	padding: 11px 13px;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	background: #fff;
	cursor: pointer;
	transition: .18s ease;
}

.admin-user-result:hover {
	border-color: #93c5fd;
	background: #f8fbff;
	box-shadow: 0 7px 18px rgba(37,99,235,.08);
}

.admin-user-result .form-check-input {
	flex: 0 0 auto;
	margin: 0;
}

.admin-user-result span {
	display: flex;
	min-width: 0;
	flex: 1;
	flex-direction: column;
}

.admin-user-result strong {
	color: #172554;
	font-size: .82rem;
	font-weight: 850;
}

.admin-user-result small {
	margin-top: 3px;
	color: #8491a5;
	font-size: .67rem;
}

.admin-workspace-card {
	margin-top: 14px;
	padding: 17px;
	border: 1px solid #e2e8f0;
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 7px 22px rgba(15,23,42,.05);
}
.admin-card-heading {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 14px;
}
.admin-card-heading > i {
	display: grid;
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	place-items: center;
	border-radius: 10px;
	color: #2563eb;
	background: #eaf2ff;
}
.admin-card-heading strong,
.admin-card-heading small { display: block; }
.admin-card-heading strong { color: #172554; font-size: .82rem; font-weight: 900; }
.admin-card-heading small { margin-top: 2px; color: #8492a6; font-size: .67rem; }
.admin-search-control {
	display: grid;
	grid-template-columns: 150px minmax(0, 1fr) 132px;
	gap: 9px;
}
.admin-search-control > .form-control,
.admin-search-control > .form-select,
.admin-check-control > .form-control {
	width: 100% !important;
	max-width: none;
	min-height: 46px;
	border: 1px solid #d9e2ef !important;
	border-radius: 10px !important;
	background: #f8fafc;
	font-size: .76rem;
}
.admin-primary-button {
	display: inline-flex;
	min-height: 46px;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 0 16px;
	border: 0;
	border-radius: 10px;
	color: #fff;
	background: linear-gradient(135deg, #2563eb, #1d4ed8);
	box-shadow: 0 7px 16px rgba(37,99,235,.22);
	font-size: .73rem;
	font-weight: 850;
	transition: transform .18s ease, box-shadow .18s ease;
}
.admin-primary-button:hover:not(:disabled) {
	color: #fff;
	transform: translateY(-1px);
	box-shadow: 0 10px 20px rgba(37,99,235,.28);
}
.admin-result-content { min-height: 78px; }
.admin-result-placeholder {
	display: flex;
	min-height: 78px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 7px;
	border: 1px dashed #cbd5e1;
	border-radius: 11px;
	color: #94a3b8;
	background: #f8fafc;
	font-size: .72rem;
}
.admin-result-placeholder i { font-size: 1.25rem; }
.admin-selected-actions {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #edf2f7;
}
.admin-action-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 9px;
}
.admin-system-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.admin-action-button {
	display: flex;
	min-width: 0;
	min-height: 70px;
	align-items: center;
	gap: 10px;
	padding: 11px 12px;
	border: 1px solid #dbe5f1;
	border-radius: 11px;
	color: #334155;
	background: #f8fafc;
	text-align: left;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.admin-action-button:hover {
	transform: translateY(-2px);
	border-color: #bfdbfe;
	box-shadow: 0 8px 18px rgba(15,23,42,.09);
}
.admin-action-button > i {
	display: grid;
	width: 35px;
	height: 35px;
	flex: 0 0 35px;
	place-items: center;
	border-radius: 9px;
	color: #2563eb;
	background: #dbeafe;
}
.admin-action-button span,
.admin-action-button b,
.admin-action-button small { display: block; min-width: 0; }
.admin-action-button b { color: #172554; font-size: .72rem; font-weight: 900; }
.admin-action-button small { margin-top: 3px; color: #8492a6; font-size: .61rem; line-height: 1.3; }
.admin-action-button.is-warning > i { color: #b45309; background: #fef3c7; }
.admin-action-button.is-danger > i { color: #dc2626; background: #fee2e2; }
.admin-action-button.is-vip > i { color: #7c3aed; background: #ede9fe; }
.admin-action-button.is-money > i { color: #15803d; background: #dcfce7; }
.admin-action-button.is-revenue > i { color: #0369a1; background: #e0f2fe; }
.admin-action-button.is-register > i { color: #c2410c; background: #ffedd5; }
.admin-check-control {
	display: grid;
	grid-template-columns: 145px minmax(0, 1fr) 150px;
	gap: 9px;
}

.service-page {
	display: grid;
	gap: 18px;
}

.service-intro {
	display: flex;
	gap: 14px;
	align-items: center;
	padding: 18px 20px;
	border: 1px solid #dbeafe;
	border-radius: 15px;
	background: linear-gradient(135deg, #eff6ff, #fff 65%);
}

.service-intro-icon {
	display: grid;
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	place-items: center;
	border-radius: 14px;
	color: #fff;
	background: linear-gradient(135deg, #2563eb, #60a5fa);
	box-shadow: 0 9px 20px rgba(37, 99, 235, .22);
}

.service-intro > div:nth-child(2) { flex: 1; }
.service-intro h5 { margin: 0 0 3px; color: #172554; font-size: 1rem; font-weight: 850; }
.service-intro p { margin: 0; color: #64748b; font-size: .78rem; }

.btn-history {
	display: inline-flex;
	gap: 7px;
	align-items: center;
	padding: 10px 13px;
	border: 1px solid #bfdbfe;
	border-radius: 10px;
	color: #1d4ed8;
	background: #fff;
	font-size: .76rem;
	font-weight: 800;
}

.btn-history:hover { color: #fff; background: #2563eb; }

.balance-choice {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.balance-option {
	display: flex;
	min-height: 82px;
	gap: 12px;
	align-items: center;
	padding: 15px 17px;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	background: #fff;
	cursor: pointer;
	transition: .2s ease;
}

.balance-option input { position: absolute; opacity: 0; pointer-events: none; }
.balance-option > i {
	display: grid;
	width: 40px;
	height: 40px;
	place-items: center;
	border-radius: 12px;
	color: #2563eb;
	background: #eff6ff;
}
.balance-option span { display: flex; color: #64748b; font-size: .72rem; flex-direction: column; }
.balance-option strong { margin-top: 2px; color: #172554; font-size: 1rem; font-weight: 900; }
.balance-option.is-selected {
	border-color: #60a5fa;
	background: #eff6ff;
	box-shadow: 0 8px 22px rgba(37, 99, 235, .1);
}

.service-form {
	display: grid;
	gap: 16px;
	padding: 20px;
	border: 1px solid #e6ebf3;
	border-radius: 15px;
	background: rgba(255,255,255,.96);
	box-shadow: 0 8px 25px rgba(15,23,42,.05);
}

.service-form label {
	display: block;
	margin-bottom: 7px;
	color: #475569;
	font-size: .78rem;
	font-weight: 800;
}

.service-form label i { width: 20px; color: #2563eb; }
.service-form .form-control,
.service-form .input-group-text {
	min-height: 52px;
	border-color: #e2e8f0;
	background: #f8fafc;
}
.service-form .form-control { font-size: .9rem; font-weight: 750; }
.service-form .input-group-text { color: #64748b; font-size: .75rem; font-weight: 850; }
.form-hint { display: block; margin-top: 6px; color: #94a3b8; font-size: .68rem; }

.exchange-preview {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 16px;
	align-items: center;
	padding: 18px;
	border-radius: 14px;
	background: linear-gradient(135deg, #111d3d, #1d3f88);
}
.exchange-preview > div { display: flex; align-items: baseline; justify-content: center; gap: 6px; flex-wrap: wrap; }
.exchange-preview span { flex-basis: 100%; color: #bfdbfe; font-size: .69rem; text-align: center; }
.exchange-preview strong { color: #fff; font-size: 1.35rem; font-weight: 900; }
.exchange-preview small { color: #93c5fd; font-size: .68rem; font-weight: 800; }
.exchange-preview > i { color: #60a5fa; }
.service-submit { min-height: 50px; border-radius: 11px; font-size: .82rem; font-weight: 850; }
.service-submit:disabled { opacity: .55; cursor: not-allowed; }

/* Mọi modal lịch sử luôn ở giữa viewport và không bị cắt bởi dashboard. */
.modal {
	z-index: 1060;
	padding: 16px !important;
}
.modal-backdrop { z-index: 1055; }
.modal-dialog {
	width: min(100%, var(--bs-modal-width, 720px));
	margin: auto !important;
}
.modal.fade .modal-dialog {
	transform: translate3d(0, 8px, 0) scale(.99);
	transition: transform .16s ease-out;
	will-change: transform;
}
.modal.show .modal-dialog { transform: translate3d(0, 0, 0) scale(1); }
.modal-backdrop.fade { transition: opacity .14s linear; }
.modal-dialog.modal-xl { --bs-modal-width: 1080px; }
.modal-dialog.modal-lg { --bs-modal-width: 900px; }
.modal-content {
	overflow: hidden;
	border: 1px solid rgba(226,232,240,.9) !important;
	border-radius: 16px !important;
	background: #fff;
	box-shadow: 0 25px 75px rgba(15,23,42,.28) !important;
}
.modal-header {
	min-height: 72px;
	padding: 15px 20px;
	border-bottom: 1px solid #e6ebf3;
	background: linear-gradient(135deg, #f8fafc, #fff) !important;
}
.modal-header .modal-title {
	margin-top: 2px;
	color: #172554 !important;
	font-size: 1rem;
	font-weight: 850;
}
.modal-header .btn-close { margin: 0; padding: 9px; border-radius: 9px; background-color: #eef2f7; }
.modal-body { padding: 20px; overflow: visible; }
.modal { overflow-x: hidden; overflow-y: auto; }
.modal-dialog-scrollable .modal-body { overflow-y: auto; }
.modal-footer { padding: 12px 20px; border-top: 1px solid #e6ebf3; background: #f8fafc; }
.modal-footer .btn { min-width: 100px; border-radius: 9px; font-size: .76rem; font-weight: 800; }
.bootbox .modal-dialog { max-width: 520px; }
.bootbox .modal-body { padding: 20px; color: #334155; font-size: .88rem; line-height: 1.55; }

/* Thông báo chung: gọn, rõ và đồng nhất trên toàn bộ chức năng. */
.bootbox.zx-notice .modal-dialog{max-width:430px}
.bootbox.zx-notice .modal-content{border:0!important;border-radius:15px!important;box-shadow:0 22px 65px rgba(15,23,42,.25)!important}
.bootbox.zx-notice .modal-header{display:flex;align-items:center;gap:11px;min-height:60px;padding:13px 16px;border-bottom:1px solid #edf1f6;background:#fff!important}
.bootbox.zx-notice .modal-title{margin:0!important;color:#22314a!important;font-size:.9rem!important;font-weight:850!important}
.bootbox.zx-notice .zx-notice-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#eaf2ff;color:#2e6fdd;font-size:19px}
.bootbox.zx-notice--error .zx-notice-icon{background:#fff0ef;color:#dc4c43}
.bootbox.zx-notice--success .zx-notice-icon{background:#eaf8ef;color:#2b9850}
.bootbox.zx-notice--warning .zx-notice-icon{background:#fff7df;color:#c28411}
.bootbox.zx-notice .bootbox-close-button{position:static!important;order:3;margin-left:auto!important;padding:6px!important;border-radius:8px!important;color:#7c8899!important;font-size:20px!important;line-height:1!important}
.bootbox.zx-notice .bootbox-close-button:hover{background:#f1f4f8!important;color:#334155!important;transform:none}
.bootbox.zx-notice .modal-body{min-height:auto;padding:17px 18px;color:#4b5a70;font-size:.8rem;line-height:1.55}
.bootbox.zx-notice .bootbox-body>p:last-child{margin-bottom:0}
.bootbox.zx-notice .modal-footer{min-height:57px;padding:10px 16px;border-top:1px solid #edf1f6;background:#f8fafc}
.bootbox.zx-notice .modal-footer .btn{min-width:82px;min-height:36px;padding:7px 14px;border:0!important;border-radius:9px!important;box-shadow:none!important;font-size:.72rem;font-weight:850}
.bootbox.zx-notice .bootbox-accept{background:#2465d5!important;color:#fff!important}
.bootbox.zx-notice--error .bootbox-accept{background:#dc4c43!important}
.bootbox.zx-notice--success .bootbox-accept{background:#26904a!important}
.bootbox.zx-notice--warning .bootbox-accept{background:#d18a0b!important}
.bootbox.zx-notice .bootbox-cancel{background:#e9edf3!important;color:#536176!important}
.bootbox.zx-notice .btn:hover{filter:brightness(.96);transform:translateY(-1px)}
@media(max-width:575px){.bootbox.zx-notice{padding:12px!important}.bootbox.zx-notice .modal-dialog{width:100%;max-width:100%}.bootbox.zx-notice .modal-header{min-height:56px}.bootbox.zx-notice .modal-body{padding:15px 16px}.bootbox.zx-notice .modal-footer{padding:9px 12px}}

.history-summary {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin-bottom: 16px;
}
.history-summary > div {
	display: flex;
	min-height: 76px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border: 1px solid #dbeafe;
	border-radius: 12px;
	background: #f8fbff;
}
.history-summary span { color: #64748b; font-size: .68rem; }
.history-summary strong { margin-top: 3px; color: #1d4ed8; font-size: 1.05rem; font-weight: 900; }
.history-table-wrap { border: 1px solid #e6ebf3; border-radius: 12px; }
.history-table { margin: 0; min-width: 800px; }
.history-table thead th {
	padding: 12px 10px;
	border: 0;
	color: #64748b;
	background: #f8fafc;
	font-size: .67rem;
	font-weight: 850;
	letter-spacing: .04em;
	white-space: nowrap;
}
.history-table tbody td {
	padding: 12px 10px;
	border-color: #edf1f6;
	color: #475569;
	font-size: .74rem;
	white-space: nowrap;
}
.type-badge,
.status-badge {
	display: inline-flex;
	padding: 5px 8px;
	border-radius: 999px;
	font-size: .65rem;
	font-weight: 850;
}
.type-badge.is-deposit { color: #1d4ed8; background: #dbeafe; }
.type-badge.is-war { color: #b91c1c; background: #fee2e2; }
.status-badge.is-pending { color: #a16207; background: #fef3c7; }
.status-badge.is-success { color: #15803d; background: #dcfce7; }
.empty-history { padding: 34px !important; color: #94a3b8 !important; text-align: center; }
.empty-history i { display: block; margin-bottom: 8px; font-size: 1.4rem; }

/* Form trong modal: gọn, đồng nhất và tự co theo nội dung */
.modal-dialog.admin-player-dialog { --bs-modal-width: 760px; }
.modal-dialog.admin-player-dialog:has(.admin-player-form) { --bs-modal-width: 1120px; }
.modal form:not(.admin-player-form) {
	margin: 0;
	color: #334155;
}
.modal form:not(.admin-player-form):has(> [class*="col-"]) {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 13px;
	margin: 0;
}
.modal form:not(.admin-player-form):has(> [class*="col-"]) > [class*="col-"] {
	width: auto;
	max-width: none;
	margin: 0 !important;
	padding: 0;
}
.modal form:not(.admin-player-form):has(> [class*="col-"]) > p:empty,
.modal form:not(.admin-player-form) > p:empty { display: none; }
.modal form:not(.admin-player-form):has(> [class*="col-"]) > h1,
.modal form:not(.admin-player-form):has(> [class*="col-"]) > h2,
.modal form:not(.admin-player-form):has(> [class*="col-"]) > h3,
.modal form:not(.admin-player-form):has(> [class*="col-"]) > h4,
.modal form:not(.admin-player-form):has(> [class*="col-"]) > [class*="col-"]:has(button),
.modal form:not(.admin-player-form):has(> [class*="col-"]) > [class*="col-"]:has(.btn-cus) {
	grid-column: 1 / -1;
}
.modal form:not(.admin-player-form) label {
	display: block;
	margin: 0 0 6px 2px;
	color: #64748b;
	font-size: .68rem;
	font-weight: 850;
	letter-spacing: .025em;
	text-transform: uppercase;
}
.modal form:not(.admin-player-form) .form-control,
.modal form:not(.admin-player-form) .form-select {
	min-height: 44px;
	border: 1px solid #dbe3ee;
	border-radius: 9px;
	color: #334155;
	background-color: #f8fafc;
	font-size: .78rem;
}
.modal form:not(.admin-player-form) .form-control:disabled,
.modal form:not(.admin-player-form) .form-control[readonly] {
	color: #475569;
	background: #edf2f7;
	opacity: 1;
}
.modal form:not(.admin-player-form) .form-control:focus,
.modal form:not(.admin-player-form) .form-select:focus {
	border-color: #60a5fa;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(59,130,246,.1);
}
.modal form:not(.admin-player-form) .btn-cus,
.modal form:not(.admin-player-form) button[type="submit"] {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 0 22px;
	border: 0 !important;
	border-radius: 9px !important;
	color: #fff !important;
	background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
	box-shadow: 0 7px 17px rgba(37,99,235,.2);
	font-size: .72rem;
	font-weight: 900;
}
.modal form:not(.admin-player-form) .btn-cus:hover,
.modal form:not(.admin-player-form) button[type="submit"]:hover {
	transform: translateY(-1px);
	box-shadow: 0 10px 21px rgba(37,99,235,.27);
}
.modal form:not(.admin-player-form) .input-group {
	border: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}
.modal form:not(.admin-player-form) .input-group > .form-select,
.modal form:not(.admin-player-form) .input-group > .form-control {
	width: 100%;
	border-radius: 9px !important;
}

/* Hồ sơ người chơi trong trang quản trị */
.admin-player-form { color: #334155; }
.admin-player-summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 14px;
}
.admin-player-summary > div,
.admin-readonly-stat {
	display: flex;
	min-height: 68px;
	justify-content: center;
	flex-direction: column;
	padding: 12px 14px;
	border: 1px solid #dbe7f5;
	border-radius: 12px;
	background: linear-gradient(145deg, #f8fbff, #fff);
}
.admin-player-summary span,
.admin-readonly-stat span {
	color: #8492a6;
	font-size: .66rem;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
}
.admin-player-summary strong,
.admin-readonly-stat strong {
	margin-top: 4px;
	color: #172554;
	font-size: .88rem;
	font-weight: 900;
	overflow-wrap: anywhere;
}
.admin-player-columns {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 14px;
}
.admin-player-panel {
	padding: 15px;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	background: #fbfdff;
}
.admin-player-panel h6 {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 12px;
	color: #1e3a8a;
	font-size: .78rem;
	font-weight: 900;
}
.admin-field-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}
.admin-field-grid label { min-width: 0; }
.admin-field-grid label > span {
	display: block;
	margin: 0 0 5px 2px;
	color: #64748b;
	font-size: .68rem;
	font-weight: 800;
}
.admin-field-grid .form-control {
	min-height: 43px;
	border-color: #dbe3ef;
	border-radius: 9px;
	font-size: .78rem;
}
.admin-character-panel { margin-top: 14px; }
.admin-character-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 9px;
}
.admin-character-card {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border: 1px solid #dbeafe;
	border-radius: 10px;
	background: #fff;
}
.admin-character-card > i { color: #3b82f6; }
.admin-character-card span { min-width: 0; }
.admin-character-card strong,
.admin-character-card small { display: block; }
.admin-character-card strong { color: #172554; font-size: .78rem; }
.admin-character-card small {
	margin-top: 2px;
	color: #64748b;
	font-size: .66rem;
	white-space: normal;
}
.admin-character-card{position:relative;width:100%;text-align:left;cursor:pointer;transition:.16s}
.admin-character-card:hover{border-color:#75a4ed;background:#f7faff;transform:translateY(-1px)}
.admin-character-card.is-selected{border-color:#2467d8;background:#eef5ff;box-shadow:0 0 0 3px rgba(36,103,216,.1)}
.admin-character-check{display:none;margin-left:auto!important;color:#2467d8!important}
.admin-character-card.is-selected .admin-character-check{display:block}
.admin-edit-selected-role{display:flex;align-items:center;justify-content:center;gap:7px;width:max-content;min-height:39px;margin:12px 0 0 auto;padding:0 14px;border-radius:10px;background:#2467d8;color:#fff!important;font-size:.66rem;font-weight:850;text-decoration:none}
.admin-profile-management{margin-top:14px;padding:14px;border:1px solid #dce5f1;border-radius:14px;background:#f8faff}
.admin-profile-management>header{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:#263b5b}.admin-profile-management>header>i{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#e8f1ff;color:#286bd8}.admin-profile-management>header strong,.admin-profile-management>header small{display:block}.admin-profile-management>header strong{font-size:.7rem}.admin-profile-management>header small{color:#8190a4;font-size:.55rem}
.admin-profile-management-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-profile-action-form{display:flex!important;flex-direction:column;gap:9px;padding:12px!important;border:1px solid #dce5f0;border-radius:11px;background:#fff}.admin-profile-action-form label span,.admin-profile-action-label{display:block;margin-bottom:6px;color:#52637a;font-size:.61rem;font-weight:800}.admin-profile-action-form>div>label{display:inline-flex!important;align-items:center;gap:5px;margin:0 10px 5px 0!important;color:#5e6d82;font-size:.59rem}.admin-profile-action-form button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;margin-top:auto;border:0;border-radius:9px;background:#2467d8;color:#fff;font-size:.63rem;font-weight:850}.admin-profile-action-form .account-status-submit.is-danger{background:#df4b43}@media(max-width:700px){.admin-profile-management-grid{grid-template-columns:1fr}}
.admin-character-empty {
	grid-column: 1 / -1;
	padding: 12px;
	border: 1px dashed #cbd5e1;
	border-radius: 10px;
	color: #64748b;
	background: #fff;
	font-size: .74rem;
	text-align: center;
}
.admin-account-meta {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	margin: 12px 0;
	color: #64748b;
	font-size: .68rem;
}
.admin-account-meta span {
	padding: 8px 10px;
	border-radius: 8px;
	background: #f1f5f9;
	overflow-wrap: anywhere;
}

/* Hồ sơ quản trị: lựa chọn nhân vật và thao tác tài khoản */
#admin-modal .admin-character-card .admin-character-check { display: none !important; }
#admin-modal .admin-character-card.is-selected .admin-character-check { display: inline-block !important; }
#admin-modal .admin-character-card.is-selected {
	border-color: #2563eb;
	background: linear-gradient(135deg, #eff6ff, #f8fbff);
	box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}
#admin-modal .admin-edit-selected-role { display: none !important; }
#admin-modal .admin-edit-selected-role.is-visible {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 0 17px;
	border-radius: 11px;
	background: linear-gradient(135deg, #2563eb, #174fc6);
	box-shadow: 0 8px 18px rgba(37, 99, 235, .22);
}
#admin-modal .admin-save-player {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: 100%;
	min-height: 43px;
	border: 0;
	border-radius: 10px;
	background: #172b59;
	color: #fff;
	font-size: .67rem;
	font-weight: 850;
}
#admin-modal .admin-profile-management {
	margin-top: 16px;
	padding: 16px;
	border: 1px solid #d7e2f0;
	border-radius: 15px;
	background: #f5f8fc;
}
#admin-modal .admin-profile-management-grid {
	display: grid;
	grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
	gap: 12px;
}
#admin-modal form.admin-profile-action-form {
	display: flex !important;
	min-width: 0;
	min-height: 245px;
	flex-direction: column;
	gap: 13px;
	margin: 0;
	padding: 15px !important;
	border: 1px solid #dbe5f2;
	border-radius: 13px;
	background: #fff;
	box-shadow: 0 7px 20px rgba(31, 55, 91, .05);
}
#admin-modal form.admin-profile-action-form > header {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-bottom: 12px;
	border-bottom: 1px solid #e7edf5;
}
#admin-modal form.admin-profile-action-form > header > i {
	display: grid;
	place-items: center;
	flex: 0 0 39px;
	width: 39px;
	height: 39px;
	border-radius: 10px;
	background: #eaf2ff;
	color: #2563eb;
}
#admin-modal form.admin-profile-action-form > header strong,
#admin-modal form.admin-profile-action-form > header small { display: block; }
#admin-modal form.admin-profile-action-form > header strong { color: #213553; font-size: .7rem; }
#admin-modal form.admin-profile-action-form > header small { margin-top: 2px; color: #8391a5; font-size: .56rem; }
#admin-modal .admin-quick-select { display: block !important; margin: 0 !important; }
#admin-modal .admin-quick-select > span,
#admin-modal .admin-profile-action-label { margin-bottom: 7px; color: #596a80; font-size: .59rem; font-weight: 850; }
#admin-modal .admin-quick-select select { width: 100%; height: 43px; border-color: #d5e0ee; border-radius: 10px; background-color: #f9fbfd; font-size: .65rem; }
#admin-modal .admin-quick-permissions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
#admin-modal .admin-quick-permissions > span { grid-column: 1 / -1; }
#admin-modal .admin-quick-permissions label {
	display: flex !important;
	align-items: center;
	gap: 7px;
	min-width: 0;
	margin: 0 !important;
	padding: 9px;
	border: 1px solid #dce5f0;
	border-radius: 10px;
	background: #fafbfd;
	cursor: pointer;
}
#admin-modal .admin-quick-permissions label:has(input:checked) { border-color: #4b83dd; background: #eef5ff; box-shadow: 0 0 0 2px rgba(37,99,235,.08); }
#admin-modal .admin-quick-permissions label > i { color: #3574d8; }
#admin-modal .admin-quick-permissions label > span { min-width: 0; }
#admin-modal .admin-quick-permissions b,
#admin-modal .admin-quick-permissions small { display: block; }
#admin-modal .admin-quick-permissions b { color: #2d405d; font-size: .58rem; white-space: nowrap; }
#admin-modal .admin-quick-permissions small { margin-top: 2px; color: #8794a6; font-size: .49rem; line-height: 1.3; }
#admin-modal form.admin-profile-action-form > button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: 100%;
	min-height: 42px;
	margin-top: auto;
	border: 0;
	border-radius: 10px;
	background: linear-gradient(135deg, #2563eb, #1d55c7);
	color: #fff;
	box-shadow: 0 7px 16px rgba(37, 99, 235, .18);
	font-size: .63rem;
	font-weight: 850;
}
#admin-modal form.admin-profile-action-form > button.is-danger { background: linear-gradient(135deg, #e34e47, #c93636); box-shadow: 0 7px 16px rgba(218, 57, 54, .16); }
@media (max-width: 800px) {
	#admin-modal .admin-profile-management-grid { grid-template-columns: 1fr; }
	#admin-modal .admin-quick-permissions { grid-template-columns: 1fr; }
}
.admin-save-player { width: 100%; min-height: 44px; }

/* Lớp chờ nhẹ, tránh giao diện giật khi AJAX đang lấy dữ liệu GameDB. */
body.is-authenticated .loading-form {
	position: fixed;
	inset: 0;
	z-index: 2000;
	width: auto;
	height: auto;
	padding: 0;
	border-radius: 0;
	transform: none;
	background: rgba(15,23,42,.2);
	backdrop-filter: blur(2px);
	animation: zxLoadingFade .16s ease-out;
}
body.is-authenticated .loading-form > div {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	min-width: 150px;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 12px 16px;
	border: 1px solid rgba(226,232,240,.95);
	border-radius: 12px;
	color: #334155;
	background: rgba(255,255,255,.96);
	box-shadow: 0 15px 40px rgba(15,23,42,.18);
	transform: translate(-50%,-50%);
	font-size: .72rem;
	font-weight: 850;
}
body.is-authenticated .loading-form .spinner-border {
	width: 19px;
	height: 19px;
	color: #2563eb;
	border-width: 2px;
}
@keyframes zxLoadingFade {
	from { opacity: 0; }
	to { opacity: 1; }
}

/* Thông tin và bảo mật trong một trang, không tải lại từng form. */
.security-center {
	margin-top: 16px;
	padding: 18px;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 8px 25px rgba(15,23,42,.05);
}
.security-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
}
.security-heading span {
	color: #2563eb;
	font-size: .62rem;
	font-weight: 900;
	letter-spacing: .1em;
}
.security-heading h5 { margin: 3px 0 0; color: #172554; font-size: .94rem; font-weight: 900; }
.security-heading > i {
	display: grid;
	width: 40px;
	height: 40px;
	place-items: center;
	border-radius: 11px;
	color: #2563eb;
	background: #dbeafe;
}
.security-tabs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	padding: 6px;
	border-radius: 12px;
	background: #f1f5f9;
}
.security-tab {
	display: flex;
	min-height: 43px;
	align-items: center;
	justify-content: center;
	gap: 7px;
	border: 0;
	border-radius: 9px;
	color: #64748b;
	background: transparent;
	font-size: .7rem;
	font-weight: 850;
	transition: color .14s ease, background .14s ease, box-shadow .14s ease;
}
.security-tab.is-active {
	color: #1d4ed8;
	background: #fff;
	box-shadow: 0 4px 13px rgba(15,23,42,.08);
}
.security-pane { display: none; padding-top: 15px; }
.security-pane.is-active { display: block; animation: securityPaneIn .14s ease-out; }
@keyframes securityPaneIn {
	from { opacity: 0; transform: translateY(3px); }
	to { opacity: 1; transform: translateY(0); }
}
.security-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 11px;
}
.security-form label { min-width: 0; }
.security-form label > span {
	display: block;
	margin: 0 0 6px 2px;
	color: #64748b;
	font-size: .67rem;
	font-weight: 850;
}
.security-form .form-control {
	min-height: 44px;
	border: 1px solid #dbe3ee;
	border-radius: 9px;
	background: #f8fafc;
	font-size: .78rem;
}
.security-form .form-control:focus {
	border-color: #60a5fa;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(59,130,246,.1);
}
.security-form .input-group { flex-wrap: nowrap; }
.security-form .input-group .form-control { min-width: 0; border-radius: 9px 0 0 9px; }
.button-get-token {
	flex: 0 0 auto;
	padding: 0 13px;
	border: 0;
	border-radius: 0 9px 9px 0;
	color: #1d4ed8;
	background: #dbeafe;
	font-size: .66rem;
	font-weight: 900;
}
.security-password-field { position: relative; }
.security-password-field .form-control { padding-right: 42px; }
.security-toggle-pass {
	position: absolute;
	top: 0;
	right: 0;
	width: 42px;
	height: 44px;
	border: 0;
	color: #64748b;
	background: transparent;
}
.security-submit {
	grid-column: 1 / -1;
	display: inline-flex;
	min-height: 45px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: 0;
	border-radius: 10px;
	color: #fff;
	background: linear-gradient(135deg, #2563eb, #1d4ed8);
	box-shadow: 0 7px 17px rgba(37,99,235,.2);
	font-size: .73rem;
	font-weight: 900;
}
.security-submit:hover:not(:disabled) { transform: translateY(-1px); }

@media (max-width: 991.98px) {
	.admin-hub { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.admin-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.admin-player-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.admin-player-columns { grid-template-columns: 1fr; }
	.admin-character-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 575.98px) {
	.admin-hub { grid-template-columns: 1fr; }
	.admin-search-control,
	.admin-check-control,
	.admin-action-grid,
	.admin-system-actions { grid-template-columns: 1fr; }
	.admin-workspace-card { padding: 13px; }
	.admin-action-button { min-height: 62px; }
	.security-center { padding: 13px; }
	.security-tabs,
	.security-form { grid-template-columns: 1fr; }
	.security-tab { justify-content: flex-start; padding: 0 13px; }
	.service-intro { align-items: flex-start; }
	.service-intro-icon { display: none; }
	.service-intro p { display: none; }
	.btn-history { padding: 9px; }
	.balance-choice { grid-template-columns: 1fr; }
	.exchange-preview { gap: 8px; padding: 14px 8px; }
	.exchange-preview strong { font-size: 1.05rem; }
	.history-summary { grid-template-columns: 1fr; }
	.modal { padding: 8px !important; }
	.modal-body { padding: 14px; }
	.modal form:not(.admin-player-form):has(> [class*="col-"]) { grid-template-columns: 1fr; }
	.modal form:not(.admin-player-form) .btn-cus,
	.modal form:not(.admin-player-form) button[type="submit"] { width: 100%; }
	.admin-player-summary,
	.admin-field-grid,
	.admin-character-grid,
	.admin-account-meta { grid-template-columns: 1fr; }
}

@media (max-width: 767.98px) {
	body.is-authenticated .home-tab {
		display: block;
		margin-top: 14px;
		padding: 0 10px;
	}
	body.is-authenticated .home-tab > .left-home {
		position: static;
		width: 100%;
		max-height: none;
		margin-bottom: 14px !important;
	}
	body.is-authenticated .toggle-button-menu {
		display: grid;
		width: 36px;
		height: 36px;
		place-items: center;
	}
	body.is-authenticated #menu-home { display: none; }
	body.is-authenticated .home-tab > .right-home { width: 100%; }
	.dashboard-account-stats {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		margin-bottom: 14px;
	}
	.dashboard-user-card { grid-column: 1 / -1; }
	.dashboard-balance-card > i { display: grid; }
	body.is-authenticated .right-home .left-title-home {
		min-height: 78px;
		padding: 17px 18px;
	}
	body.is-authenticated .form-right-home { padding: 0 14px; }
}

@media (max-width: 575.98px) {
	.account-status { display: none; }
	.account-welcome { padding: 17px; }
	.account-welcome p { display: none; }
	.account-detail-card .card-body { padding: 16px; }
	.dashboard-account-stats { gap: 7px; }
	.dashboard-balance-card {
		min-height: 68px;
		padding: 9px;
	}
	.dashboard-balance-card > i { display: none; }
}

/* Source: public/css/responsive.css */
@media only screen and (max-width: 770px){
	.home-tab .left-home{
		border-right: 0;
	}
	.toggle-button-menu{
		display: unset;
	}
}
@media only screen and (max-width: 575px){
	.home-tab{
		padding: 0px 12px;
	}
}
/* Source: public/css/performance.css */
/* Large near-opaque panels do not need live background blur while scrolling. */
body .left-home, body .right-home, body .auth-panel,
body .auth-panel .card, body .dashboard-shell,
body .menu-game, body.is-guest .menu-game,
body .loading-form {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
body .right-home, body .auth-panel, body .auth-panel .card {
    animation: none;
}
/* Avoid retaining GPU layers for every hidden modal. */
.modal:not(.show) .modal-dialog { will-change: auto; }
@media (max-width: 768px), (prefers-reduced-motion: reduce) {
    body { background-attachment: scroll; }
}

/* Source: public/css/launcher-components.css */
/* public/css/style.css */
body.theme-launcher::before{background:linear-gradient(135deg, rgba(42,27,36,0.58), rgba(42,27,36,0.22)),
		radial-gradient(circle at 80% 10%, rgba(187,23,56,0.18), transparent 38%)!important}
body.theme-launcher .menu-game{border:1px solid rgba(56,66,80,0.18)!important;background:rgba(42,27,36,0.66)!important;box-shadow:0 10px 35px rgba(0,0,0,0.16)!important}
body.theme-launcher .menu-game a{color:#e8edf5!important}
body.theme-launcher .menu-game a:hover{color:#e8edf5!important}
body.theme-launcher .left-home,body.theme-launcher .right-home{border:1px solid rgba(56,66,80,0.55)!important}
body.theme-launcher .left-title-home{color:#e8edf5!important;background:linear-gradient(115deg, #2a1b24, #9d1230 70%, #bb1738)!important}
body.theme-launcher .nav-item .nav-link-custom:hover{background:#15191f!important}
body.theme-launcher .user_recharge{border:1px solid #384250!important;background:linear-gradient(145deg, #15191f, #15191f)!important}
body.theme-launcher .btn-custom-logout{border:1px solid #384250!important;color:#ff9eab!important;background:#3b212b!important}
body.theme-launcher .btn-custom-logout:hover{color:#e8edf5!important}
body.theme-launcher .card{box-shadow:0 8px 28px rgba(187,23,56,0.08)!important}
body.theme-launcher .form-control,body.theme-launcher .form-select,body.theme-launcher .form-custom{border-color:#384250!important}
body.theme-launcher .form-control:focus,body.theme-launcher .form-select:focus,body.theme-launcher .form-custom:focus{border-color:#bb1738!important;box-shadow:0 0 0 4px rgba(187,23,56,0.1)!important}
body.theme-launcher .btn:hover:not(:disabled),body.theme-launcher .btn-cus:hover:not(:disabled){box-shadow:0 8px 18px rgba(187,23,56,0.15)!important}
body.theme-launcher table.dataTable,body.theme-launcher .table{background:#1b2028!important}
body.theme-launcher .table thead th,body.theme-launcher table.dataTable thead th{border-bottom:1px solid #384250!important;color:#e8edf5!important;background:#1b2028!important}
body.theme-launcher .table tbody td,body.theme-launcher table.dataTable tbody td{border-color:#384250!important}
body.theme-launcher .loading-form{background:rgba(27,32,40,0.76)!important}
body.theme-launcher .page-progress span{background:linear-gradient(90deg, var(--zx-primary), #bb1738)!important;box-shadow:0 0 12px rgba(187,23,56,0.7)!important}
body.theme-launcher .app-toast{color:#e8edf5!important;background:#2a1b24!important;box-shadow:0 12px 30px rgba(0,0,0,0.24)!important}
body.theme-launcher .app-toast--error{background:#ac2945!important}
body.theme-launcher .app-footer{color:rgba(232,237,245,0.82)!important}
@media (max-width: 767.98px){
body.theme-launcher .menu-game a{font-size:12px!important}
}
body.theme-launcher .section-title{color:#ff9eab!important}
body.theme-launcher .section-title i{color:#edce88!important}
body.theme-launcher .section-title::before,body.theme-launcher .section-title::after{background-color:#ac2945!important}
body.theme-launcher .section-title:hover{color:#ff9eab!important;text-shadow:2px 2px 10px rgba(0,0,0,0.5)!important}
body.theme-launcher .section-title i:hover{color:#edce88!important}
body.theme-launcher .custom-btn{color:#e8edf5!important;box-shadow:0px 4px 10px rgba(0,0,0,0.2)!important}
body.theme-launcher .green-btn{background:linear-gradient(45deg, #286344, #286344)!important}
body.theme-launcher .yellow-btn{background:linear-gradient(45deg, #785721, #785721)!important}
body.theme-launcher .custom-btn:hover{box-shadow:0px 5px 15px rgba(0,0,0,0.3)!important}
body.theme-launcher #openButton:disabled{background:linear-gradient(45deg, #242b35, #242b35)!important}
body.theme-launcher #openButton:hover:not(:disabled){box-shadow:0px 4px 15px rgba(0,0,0,0.4)!important}
body.theme-launcher .gift-box:hover,body.theme-launcher .gift-box.selected{box-shadow:0 0 15px rgba(0,0,0,0.8)!important}
body.theme-launcher .radio-group label{border:1px solid #384250!important}
body.theme-launcher .radio-group input[type="radio"]:checked + span{background-color:#15191f!important;border-color:#384250!important}
body.theme-launcher .radio-group span::before{color:#aab7ca!important}
body.theme-launcher .radio-group input[type="radio"]:checked + span::before{color:#ef7891!important}
body.theme-launcher .gia{color:#ef7891!important}
body.theme-launcher input.error{border-color:#80404d!important}
body.theme-launcher input.error::placeholder{color:#ff9eab!important}
body.theme-launcher .qmk{color:#e8edf5!important}
body.theme-launcher .qmk:hover{color:#ff9eab!important}
body.theme-launcher .btn_dkm{color:#88d9ad!important}
body.theme-launcher .btn_dkm:hover{color:#ff9eab!important}
body.theme-launcher .form-custom{border:1px solid #384250!important}
body.theme-launcher .form-custom[readonly]{background:#15191f!important}
body.theme-launcher table.dataTable button{color:#e8edf5!important;background:#242b35!important}
body.theme-launcher .toggle-button-menu{color:#e8edf5!important}
body.theme-launcher .right-home .left-title-home h4{color:#e8edf5!important;background:linear-gradient(135deg, #242b35, #242b35)!important;box-shadow:0px 4px 8px rgba(0,0,0,0.3)!important}
body.theme-launcher .right-home .left-title-home h4:hover{background:linear-gradient(135deg, #242b35, #242b35)!important;box-shadow:0px 6px 12px rgba(0,0,0,0.4)!important}
body.theme-launcher .right-home .left-title-home h4::before{background:rgba(255, 255, 255, 0.1)!important}
body.theme-launcher .right-home .left-title-home h4::after{background:#242b35!important}
body.theme-launcher .ul-custom-home-left .nav-item{border-bottom:dotted 1px #384250!important}
body.theme-launcher .info-left-side{background:#1b2028!important}
body.theme-launcher .nav-link-custom .cus-info-icon{background:#242b35!important;color:#e8edf5!important}
body.theme-launcher .nav-link-custom a:hover{color:#e8edf5!important}
body.theme-launcher .nav-link-custom a.active{color:#e8edf5!important}
body.theme-launcher .home-tab .left-home{border-top:5px solid #384250!important;background:#1b2028!important;border-right:5px solid #384250!important}
body.theme-launcher .home-tab .right-home{border-top:5px solid #384250!important;background:#1b2028!important}
body.theme-launcher .loading-form{background:rgba(36,43,53,0)!important}
body.theme-launcher .loading-text{color:#e8edf5!important}
body.theme-launcher .text-primary{color:#ef7891!important}
body.theme-launcher .text-danger{color:#ff9eab!important}
body.theme-launcher .text-warning{color:#edce88!important}
body.theme-launcher .text-success{color:#88d9ad!important}
body.theme-launcher .text-info{color:#e8edf5!important}
body.theme-launcher .bg-primary{background-color:#bb1738!important}
body.theme-launcher .bg-warning{background-color:#785721!important}
body.theme-launcher .bg-danger{background-color:#ac2945!important}
body.theme-launcher .bg-success{background-color:#286344!important}
body.theme-launcher .bg-info{background-color:#242b35!important}
body.theme-launcher .modal-content{background:#1b2028!important;box-shadow:0px 5px 20px rgba(0,0,0,0.2)!important;border:1px solid #384250!important}
body.theme-launcher .modal-header{background:#1b2028!important;border-bottom:1px solid #384250!important}
body.theme-launcher .btn-close-large{color:#e8edf5!important}
body.theme-launcher .btn-close-large:hover{color:#ff9eab!important}
body.theme-launcher .modal-footer{border-top:1px solid #384250!important}
body.theme-launcher .bootbox-close-button{color:#e8edf5!important}
body.theme-launcher .bootbox-close-button:hover{color:#ff9eab!important}
body.theme-launcher .card.relative-card.border-black{border:2px solid #384250!important}
body.theme-launcher button.btn-primary.bootbox-accept,body.theme-launcher a.btn-primary.bootbox-accept{background:#242b35!important;color:#e8edf5!important;border:2px solid #384250!important;box-shadow:0 3px 8px rgba(0,0,0,0.3)!important}
body.theme-launcher button.btn-primary.bootbox-accept:hover,body.theme-launcher a.btn-primary.bootbox-accept:hover{background:#242b35!important;border-color:#384250!important}
body.theme-launcher .btn-primary{color:#e8edf5!important;background:#242b35!important;border-color:#384250!important;box-shadow:0 3px 8px rgba(0,0,0,0.2)!important}
body.theme-launcher .btn-primary:hover{color:#e8edf5!important;background-color:#1b2028!important;border-color:#384250!important;box-shadow:0 5px 12px rgba(0,0,0,0.3)!important}
body.theme-launcher .btn-primary:active{box-shadow:0 2px 5px rgba(0,0,0,0.4)!important}
body.theme-launcher .btn-primary::before{background:rgba(255, 255, 255, 0.1)!important}
body.theme-launcher .btn-custom{box-shadow:0 3px 8px rgba(0,0,0,0.2)!important}
body.theme-launcher .btn-custom::before{background:rgba(255, 255, 255, 0.2)!important}
body.theme-launcher .btn-dark-custom{background:#242b35!important;color:#e8edf5!important;border:2px solid #384250!important;box-shadow:0 3px 8px rgba(0,0,0,0.3)!important}
body.theme-launcher .btn-dark-custom:hover{background:#242b35!important;border-color:#384250!important;box-shadow:0 5px 12px rgba(0,0,0,0.4)!important}
body.theme-launcher .btn-danger-custom{background:#ac2945!important;color:#e8edf5!important;border:2px solid #80404d!important;box-shadow:0 3px 8px rgba(0,0,0,0.4)!important}
body.theme-launcher .btn-danger-custom:hover{background:#ac2945!important;border-color:#80404d!important;box-shadow:0 5px 12px rgba(0,0,0,0.5)!important}
body.theme-launcher .btn-success-custom{background:#286344!important;color:#e8edf5!important;border:2px solid #376a51!important;box-shadow:0 3px 8px rgba(0,0,0,0.4)!important}
body.theme-launcher .btn-success-custom:hover{background:#286344!important;border-color:#376a51!important;box-shadow:0 5px 12px rgba(0,0,0,0.5)!important}
body.theme-launcher .btn-custom:active{box-shadow:0 2px 5px rgba(0,0,0,0.4)!important}
body.theme-launcher button.close-custom{color:#e8edf5!important}
body.theme-launcher button.close-custom:hover{color:#ff9eab!important}
body.theme-launcher .menu-game a{color:#e8edf5!important;border-right:3px solid #384250!important;text-shadow:-1px -1px 0 #000000,  
	1px -1px 0 #000000,  
	-1px  1px 0 #000000,  
	1px  1px 0 #000000!important}
body.theme-launcher .menu-game a:hover{color:#e8edf5!important;text-shadow:-1px -1px 0 #000000,  
	1px -1px 0 #000000,  
	-1px  1px 0 #000000,  
	1px  1px 0 #000000!important}
body.theme-launcher .other-case:after{background:#242b35!important}
body.theme-launcher .other-case:before{background:#242b35!important}
body.theme-launcher .label-cus-left{border-left:3px solid #725d30!important}
body.theme-launcher .box-valid label.error{color:#ff9eab!important}
body.theme-launcher .user_recharge{background:rgba(187,23,56,0.0392156862745098)!important}
body.theme-launcher .nav-link-custom a{color:#e8edf5!important}
body.theme-launcher .btn-custom-logout{background-color:#242b35!important;color:#e8edf5!important;border:2px solid #384250!important;box-shadow:0 4px 10px rgba(0,0,0,0.3)!important}
body.theme-launcher .btn-custom-logout:hover{background-color:#1b2028!important;color:#e8edf5!important;border-color:#384250!important;box-shadow:0 6px 15px rgba(0,0,0,0.5)!important}
body.theme-launcher .btn-custom-logout:active{box-shadow:0 3px 7px rgba(0,0,0,0.5)!important}
body.theme-launcher .btn-custom-logout::before{background:rgba(255, 255, 255, 0.2)!important}
body.theme-launcher.is-guest .menu-game{border:1px solid rgba(56,66,80,0.18)!important;background:rgba(42,27,36,0.72)!important;box-shadow:0 12px 32px rgba(187,23,56,0.18)!important}
body.theme-launcher.is-guest .menu-game a,body.theme-launcher.is-guest .menu-game a:last-child{color:#e8edf5!important}
body.theme-launcher.is-guest .menu-game a:hover{color:#e8edf5!important;background:#bb1738!important}
body.theme-launcher .auth-panel .card{border:1px solid rgba(56,66,80,0.72)!important;background:rgba(27,32,40,0.96)!important;box-shadow:0 24px 70px rgba(187,23,56,0.22)!important}
body.theme-launcher .auth-panel .input-group{border:1px solid #384250!important;background:#1b2028!important}
body.theme-launcher .auth-panel .input-group:focus-within{border-color:#bb1738!important;box-shadow:0 0 0 4px rgba(187,23,56,0.1)!important}
body.theme-launcher .auth-panel .btn-dark-custom{color:#e8edf5!important;background:linear-gradient(110deg, #2a1b24, #9d1230)!important;box-shadow:0 10px 24px rgba(187,23,56,0.22)!important}
@media (max-width: 575.98px){
body.theme-launcher.is-guest .menu-game a,body.theme-launcher.is-guest .menu-game a:last-child{font-size:12px!important}
}
body.theme-launcher .coin-config-intro,body.theme-launcher .exchange-disabled-notice{border:1px solid #384250!important;background:#15191f!important;color:#e8edf5!important}
body.theme-launcher .coin-config-card{border:1px solid #384250!important;background:#1b2028!important;box-shadow:0 8px 24px rgba(187,23,56,0.06)!important}
body.theme-launcher .coin-config-card header small{color:#aab7ca!important}
body.theme-launcher .coin-config-inputs label{color:#aab7ca!important}
body.theme-launcher .coin-config-inputs input{border:1px solid #384250!important;color:#e8edf5!important}
body.theme-launcher .coin-config-inputs i{color:#aab7ca!important}
body.theme-launcher .coin-switch span{background:#15191f!important}
body.theme-launcher .coin-switch span:after{background:#1b2028!important;box-shadow:0 2px 5px rgba(0,0,0,0.13333333333333333)!important}
body.theme-launcher .coin-switch input:checked + span{background:#bb1738!important}
body.theme-launcher .balance-option span small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .type-badge.is-event{background:#1c342b!important;color:#88d9ad!important}
body.theme-launcher .exchange-disabled-notice{border-color:#384250!important;background:#332c1e!important;color:#ff9eab!important}
body.theme-launcher.is-authenticated .home-tab > .left-home{border:1px solid rgba(56,66,80,0.72)!important;background:rgba(27,32,40,0.94)!important;box-shadow:0 18px 50px rgba(187,23,56,0.14)!important}
body.theme-launcher.is-authenticated .home-tab > .right-home{border:1px solid rgba(56,66,80,0.72)!important;box-shadow:0 18px 50px rgba(187,23,56,0.14)!important}
body.theme-launcher .dashboard-user-card,body.theme-launcher .dashboard-balance-card{border:1px solid rgba(56,66,80,0.75)!important;background:rgba(27,32,40,0.94)!important;box-shadow:0 10px 30px rgba(187,23,56,0.1)!important}
body.theme-launcher .dashboard-user-card span,body.theme-launcher .dashboard-balance-card span{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .dashboard-user-card strong{color:#e8edf5!important}
body.theme-launcher .dashboard-user-card small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .dashboard-balance-card strong{color:#e8edf5!important}
body.theme-launcher .dashboard-balance-card.is-blue > i{color:#ef7891!important;background:#15191f!important}
body.theme-launcher .dashboard-balance-card.is-green > i{color:#88d9ad!important;background:#1c342b!important}
body.theme-launcher .dashboard-balance-card.is-red > i{color:#ff9eab!important;background:#3b212b!important}
body.theme-launcher.is-authenticated .info-left-side{background:linear-gradient(135deg, #2a1b24, #9d1230)!important}
body.theme-launcher .account-avatar{border:2px solid rgba(56,66,80,0.25)!important;color:#e8edf5!important;background:linear-gradient(135deg, #bb1738, #bb1738)!important;box-shadow:0 8px 20px rgba(187,23,56,0.35)!important}
body.theme-launcher .account-summary strong{color:#e8edf5!important}
body.theme-launcher .account-summary span{color:#ef7891!important;font-size:12px!important}
body.theme-launcher.is-authenticated .toggle-button-menu{color:#e8edf5!important}
body.theme-launcher.is-authenticated .user_recharge{border:1px solid #384250!important;background:linear-gradient(145deg, #15191f, #15191f)!important}
body.theme-launcher.is-authenticated .user_recharge .nav-link-custom{border:1px solid rgba(56,66,80,0.8)!important;background:rgba(27,32,40,0.82)!important;font-size:12px!important}
body.theme-launcher.is-authenticated .user_recharge .nav-link-custom span{color:#aab7ca!important}
body.theme-launcher.is-authenticated .user_recharge .nav-link-custom strong{color:#e8edf5!important}
body.theme-launcher .menu-section-label{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher.is-authenticated .nav-link-custom a{color:#e8edf5!important}
body.theme-launcher.is-authenticated .nav-link-custom a > i{color:#ef7891!important;background:#15191f!important}
body.theme-launcher.is-authenticated .nav-link-custom a:hover,body.theme-launcher.is-authenticated .nav-link-custom a.active{color:#ef7891!important;background:#15191f!important}
body.theme-launcher.is-authenticated .nav-link-custom a.active{box-shadow:inset 3px 0 #bb1738!important}
body.theme-launcher.is-authenticated .btn-custom-logout{color:#ff9eab!important;background:#3b212b!important}
body.theme-launcher.is-authenticated .btn-custom-logout:hover{color:#e8edf5!important;background:#ac2945!important;box-shadow:0 8px 20px rgba(0,0,0,0.22)!important}
body.theme-launcher.is-authenticated .right-home .left-title-home{background:linear-gradient(120deg, #2a1b24, #9d1230 65%, #bb1738)!important}
body.theme-launcher.is-authenticated .right-home .left-title-home h4{color:#e8edf5!important}
body.theme-launcher .page-eyebrow{color:#ef7891!important;font-size:12px!important}
body.theme-launcher .account-status{border:1px solid rgba(56,66,80,0.15)!important;color:#e8edf5!important;background:rgba(255,255,255,.08)!important;font-size:12px!important}
body.theme-launcher .account-status i{color:#88d9ad!important}
body.theme-launcher.is-authenticated .form-right-home > .card,body.theme-launcher.is-authenticated .form-right-home .card{background:rgba(27,32,40,0.96)!important;box-shadow:0 8px 25px rgba(187,23,56,0.06)!important}
body.theme-launcher .account-welcome{border:1px solid #384250!important;background:linear-gradient(135deg, #15191f, #1b2028 60%)!important}
body.theme-launcher .account-welcome-icon{color:#e8edf5!important;background:linear-gradient(135deg, #bb1738, #bb1738)!important;box-shadow:0 10px 25px rgba(187,23,56,0.25)!important}
body.theme-launcher .account-welcome span{color:#aab7ca!important}
body.theme-launcher .account-welcome h3{color:#e8edf5!important}
body.theme-launcher .account-welcome p{color:#aab7ca!important}
body.theme-launcher .account-card-heading span{color:#ef7891!important;font-size:12px!important}
body.theme-launcher .account-card-heading h5{color:#e8edf5!important}
body.theme-launcher .account-card-heading > i{color:#aab7ca!important}
body.theme-launcher .account-data-item{border:1px solid #384250!important;background:#1b2028!important}
body.theme-launcher .account-data-item:hover{border-color:#384250!important;box-shadow:0 8px 20px rgba(187,23,56,0.07)!important}
body.theme-launcher .account-data-icon.is-blue{color:#ef7891!important;background:#15191f!important}
body.theme-launcher .account-data-icon.is-green{color:#88d9ad!important;background:#1c342b!important}
body.theme-launcher .account-data-icon.is-orange{color:#edce88!important;background:#332c1e!important}
body.theme-launcher .account-data-icon.is-purple{color:#c4b2f4!important;background:#15191f!important}
body.theme-launcher .account-data-content label{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .account-data-content strong{color:#e8edf5!important}
body.theme-launcher .account-copy{border:1px solid #384250!important;color:#ef7891!important;background:#1b2028!important}
body.theme-launcher .game-server-offline{border-color:#384250!important;color:#ff9eab!important;background:#332c1e!important}
body.theme-launcher .game-role-select{border-color:#384250!important;background-color:#1b2028!important}
body.theme-launcher .game-role-empty{border-color:#384250!important;color:#aab7ca!important;background:#1b2028!important}
body.theme-launcher .revenue-dashboard,body.theme-launcher .registration-settings-form,body.theme-launcher .event-coin-shell{color:#e8edf5!important}
body.theme-launcher .revenue-dashboard-heading span{color:#ef7891!important;font-size:12px!important}
body.theme-launcher .revenue-dashboard-heading h4,body.theme-launcher .event-coin-heading h5{color:#e8edf5!important}
body.theme-launcher .revenue-dashboard-heading p,body.theme-launcher .event-coin-heading p{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .revenue-dashboard-heading > i{color:#ef7891!important;background:#15191f!important}
body.theme-launcher .revenue-summary-card{border:1px solid #384250!important;background:#1b2028!important}
body.theme-launcher .revenue-summary-card > i{color:#ef7891!important;background:#15191f!important}
body.theme-launcher .revenue-summary-card.is-success > i{color:#88d9ad!important;background:#1c342b!important}
body.theme-launcher .revenue-summary-card.is-violet > i{color:#c4b2f4!important;background:#15191f!important}
body.theme-launcher .revenue-summary-card small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .revenue-summary-card strong{color:#e8edf5!important}
body.theme-launcher .revenue-summary-card strong em{font-size:12px!important}
body.theme-launcher .revenue-summary-card span{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .revenue-filter-form{border:1px solid #384250!important;background:#1b2028!important}
body.theme-launcher .revenue-filter-heading > i{color:#ef7891!important}
body.theme-launcher .revenue-filter-heading strong{color:#e8edf5!important}
body.theme-launcher .revenue-filter-heading small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .admin-field label{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .admin-field > small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .admin-field .form-control,body.theme-launcher .admin-field .form-select{border-color:#384250!important;background-color:#1b2028!important;color:#e8edf5!important;font-size:12px!important}
body.theme-launcher .gm-account-summary{border:1px solid #384250!important;background:linear-gradient(135deg,#15191f,#15191f)!important}
body.theme-launcher .gm-avatar{background:linear-gradient(135deg,#bb1738,#bb1738)!important;color:#e8edf5!important;box-shadow:0 8px 20px rgba(187,23,56,0.2)!important}
body.theme-launcher .gm-account-summary small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .gm-account-summary strong{color:#e8edf5!important}
body.theme-launcher .gm-account-summary span:not(.gm-status){color:#aab7ca!important}
body.theme-launcher .gm-status{background:#3b212b!important;color:#ff9eab!important;font-size:12px!important}
body.theme-launcher .gm-status.is-active{background:#1c342b!important;color:#88d9ad!important}
body.theme-launcher .gm-status i{font-size:12px!important}
body.theme-launcher .gm-role-note{border:1px solid #384250!important;background:#15191f!important;color:#ef7891!important}
body.theme-launcher .gm-role-note span{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .gm-section-label{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .gm-section-label i{color:#ef7891!important}
body.theme-launcher .gm-action-card{border:1px solid #384250!important;background:#1b2028!important}
body.theme-launcher .gm-action-card:hover{border-color:#384250!important}
body.theme-launcher .gm-action-card.is-selected{border-color:#bb1738!important;background:#15191f!important;box-shadow:0 0 0 2px rgba(187,23,56,0.09)!important}
body.theme-launcher .gm-action-icon.gm-full{background:#332c1e!important;color:#edce88!important}
body.theme-launcher .gm-action-icon.gm-mod{background:#15191f!important;color:#ef7891!important}
body.theme-launcher .gm-action-icon.gm-remove{background:#3b212b!important;color:#ff9eab!important}
body.theme-launcher .gm-action-card strong{color:#e8edf5!important}
body.theme-launcher .gm-action-card small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .gm-check{color:#ef7891!important}
body.theme-launcher .gm-remove-card.is-selected{border-color:#80404d!important;background:#3b212b!important;box-shadow:0 0 0 2px rgba(0,0,0,0.08)!important}
body.theme-launcher .gm-remove-card.is-selected .gm-check{color:#ff9eab!important}
body.theme-launcher .account-status-head{border:1px solid #384250!important;background:linear-gradient(135deg,#15191f,#15191f)!important}
body.theme-launcher .account-status-avatar{background:#15191f!important;color:#ef7891!important}
body.theme-launcher .account-status-head small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .account-status-head strong{color:#e8edf5!important}
body.theme-launcher .account-status-head span:not(.account-state-badge){color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .account-state-badge{font-size:12px!important}
body.theme-launcher .account-state-badge.is-open{background:#1c342b!important;color:#88d9ad!important}
body.theme-launcher .account-state-badge.is-locked{background:#3b212b!important;color:#ff9eab!important}
body.theme-launcher .account-status-stats > div{border:1px solid #384250!important;background:#1b2028!important}
body.theme-launcher .account-status-stats small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .account-status-stats strong{color:#e8edf5!important}
body.theme-launcher .account-status-action{border:1px solid #384250!important;background:#1b2028!important}
body.theme-launcher .account-status-warning{border:1px solid #384250!important;background:#332c1e!important;color:#edce88!important;font-size:12px!important}
body.theme-launcher .account-status-warning i{color:#edce88!important}
body.theme-launcher .account-status-submit{background:#bb1738!important;color:#e8edf5!important}
body.theme-launcher .account-status-submit.is-danger{background:#ac2945!important}
body.theme-launcher .bank-admin-hero{background:linear-gradient(135deg,#2a1b24,#bb1738)!important;color:#e8edf5!important;box-shadow:0 14px 34px rgba(187,23,56,0.16)!important}
body.theme-launcher .bank-admin-hero small{color:#ef7891!important;font-size:12px!important}
body.theme-launcher .bank-admin-hero p{color:rgba(232,237,245,0.7)!important}
body.theme-launcher .bank-primary-button{border:1px solid rgba(56,66,80,0.25)!important;background:#1b2028!important;color:#ef7891!important;font-size:12px!important}
body.theme-launcher .bank-error{border:1px solid #384250!important;background:#3b212b!important;color:#ff9eab!important;font-size:12px!important}
body.theme-launcher .bank-panel{border:1px solid #384250!important;background:#1b2028!important;box-shadow:0 7px 24px rgba(187,23,56,0.06)!important}
body.theme-launcher .bank-panel-title{border-bottom:1px solid #384250!important}
body.theme-launcher .bank-panel-title>div>i{background:#15191f!important;color:#ef7891!important}
body.theme-launcher .bank-panel-title strong{color:#e8edf5!important}
body.theme-launcher .bank-panel-title small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .bank-panel-title>b{background:#15191f!important;color:#ef7891!important;font-size:12px!important}
body.theme-launcher .bank-promotion-form{border:1px solid #384250!important;background:#15191f!important}
body.theme-launcher .bank-logo{background:#15191f!important;color:#ef7891!important}
body.theme-launcher .bank-identity strong{color:#e8edf5!important}
body.theme-launcher .bank-identity small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .bank-live-bonus{background:#1c342b!important;color:#88d9ad!important;font-size:12px!important}
body.theme-launcher .bank-live-bonus.is-event{background:#332c1e!important;color:#edce88!important}
body.theme-launcher .bank-promotion-form label{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .bank-promotion-form input,body.theme-launcher .bank-promotion-form select,body.theme-launcher .bank-create-grid input,body.theme-launcher .bank-create-grid select{border:1px solid #384250!important;background:#1b2028!important;color:#e8edf5!important;font-size:12px!important}
body.theme-launcher .bank-save-button{background:#bb1738!important;color:#e8edf5!important;font-size:12px!important}
body.theme-launcher .bank-table-search{border:1px solid #384250!important;font-size:12px!important}
body.theme-launcher .bank-data-table{border:1px solid #384250!important}
body.theme-launcher .bank-data-table th{background:#15191f!important;color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .bank-data-table td{border-top:1px solid #384250!important;color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .bank-data-table code{color:#ef7891!important;font-size:12px!important}
body.theme-launcher .pending-amount{border:1px solid #384250!important;font-size:12px!important}
body.theme-launcher .approve-payment,body.theme-launcher .delete-pending,body.theme-launcher .revoke-payment{font-size:12px!important}
body.theme-launcher .approve-payment{background:#1c342b!important;color:#88d9ad!important}
body.theme-launcher .delete-pending,body.theme-launcher .revoke-payment{background:#3b212b!important;color:#ff9eab!important}
body.theme-launcher .bonus-pill{background:#1c342b!important;color:#88d9ad!important;font-size:12px!important}
body.theme-launcher .bank-empty{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .bank-create-grid label{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .admin-save-button{background:#bb1738!important;color:#e8edf5!important;font-size:12px!important;box-shadow:0 7px 15px rgba(187,23,56,0.18)!important}
body.theme-launcher .admin-save-button:hover{background:#bb1738!important}
body.theme-launcher .revenue-result-message{border:1px solid #384250!important;background:#1c342b!important}
body.theme-launcher .revenue-result-message > i{color:#88d9ad!important}
body.theme-launcher .revenue-result-message span{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .revenue-result-message strong{color:#88d9ad!important}
body.theme-launcher .revenue-result-message.is-error{border-color:#384250!important;background:#3b212b!important}
body.theme-launcher .revenue-result-message.is-error > i,body.theme-launcher .revenue-result-message.is-error strong{color:#ff9eab!important}
body.theme-launcher .registration-current-state{border:1px solid #384250!important;background:#1c342b!important}
body.theme-launcher .registration-current-state.is-closed{border-color:#384250!important;background:#3b212b!important}
body.theme-launcher .registration-state-icon{background:#1c342b!important;color:#88d9ad!important}
body.theme-launcher .registration-current-state.is-closed .registration-state-icon{color:#ff9eab!important;background:#3b212b!important}
body.theme-launcher .registration-current-state small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .registration-current-state strong{color:#88d9ad!important}
body.theme-launcher .registration-current-state.is-closed strong{color:#ff9eab!important}
body.theme-launcher .registration-form-footer{border-top:1px solid #384250!important}
body.theme-launcher .registration-form-footer > span{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .admin-empty-panel{color:#aab7ca!important}
body.theme-launcher .admin-empty-panel strong{color:#aab7ca!important}
body.theme-launcher .event-coin-shell{border:1px solid #384250!important;background:#1b2028!important;box-shadow:0 12px 30px rgba(187,23,56,0.07)!important}
body.theme-launcher .event-coin-heading{border-bottom:1px solid #384250!important;background:#1b2028!important}
body.theme-launcher .event-coin-heading-icon{color:#ef7891!important;background:#15191f!important}
body.theme-launcher .event-coin-type{border:1px solid #384250!important;background:#1b2028!important}
body.theme-launcher .event-coin-type > i{color:#88d9ad!important;background:#1c342b!important}
body.theme-launcher .event-coin-type.is-war > i{color:#ff9eab!important;background:#3b212b!important}
body.theme-launcher .event-coin-type strong{color:#e8edf5!important;font-size:12px!important}
body.theme-launcher .event-coin-type small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .event-coin-type em{color:#ef7891!important}
body.theme-launcher .event-coin-type:has(input:checked){border-color:#bb1738!important;background:#15191f!important;box-shadow:0 0 0 3px rgba(187,23,56,0.08)!important}
body.theme-launcher .event-coin-amount span{border:1px solid #384250!important;background:#15191f!important;color:#ef7891!important;font-size:12px!important}
body.theme-launcher .event-coin-label-row span{background:#15191f!important;color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .event-coin-label-row span.has-users{color:#88d9ad!important;background:#1c342b!important}
body.theme-launcher .event-coin-review{background:#332c1e!important;color:#edce88!important;font-size:12px!important}
body.theme-launcher .event-coin-submit{background:#2a1b24!important;color:#e8edf5!important;font-size:12px!important}
body.theme-launcher .event-coin-submit:hover{background:#9d1230!important}
body.theme-launcher .event-coin-confirm strong{color:#e8edf5!important}
body.theme-launcher .event-coin-confirm span{color:#aab7ca!important}
body.theme-launcher .event-coin-confirm small{color:#aab7ca!important}
body.theme-launcher .event-coin-result-summary > div{border:1px solid #384250!important;background:#1b2028!important}
body.theme-launcher .event-coin-result-summary strong{color:#e8edf5!important}
body.theme-launcher .event-coin-result-summary span{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .event-coin-result-summary .is-success strong{color:#88d9ad!important}
body.theme-launcher .event-coin-result-summary .is-duplicate strong{color:#edce88!important}
body.theme-launcher .event-coin-result-summary .is-failed strong{color:#ff9eab!important}
body.theme-launcher .event-coin-failed > strong{color:#e8edf5!important;font-size:12px!important}
body.theme-launcher .event-coin-failed li{border-bottom:1px solid #384250!important;font-size:12px!important}
body.theme-launcher .event-coin-failed li span{color:#ff9eab!important}
body.theme-launcher .event-coin-result-ok{color:#88d9ad!important;background:#1c342b!important;font-size:12px!important}
body.theme-launcher .auth-card{border:1px solid rgba(56,66,80,0.85)!important;background:rgba(27,32,40,0.97)!important;box-shadow:0 22px 60px rgba(187,23,56,0.2)!important}
body.theme-launcher .auth-card-header{border-bottom:1px solid #384250!important;background:linear-gradient(135deg,#15191f,#1b2028)!important}
body.theme-launcher .auth-header-icon{color:#ef7891!important;background:#15191f!important;box-shadow:inset 0 0 0 1px rgba(187,23,56,0.08)!important}
body.theme-launcher .auth-header-icon.is-register{color:#88d9ad!important;background:#1c342b!important}
body.theme-launcher .auth-header-icon.is-recovery{color:#c4b2f4!important;background:#15191f!important}
body.theme-launcher .auth-eyebrow{color:#ef7891!important;font-size:12px!important}
body.theme-launcher .auth-card-header h1{color:#e8edf5!important}
body.theme-launcher .auth-card-header p{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .auth-field > label,body.theme-launcher .auth-label-row label{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .auth-label-row a{color:#ef7891!important;font-size:12px!important}
body.theme-launcher .auth-control{border:1px solid #384250!important;background:#1b2028!important}
body.theme-launcher .auth-control:focus-within{border-color:#bb1738!important;background:#1b2028!important;box-shadow:0 0 0 3px rgba(187,23,56,0.09)!important}
body.theme-launcher .auth-control.has-error{border-color:#80404d!important;background:#3b212b!important;box-shadow:0 0 0 3px rgba(0,0,0,0.07)!important}
body.theme-launcher .auth-control > i{color:#aab7ca!important}
body.theme-launcher .auth-control input{color:#e8edf5!important;font-size:12px!important}
body.theme-launcher .auth-control input::placeholder{color:#aab7ca!important}
body.theme-launcher .auth-toggle-password{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .auth-toggle-password:hover{color:#ef7891!important}
body.theme-launcher .auth-field-error{color:#ff9eab!important;font-size:12px!important}
body.theme-launcher .auth-primary-button{background:linear-gradient(110deg,#2a1b24,#bb1738)!important;color:#e8edf5!important;font-size:12px!important;box-shadow:0 9px 20px rgba(187,23,56,0.2)!important}
body.theme-launcher .auth-primary-button:hover{box-shadow:0 12px 24px rgba(187,23,56,0.25)!important}
body.theme-launcher .auth-switch{border-top:1px solid #384250!important;font-size:12px!important}
body.theme-launcher .auth-switch span{color:#aab7ca!important}
body.theme-launcher .auth-switch a{color:#ef7891!important}
body.theme-launcher .auth-security-note{background:#15191f!important;color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .auth-security-note i{color:#ef7891!important}
body.theme-launcher .auth-recovery-guide{border:1px solid #384250!important;background:#1b2028!important}
body.theme-launcher .auth-recovery-guide > span{background:#15191f!important;color:#ef7891!important;font-size:12px!important}
body.theme-launcher .auth-recovery-guide strong{color:#e8edf5!important;font-size:12px!important}
body.theme-launcher .auth-recovery-guide small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .auth-request-overlay{background:rgba(27,32,40,0.82)!important}
body.theme-launcher .auth-request-overlay .spinner-border{color:#ef7891!important}
body.theme-launcher .auth-request-overlay strong{color:#e8edf5!important;font-size:12px!important}
@media (max-width: 575.98px){
body.theme-launcher .auth-card-header p{font-size:12px!important}
}
body.theme-launcher .admin-entry-link{color:#c4b2f4!important;background:linear-gradient(135deg, #15191f, #15191f)!important;box-shadow:inset 3px 0 #000000!important}
body.theme-launcher .admin-entry-link > i:first-child{color:#c4b2f4!important;background:#15191f!important}
body.theme-launcher .admin-entry-arrow{color:#c4b2f4!important}
body.theme-launcher .admin-hub-card{border:1px solid #384250!important;color:#e8edf5!important;background:#1b2028!important;box-shadow:0 6px 18px rgba(187,23,56,0.05)!important}
body.theme-launcher .admin-hub-card:hover,body.theme-launcher .admin-hub-card.is-active{color:#ef7891!important;border-color:#384250!important;background:#15191f!important;box-shadow:0 10px 25px rgba(187,23,56,0.1)!important}
body.theme-launcher .admin-hub-card > i{color:#ef7891!important;background:#15191f!important}
body.theme-launcher .admin-hub-card small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .section-heading{border:1px solid #384250!important;background:#1b2028!important}
body.theme-launcher .section-heading span,body.theme-launcher .modal-eyebrow{color:#ef7891!important;font-size:12px!important}
body.theme-launcher .section-heading h5{color:#e8edf5!important}
body.theme-launcher .section-heading > i{color:#aab7ca!important}
body.theme-launcher .admin-search-type{border-color:#384250!important;color:#e8edf5!important;background-color:#1b2028!important}
body.theme-launcher .admin-user-result{border:1px solid #384250!important;background:#1b2028!important}
body.theme-launcher .admin-user-result:hover{border-color:#384250!important;background:#15191f!important;box-shadow:0 7px 18px rgba(187,23,56,0.08)!important}
body.theme-launcher .admin-user-result strong{color:#e8edf5!important}
body.theme-launcher .admin-user-result small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .admin-workspace-card{border:1px solid #384250!important;background:#1b2028!important;box-shadow:0 7px 22px rgba(187,23,56,0.05)!important}
body.theme-launcher .admin-card-heading > i{color:#ef7891!important;background:#15191f!important}
body.theme-launcher .admin-card-heading strong{color:#e8edf5!important}
body.theme-launcher .admin-card-heading small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .admin-search-control > .form-control,body.theme-launcher .admin-search-control > .form-select,body.theme-launcher .admin-check-control > .form-control{border:1px solid #384250!important;background:#1b2028!important}
body.theme-launcher .admin-primary-button{color:#e8edf5!important;background:linear-gradient(135deg, #bb1738, #bb1738)!important;box-shadow:0 7px 16px rgba(187,23,56,0.22)!important;font-size:12px!important}
body.theme-launcher .admin-primary-button:hover:not(:disabled){color:#e8edf5!important;box-shadow:0 10px 20px rgba(187,23,56,0.28)!important}
body.theme-launcher .admin-result-placeholder{border:1px dashed #384250!important;color:#aab7ca!important;background:#1b2028!important;font-size:12px!important}
body.theme-launcher .admin-selected-actions{border-top:1px solid #384250!important}
body.theme-launcher .admin-action-button{border:1px solid #384250!important;color:#e8edf5!important;background:#1b2028!important}
body.theme-launcher .admin-action-button:hover{border-color:#384250!important;box-shadow:0 8px 18px rgba(187,23,56,0.09)!important}
body.theme-launcher .admin-action-button > i{color:#ef7891!important;background:#15191f!important}
body.theme-launcher .admin-action-button b{color:#e8edf5!important;font-size:12px!important}
body.theme-launcher .admin-action-button small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .admin-action-button.is-warning > i{color:#edce88!important;background:#332c1e!important}
body.theme-launcher .admin-action-button.is-danger > i{color:#ff9eab!important;background:#3b212b!important}
body.theme-launcher .admin-action-button.is-vip > i{color:#c4b2f4!important;background:#15191f!important}
body.theme-launcher .admin-action-button.is-money > i{color:#88d9ad!important;background:#1c342b!important}
body.theme-launcher .admin-action-button.is-revenue > i{color:#ef7891!important;background:#15191f!important}
body.theme-launcher .admin-action-button.is-register > i{color:#ff9eab!important;background:#332c1e!important}
body.theme-launcher .service-intro{border:1px solid #384250!important;background:linear-gradient(135deg, #15191f, #1b2028 65%)!important}
body.theme-launcher .service-intro-icon{color:#e8edf5!important;background:linear-gradient(135deg, #bb1738, #bb1738)!important;box-shadow:0 9px 20px rgba(187,23,56,0.22)!important}
body.theme-launcher .service-intro h5{color:#e8edf5!important}
body.theme-launcher .service-intro p{color:#aab7ca!important}
body.theme-launcher .btn-history{border:1px solid #384250!important;color:#ef7891!important;background:#1b2028!important}
body.theme-launcher .btn-history:hover{color:#e8edf5!important;background:#bb1738!important}
body.theme-launcher .balance-option{border:1px solid #384250!important;background:#1b2028!important}
body.theme-launcher .balance-option > i{color:#ef7891!important;background:#15191f!important}
body.theme-launcher .balance-option span{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .balance-option strong{color:#e8edf5!important}
body.theme-launcher .balance-option.is-selected{border-color:#bb1738!important;background:#15191f!important;box-shadow:0 8px 22px rgba(187,23,56,0.1)!important}
body.theme-launcher .service-form{border:1px solid #384250!important;background:rgba(27,32,40,0.96)!important;box-shadow:0 8px 25px rgba(187,23,56,0.05)!important}
body.theme-launcher .service-form label{color:#aab7ca!important}
body.theme-launcher .service-form label i{color:#ef7891!important}
body.theme-launcher .service-form .form-control,body.theme-launcher .service-form .input-group-text{border-color:#384250!important;background:#1b2028!important}
body.theme-launcher .service-form .input-group-text{color:#aab7ca!important}
body.theme-launcher .form-hint{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .exchange-preview{background:linear-gradient(135deg, #2a1b24, #9d1230)!important}
body.theme-launcher .exchange-preview span{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .exchange-preview strong{color:#e8edf5!important}
body.theme-launcher .exchange-preview small{color:#ef7891!important;font-size:12px!important}
body.theme-launcher .exchange-preview > i{color:#ef7891!important}
body.theme-launcher .modal-content{border:1px solid rgba(56,66,80,0.9)!important;background:#1b2028!important;box-shadow:0 25px 75px rgba(187,23,56,0.28)!important}
body.theme-launcher .modal-header{border-bottom:1px solid #384250!important;background:linear-gradient(135deg, #1b2028, #1b2028)!important}
body.theme-launcher .modal-header .modal-title{color:#e8edf5!important}
body.theme-launcher .modal-header .btn-close{background-color:#15191f!important}
body.theme-launcher .modal-footer{border-top:1px solid #384250!important;background:#1b2028!important}
body.theme-launcher .bootbox .modal-body{color:#e8edf5!important}
body.theme-launcher .bootbox.zx-notice .modal-content{box-shadow:0 22px 65px rgba(187,23,56,0.25)!important}
body.theme-launcher .bootbox.zx-notice .modal-header{border-bottom:1px solid #384250!important;background:#1b2028!important}
body.theme-launcher .bootbox.zx-notice .modal-title{color:#e8edf5!important}
body.theme-launcher .bootbox.zx-notice .zx-notice-icon{background:#15191f!important;color:#ef7891!important}
body.theme-launcher .bootbox.zx-notice--error .zx-notice-icon{background:#3b212b!important;color:#ff9eab!important}
body.theme-launcher .bootbox.zx-notice--success .zx-notice-icon{background:#1c342b!important;color:#88d9ad!important}
body.theme-launcher .bootbox.zx-notice--warning .zx-notice-icon{background:#332c1e!important;color:#edce88!important}
body.theme-launcher .bootbox.zx-notice .bootbox-close-button{color:#aab7ca!important}
body.theme-launcher .bootbox.zx-notice .bootbox-close-button:hover{background:#15191f!important;color:#e8edf5!important}
body.theme-launcher .bootbox.zx-notice .modal-body{color:#aab7ca!important}
body.theme-launcher .bootbox.zx-notice .modal-footer{border-top:1px solid #384250!important;background:#1b2028!important}
body.theme-launcher .bootbox.zx-notice .modal-footer .btn{font-size:12px!important}
body.theme-launcher .bootbox.zx-notice .bootbox-accept{background:#bb1738!important;color:#e8edf5!important}
body.theme-launcher .bootbox.zx-notice--error .bootbox-accept{background:#ac2945!important}
body.theme-launcher .bootbox.zx-notice--success .bootbox-accept{background:#286344!important}
body.theme-launcher .bootbox.zx-notice--warning .bootbox-accept{background:#785721!important}
body.theme-launcher .bootbox.zx-notice .bootbox-cancel{background:#15191f!important;color:#aab7ca!important}
body.theme-launcher .history-summary > div{border:1px solid #384250!important;background:#15191f!important}
body.theme-launcher .history-summary span{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .history-summary strong{color:#ef7891!important}
body.theme-launcher .history-table-wrap{border:1px solid #384250!important}
body.theme-launcher .history-table thead th{color:#aab7ca!important;background:#1b2028!important;font-size:12px!important}
body.theme-launcher .history-table tbody td{border-color:#384250!important;color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .type-badge,body.theme-launcher .status-badge{font-size:12px!important}
body.theme-launcher .type-badge.is-deposit{color:#ef7891!important;background:#15191f!important}
body.theme-launcher .type-badge.is-war{color:#ff9eab!important;background:#3b212b!important}
body.theme-launcher .status-badge.is-pending{color:#edce88!important;background:#332c1e!important}
body.theme-launcher .status-badge.is-success{color:#88d9ad!important;background:#1c342b!important}
body.theme-launcher .empty-history{color:#aab7ca!important}
body.theme-launcher .modal form:not(.admin-player-form){color:#e8edf5!important}
body.theme-launcher .modal form:not(.admin-player-form) label{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .modal form:not(.admin-player-form) .form-control,body.theme-launcher .modal form:not(.admin-player-form) .form-select{border:1px solid #384250!important;color:#e8edf5!important;background-color:#1b2028!important}
body.theme-launcher .modal form:not(.admin-player-form) .form-control:disabled,body.theme-launcher .modal form:not(.admin-player-form) .form-control[readonly]{color:#aab7ca!important;background:#15191f!important}
body.theme-launcher .modal form:not(.admin-player-form) .form-control:focus,body.theme-launcher .modal form:not(.admin-player-form) .form-select:focus{border-color:#bb1738!important;background:#1b2028!important;box-shadow:0 0 0 3px rgba(187,23,56,0.1)!important}
body.theme-launcher .modal form:not(.admin-player-form) .btn-cus,body.theme-launcher .modal form:not(.admin-player-form) button[type="submit"]{color:#e8edf5!important;background:linear-gradient(135deg, #bb1738, #bb1738)!important;box-shadow:0 7px 17px rgba(187,23,56,0.2)!important;font-size:12px!important}
body.theme-launcher .modal form:not(.admin-player-form) .btn-cus:hover,body.theme-launcher .modal form:not(.admin-player-form) button[type="submit"]:hover{box-shadow:0 10px 21px rgba(187,23,56,0.27)!important}
body.theme-launcher .admin-player-form{color:#e8edf5!important}
body.theme-launcher .admin-player-summary > div,body.theme-launcher .admin-readonly-stat{border:1px solid #384250!important;background:linear-gradient(145deg, #15191f, #1b2028)!important}
body.theme-launcher .admin-player-summary span,body.theme-launcher .admin-readonly-stat span{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .admin-player-summary strong,body.theme-launcher .admin-readonly-stat strong{color:#e8edf5!important}
body.theme-launcher .admin-player-panel{border:1px solid #384250!important;background:#15191f!important}
body.theme-launcher .admin-player-panel h6{color:#ef7891!important}
body.theme-launcher .admin-field-grid label > span{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .admin-field-grid .form-control{border-color:#384250!important}
body.theme-launcher .admin-character-card{border:1px solid #384250!important;background:#1b2028!important}
body.theme-launcher .admin-character-card > i{color:#ef7891!important}
body.theme-launcher .admin-character-card strong{color:#e8edf5!important}
body.theme-launcher .admin-character-card small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .admin-character-card:hover{border-color:#bb1738!important;background:#15191f!important}
body.theme-launcher .admin-character-card.is-selected{border-color:#bb1738!important;background:#15191f!important;box-shadow:0 0 0 3px rgba(187,23,56,0.1)!important}
body.theme-launcher .admin-character-check{color:#ef7891!important}
body.theme-launcher .admin-edit-selected-role{background:#bb1738!important;color:#e8edf5!important;font-size:12px!important}
body.theme-launcher .admin-profile-management{border:1px solid #384250!important;background:#15191f!important}
body.theme-launcher .admin-profile-management>header{color:#e8edf5!important}
body.theme-launcher .admin-profile-management>header>i{background:#15191f!important;color:#ef7891!important}
body.theme-launcher .admin-profile-management>header strong{font-size:12px!important}
body.theme-launcher .admin-profile-management>header small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .admin-profile-action-form{border:1px solid #384250!important;background:#1b2028!important}
body.theme-launcher .admin-profile-action-form label span,body.theme-launcher .admin-profile-action-label{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .admin-profile-action-form>div>label{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .admin-profile-action-form button{background:#bb1738!important;color:#e8edf5!important;font-size:12px!important}
body.theme-launcher .admin-profile-action-form .account-status-submit.is-danger{background:#ac2945!important}
body.theme-launcher .admin-character-empty{border:1px dashed #384250!important;color:#aab7ca!important;background:#1b2028!important;font-size:12px!important}
body.theme-launcher .admin-account-meta{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .admin-account-meta span{background:#15191f!important}
body.theme-launcher #admin-modal .admin-character-card.is-selected{border-color:#bb1738!important;background:linear-gradient(135deg, #15191f, #15191f)!important;box-shadow:0 0 0 3px rgba(187,23,56,0.12)!important}
body.theme-launcher #admin-modal .admin-edit-selected-role.is-visible{background:linear-gradient(135deg, #bb1738, #bb1738)!important;box-shadow:0 8px 18px rgba(187,23,56,0.22)!important}
body.theme-launcher #admin-modal .admin-save-player{background:#2a1b24!important;color:#e8edf5!important;font-size:12px!important}
body.theme-launcher #admin-modal .admin-profile-management{border:1px solid #384250!important;background:#15191f!important}
body.theme-launcher #admin-modal form.admin-profile-action-form{border:1px solid #384250!important;background:#1b2028!important;box-shadow:0 7px 20px rgba(187,23,56,0.05)!important}
body.theme-launcher #admin-modal form.admin-profile-action-form > header{border-bottom:1px solid #384250!important}
body.theme-launcher #admin-modal form.admin-profile-action-form > header > i{background:#15191f!important;color:#ef7891!important}
body.theme-launcher #admin-modal form.admin-profile-action-form > header strong{color:#e8edf5!important;font-size:12px!important}
body.theme-launcher #admin-modal form.admin-profile-action-form > header small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher #admin-modal .admin-quick-select > span,body.theme-launcher #admin-modal .admin-profile-action-label{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher #admin-modal .admin-quick-select select{border-color:#384250!important;background-color:#15191f!important;font-size:12px!important}
body.theme-launcher #admin-modal .admin-quick-permissions label{border:1px solid #384250!important;background:#1b2028!important}
body.theme-launcher #admin-modal .admin-quick-permissions label:has(input:checked){border-color:#bb1738!important;background:#15191f!important;box-shadow:0 0 0 2px rgba(187,23,56,0.08)!important}
body.theme-launcher #admin-modal .admin-quick-permissions label > i{color:#ef7891!important}
body.theme-launcher #admin-modal .admin-quick-permissions b{color:#e8edf5!important;font-size:12px!important}
body.theme-launcher #admin-modal .admin-quick-permissions small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher #admin-modal form.admin-profile-action-form > button{background:linear-gradient(135deg, #bb1738, #bb1738)!important;color:#e8edf5!important;box-shadow:0 7px 16px rgba(187,23,56,0.18)!important;font-size:12px!important}
body.theme-launcher #admin-modal form.admin-profile-action-form > button.is-danger{background:linear-gradient(135deg, #ac2945, #ac2945)!important;box-shadow:0 7px 16px rgba(0,0,0,0.16)!important}
body.theme-launcher.is-authenticated .loading-form{background:rgba(42,27,36,0.2)!important}
body.theme-launcher.is-authenticated .loading-form > div{border:1px solid rgba(56,66,80,0.95)!important;color:#e8edf5!important;background:rgba(27,32,40,0.96)!important;box-shadow:0 15px 40px rgba(187,23,56,0.18)!important;font-size:12px!important}
body.theme-launcher.is-authenticated .loading-form .spinner-border{color:#ef7891!important}
body.theme-launcher .security-center{border:1px solid #384250!important;background:#1b2028!important;box-shadow:0 8px 25px rgba(187,23,56,0.05)!important}
body.theme-launcher .security-heading span{color:#ef7891!important;font-size:12px!important}
body.theme-launcher .security-heading h5{color:#e8edf5!important}
body.theme-launcher .security-heading > i{color:#ef7891!important;background:#15191f!important}
body.theme-launcher .security-tabs{background:#15191f!important}
body.theme-launcher .security-tab{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .security-tab.is-active{color:#ef7891!important;background:#1b2028!important;box-shadow:0 4px 13px rgba(187,23,56,0.08)!important}
body.theme-launcher .security-form label > span{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .security-form .form-control{border:1px solid #384250!important;background:#1b2028!important}
body.theme-launcher .security-form .form-control:focus{border-color:#bb1738!important;background:#1b2028!important;box-shadow:0 0 0 3px rgba(187,23,56,0.1)!important}
body.theme-launcher .button-get-token{color:#ef7891!important;background:#15191f!important;font-size:12px!important}
body.theme-launcher .security-toggle-pass{color:#aab7ca!important}
body.theme-launcher .security-submit{color:#e8edf5!important;background:linear-gradient(135deg, #bb1738, #bb1738)!important;box-shadow:0 7px 17px rgba(187,23,56,0.2)!important;font-size:12px!important}

/* modules/auth.php */
body.theme-launcher .gm-recipient{border:1px solid #384250!important;background:#15191f!important}
body.theme-launcher .gm-recipient>i{background:#15191f!important;color:#ef7891!important}
body.theme-launcher .gm-recipient small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .gm-recipient strong{color:#e8edf5!important}
body.theme-launcher .gm-recipient em{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .gm-field>span{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .gm-field select,body.theme-launcher .gm-field input{border:1px solid #384250!important;background:#1b2028!important;color:#e8edf5!important;font-size:12px!important}
body.theme-launcher .gm-field select:focus,body.theme-launcher .gm-field input:focus{border-color:#bb1738!important;box-shadow:0 0 0 3px rgba(187,23,56,0.1)!important}
body.theme-launcher .gm-package-preview{border:1px solid #384250!important;background:#15191f!important}
body.theme-launcher .gm-package-preview>i{color:#ef7891!important}
body.theme-launcher .gm-package-preview small{color:#aab7ca!important;font-size:12px!important}
body.theme-launcher .gm-package-preview strong{color:#e8edf5!important;font-size:12px!important}
body.theme-launcher .gm-package-preview b{background:#1b2028!important;color:#ef7891!important;font-size:12px!important}
body.theme-launcher .gm-gift-note{background:#332c1e!important;color:#edce88!important;font-size:12px!important}
body.theme-launcher .gm-gift-submit{background:#bb1738!important;color:#e8edf5!important;font-size:12px!important;box-shadow:0 7px 17px rgba(187,23,56,0.2)!important}
body.theme-launcher .gm-form-error{background:#3b212b!important;color:#ff9eab!important;font-size:12px!important}

/* Source: public/css/launcher-theme.css */
/* Patcher palette. Presentation only; existing form IDs and business logic stay intact. */
body.theme-launcher {
 --zx-primary:#df173c;--zx-primary-dark:#b80c2c;--zx-ink:#eef0f5;--zx-muted:#9ba7b9;
 --zx-line:#333944;--zx-surface:#191d24;--zx-shadow:0 12px 32px #0003;
 --dash-navy:#111419;--dash-blue:#df173c;--dash-blue-soft:#351924;
 --dash-border:#303641;--dash-muted:#a6afbe;--dash-bg:#171b21;
 --bs-body-color:#e8edf4;--bs-body-bg:#14171d;--bs-border-color:#303641;
 min-height:100vh;isolation:isolate;
 background:#101216;
 color:#e8edf4;font-family:Inter,"Segoe UI",Arial,sans-serif;color-scheme:dark;
}
/* Viewport backdrop, independent of the content width/height. No scroll effects or blur. */
body.theme-launcher::before{
 content:"";display:block;position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(180deg,rgba(8,10,14,.86),rgba(8,10,14,.92)),
  linear-gradient(90deg,rgba(10,14,20,.16),transparent 25%,transparent 75%,rgba(10,14,20,.16)),
  url('/public/images/launcher-background.webp') center center/cover no-repeat!important;
}
.theme-launcher .launcher-container{max-width:1440px;padding:0 28px}
.launcher-topbar{display:flex;align-items:center;gap:28px;min-height:80px;padding:14px 32px;border-bottom:1px solid #30343d;background:#101216}
.launcher-brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#f4f4f6!important;flex-shrink:0}
.launcher-brand>span:last-child{display:grid;gap:3px}.launcher-brand strong{font-size:21px;letter-spacing:.035em}.launcher-brand small{font-size:10px;letter-spacing:.13em;color:#929daf}
.launcher-mark{display:grid;place-items:center;width:47px;height:47px;border:1px solid #9b1831;border-radius:9px;background:#221217;color:#f43c54;font:bold italic 26px Georgia,serif}
.launcher-mark img{width:100%;height:100%;object-fit:contain;border-radius:8px}
.launcher-nav{display:flex;align-items:center;gap:28px;margin:auto}.launcher-nav a{padding:10px 3px;font-size:13px;color:#cbd2de;text-decoration:none;transition:color .15s}.launcher-nav a:hover{color:#fff}.launcher-nav a i{margin:0 5px;font-size:11px}
.launcher-nav .launcher-download{padding:10px 18px;border-radius:5px;background:#db173b;color:white}
.launcher-age{display:flex;align-items:center;gap:12px;color:#919dad;font-size:11px}.launcher-age b{padding:6px 10px;background:#4c2228;color:#ffdfd2;font-size:16px}
.theme-launcher.is-guest>.launcher-container>.row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;gap:0;margin:32px 0;border:1px solid #303641;border-radius:12px;overflow:hidden;min-height:640px;background:#181c23}
.launcher-welcome{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:40px;min-width:0;background:linear-gradient(90deg,rgba(18,22,30,.72),rgba(18,22,30,.16)),linear-gradient(0deg,rgba(18,22,31,.94),transparent 65%),url('/public/images/launcher-welcome.webp?v=2') center/cover}
.launcher-welcome-content{position:relative;z-index:1}.launcher-kicker{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;color:#d8b99b}
.launcher-version-logo{display:block;width:auto;height:175px;margin:24px 0 16px;object-fit:contain}.launcher-welcome h2{font-size:30px;font-weight:800;letter-spacing:-.02em;color:#f5f6f9}.launcher-welcome h2 span{font-weight:400;color:#c9ced9}.launcher-welcome p{margin:14px 0 26px;font-size:15px;line-height:1.8;color:#b8c0ce}
.launcher-welcome-links{display:flex;gap:12px;flex-wrap:wrap}.launcher-welcome-links a{padding:12px 18px;background:#df173c;color:white;text-decoration:none;font-size:13px;font-weight:700;border-radius:5px}.launcher-welcome-links a+a{background:#232933;border:1px solid #3d4551}
.launcher-version-note{border-top:1px solid #ffffff20;padding-top:18px;margin-top:32px;font-size:10px;letter-spacing:.08em;color:#aab4c2}.launcher-version-note>span{display:inline-block;width:6px;height:6px;background:#57bc91;border-radius:50%;margin-right:6px}.launcher-version-note small{display:block;margin-top:8px;font-size:11px;letter-spacing:0;color:#919eaf}
.theme-launcher.is-guest .auth-shell{padding:35px 32px;align-items:center;width:100%;min-width:0}.theme-launcher .auth-panel{width:100%;max-width:560px}.theme-launcher .auth-card{border:0;background:transparent;box-shadow:none;backdrop-filter:none;animation:none}.theme-launcher .auth-card-header{background:transparent;border-color:#303641;padding:12px 0 24px}.theme-launcher .auth-form{padding:24px 0 6px}
.theme-launcher .auth-card-header h1{font-size:24px;color:#f1f3f7}.theme-launcher .auth-card-header p{font-size:12px;color:#97a5b8}.theme-launcher .auth-header-icon{background:#38202b;color:#f45d74;border-radius:10px}.theme-launcher .auth-eyebrow{color:#db8d9b;font-size:10px}
.theme-launcher .auth-control{background:#10141a;border-color:#343b48;border-radius:7px;min-height:47px}.theme-launcher .auth-control input{font-size:14px;color:#edf0f6;background:transparent!important;border:0!important;box-shadow:none!important}.theme-launcher .auth-control input::placeholder{color:#718198}.theme-launcher .auth-control:focus-within{border-color:#e43756;box-shadow:0 0 0 3px #e437561b}
.theme-launcher .auth-field>label,.theme-launcher .auth-label-row label{color:#c1cada;font-size:12px}.theme-launcher .auth-label-row a,.theme-launcher .auth-switch a{color:#f2788d;font-size:12px}.theme-launcher .auth-switch{border-color:#303641;color:#a6b2c4;font-size:12px}.theme-launcher .auth-primary-button{background:#df173c;border-radius:6px;box-shadow:none;font-size:14px;min-height:46px}.theme-launcher .auth-primary-button:hover{background:#ed2449}.theme-launcher .auth-toggle-password{color:#a5b2c5}
.theme-launcher.is-authenticated .dashboard-shell{width:100%;max-width:1384px;padding:0}.theme-launcher.is-authenticated .home-tab{grid-template-columns:240px minmax(0,1fr);gap:16px;margin-top:22px}.theme-launcher.is-authenticated .home-tab>.left-home{width:240px;border-radius:8px;border-color:#303641;background:#15191f;box-shadow:none}.theme-launcher.is-authenticated .home-tab>.right-home{background:#171b21;border-color:#303641;border-radius:8px;box-shadow:none}
.theme-launcher.is-authenticated .info-left-side,.theme-launcher.is-authenticated .right-home .left-title-home{background:#1e222a;border-color:#303641;box-shadow:none}.theme-launcher .account-summary strong,.theme-launcher .left-title-home h4{color:#f4f5f8!important}.theme-launcher .account-summary span{color:#8c9aad!important}.theme-launcher .menu-section-label{color:#8d9aaf!important}.theme-launcher .menu-section-label span{background:transparent;color:#8d9aaf!important}
.theme-launcher.is-authenticated .nav-link-custom a{color:#b9c3d3;background:transparent;border-radius:5px}.theme-launcher.is-authenticated .nav-link-custom a.active,.theme-launcher.is-authenticated .nav-link-custom a:hover{background:#72152a;color:#fff}.theme-launcher.is-authenticated .nav-link-custom a>i{color:inherit;background:transparent}.theme-launcher .nav-item .nav-link-custom{background:transparent!important;border-color:#303641!important;box-shadow:none!important}
.theme-launcher :is(.dashboard-user-card,.dashboard-balance-card){background:#1b2028;border-color:#303641;border-radius:8px;box-shadow:none}.theme-launcher :is(.dashboard-user-card,.dashboard-balance-card) strong{color:#edf1f7}.theme-launcher .account-avatar{background:#a7203a;border-color:#c8344e;box-shadow:none}
/* Shared controls. Component-specific colours and states live in launcher-components.css. */
body.theme-launcher{--zx-primary:#bb1738;--zx-primary-dark:#9d1230;--zx-accent:#edce88;--zx-success:#88d9ad;--zx-danger:#ff9eab;--zx-ink:#e8edf5;--zx-muted:#aab7ca;--zx-line:#384250;--zx-surface:#1b2028;--dash-muted:#aab7ca}
body.theme-launcher a{color:#ef7891}
body.theme-launcher :is(input,select,textarea){accent-color:#df173c;color-scheme:dark}
body.theme-launcher :is(input,select,textarea,button,a.btn):focus-visible{outline:2px solid #ed6c87;outline-offset:2px}
body.theme-launcher :is(input,textarea)::placeholder{color:#a0adc0!important;opacity:1}
body.theme-launcher :is(.form-control,.form-select,.input-group-text){background-color:#15191f!important;color:#e8edf5!important;border-color:#384250!important}
body.theme-launcher .form-control:focus,body.theme-launcher .form-select:focus{border-color:#df173c!important;box-shadow:0 0 0 3px #df173c20}
body.theme-launcher .form-check-input{background-color:#15191f;border-color:#68778b}
body.theme-launcher .form-check-input:checked{background-color:#bb1738;border-color:#bb1738}
body.theme-launcher :is(.card,.modal-content,.dropdown-menu,.list-group-item){background:#1b2028;color:#e8edf5;border-color:#384250}
body.theme-launcher :is(.modal-header,.modal-footer,.card-header){background:#15191f;border-color:#384250}
body.theme-launcher .modal-content{box-shadow:0 20px 60px #0008}
body.theme-launcher .btn-close{filter:none;opacity:.9;background-color:#303844!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m3 3 10 10M13 3 3 13' stroke='%23eef1f6' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")!important}
body.theme-launcher :is(.btn-primary,.bg-primary){background-color:#bb1738!important;border-color:#bb1738!important;color:#fff!important}
body.theme-launcher .btn-primary:hover{background-color:#9d1230!important}
body.theme-launcher :is(.btn-light,.btn-secondary,.bg-light,.bg-white,.bg-secondary){background-color:#242b35!important;border-color:#384250!important;color:#e8edf5!important}
body.theme-launcher .btn-success{background-color:#286344!important;border-color:#286344!important;color:#fff!important}
body.theme-launcher .btn-danger{background-color:#ac2945!important;border-color:#ac2945!important;color:#fff!important}
body.theme-launcher .btn-info{background-color:#514175!important;border-color:#514175!important;color:#fff!important}
body.theme-launcher .text-primary{color:#ef7891!important}
body.theme-launcher :is(.text-dark,.text-black){color:#e8edf5!important}
body.theme-launcher :is(.text-muted,.text-secondary){color:#aab7ca!important}
body.theme-launcher .text-success{color:#88d9ad!important}
body.theme-launcher .text-danger{color:#ff9eab!important}
body.theme-launcher .text-warning{color:#edce88!important}
body.theme-launcher .text-info{color:#c4b2f4!important}
body.theme-launcher .alert-warning{background:#332c1e;color:#edce88;border-color:#725d30}
body.theme-launcher .alert-danger{background:#3b212b;color:#ff9eab;border-color:#80404d}
body.theme-launcher .alert-success{background:#1c342b;color:#88d9ad;border-color:#376a51}
body.theme-launcher :is(.alert-info,.alert-primary){background:#34212c;color:#efb0bf;border-color:#714151}
body.theme-launcher .border{border-color:#384250!important}
body.theme-launcher table{--bs-table-bg:#1b2028;--bs-table-color:#e8edf5;--bs-table-striped-bg:#242b35;--bs-table-striped-color:#e8edf5;--bs-table-hover-bg:#302731;--bs-table-hover-color:#fff;color:#e8edf5;border-color:#384250}
body.theme-launcher :is(.table-light,.table-primary){--bs-table-bg:#242b35;--bs-table-color:#e8edf5;--bs-table-striped-bg:#2c3441;--bs-table-striped-color:#e8edf5}
body.theme-launcher .table>:not(caption)>*>*{border-color:#384250}
body.theme-launcher .page-link{background:#242b35;color:#e8edf5;border-color:#384250}
body.theme-launcher .page-item.active .page-link{background:#bb1738;border-color:#bb1738}
body.theme-launcher .page-item.disabled .page-link{background:#15191f;color:#8e9bad;border-color:#384250}
body.theme-launcher .dropdown-item{color:#e8edf5}
body.theme-launcher .dropdown-item:hover{background:#34212c}
body.theme-launcher .nav-tabs{border-color:#384250}
body.theme-launcher .nav-tabs .nav-link{color:#aab7ca}
body.theme-launcher .nav-tabs .nav-link.active{color:#fff;background:#34212c;border-color:#384250}
body.theme-launcher .gift-box[style]{background:#1b2028!important}
body.theme-launcher [style*="color: red"]{color:#ff9eab!important}
body.theme-launcher .app-footer{color:#aab7ca;border-top:1px solid #292f39;background:transparent;margin-top:24px;font-size:11px}
body.theme-launcher.is-guest .app-footer{grid-column:1/-1;width:100%;margin:0;padding:18px}
body.theme-launcher :is(.shop-product h6,.shop-product-price small,.shop-product-price span,.shop-product-status,.shop-buy-button,.shop-quantity,.shop-catalog-header>div>span,.shop-recipient>small,.shop-footer-note,.history-payment){font-size:11px}
body.theme-launcher :is(.shop-currency span small,.shop-search input,.gift-code-main p,.gift-expiry>span,.gift-reward span,.gift-public-main>span,.gift-public-meta,.role-panel-note){font-size:12px}
body.theme-launcher .shop-product h6{min-height:36px}
body.theme-launcher .shop-product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
body.theme-launcher .shop-search input{background:transparent!important;color:#e8edf5!important}
body.theme-launcher .gift-switch span:after{background:#fff!important}
body.theme-launcher :is(.shop-buy-button,.role-primary,.gift-save):disabled{background:#384250!important;color:#acb6c5!important;box-shadow:none!important;cursor:not-allowed}
body.theme-launcher :is(.web-shop-hero,.change-class-heading,.recharge-hero,.role-editor-head,.gift-claim-hero,.gift-admin-head,.bank-admin-hero){background:linear-gradient(110deg,#251b24,#571f30)!important;border-bottom:2px solid #bb1738}
body.theme-launcher .right-home{min-width:0}
body.theme-launcher .launcher-nav a{color:#cbd2de}
body.theme-launcher .launcher-nav .launcher-download{color:#fff}
body.theme-launcher .launcher-welcome-links a{color:#fff}
body.theme-launcher .auth-card{border:0!important;background:transparent!important;box-shadow:none!important}
body.theme-launcher .auth-card-header{background:transparent!important}
body.theme-launcher :is(.left-title-home,.info-left-side){background:#1e222a!important;background-image:none!important}
body.theme-launcher .left-title-home h4{text-shadow:none!important}
body.theme-launcher :is(.shop-currency,.class-family,.class-option):has(input:checked){background:#34212c!important}
body.theme-launcher .gift-form-section .reward-option>span{display:flex;align-items:center;justify-content:center;gap:5px;min-height:104px;padding:12px 8px;text-align:center}
body.theme-launcher .reward-option :is(strong,small){display:block;margin:0;line-height:1.45;text-transform:none}
body.theme-launcher .reward-option small{font-weight:400}
@media(max-width:430px){body.theme-launcher .shop-product-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body.theme-launcher *,body.theme-launcher *:before,body.theme-launcher *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.launcher-mark{border:0;background:transparent;border-radius:0}.launcher-mark img{border-radius:0}
.launcher-version-logo{width:min(100%,340px);height:auto;margin:40px 0 25px}
@media(max-width:1000px){.launcher-age span{display:none}.launcher-topbar{gap:18px;padding:14px 20px}.launcher-nav{gap:18px}.launcher-welcome{padding:30px}.theme-launcher.is-guest .auth-shell{padding:28px 24px}.theme-launcher.is-authenticated .home-tab{grid-template-columns:210px minmax(0,1fr)}.theme-launcher.is-authenticated .home-tab>.left-home{width:210px}}
@media(max-width:767px){.launcher-topbar{flex-wrap:wrap;gap:16px}.launcher-brand{margin-right:auto}.launcher-brand strong{font-size:18px}.launcher-age{order:1}.launcher-nav{order:2;width:100%;justify-content:space-between;margin:0;gap:10px}.theme-launcher .launcher-container{padding:0 14px}.theme-launcher.is-guest>.launcher-container>.row{grid-template-columns:1fr;margin:18px 0}.launcher-welcome{padding:24px;min-height:235px}.launcher-version-logo{height:110px;margin:16px 0 8px}.launcher-welcome h2{font-size:24px}.launcher-welcome p{font-size:13px;margin:8px 0 18px}.launcher-version-note{margin-top:20px}.theme-launcher.is-guest .auth-shell{padding:24px 20px}.theme-launcher.is-authenticated .home-tab{grid-template-columns:1fr;padding:0}.theme-launcher.is-authenticated .home-tab>.left-home{width:100%;grid-column:1;grid-row:auto}.theme-launcher.is-authenticated .home-tab>.right-home{grid-column:1;grid-row:auto}.theme-launcher .dashboard-account-stats{grid-column:1;grid-row:auto}.theme-launcher .auth-form-grid{grid-template-columns:1fr}}

/* Keep all primary links readable when the navigation wraps on small screens. */
.launcher-nav{flex-wrap:wrap;justify-content:center;min-width:0}.launcher-nav a{white-space:nowrap}
@media(max-width:767px){.launcher-nav{justify-content:center;column-gap:16px;row-gap:4px}}

/* Source: public/css/form-tab-order.css */
input[data-tab-choice]:not([hidden]){display:inline-block!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;border:0!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important}
label:has(>input[data-tab-choice]:focus-visible){outline:2px solid var(--zx-primary,#df173c);outline-offset:3px;border-radius:6px}