/* v163 - purple box language (dashboard, store, menu), full top header, fast menu, guest store. Remove the v163 lines from index.html to undo. */
:root{--pv-box:linear-gradient(160deg,rgba(62,28,128,.60) 0%,rgba(30,12,72,.86) 100%);--pv-line:rgba(139,92,246,.45);--pv-ic:linear-gradient(145deg,#b48bff,#6d28d9);--pv-tx:#cdbdf2}
/* ---------- BOXES: one style everywhere ---------- */
html:root:root:root:root body:not(#_) #main-app .hbCard,
html:root:root:root:root body:not(#_) #main-app .jc2,
html:root:root:root:root body:not(#_) #main-app .statCard,
html:root:root:root:root body:not(#_) #main-app .gksRsCard,
html:root:root:root:root body:not(#_) #main-app .monthly-challenge-card,
html:root:root:root:root body:not(#_) #main-app .top-reseller-list .reseller{
  background:var(--pv-box)!important;border:1px solid var(--pv-line)!important;border-radius:22px!important;
  box-shadow:0 8px 20px rgba(8,3,24,.45),inset 0 1px 0 rgba(210,185,255,.10)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html:root:root:root:root body:not(#_) #main-app .hbCard{background:linear-gradient(150deg,rgba(104,52,214,.62) 0%,rgba(44,16,104,.90) 62%,rgba(26,10,64,.95) 100%)!important;border-color:rgba(167,125,255,.6)!important}
html:root:root:root:root body:not(#_) #main-app .statCard::before,
html:root:root:root:root body:not(#_) #main-app .statCard::after{display:none!important;content:none!important}
html:root:root:root:root body:not(#_) #main-app .statCard{padding:16px 14px!important;overflow:hidden!important}
html:root:root:root:root body:not(#_) #main-app .statCard .statIcon,
html:root:root:root:root body:not(#_) #main-app .jc2 .jc2-ic{background:var(--pv-ic)!important;border:0!important;box-shadow:0 6px 14px rgba(90,40,200,.45)!important;color:#fff!important}
html:root:root:root:root body:not(#_) #main-app .statCard .statIcon svg{color:#fff!important}
html:root:root:root:root body:not(#_) #main-app .statCard .statLabel,
html:root:root:root:root body:not(#_) #main-app .statCard .statTitle{color:var(--pv-tx)!important}
html:root:root:root:root body:not(#_) #main-app .jc2 small,html:root:root:root:root body:not(#_) #main-app .jc2 p{color:var(--pv-tx)!important}
html:root:root:root:root body:not(#_) #main-app .sectionHeader h2{color:#f1eaff!important}
/* store card */
html:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card,
html:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card:nth-child(even){background:linear-gradient(170deg,rgba(54,24,112,.78) 0%,rgba(24,10,60,.92) 55%,rgba(16,7,42,.96) 100%)!important;border:1px solid var(--pv-line)!important;border-radius:22px!important}
html:root:root:root:root body:not(#_) .pc-card .pc-plans .pc-row{background:rgba(24,10,60,.7)!important;border:1px solid rgba(139,92,246,.35)!important}
html:root:root:root:root body:not(#_) .pc-card .pc-buy:not(.maint){background:linear-gradient(180deg,#b48bff 0%,#7c3aed 100%)!important;color:#fff!important}
/* ---------- SIDE MENU: solid, boxed, fast ---------- */
html:root:root:root:root body:not(#_) #gks-side-drawer{
  left:0!important;top:0!important;bottom:0!important;height:100dvh!important;margin:0!important;  background:linear-gradient(180deg,#1c0d42 0%,#120829 100%)!important;border-right:1px solid var(--pv-line)!important;border-radius:0 26px 26px 0!important;
  box-shadow:10px 0 30px rgba(6,2,20,.6)!important;width:300px!important;max-width:82vw!important;padding:calc(14px + env(safe-area-inset-top,0px)) 12px 18px!important;
  overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  transform:translate3d(-104%,0,0)!important;transition:transform .2s cubic-bezier(.2,.8,.2,1)!important;will-change:transform;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:1!important}
html:root:root:root:root body:not(#_) #gks-side-drawer.active{transform:translate3d(0,0,0)!important}
html:root:root:root:root body:not(#_) #gks-menu-backdrop{background:rgba(6,2,20,.66)!important;transition:opacity .16s linear,visibility .16s linear!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-head{background:var(--pv-box)!important;border:1px solid var(--pv-line)!important;border-radius:20px!important;padding:12px!important;margin:0 0 14px!important;box-shadow:none!important}
html:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-user strong{color:#fff!important}
html:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-user span{background:linear-gradient(135deg,#b48bff,#7c3aed)!important;color:#fff!important}
html:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-close{background:rgba(120,70,230,.22)!important;border:1px solid var(--pv-line)!important;color:#fff!important;border-radius:14px!important}
html:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-section{color:#9b84d8!important;letter-spacing:.28em!important}
html:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item{
  display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 9px!important;padding:11px 12px!important;min-height:56px!important;box-sizing:border-box!important;
  background:linear-gradient(160deg,rgba(62,28,128,.45),rgba(30,12,72,.7))!important;border:1px solid rgba(139,92,246,.30)!important;border-radius:16px!important;
  color:#f1eaff!important;box-shadow:none!important;transition:background .12s linear,transform .12s linear!important;touch-action:manipulation}
html:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item:active{background:rgba(124,58,237,.45)!important;transform:scale(.985)!important}
html:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item .gks-ic{flex:0 0 40px!important;width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:var(--pv-ic)!important;color:#fff!important;border:0!important;box-shadow:0 4px 10px rgba(90,40,200,.4)!important}
html:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item .gks-ic svg{width:21px!important;height:21px!important;stroke:#fff!important;color:#fff!important}
html:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item .gks-txw small{color:#aa9bd8!important}
html:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item .gks-txw span{color:#fff!important}
html:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item.logout{border-color:rgba(255,107,140,.4)!important;background:linear-gradient(160deg,rgba(120,30,80,.4),rgba(50,12,40,.7))!important}
html:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item.logout .gks-ic{background:linear-gradient(145deg,#ff7a9c,#d6336c)!important}
html:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-divider{background:var(--pv-line)!important;height:1px!important;margin:6px 0 12px!important}
/* ---------- FAST & SMOOTH ---------- */
html:root:root:root:root body:not(#_) *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html:root:root:root:root body:not(#_) button,html:root:root:root:root body:not(#_) [onclick],html:root:root:root:root body:not(#_) .gks-drawer-item,html:root:root:root:root body:not(#_) a{touch-action:manipulation}
html:root:root:root:root body:not(#_) #page-dashboard,html:root:root:root:root body:not(#_) #page-home{contain:layout style}
html:root:root:root:root body:not(#_) .page-content{transition:none!important;animation:none!important}
/* ---------- other pages: same boxes ---------- */
html:root:root:root:root body:not(#_) #main-app .dp-balance,
html:root:root:root:root body:not(#_) #main-app .manual-upi-deposit-card,
html:root:root:root:root body:not(#_) #main-app .deposit-history-card,
html:root:root:root:root body:not(#_) #main-app .profile-card,
html:root:root:root:root body:not(#_) #main-app .profile-stat,
html:root:root:root:root body:not(#_) #main-app .rk-card,
html:root:root:root:root body:not(#_) #main-app .rk-stat,
html:root:root:root:root body:not(#_) #main-app .rk-mini,
html:root:root:root:root body:not(#_) #main-app #page-api .box{
  background:var(--pv-box)!important;border:1px solid var(--pv-line)!important;border-radius:22px!important;
  box-shadow:0 8px 20px rgba(8,3,24,.45),inset 0 1px 0 rgba(210,185,255,.10)!important}
html:root:root:root:root body:not(#_) #main-app .mud-amount,
html:root:root:root:root body:not(#_) #main-app .search-box,
html:root:root:root:root body:not(#_) #main-app .g92-field,
html:root:root:root:root body:not(#_) #main-app .mh-chip,
html:root:root:root:root body:not(#_) #main-app .g92-filter,
html:root:root:root:root body:not(#_) #main-app .rk-chips,
html:root:root:root:root body:not(#_) #main-app .rk-datebox{background:rgba(16,7,42,.82)!important;border:1px solid rgba(139,92,246,.40)!important;border-radius:16px!important}
html:root:root:root:root body:not(#_) #main-app input::placeholder{color:#8f7bbd!important;opacity:1!important}
html:root:root:root:root body:not(#_) #main-app .dp-balance *{color:#e6d9ff!important;text-shadow:none!important}
html:root:root:root:root body:not(#_) #main-app .mud-btn,html:root:root:root:root body:not(#_) #main-app .mh-chip{background:rgba(52,24,110,.55)!important;border:1px solid rgba(139,92,246,.42)!important;color:#e6d9ff!important}
html:root:root:root:root body:not(#_) #main-app .mud-amount input::placeholder,html:root:root:root:root body:not(#_) #main-app #page-add-money input::placeholder{color:#8f7bbd!important;-webkit-text-fill-color:#8f7bbd!important;opacity:1!important}