/* your styles go here */
.alertbox {
	width: 100%;
	max-width: 800px;
	background-color: #900000;
	border-radius: 2px;
	color: #FFF;
	text-align: center;
	padding: 5px;
	font-size: 12px;	
	margin: 5px auto;
}

.succbox {
	width: 100%;
	max-width: 800px;
	background-color: green;
	border-radius: 2px;
	color: #FFF;
	text-align: center;
	padding: 5px;
	font-size: 12px;	
	margin: 5px auto;
}

input[type=text].panel,input[type=password].panel,input[type=number].panel,input[type=email].panel { 
	font-family: "Arial","Chakra Petch";	
	display: inline-block;	
	margin: 0 5px 5px 0; 	
	border: none;
	outline: none;
	padding: 10px;
	font-size: 13px;
	color: #000;	
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 4px;
	box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
	-webkit-transition: box-shadow .5s ease;
	-moz-transition: box-shadow .5s ease;
	-o-transition: box-shadow .5s ease;
	-ms-transition: box-shadow .5s ease;
	transition: box-shadow .5s ease;
}

input[type=submit].panel, button.panel { 	
	margin-bottom: 10px;	
	border: none;
	outline: none;
	padding: 10px;	
	font-size: 13px;
	color: #000;	
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 4px;	
	-webkit-transition: box-shadow .5s ease;
	-moz-transition: box-shadow .5s ease;
	-o-transition: box-shadow .5s ease;
	-ms-transition: box-shadow .5s ease;
	transition: box-shadow .5s ease;
	cursor: pointer;
	transition: 0.5s;
}

input[type=submit].panel:hover, button.panel:hover {
	border: 1px solid rgba(250,0,0,0.8);
	color:red;
}

.full {
	width:100%;
	max-width: 80%;
}

.full-btn {
	width:100%;
}

input:focus { box-shadow: inset 0 -5px 45px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2); }

div#menuleft {
	width: 155px;	
	float: left;
}

div#content {
	width: 80%;
	float: left;
	min-width: 300px;
	max-width: 1000px;
}

.buttonsmall {
	padding: 10px 15px;
	border:1px solid #495057;
	border-radius: 6px;	
	font-weight: bold;
	margin: 10px 0;
	display: inline-block;
	cursor: pointer;
}

.text-center {
	text-align: center;
}

.gray {
	color:#d8d8d8;
}

.listItem {
	width: 15%;
	height: 380px;
	min-width: 150px;
	float: left;	
	border-radius: 4px;
	margin: 10px;
	border:1px solid #000;	
	overflow: hidden;
	cursor: pointer;
	padding:5px;
	background-color: rgba(0,0,0,1) ;		
}

.listItem:hover {
	background-color: rgba(0,0,0,0.8) ;
}

.listItem img {
	width: 40px;
	display: block;
	margin:5px auto;
}

.listItem p {
	font-size: 11px;
	text-align: center;	
	margin: 5px 0 5px 0;

}

.mediumTx {
	font-size: 14px;
}

.pshop {
	text-align: center;
	font-size: 11px;
	color:#000;	
}

select.soflow {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 20px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 300px;
}

table.adminTable {
	border-collapse: collapse;
    width: 100%;
}

table.adminTable th, td {
	padding: 8px;
    text-align: left;   
}

.btn-link {
	width: 50px;
	padding: 5px 15px;
	background-color: #ff3f3f;
	color:#FFF;
	cursor: pointer;
	display: block;
	margin: 0 auto;
}

li a.active {
	background-color:#ff3f3f;
}

div#shopMain {
	width: 100%;
}
div#shopMenu {
	
}

@media (max-width: 768px) {
	.tmstyle {
		letter-spacing: 4px;
	}
}

@media (min-width: 768px) {
	.tmstyle {
		letter-spacing: 8px;
	}
}

@media (min-width: 1200px) {
	.tmstyle {
		letter-spacing: 15px;
	}
}

.bannertop {	
	width: 70%;
	height: 52px;
	overflow: hidden;
}

.bannertop img {
	margin-right: 5px;
	box-shadow: 2px 2px 0 #000;
}


.tooltips {
    position: relative;
    display: inline-block;    
    cursor: pointer;
}


.tooltips .tooltipstext {
    visibility: hidden;    
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    min-width: 150px;
    top: 100%;
    left: 50px; 
    margin-left: -60px;
    font-family: Tahoma;
}

.tooltips:hover .tooltipstext {
    visibility: visible;
}

.code-item {
	text-transform: uppercase;
	width: 70px;
	display: inline-block;
	text-align: center;	
}

.codeitemcss {
	font-family: Tahoma;
}

.swap tr:nth-child(even) {background-color: gold}
.swap tr:nth-child(odd) {background-color: #FFF}

.white {color:#FFF;}
.red{color:red;}
.green{color:green;}
.lime{color:lime;}
.gold{color:gold;background-color: #000;padding:10px;width: 100%;}
.gray{color:#FFF;background-color: gray;padding:10px;width: 100%;}

.overflow-auto{
	overflow-x: auto;
}

.table-main {
	width: 1000px;
}

.table-head {
	background-image: url('../image/bg_01.png');
	background-repeat: no-repeat;
}

.table-tr {
	background-image: url('../image/bg_02.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.table-bottom {
	background-image: url('../image/bg_03.png');
	background-repeat: no-repeat;
}

.f-8,.f-8 * {
	font-size: 8px !important;
}
.f-9,.f-9 * {
	font-size: 9px !important;
}
.f-10,.f-10 * {
	font-size: 10px !important;
}
.f-11,.f-11 * {
	font-size: 11px !important;
}
.f-12,.f-12 * {
	font-size: 12px !important;
}
.f-13,.f-13 * {
	font-size: 13px !important;
}
.f-14,.f-14 * {
	font-size: 14px !important;
}
.f-16,.f-16 * {
	font-size: 16px !important;
}
.f-18,.f-18 * {
	font-size: 18px !important;
}
.f-20,.f-20 * {
	font-size: 20px !important;
}
.f-22,.f-22 * {
	font-size: 22px !important;
}
.f-24,.f-24 * {
	font-size: 24px !important;
}
.f-26,.f-26 * {
	font-size: 26px !important;
}
.f-28,.f-28 * {
	font-size: 28px !important;
}
.f-30,.f-30 * {
	font-size: 30px !important;
}

/* RF EvilX GameCP visual system */
body.rfv-gamecp {
	min-height: 100vh;
	background: #07090d url('../img/gamecp-bg.png') center / cover fixed no-repeat;
	color: #e8edf2;
}
body.rfv-gamecp::before {
	content: '';
	position: fixed;
	inset: 0;
	pointer-events: none;
	background: radial-gradient(circle at 50% 42%, rgba(32, 38, 48, .08), rgba(2, 4, 8, .52) 82%);
	z-index: -1;
}
.rfv-gamecp .page { background: transparent; }
.rfv-gamecp .login-page { min-height: 100vh; }
.rfv-gamecp .rfv-gamecp-login .form-outer { min-height: 100vh; }
.rfv-gamecp .rfv-gamecp-login .form-inner {
	width: min(92vw, 575px);
	padding: 54px 70px 48px;
	border: 1px solid rgba(208, 215, 222, .82);
	border-radius: 26px;
	background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(232,234,236,.94));
	box-shadow: 0 24px 70px rgba(0,0,0,.65), 0 0 36px rgba(239, 30, 35, .38);
	color: #272d35;
}
.rfv-gamecp-mark { color: #d2141d; font-size: 34px; line-height: 1; margin-bottom: 16px; text-shadow: 0 4px 8px rgba(0,0,0,.25); }
.rfv-gamecp .rfv-gamecp-login .logo { font-size: clamp(26px, 4vw, 37px); letter-spacing: .8px; color: #31363d; }
.rfv-gamecp .rfv-gamecp-login .logo strong { color: #cf2028; font-weight: 700; }
.rfv-gamecp-login__lead { color: #636a73; margin: 14px 0 35px; }
.rfv-gamecp .rfv-gamecp-login .form-group-material { margin: 0 0 28px; }
.rfv-gamecp .rfv-gamecp-login .input-material { width: 100%; border: 1px solid #b8bdc3; border-radius: 5px; background: rgba(255,255,255,.8); padding: 17px 18px 8px 48px; color: #252b31; }
.rfv-gamecp .rfv-gamecp-login .label-material { color: #c51720; left: 16px; top: -15px; font-size: 15px; font-weight: 700; }
.rfv-gamecp .rfv-gamecp-login .label-material i { color: #3c434a; margin-right: 13px; }
.rfv-gamecp .rfv-gamecp-login .btn-primary {
	width: min(100%, 310px); margin: 4px auto 20px; padding: 15px; border: 0; border-radius: 3px;
	background: linear-gradient(180deg, #ec2930, #a90910); box-shadow: 0 7px 14px rgba(128,0,0,.32); font-weight: 700;
}
.rfv-gamecp .rfv-gamecp-login .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(231, 29, 35, .5); }
.rfv-gamecp .rfv-gamecp-login .forgot-pass { color: #0071c8; }

.rfv-transfer { width: min(100%, 1120px); margin: 0 auto; padding: 8px 0 42px; }
.rfv-transfer__hero { padding: 22px 28px; margin-bottom: 14px; border-left: 3px solid #f3293a; background: linear-gradient(90deg, rgba(8,11,18,.92), rgba(8,11,18,.35)); }
.rfv-transfer__eyebrow { color: #ff5663; font-size: 11px; letter-spacing: .16em; font-weight: 700; }
.rfv-transfer__hero h1 { margin: 4px 0 5px; font-size: clamp(26px, 4vw, 40px); font-weight: 700; color: #fff; }
.rfv-transfer__hero p { margin: 0; color: #b5bdc9; }
.rfv-transfer__card { padding: clamp(18px, 4vw, 38px); border: 1px solid rgba(243, 46, 56, .42); background: linear-gradient(145deg, rgba(11,15,23,.95), rgba(13,16,25,.82)); box-shadow: 0 16px 45px rgba(0,0,0,.45); }
.rfv-transfer__notice { display: flex; gap: 10px; align-items: center; margin: 0 0 9px; padding: 11px 14px; border-left: 3px solid #e92b38; background: rgba(242, 45, 58, .1); color: #f2f5f8; }
.rfv-transfer__notice i { color: #ff4e5a; }
.rfv-transfer__table, .rfv-transfer__table td { border: 0; color: #d9e0e8; }
.rfv-transfer__table > tbody > tr:first-child > td { padding: 25px 16px; color: #cfd7df; border-bottom: 1px solid rgba(255,255,255,.12); }
.rfv-transfer__table a { color: #ff5561; }
.rfv-transfer__form { margin-top: 12px; }
.rfv-transfer__form td { padding: 12px 0; }
.rfv-transfer__packages { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.rfv-transfer__package { display: block; padding: 14px 12px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.04); color: #f0f4f8; text-align: center; cursor: pointer; transition: .2s ease; }
.rfv-transfer__package input { accent-color: #ef2938; margin-right: 7px; }
.rfv-transfer__package:hover, .rfv-transfer__package:has(input:checked) { border-color: #f22d3c; background: rgba(242,45,60,.14); box-shadow: 0 0 20px rgba(240,35,50,.22); }
.rfv-transfer__form input[type=file] { width: 100%; padding: 13px; border: 1px dashed rgba(255,255,255,.3); background: rgba(0,0,0,.2); color: #dce3ec; }
.rfv-transfer__form .panel.full { max-width: 100%; padding: 15px; border: 1px solid #ee3442; border-radius: 0; background: linear-gradient(180deg, #ed3641, #9d1019); color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.rfv-transfer__form .panel.full:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 10px 24px rgba(236, 36, 50, .35); }
.rfv-transfer .head-blue { background: transparent; border-bottom: 1px solid rgba(255,255,255,.18); color: #fff; font-weight: 700; }
.rfv-transfer #showPayData { overflow-x: auto; }
@media (max-width: 767px) {
	.rfv-gamecp .rfv-gamecp-login .form-inner { padding: 42px 28px 35px; }
	.rfv-transfer { padding-inline: 12px; }
	.rfv-transfer__packages { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* RF Images skin: the Game CP shares the same supplied artwork as the public site. */
body.rfv-gamecp {
	color: #291d27;
	background:
		linear-gradient(90deg,rgba(255,255,255,.97) 0 48%,rgba(255,250,253,.56) 100%),
		url('../../images/rf-assets/heroes/topup.jpg.png') right 28% / min(62vw,760px) auto fixed no-repeat,
		#fff7fb;
}
body.rfv-gamecp::before {
	background:
		linear-gradient(132deg,transparent 0 18%,rgba(245,34,139,.08) 18.1% 18.4%,transparent 18.5% 76%,rgba(245,34,139,.08) 76.1% 76.4%,transparent 76.5%),
		radial-gradient(circle at 1px 1px,rgba(245,34,139,.17) 1px,transparent 1.5px);
	background-size: auto,18px 18px;
	z-index: 0;
}
.rfv-gamecp .rfv-gamecp-login { position: relative; z-index: 1; }
.rfv-gamecp .rfv-gamecp-login .form-inner {
	width: min(94vw,620px);
	padding: 45px 68px 48px;
	border: 0;
	border-radius: 0;
	color: #291d27;
	background: url('../../images/rf-assets/panels/panel_06.png') center / 100% 100% no-repeat;
	box-shadow: none;
	filter: drop-shadow(0 19px 26px rgba(112,27,72,.2));
}
.rfv-gamecp-logo { display: block; width: min(100%,340px); margin: 0 auto 10px; }
.rfv-gamecp-logo img { display: block; width: 100%; height: 92px; object-fit: contain; }
.rfv-gamecp .rfv-gamecp-login .logo { color: #2b2029; font-size: clamp(21px,3vw,29px); letter-spacing: 3px; }
.rfv-gamecp .rfv-gamecp-login .logo strong { color: #ed2587; }
.rfv-gamecp-login__lead { color: #756674; margin: 12px 0 34px; }
.rfv-gamecp .rfv-gamecp-login .form-group-material {
	min-height: 77px;
	margin: 0 0 13px;
	padding: 14px 22px;
	background: url('../../images/rf-assets/panels/panel_03.png') center / 100% 100% no-repeat;
}
.rfv-gamecp .rfv-gamecp-login .input-material {
	width: 100%;
	padding: 24px 15px 4px 46px;
	color: #2a2028;
	border: 0;
	border-radius: 0;
	background: transparent;
}
.rfv-gamecp .rfv-gamecp-login .label-material { left: 38px; top: 10px; color: #b50d63; }
.rfv-gamecp .rfv-gamecp-login .label-material.active { top: 4px; font-size: 11px; }
.rfv-gamecp .rfv-gamecp-login .label-material i { color: #6d2fa5; }
.rfv-gamecp .rfv-gamecp-login .btn-primary {
	width: min(100%,360px);
	min-height: 69px;
	margin: 3px auto 10px;
	padding: 16px 28px;
	color: #271722;
	border: 0;
	border-radius: 0;
	background: url('../../images/rf-assets/buttons/button_05.png') center / 100% 100% no-repeat;
	box-shadow: none;
	font-weight: 700;
	text-shadow: 0 1px white;
}
.rfv-gamecp .rfv-gamecp-login .btn-primary:hover { transform: translateY(-2px); box-shadow: none; filter: saturate(1.18) drop-shadow(0 8px 10px rgba(160,21,91,.2)); }
.rfv-gamecp .rfv-gamecp-login .forgot-pass { color: #c50e69; }
.rfv-gamecp .rfv-gamecp-login .copyrights { color: #6d5e6a; }
.rfv-gamecp .rfv-gamecp-login .copyrights a { color: #d61676; }

.rfv-gamecp .header .navbar,.rfv-gamecp nav.side-navbar,.rfv-gamecp .main-footer { background: linear-gradient(125deg,#201522,#4e113b) !important; }
.rfv-gamecp nav.side-navbar .title h1,.rfv-gamecp nav.side-navbar ul li a,.rfv-gamecp .header .nav-link { color: white; }
.rfv-gamecp nav.side-navbar ul li.active > a,.rfv-gamecp nav.side-navbar ul li a:hover { background: #e92183 !important; }
.rfv-gamecp .dashboard-counts .wrapper,.rfv-gamecp .dashboard-header .card,
.rfv-gamecp .dashboard-header .statistic,.rfv-gamecp .dashboard-header .item,
.rfv-gamecp .card,.rfv-gamecp .bg-white {
	color: #2c202a !important;
	border: 0 !important;
	background: url('../../images/rf-assets/panels/panel_03.png') center / 100% 100% no-repeat !important;
	box-shadow: none !important;
}
.rfv-gamecp .page { background: rgba(255,248,252,.88); }
.rfv-gamecp .dashboard-counts,.rfv-gamecp .dashboard-header { background: transparent; }

.rfv-transfer__hero,.rfv-transfer__card {
	color: #2b1d29;
	border: 0;
	background: url('../../images/rf-assets/panels/panel_01.png') center / 100% 100% no-repeat;
	box-shadow: none;
}
.rfv-transfer__eyebrow { color: #dc1675; }
.rfv-transfer__hero h1,.rfv-transfer .head-blue { color: #2a1c28; }
.rfv-transfer__hero p,.rfv-transfer__table,.rfv-transfer__table td { color: #71616e; }
.rfv-transfer__notice,.rfv-transfer__package {
	color: #342330;
	border: 0;
	background: url('../../images/rf-assets/panels/panel_03.png') center / 100% 100% no-repeat;
}
.rfv-transfer__package:hover,.rfv-transfer__package:has(input:checked) { background-image: url('../../images/rf-assets/buttons/button_03.png'); box-shadow: none; }
.rfv-transfer__form .panel.full {
	min-height: 64px;
	color: #291925;
	border: 0;
	background: url('../../images/rf-assets/buttons/button_05.png') center / 100% 100% no-repeat;
	text-shadow: 0 1px white;
}

@media (max-width: 767px) {
	body.rfv-gamecp { background-position: 135% 20%; background-size: 620px auto; }
	.rfv-gamecp .rfv-gamecp-login .form-inner { padding: 36px 24px 38px; }
	.rfv-gamecp-logo img { height: 76px; }
	.rfv-gamecp .rfv-gamecp-login .form-group-material { padding-inline: 13px; }
	.rfv-gamecp .rfv-gamecp-login .label-material { left: 28px; }
	.rfv-transfer__hero,.rfv-transfer__card { background-image: url('../../images/rf-assets/panels/panel_06.png'); }
}

/* Match the public RF theme with the supplied body background. */
body.rfv-gamecp {
	background: url('../../images/rf-assets/bg-body.png') center top / cover fixed no-repeat !important;
	color: #291d27;
}
body.rfv-gamecp::before { display: none; }
.rfv-gamecp .page { background: rgba(255,248,252,.72); }

/* RF AOP TH 4.15 — GameCP uses the same dark/gold command theme as Admin. */
:root {
	--aop-bg: #070b11;
	--aop-panel: rgba(13, 19, 28, .96);
	--aop-panel-soft: rgba(20, 27, 37, .92);
	--aop-line: rgba(216, 168, 78, .38);
	--aop-gold: #d8a84e;
	--aop-gold-light: #ffe2a0;
	--aop-text: #edf0f4;
	--aop-muted: #96a0ae;
}
html { scroll-behavior: auto !important; background: var(--aop-bg); }
body.rfv-gamecp {
	min-height: 100vh;
	background:
		radial-gradient(circle at 78% -8%, rgba(195,133,37,.15), transparent 31rem),
		radial-gradient(circle at 50% 112%, rgba(33,64,100,.2), transparent 48rem),
		repeating-linear-gradient(120deg, transparent 0 76px, rgba(255,255,255,.012) 77px 78px),
		var(--aop-bg) !important;
	background-attachment: scroll !important;
	color: var(--aop-text);
	overscroll-behavior-y: none;
}
.rfv-gamecp .page { min-height: 100vh; background: transparent !important; }
.rfv-gamecp nav.side-navbar {
	border-right: 1px solid var(--aop-line);
	background: linear-gradient(180deg, rgba(14,19,27,.995), rgba(6,9,14,.995)) !important;
	box-shadow: 12px 0 38px rgba(0,0,0,.28);
	overflow-y: auto !important;
	scrollbar-width: thin;
	scrollbar-color: var(--aop-gold) #090e14;
}
.rfv-gamecp nav.side-navbar::-webkit-scrollbar { width: 7px; }
.rfv-gamecp nav.side-navbar::-webkit-scrollbar-thumb { border-radius: 8px; background: var(--aop-gold); }
.rfv-gamecp .sidenav-header { border-bottom: 1px solid var(--aop-line); background: linear-gradient(145deg, rgba(31,37,45,.72), rgba(8,12,18,.7)) !important; }
.rfv-gamecp .sidenav-header h4 { color: var(--aop-gold-light); }
.rfv-gamecp .sidenav-header span { color: #8994a2; }
.rfv-gamecp .sidenav-heading { display: flex; align-items: center; gap: 9px; color: #bca16d !important; font-size: 10px; letter-spacing: .08em; }
.rfv-gamecp .sidenav-heading::after { content: ""; height: 1px; flex: 1; background: linear-gradient(90deg,var(--aop-line),transparent); }
.rfv-gamecp nav.side-navbar li { margin: 2px 10px; }
.rfv-gamecp nav.side-navbar li a { margin: 0; padding: 10px 13px; border: 1px solid transparent; border-radius: 6px; color: #c5cbd3 !important; font-size: 12px; }
.rfv-gamecp nav.side-navbar li a i { color: var(--aop-gold); }
.rfv-gamecp nav.side-navbar li a:hover { border-color: var(--aop-line); background: linear-gradient(90deg,rgba(174,116,28,.2),rgba(255,255,255,.025)) !important; color: var(--aop-gold-light) !important; }
.rfv-gamecp nav.side-navbar li a.active { border-color: rgba(241,190,91,.62) !important; background: linear-gradient(100deg,#8c5916,#cf9538 58%,#7c4a12) !important; color: #fff7e5 !important; box-shadow: 0 0 18px rgba(218,163,68,.2); }
.rfv-gamecp .header .navbar { min-height: 74px; border-bottom: 1px solid var(--aop-line); background: rgba(8,12,18,.96) !important; box-shadow: 0 8px 28px rgba(0,0,0,.28); }
.rfv-gamecp .header .menu-btn { color: var(--aop-gold); }
.rfv-gamecp .header .nav-link { color: #d9bd87 !important; }
.rfv-gamecp .bannertop { opacity: .5; filter: sepia(.35) saturate(.7); }
.rfv-gamecp .dashboard-counts,.rfv-gamecp .dashboard-header { background: transparent; }
.rfv-gamecp .dashboard-counts .wrapper {
	min-height: 112px;
	padding: 18px;
	border: 1px solid var(--aop-line) !important;
	border-radius: 7px;
	background: var(--aop-panel) !important;
	color: var(--aop-text) !important;
}
.rfv-gamecp .dashboard-counts .icon,.rfv-gamecp .dashboard-counts i { color: var(--aop-gold); }
.rfv-gamecp .dashboard-counts strong { color: #e4e7eb; }
.rfv-gamecp .dashboard-counts span { color: var(--aop-muted); }
.rfv-gamecp .dashboard-counts .count-number { color: var(--aop-gold-light); font-weight: 700; }
.rfv-gamecp .dashboard-header > .container-fluid {
	min-height: 440px;
	padding: 25px;
	border: 1px solid var(--aop-line);
	border-radius: 10px;
	background: linear-gradient(145deg,var(--aop-panel-soft),rgba(7,11,17,.96));
	box-shadow: 0 20px 55px rgba(0,0,0,.27), inset 0 0 0 1px rgba(255,255,255,.02);
	overflow: visible;
}
.rfv-gamecp table.adminTable,.rfv-gamecp .table-main,.rfv-gamecp .card {
	width: 100% !important;
	max-width: 100%;
	border: 1px solid var(--aop-line) !important;
	border-radius: 8px;
	background: rgba(8,13,19,.68) !important;
	color: var(--aop-text) !important;
	box-shadow: 0 10px 25px rgba(0,0,0,.16);
}
.rfv-gamecp table.adminTable th,.rfv-gamecp table.adminTable td,.rfv-gamecp .table-main th,.rfv-gamecp .table-main td { padding: 12px 13px; border-color: rgba(255,255,255,.075) !important; color: #d1d6dc; vertical-align: middle; }
.rfv-gamecp table.adminTable th,.rfv-gamecp .table-head td { border-bottom: 1px solid var(--aop-line) !important; background: rgba(216,168,78,.09) !important; color: #ecd195 !important; }
.rfv-gamecp .table-tr { background: rgba(255,255,255,.018) !important; }
.rfv-gamecp input.panel,.rfv-gamecp select.soflow,.rfv-gamecp textarea,.rfv-gamecp select {
	max-width: 100%;
	min-height: 43px;
	padding: 9px 12px;
	border: 1px solid rgba(216,168,78,.3) !important;
	border-radius: 6px;
	background: rgba(3,7,11,.76) !important;
	color: #f1f3f5 !important;
	box-shadow: inset 0 0 15px rgba(0,0,0,.16);
}
.rfv-gamecp input.panel:focus,.rfv-gamecp select:focus,.rfv-gamecp textarea:focus { border-color: var(--aop-gold) !important; box-shadow: 0 0 0 3px rgba(216,168,78,.09); }
.rfv-gamecp .btn-primary,.rfv-gamecp input[type=submit].panel,.rfv-gamecp button.panel {
	border: 1px solid #efca79 !important;
	background: linear-gradient(135deg,#f1c66f,#b87921 55%,#e3b251) !important;
	color: #161006 !important;
	box-shadow: inset 0 1px rgba(255,255,255,.35),0 6px 18px rgba(159,103,24,.16);
}
.rfv-gamecp .alertbox,.rfv-gamecp .alert-danger { max-width: none; padding: 12px 15px; border: 1px solid rgba(255,102,94,.48); border-radius: 6px; background: rgba(133,32,31,.26); color: #ffaaa5; text-align: left; }
.rfv-gamecp .succbox { max-width: none; padding: 12px 15px; border: 1px solid rgba(120,201,80,.42); border-radius: 6px; background: rgba(50,112,37,.24); color: #afe392; text-align: left; }
.rfv-gamecp footer.main-footer { border-top: 1px solid var(--aop-line); background: #070b10 !important; }

.aop-reward-center { max-width: 1420px; margin: 0 auto; }
.aop-section-hero { display: flex; align-items: center; gap: 20px; min-height: 128px; margin-bottom: 18px; padding: 24px 28px; border: 1px solid var(--aop-line); border-radius: 10px; background: linear-gradient(105deg,rgba(27,35,46,.96),rgba(10,15,22,.94) 62%,rgba(75,49,13,.2)); }
.aop-kicker { color: #aa8950; font-size: 10px; font-weight: 700; letter-spacing: .2em; }
.aop-section-hero h1 { margin: 5px 0; color: var(--aop-gold-light); font-size: clamp(24px,3vw,36px); }
.aop-section-hero p { margin: 0; color: #aab2bd; }
.aop-playtime { min-width: 230px; margin-left: auto; padding: 15px 18px; border: 1px solid var(--aop-line); border-radius: 7px; background: rgba(3,7,11,.55); }
.aop-playtime small { display: block; color: var(--aop-muted); }
.aop-playtime strong { display: block; margin-top: 3px; color: var(--aop-gold-light); font-size: 22px; }
.aop-reward-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.aop-reward-card { position: relative; padding: 22px; overflow: hidden; border: 1px solid var(--aop-line); border-radius: 9px; background: linear-gradient(145deg,rgba(17,24,34,.96),rgba(7,11,17,.96)); box-shadow: 0 14px 32px rgba(0,0,0,.2); }
.aop-reward-card::before { content: ""; position: absolute; top: 0; left: 14%; right: 14%; height: 1px; background: linear-gradient(90deg,transparent,var(--aop-gold-light),transparent); }
.aop-reward-card.is-locked { opacity: .72; }
.aop-reward-card.is-claimed { border-color: rgba(120,201,80,.35); }
.aop-reward-card__top { display: flex; justify-content: space-between; gap: 12px; }
.aop-reward-tag,.aop-reward-state { padding: 5px 8px; border-radius: 4px; font-size: 10px; font-weight: 700; letter-spacing: .08em; }
.aop-reward-tag { border: 1px solid var(--aop-line); color: var(--aop-gold-light); background: rgba(216,168,78,.08); }
.aop-reward-state { color: #9edb85; background: rgba(79,139,52,.18); }
.aop-reward-card.is-locked .aop-reward-state { color: #d0a777; background: rgba(128,82,27,.2); }
.aop-reward-card h2 { margin: 17px 0 6px; color: #f5d99c; font-size: 20px; }
.aop-reward-card > p { min-height: 42px; margin: 0 0 15px; color: #9da7b4; }
.aop-reward-card dl { margin: 0 0 14px; border-top: 1px solid rgba(255,255,255,.07); }
.aop-reward-card dl div { display: flex; justify-content: space-between; gap: 18px; padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.07); }
.aop-reward-card dt { color: #8994a2; font-weight: 500; }
.aop-reward-card dd { margin: 0; color: #f2d38d; font-weight: 700; text-align: right; }
.aop-progress { height: 5px; margin: 4px 0 16px; overflow: hidden; border-radius: 9px; background: #03070b; }
.aop-progress i { display: block; height: 100%; background: linear-gradient(90deg,#855314,#f0c66b); box-shadow: 0 0 10px rgba(240,198,107,.35); }
.aop-reward-card form label { display: block; color: #aeb7c2; font-size: 12px; }
.aop-reward-card form select { width: 100%; margin: 6px 0 10px; }
.aop-reward-card form button { width: 100%; min-height: 48px; border: 1px solid #efca79; border-radius: 6px; background: linear-gradient(135deg,#f1c66f,#b87921 55%,#e3b251); color: #161006; font-weight: 700; cursor: pointer; }
.aop-reward-card form button:disabled { border-color: #48515d; background: #242b34; color: #788390; cursor: not-allowed; }
.aop-choice-step { margin: 18px 0; padding: 16px; border: 1px solid rgba(216,168,78,.28); border-radius: 7px; }
.aop-choice-step legend { width: auto; padding: 0 10px; color: #f5d99c; font-size: 17px; }
.aop-choice-step legend b { display: inline-grid; width: 28px; height: 28px; margin-right: 7px; place-items: center; border-radius: 50%; background: #bf832b; color: #100c06; }
.aop-choice-options { display: grid; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)); gap: 10px; }
.aop-choice-option { display: flex!important; align-items: flex-start; gap: 10px; min-height: 92px; padding: 13px; border: 1px solid rgba(255,255,255,.09); border-radius: 6px; background: rgba(0,0,0,.2); cursor: pointer; }
.aop-choice-option:has(input:checked) { border-color: #e5b85a; background: rgba(191,131,43,.14); }
.aop-choice-option input { margin-top: 5px; }
.aop-choice-option span,.aop-choice-option strong,.aop-choice-option small,.aop-choice-option em { display: block; }
.aop-choice-option strong { color: #f3d89d; font-size: 14px; }
.aop-choice-option small { margin-top: 5px; color: #aeb7c2; }
.aop-choice-option em { margin-top: 5px; color: #7f8996; font-size: 11px; font-style: normal; }
@media (max-width: 900px) {
	.aop-section-hero { align-items: flex-start; flex-direction: column; }
	.aop-playtime { width: 100%; margin-left: 0; }
	.aop-reward-grid { grid-template-columns: 1fr; }
	.rfv-gamecp .dashboard-header > .container-fluid { padding: 16px 12px; }
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }

.aop-sidebar-brand { display:flex;align-items:center;gap:13px;padding:0 0 16px;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none!important; }
.aop-sidebar-crest { position:relative;display:inline-flex;align-items:center;justify-content:center;width:54px;height:59px;flex:0 0 54px;clip-path:polygon(50% 0,92% 22%,84% 78%,50% 100%,16% 78%,8% 22%);background:linear-gradient(145deg,#ffe8a3,#9a6117 48%,#f2c764 70%,#70400d); }
.aop-sidebar-crest::before { content:"";position:absolute;inset:4px;clip-path:inherit;background:linear-gradient(145deg,#1e2630,#080b10 65%); }
.aop-sidebar-crest b { position:relative;color:var(--aop-gold-light);font-size:17px; }
.aop-sidebar-brand>span:last-child { display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:7px; }
.aop-sidebar-brand small { grid-column:1/-1;color:#9c8355;font-size:8px;letter-spacing:.22em; }
.aop-sidebar-brand strong { color:var(--aop-gold-light);font-size:24px;letter-spacing:.1em; }
.aop-sidebar-brand em { color:var(--aop-gold);font:normal 700 9px sans-serif; }
.rfv-gamecp .sidenav-header-inner { padding-top:14px; }
.aop-gamecp-title { display:flex!important;align-items:center;gap:12px;width:auto!important;height:auto!important;flex:1;margin-left:16px;overflow:visible!important;opacity:1!important;filter:none!important; }
.aop-title-icon { display:flex;align-items:center;justify-content:center;width:38px;height:42px;clip-path:polygon(50% 0,95% 22%,84% 80%,50% 100%,16% 80%,5% 22%);background:linear-gradient(145deg,#e8b858,#75440e);color:#10151d; }
.aop-gamecp-title>span:last-child { display:flex;flex-direction:column; }
.aop-gamecp-title small { color:#7e8997;font-size:8px;letter-spacing:.18em; }
.aop-gamecp-title strong { color:var(--aop-gold-light);font-size:16px; }
.rfv-gamecp .rfv-gamecp-login .form-inner { border:1px solid var(--aop-line)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(21,27,36,.98),rgba(7,11,17,.98))!important;box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 35px rgba(187,125,27,.08)!important;color:var(--aop-text)!important;filter:none!important; }
.rfv-gamecp .rfv-gamecp-login .logo { color:var(--aop-gold-light)!important; }
.rfv-gamecp .rfv-gamecp-login .logo strong { color:inherit!important; }
.rfv-gamecp-login__lead,.rfv-gamecp .rfv-gamecp-login .copyrights { color:var(--aop-muted)!important; }
.rfv-gamecp .rfv-gamecp-login .form-group-material { min-height:70px!important;padding:0 18px 0 58px!important;border:1px solid rgba(217,169,78,.35)!important;border-radius:9px!important;background:rgba(4,8,13,.62)!important; }
.rfv-gamecp .rfv-gamecp-login .input-material { height:68px;padding:27px 8px 7px!important;color:#fff!important;background:transparent!important; }
.rfv-gamecp .rfv-gamecp-login .label-material { left:70px!important;top:22px!important;color:#87909c!important; }
.rfv-gamecp .rfv-gamecp-login .label-material.active { top:9px!important;color:var(--aop-gold)!important; }
.rfv-gamecp .rfv-gamecp-login .btn-primary { min-height:58px!important;border:1px solid #efca79!important;border-radius:6px!important;background:linear-gradient(135deg,#f1c66f,#b87921 55%,#e3b251)!important;color:#161006!important; }