/* Dashboard frames, icons and highlights are rendered entirely with CSS and icon-font glyphs. */
:root {
  --lux-gold: #ffd943;
  --lux-light: #fff2a7;
  --lux-mid: #ce8e0c;
  --lux-dark: #342005;
  --lux-ink: #100b04;
  --lux-cut: 19px;
}

body.cash-dashboard-body {
  color: #fff5cd !important;
  background: #080602 !important;
}
body.cash-dashboard-body .pay-app-footer { display: none !important; }
body.cash-dashboard-body .luxury-dashboard.cash-dashboard {
  width: min(100%, 750px) !important;
  min-height: 100svh !important;
  margin: 0 auto !important;
  padding: max(22px, env(safe-area-inset-top)) clamp(9px, 2.5vw, 24px) 42px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(ellipse at 50% 5%, rgba(255, 204, 38, .19), transparent 33%),
    radial-gradient(ellipse at 0 54%, rgba(190, 114, 0, .15), transparent 36%),
    radial-gradient(ellipse at 100% 89%, rgba(222, 139, 0, .15), transparent 30%),
    linear-gradient(135deg, #090704, #211504 49%, #080603) !important;
  box-shadow: none !important;
}
.luxury-dashboard::before {
  content: "";
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
  background:
    repeating-linear-gradient(58deg, transparent 0 51px, rgba(255, 197, 43, .055) 52px, transparent 54px 108px),
    repeating-linear-gradient(122deg, transparent 0 66px, rgba(255, 197, 43, .04) 67px, transparent 69px 133px);
  box-shadow: none !important;
  pointer-events: none;
}
.luxury-dashboard > * { position: relative; z-index: 1; }

/* Signboard */
body.cash-dashboard-body .luxury-dashboard .cash-dashboard-header {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 44px;
  align-items: center;
  gap: 9px;
  padding: 0 2px;
}
.luxury-dashboard .cash-dashboard-menu,
.luxury-dashboard .cash-dashboard-profile {
  position: static;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 2px solid #c99719;
  border-radius: 50%;
  color: var(--lux-light);
  background: radial-gradient(circle at 40% 30%, #47330e, #0d0903 72%);
  box-shadow: inset 0 0 0 2px #422b06, 0 0 12px rgba(255, 209, 37, .4);
  font-size: 17px;
  text-decoration: none;
}
.luxury-dashboard .cash-dashboard-menu { cursor: pointer; }
.luxury-brand {
  position: relative;
  min-height: clamp(94px, 17vw, 142px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(5px, 2vw, 16px);
  overflow: hidden;
  isolation: isolate;
  clip-path: polygon(7% 0, 93% 0, 100% 25%, 100% 75%, 93% 100%, 7% 100%, 0 75%, 0 25%);
  color: #ffe268;
  text-decoration: none;
  text-shadow: 0 3px 2px #160b00, 0 0 12px rgba(255, 196, 0, .45);
  background: linear-gradient(130deg, #814704, #fff5a6 12%, #a96000 25%, #fff283 46%, #b87303 66%, #ffe971 84%, #764006);
  filter: drop-shadow(0 0 13px rgba(255, 185, 0, .5));
}
.luxury-brand::before {
  content: "";
  position: absolute;
  inset: 5px;
  z-index: -1;
  clip-path: inherit;
  background: radial-gradient(ellipse at 50% 0, #573507 0, #0e0903 42%, #040301 73%, #392405 100%);
}
.luxury-brand::after {
  content: "";
  position: absolute;
  inset: 11px;
  z-index: -1;
  clip-path: inherit;
  border-top: 1px solid rgba(255, 238, 146, .8);
  border-bottom: 1px solid rgba(255, 221, 76, .6);
}
.luxury-brand-mark {
  width: clamp(42px, 10vw, 82px);
  height: clamp(42px, 10vw, 82px);
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 2px solid #ffe66a;
  border-radius: 50%;
  color: #211000;
  background: conic-gradient(from 205deg, #6e3a00, #fff18b, #a05d00, #ffde39, #4c2500);
  box-shadow: 0 0 0 3px #5c3908, 0 0 18px rgba(255, 214, 33, .65);
  font-size: clamp(20px, 5vw, 39px);
}
.luxury-brand > span:last-child { min-width: 0; }
.luxury-brand b {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(29px, 7vw, 65px);
  line-height: .85;
  letter-spacing: -.055em;
  white-space: nowrap;
}
.luxury-brand small {
  display: block;
  margin-top: 5px;
  color: #fff1b4;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(14px, 3.7vw, 33px);
  font-weight: 800;
  line-height: 1;
  text-align: center;
}
.luxury-tagline {
  min-height: clamp(42px, 6vw, 50px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(3px, 1.8vw, 17px);
  margin: 5px 4% 19px;
  padding: 5px 13px;
  clip-path: polygon(3% 0, 97% 0, 100% 50%, 97% 100%, 3% 100%, 0 50%);
  color: #160d02;
  background: linear-gradient(100deg, #a66800, #ffe94c 16%, #fff18d 50%, #ffdf32 84%, #9b6000);
  box-shadow: inset 0 3px 4px rgba(255, 255, 255, .6);
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: clamp(12px, 3vw, 17px);
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -.015em;
  text-align: center;
  white-space: normal;
}
.luxury-tagline i { width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; background: #140b00; }

/* Metallic frames shared by the dashboard links. */
.luxury-stat-grid a,
.luxury-action,
.luxury-wide-grid a,
.luxury-menu-grid a {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  clip-path: polygon(var(--lux-cut) 0, calc(100% - var(--lux-cut)) 0, 100% var(--lux-cut), 100% calc(100% - var(--lux-cut)), calc(100% - var(--lux-cut)) 100%, var(--lux-cut) 100%, 0 calc(100% - var(--lux-cut)), 0 var(--lux-cut));
  border: 0;
  color: #fff9e4;
  text-decoration: none;
  background: linear-gradient(138deg, #8c5000 0%, #fff8af 12%, #ad6600 25%, #ffd42d 43%, #754000 57%, #ffe855 77%, #7b4200 100%);
  box-shadow: none;
  filter: drop-shadow(0 0 5px rgba(255, 200, 35, .32));
}
.luxury-stat-grid a::before,
.luxury-action::before,
.luxury-wide-grid a::before,
.luxury-menu-grid a::before {
  content: "";
  position: absolute;
  inset: 4px;
  z-index: -1;
  clip-path: inherit;
  background: radial-gradient(circle at 50% -10%, rgba(255, 207, 59, .26), transparent 41%), linear-gradient(145deg, #291b08 2%, #090704 58%, #201404);
  box-shadow: inset 0 0 0 1px rgba(255, 238, 134, .75), inset 0 0 14px rgba(255, 192, 19, .18);
}
.luxury-stat-grid a:hover,
.luxury-action:hover,
.luxury-wide-grid a:hover,
.luxury-menu-grid a:hover { filter: brightness(1.18) drop-shadow(0 0 10px rgba(255, 214, 42, .4)); }
.luxury-stat-grid a:focus-visible,
.luxury-action:focus-visible,
.luxury-wide-grid a:focus-visible,
.luxury-menu-grid a:focus-visible,
.luxury-brand:focus-visible,
.luxury-dashboard button:focus-visible { outline: 3px solid #fff6b6; outline-offset: 3px; }

/* Four counters */
.luxury-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(5px, 1.2vw, 11px); }
.luxury-stat-grid a {
  --lux-cut: clamp(9px, 2vw, 20px);
  min-width: 0;
  min-height: clamp(112px, 19vw, 173px);
  display: grid;
  grid-template-rows: minmax(0, 1fr) 28px 24px;
  justify-items: center;
  align-items: center;
  padding: 12px 3px 5px;
  text-align: center;
}
.luxury-stat-grid a::after {
  content: "";
  position: absolute;
  inset: auto 4px 4px;
  height: clamp(24px, 4vw, 38px);
  z-index: -1;
  clip-path: polygon(0 0, 100% 0, 100% 68%, calc(100% - 13px) 100%, 13px 100%, 0 68%);
  background: linear-gradient(100deg, #ab6900, #ffe93f 28%, #fff385 50%, #ffdd25 74%, #9d5a00);
}
.luxury-stat-grid a > i {
  align-self: end;
  padding-bottom: 7px;
  color: #ffdf48;
  font-size: clamp(30px, 6.5vw, 50px);
  filter: drop-shadow(0 3px 1px #3a2100) drop-shadow(0 0 6px rgba(255, 200, 0, .55));
}
.luxury-stat-grid a:nth-child(2) > i { color: #70ec4e; }
.luxury-stat-grid a:nth-child(3) > i { color: #ff77de; }
.luxury-stat-grid span {
  min-height: 28px;
  display: grid;
  place-items: center;
  color: #fff7d8;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: clamp(11px, 3.2vw, 19px);
  font-weight: 900;
  line-height: 1.05;
  text-shadow: 0 2px 3px #000;
}
.luxury-stat-grid strong {
  max-width: 100%;
  overflow: hidden;
  align-self: center;
  color: #130b00;
  font-size: clamp(14px, 3vw, 28px);
  font-weight: 900;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Main deposit, balance and withdrawal group. */
.luxury-wallet {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.72fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(4px, 1.3vw, 12px);
  margin: clamp(14px, 2.5vw, 28px) 0 clamp(13px, 2.2vw, 24px);
}
.luxury-wallet::before { display: none; }
.luxury-action {
  --lux-cut: clamp(13px, 3vw, 30px);
  min-width: 0;
  min-height: clamp(185px, 36vw, 306px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(9px, 2vw, 19px);
  padding: 15px 3px;
  text-align: center;
}
.luxury-action::before {
  background: radial-gradient(circle at 50% 30%, #fff9aa 0, #ffe54a 38%, #c78b08 82%, #704105 100%);
}
.luxury-action > i {
  position: relative;
  color: #241406;
  font-size: clamp(45px, 8vw, 80px);
  -webkit-text-stroke: 1px #ffdf46;
  filter: drop-shadow(3px 5px 1px rgba(74, 40, 0, .6));
}
.luxury-action.deposit > i::after,
.luxury-action.withdraw > i::after {
  position: absolute;
  right: -14%;
  top: -38%;
  color: #24d535;
  font-family: "Font Awesome 6 Free";
  font-size: .57em;
  font-weight: 900;
  -webkit-text-stroke: 1px #065d17;
  text-shadow: 0 2px 3px #063e11;
}
.luxury-action.deposit > i::after { content: "\f062"; }
.luxury-action.withdraw > i::after { content: "\f063"; color: #e5111b; -webkit-text-stroke-color: #7f080b; }
.luxury-action b {
  color: #150d02;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: clamp(18px, 4vw, 37px);
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}
.luxury-action em,
.luxury-wide-grid em {
  display: grid;
  place-items: center;
  border: 2px solid #ffed68;
  border-radius: 50%;
  color: #ffe85d;
  background: radial-gradient(circle at 35% 20%, #3d2908, #080603 75%);
  box-shadow: 0 0 0 2px #9e6104, 0 4px 6px rgba(0, 0, 0, .48);
  font-style: normal;
}
.luxury-action em { width: clamp(32px, 6vw, 53px); height: clamp(32px, 6vw, 53px); font-size: clamp(14px, 2.7vw, 24px); }
.luxury-balance {
  position: relative;
  min-width: 0;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 13% 4%;
  border: clamp(4px, .9vw, 9px) double #ffdb41;
  border-radius: 50%;
  color: #fff8d4;
  text-align: center;
  background: radial-gradient(circle at 50% 42%, #382608 0, #120e05 55%, #050403 76%);
  box-shadow: 0 0 0 3px #543304, 0 0 0 6px #f5be22, 0 0 0 9px #462a03, 0 0 23px 11px rgba(255, 180, 0, .33), inset 0 0 19px rgba(255, 211, 47, .5);
}
.luxury-balance::before {
  content: "";
  position: absolute;
  inset: 6%;
  border: 1px solid rgba(255, 232, 107, .8);
  border-radius: 50%;
  box-shadow: inset 0 0 14px rgba(255, 203, 41, .28), 0 0 10px rgba(255, 203, 41, .4);
  pointer-events: none;
}
.luxury-balance::after {
  content: "";
  position: absolute;
  inset: -8%;
  border-radius: 50%;
  background: repeating-conic-gradient(from 4deg, #ffe273 0deg 2deg, transparent 2deg 12deg);
  -webkit-mask: radial-gradient(transparent 65%, #000 66% 68%, transparent 69%);
  mask: radial-gradient(transparent 65%, #000 66% 68%, transparent 69%);
  filter: drop-shadow(0 0 4px #ffc52c);
  pointer-events: none;
}
.luxury-balance > * { position: relative; }
.luxury-balance > i { color: #ffdc35; font-size: clamp(30px, 5vw, 52px); filter: drop-shadow(0 0 7px #eeb300); }
.luxury-balance small {
  margin-top: 1%;
  color: #fff9e7;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: clamp(15px, 3vw, 30px);
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}
.luxury-balance strong {
  max-width: 95%;
  overflow: hidden;
  margin: 4% 0 6%;
  color: #ffdf30;
  font-size: clamp(20px, 4.1vw, 43px);
  font-weight: 900;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 0 3px 4px #000, 0 0 13px rgba(255, 205, 15, .3);
}
.luxury-balance span {
  width: 75%;
  padding-top: 5%;
  border-top: 2px solid #d8a820;
  color: #fff5ca;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: clamp(10px, 2.1vw, 21px);
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}
.luxury-balance b { margin-top: 2%; color: #ffdf3d; font-size: clamp(12px, 3vw, 28px); line-height: 1; }

/* Investment and resource bars */
/* Referral link sits directly above Total Investment. */
.luxury-referral {
  position: relative;
  isolation: isolate;
  min-width: 0;
  min-height: 84px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(8px, 1.6vw, 15px);
  margin: 0 0 clamp(9px, 1.6vw, 16px);
  padding: 12px clamp(12px, 2vw, 20px);
  overflow: hidden;
  clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 0 calc(100% - 16px), 0 16px);
  color: #fff4c9;
  background: linear-gradient(138deg, #8c5000, #fff8af 12%, #ad6600 25%, #ffd42d 43%, #754000 57%, #ffe855 77%, #7b4200);
  filter: drop-shadow(0 0 5px rgba(255, 200, 35, .32));
}
.luxury-referral::before {
  content: "";
  position: absolute;
  inset: 4px;
  z-index: -1;
  clip-path: inherit;
  background: radial-gradient(circle at 10% 0, rgba(255, 211, 59, .25), transparent 35%), linear-gradient(145deg, #291b08, #090704 58%, #201404);
  box-shadow: inset 0 0 0 1px rgba(255, 238, 134, .75);
}
.luxury-referral-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 2px solid #ffe668;
  border-radius: 50%;
  color: #ffdf4b;
  background: #120b02;
  box-shadow: 0 0 9px rgba(255, 207, 35, .3);
  font-size: 20px;
}
.luxury-referral-copy { min-width: 0; }
.luxury-referral-copy strong {
  display: block;
  margin-bottom: 4px;
  color: #ffe46a;
  font: 900 clamp(14px, 2.8vw, 19px)/1.15 "Arial Narrow", Arial, sans-serif;
  text-transform: uppercase;
}
.luxury-referral-copy > span {
  display: block;
  overflow: hidden;
  color: #fff3c5;
  font: 500 clamp(10px, 2vw, 13px)/1.35 Poppins, sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.luxury-referral-button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 13px;
  border: 1px solid #fff09b;
  border-radius: 0;
  clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);
  color: #170e00;
  background: linear-gradient(110deg, #b57500, #ffe443 28%, #fff299 57%, #d39807);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6);
  font: 800 12px Poppins, sans-serif;
  cursor: pointer;
}
.luxury-referral-button:hover { filter: brightness(1.13); }
.luxury-referral-status {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.luxury-wide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(8px, 1.6vw, 15px); }
.luxury-wide-grid a {
  --lux-cut: clamp(13px, 2.8vw, 27px);
  min-width: 0;
  min-height: clamp(93px, 14vw, 124px);
  display: grid;
  grid-template-columns: clamp(31px, 6vw, 63px) minmax(0, 1fr) clamp(23px, 4vw, 38px);
  align-items: center;
  gap: clamp(4px, 1.2vw, 11px);
  padding: 9px clamp(9px, 2vw, 19px);
}
.luxury-wide-grid a > i {
  color: #ffdc43;
  font-size: clamp(25px, 5.5vw, 53px);
  text-align: center;
  filter: drop-shadow(0 2px 2px #311a00);
}
.luxury-wide-grid a:nth-child(1) > i { color: #80ed29; }
.luxury-wide-grid a:nth-child(2) > i { color: #fff4a4; }
.luxury-wide-grid a:nth-child(3) > i { color: #ffe05d; }
.luxury-wide-grid span { min-width: 0; min-height: 64px; display: flex; flex-direction: column; justify-content: space-between; }
.luxury-wide-grid small,
.luxury-wide-grid b { display: block; }
.luxury-wide-grid small {
  color: #fff6dd;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: clamp(11px, 3vw, 21px);
  font-weight: 900;
  line-height: 1.05;
  text-transform: uppercase;
}
.luxury-wide-grid b {
  max-width: 100%;
  overflow: hidden;
  margin-top: 7px;
  color: #ffdc37;
  font-size: clamp(13px, 3.2vw, 26px);
  font-weight: 900;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.luxury-wide-grid a:nth-child(-n+2) b {
  min-height: 23px;
  padding: 4px 3px 3px;
  border-radius: 2px 12px 12px 2px;
  color: #160c00;
  background: linear-gradient(90deg, #bb7600, #ffe233 35%, #fff17a 75%, #c08204);
}
.luxury-wide-grid em { width: clamp(22px, 4vw, 37px); height: clamp(22px, 4vw, 37px); font-size: clamp(10px, 2vw, 17px); }
.luxury-spin-link {
  position: relative;
  isolation: isolate;
  min-height: clamp(82px, 14vw, 112px);
  display: grid;
  grid-template-columns: clamp(56px, 11vw, 82px) minmax(0, 1fr) clamp(29px, 5vw, 42px);
  align-items: center;
  gap: clamp(10px, 2vw, 18px);
  margin: clamp(10px, 1.8vw, 18px) 0;
  padding: 12px clamp(15px, 3vw, 29px);
  overflow: hidden;
  clip-path: polygon(20px 0, calc(100% - 20px) 0, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 20px), 0 20px);
  color: #fff3c4;
  background: linear-gradient(128deg, #865000, #fff29a 11%, #a45c00 25%, #ffda35 45%, #864a00 66%, #ffe769 86%, #6b3900);
  filter: drop-shadow(0 0 8px rgba(255, 203, 32, .35));
  text-decoration: none;
}
.luxury-spin-link::before {
  content: "";
  position: absolute;
  inset: 4px;
  z-index: -1;
  clip-path: inherit;
  background: radial-gradient(circle at 9% 50%, rgba(255, 221, 65, .2), transparent 31%), linear-gradient(145deg, #301e06, #080602 59%, #281906);
  box-shadow: inset 0 0 0 1px rgba(255, 230, 125, .55);
}
.luxury-spin-link::after {
  content: "";
  position: absolute;
  inset: 4px;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 39%, rgba(255, 238, 161, .18) 50%, transparent 61%);
  transform: translateX(-100%);
  animation: luxury-spin-shine 5.5s ease-in-out infinite;
}
.luxury-spin-link > span { position: relative; z-index: 1; }
.luxury-spin-wheel {
  width: clamp(54px, 10vw, 76px);
  height: clamp(54px, 10vw, 76px);
  display: grid;
  place-items: center;
  border: 3px solid #ffe979;
  border-radius: 50%;
  background: #1b1002;
  box-shadow: 0 0 0 3px #74480a, 0 0 17px rgba(255, 211, 37, .55);
}
.luxury-spin-wheel::before {
  content: "";
  position: absolute;
  inset: 4px;
  border: 1px solid #fff4a8;
  border-radius: 50%;
  background: conic-gradient(#ffe877 0 45deg, #8f5202 45deg 90deg, #ffce27 90deg 135deg, #4c2a02 135deg 180deg, #ffe877 180deg 225deg, #8f5202 225deg 270deg, #ffce27 270deg 315deg, #4c2a02 315deg);
  animation: luxury-spin-wheel 8s linear infinite;
}
.luxury-spin-wheel i {
  position: relative;
  z-index: 1;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 2px solid #fff2a5;
  border-radius: 50%;
  color: #ffdf3a;
  background: radial-gradient(circle at 35% 20%, #50330b, #100a02);
  text-shadow: 0 0 5px #8c5400;
  font-size: 17px;
}
.luxury-spin-copy { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.luxury-spin-copy strong { color: #ffe65c; font: 900 clamp(20px, 4vw, 30px)/1 "Arial Narrow", Arial, sans-serif; text-transform: uppercase; text-shadow: 0 0 10px rgba(255, 200, 30, .45); }
.luxury-spin-copy small { color: #f0dbab; font: 600 clamp(10px, 2vw, 14px)/1.3 Poppins, sans-serif; }
.luxury-spin-arrow {
  width: clamp(28px, 5vw, 40px);
  height: clamp(28px, 5vw, 40px);
  display: grid;
  place-items: center;
  border: 2px solid #ffe979;
  border-radius: 50%;
  color: #ffe45a;
  background: #0f0902;
  box-shadow: 0 0 0 2px #8b590b, 0 0 9px rgba(255, 208, 31, .5);
  font-size: clamp(13px, 2vw, 18px);
}
.luxury-spin-link:hover { filter: brightness(1.16) drop-shadow(0 0 12px rgba(255, 211, 44, .5)); }
.luxury-spin-link:hover .luxury-spin-wheel::before { animation-duration: 1.3s; }
.luxury-spin-link:focus-visible { outline: 3px solid #fff6b6; outline-offset: 3px; }
@keyframes luxury-spin-wheel { to { transform: rotate(360deg); } }
@keyframes luxury-spin-shine { 0%, 42%, 100% { transform: translateX(-100%); } 65% { transform: translateX(100%); } }
@media (prefers-reduced-motion: reduce) {
  .luxury-spin-wheel::before,
  .luxury-spin-link::after { animation: none !important; }
}
.luxury-menu-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(6px, 1.3vw, 12px); margin-top: clamp(9px, 1.6vw, 16px); }
.luxury-menu-grid a {
  --lux-cut: clamp(10px, 2vw, 20px);
  min-width: 0;
  min-height: clamp(88px, 14vw, 130px);
  display: grid;
  grid-template-columns: clamp(32px, 7vw, 70px) minmax(0, 1fr);
  grid-template-rows: 1fr 1fr;
  align-items: center;
  gap: 0 3px;
  padding: 9px clamp(5px, 1.5vw, 15px);
}
.luxury-menu-grid a > i { grid-column: 1; grid-row: 1 / 3; justify-self: center; color: #ffe151; font-size: clamp(27px, 5vw, 47px); filter: drop-shadow(0 2px 2px #2d1b00); }
.luxury-menu-grid a:last-child > i { color: #ff5b43; }
.luxury-menu-grid span {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  color: #fff7d6;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: clamp(10px, 2.5vw, 21px);
  font-weight: 900;
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
}
.luxury-menu-grid em {
  width: clamp(22px, 4.2vw, 39px);
  height: clamp(22px, 4.2vw, 39px);
  grid-column: 2;
  grid-row: 2;
  align-self: end;
  display: grid;
  place-items: center;
  border: 2px solid #ffeb59;
  border-radius: 50%;
  color: #ffe75d;
  background: #100a03;
  box-shadow: 0 0 0 2px #9b6407, 0 0 6px rgba(255, 205, 33, .45);
  font-size: clamp(10px, 2vw, 17px);
  font-style: normal;
}

/* Older dashboard modules are retained in the template for other themes. */
.luxury-dashboard .cash-dashboard-greeting,
.luxury-dashboard .cash-dashboard-referral,
.luxury-dashboard .cash-balance-card,
.luxury-dashboard .cash-action-grid,
.luxury-dashboard .cash-reward-hub,
.luxury-dashboard .cash-profit-panel,
.luxury-dashboard .cash-security-strip,
.luxury-dashboard .dashboard-reference-menu,
.luxury-dashboard .cash-money-actions,
.luxury-dashboard .cash-quick-section,
.luxury-dashboard .cash-task-card,
.luxury-dashboard .cash-whatsapp-section,
.luxury-dashboard .cash-summary-section,
.luxury-dashboard .cash-resource-grid,
.luxury-dashboard .cash-dashboard-live,
.luxury-dashboard .cash-dashboard-nav { display: none !important; }

@media (min-width: 751px) {
  body.cash-dashboard-body .luxury-dashboard.cash-dashboard {
    margin: 22px auto !important;
    min-height: calc(100svh - 44px) !important;
    border: 2px solid #96610a !important;
    border-radius: 26px !important;
    box-shadow: 0 22px 55px rgba(0, 0, 0, .7), 0 0 18px rgba(255, 192, 0, .16) !important;
  }
}
@media (max-width: 430px) {
  .luxury-spin-link { grid-template-columns: 55px minmax(0, 1fr) 30px; gap: 9px; padding: 10px 15px; }
  .luxury-spin-wheel { width: 52px; height: 52px; }
  .luxury-spin-wheel i { width: 30px; height: 30px; font-size: 13px; }
  .luxury-referral { min-height: 74px; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 8px; padding: 10px 12px; }
  .luxury-referral-icon { width: 35px; height: 35px; font-size: 16px; }
  .luxury-referral-button { min-height: 37px; padding: 0 10px; font-size: 11px; }
  body.cash-dashboard-body .luxury-dashboard.cash-dashboard { padding-right: 7px !important; padding-left: 7px !important; }
  body.cash-dashboard-body .luxury-dashboard .cash-dashboard-header { grid-template-columns: 31px minmax(0, 1fr) 31px; gap: 4px; }
  .luxury-dashboard .cash-dashboard-menu, .luxury-dashboard .cash-dashboard-profile { width: 30px; height: 30px; font-size: 12px; }
  .luxury-brand { min-height: 87px; }
  .luxury-brand-mark { width: 38px; height: 38px; font-size: 17px; }
  .luxury-brand b { font-size: clamp(24px, 7vw, 30px); }
  .luxury-brand small { font-size: clamp(13px, 3.7vw, 17px); }
  .luxury-tagline { margin-bottom: 13px; padding-right: 5px; padding-left: 5px; font-size: 12px; }
  .luxury-stat-grid span { min-height: 27px; }
  .luxury-wallet { grid-template-columns: minmax(0, 1fr) minmax(0, 1.65fr) minmax(0, 1fr); }
  .luxury-action { min-height: 172px; }
  .luxury-balance { box-shadow: 0 0 0 2px #543304, 0 0 0 4px #f5be22, 0 0 0 6px #462a03, 0 0 14px 7px rgba(255, 180, 0, .28), inset 0 0 12px rgba(255, 211, 47, .4); }
}
@media (max-width: 350px) {
  .luxury-brand-mark { display: none; }
  .luxury-stat-grid strong { font-size: 12px; }
  .luxury-wallet { grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr) minmax(0, 1fr); gap: 4px; }
  .luxury-action { min-height: 154px; }
  .luxury-action b { font-size: 15px; }
  .luxury-balance strong { font-size: 15px; }
}