/* Global compact density layer — keeps the current visual language. */
html{font-size:14px}
:root{--sidebar-w:224px;--topbar-h:50px;--radius-card:14px}
body{font-size:13px;line-height:1.48}

/* Sidebar */
.sidebar{width:var(--sidebar-w)}
.sb-brand-area{
  height:143px!important;
  min-height:143px!important;
  padding:8px 6px 11px!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  border-right:0!important;
  box-shadow:0 1px 0 rgba(255,255,255,.025),0 2px 8px rgba(0,0,0,.24)!important;
  position:relative!important;
}
.sb-brand-area::after{
  content:""!important;
  position:absolute!important;
  z-index:10!important;
  top:0!important;
  right:-2px!important;
  bottom:1px!important;
  width:3px!important;
  display:block!important;
  background:var(--bg-sidebar,#0e1016)!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
.sb-logo-stage{
  width:calc(100% - 4px)!important;
  height:auto!important;
  max-height:none!important;
  /* Exact ratio of the supplied 1248x720 animated logo. */
  aspect-ratio:26/15!important;
  border:0!important;
  border-radius:15px!important;
  background:rgba(5,8,13,.7)!important;
  box-shadow:0 8px 25px rgba(0,0,0,.38),0 0 15px rgba(63,144,255,.12)!important;
  overflow:hidden!important;
}
.sb-logo-stage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:5;
  padding:1.5px;
  border-radius:inherit;
  background:conic-gradient(from var(--sb-logo-angle,0deg),transparent 0 18%,#ff5b27 27%,#fff 38%,#388cff 51%,transparent 62% 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 5px rgba(66,146,255,.72));
  opacity:.9;
  animation:sbLogoBorder 5s linear infinite;
  pointer-events:none;
}
.sb-logo-stage::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:10% 7%;
  border-radius:45%;
  background:linear-gradient(90deg,rgba(255,75,25,.22),rgba(255,255,255,.05),rgba(48,139,255,.25));
  filter:blur(16px);
  opacity:.72;
  animation:sbLogoGlow 4.6s ease-in-out infinite;
  pointer-events:none;
}
@property --sb-logo-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes sbLogoBorder{to{--sb-logo-angle:360deg}}
@keyframes sbLogoGlow{0%,100%{opacity:.46;transform:scale(.94)}50%{opacity:.9;transform:scale(1.04)}}
.sb-logo-aura,.sb-logo-particles,.sb-logo-particle{
  display:none!important;
}
.sb-logo-main{
  position:absolute!important;
  inset:2px!important;
  z-index:3!important;
  width:calc(100% - 4px)!important;
  height:calc(100% - 4px)!important;
  max-width:calc(100% - 4px)!important;
  max-height:calc(100% - 4px)!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:13px!important;
  transform:none!important;
  filter:drop-shadow(0 5px 10px rgba(0,0,0,.7)) drop-shadow(0 0 7px rgba(80,148,255,.22))!important;
  animation:sbLogoImageGlow 4.8s ease-in-out infinite!important;
  transition:filter .3s ease!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.sb-logo-stage:hover .sb-logo-main{
  transform:none!important;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.8)) drop-shadow(0 0 10px rgba(94,160,255,.48)) brightness(1.06)!important;
}
@keyframes sbLogoImageGlow{0%,100%{filter:drop-shadow(0 5px 10px rgba(0,0,0,.7)) drop-shadow(0 0 5px rgba(255,91,40,.14))}50%{filter:drop-shadow(0 6px 12px rgba(0,0,0,.76)) drop-shadow(0 0 9px rgba(66,151,255,.36))}}
@media(max-width:768px){
  .sb-brand-area{height:141px!important;min-height:141px!important;padding:7px 5px 10px!important}
  .sb-logo-stage{width:calc(100% - 4px)!important;height:auto!important;max-height:none!important;aspect-ratio:26/15!important}
  .sb-logo-main{width:calc(100% - 4px)!important;height:calc(100% - 4px)!important;max-width:calc(100% - 4px)!important;max-height:calc(100% - 4px)!important;transform:none!important}
  .sb-logo-stage:hover .sb-logo-main{transform:none!important}
}
@media(prefers-reduced-motion:reduce){.sb-logo-stage::before,.sb-logo-stage::after,.sb-logo-main{animation:none!important}}
.sb-section-label{font-size:.55rem;padding:7px 14px 3px;letter-spacing:.12em}
.sb-nav{gap:1px;padding:0 8px}
.sb-item{gap:8px;padding:7px 9px;border-radius:8px;font-size:.76rem;min-height:38px}
.sb-item-icon{width:26px;height:26px;border-radius:7px;font-size:.72rem}
.sb-nav-svg{
  display:block;
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 auto;
}
.sb-divider{margin:6px 12px}
.sb-badge{font-size:.51rem;padding:1px 5px}
.sb-item-icon .fi{display:inline-flex;align-items:center;justify-content:center;line-height:1;color:inherit!important}
.fi[class*="fi-rr-"],.fi[class*="fi-rr-"]::before{font-family:"uicons-regular-rounded"!important}
.fi[class*="fi-br-"],.fi[class*="fi-br-"]::before{font-family:"uicons-bold-rounded"!important}
.fi[class*="fi-sr-"],.fi[class*="fi-sr-"]::before{font-family:"uicons-solid-rounded"!important}
.fi[class*="fi-rs-"],.fi[class*="fi-rs-"]::before{font-family:"uicons-regular-straight"!important}
.fi[class*="fi-bs-"],.fi[class*="fi-bs-"]::before{font-family:"uicons-bold-straight"!important}
.fi[class*="fi-ss-"],.fi[class*="fi-ss-"]::before{font-family:"uicons-solid-straight"!important}
.fi[class*="fi-brands-"],.fi[class*="fi-brands-"]::before{font-family:"uicons-brands"!important}

/* Account dropdown mirrors sidebar icons and uses one balance color. */
.tud-balance-mini,.tud-balance-mini strong,.tud-bal-amount{color:#a29bfe!important}
.tud-bal-label i{color:#a29bfe!important}
.tud-link .fi,.tud-topup-btn .fi{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.tud-link .sb-nav-svg{width:14px;height:14px;flex:0 0 16px;color:rgba(240,242,248,.3)}
.tud-link:hover .sb-nav-svg{color:#a29bfe}
.sb-badge-hot,.sb-badge-free{
  margin-left:auto!important;
  padding:2px 7px!important;
  border-radius:999px!important;
  background:#168a5b!important;
  border:1px solid #27996d!important;
  color:#eafff5!important;
  box-shadow:none!important;
  text-shadow:none!important;
  line-height:1.15!important;
}
/* Remove legacy special colors from menu items; all icons follow the same nav palette. */
.sb-item-topup,.sb-item-ranking{
  background:transparent!important;
  border-color:transparent!important;
  color:var(--text-secondary)!important;
  box-shadow:none!important;
}
.sb-item-topup .sb-item-icon,.sb-item-ranking .sb-item-icon,.sb-icon-topup,.sb-icon-ranking{
  background:rgba(255,255,255,.05)!important;
  color:inherit!important;
  box-shadow:none!important;
}
.sb-item.sb-active,.sb-item-topup.sb-active,.sb-item-ranking.sb-active{
  background:linear-gradient(135deg,rgba(117,104,238,.12),rgba(162,155,254,.055))!important;
  border-color:rgba(162,155,254,.22)!important;
  color:#ded9ff!important;
  box-shadow:inset 3px 0 0 rgba(162,155,254,.72)!important;
}
.sb-item.sb-active .sb-item-icon,
.sb-item-topup.sb-active .sb-item-icon,
.sb-item-ranking.sb-active .sb-item-icon{
  background:rgba(117,104,238,.13)!important;
  color:#c7beff!important;
  box-shadow:none!important;
}
.sb-item.sb-active .sb-nav-svg{color:#c7beff!important;stroke:currentColor!important}
.sb-item.sb-active:hover{
  background:linear-gradient(135deg,rgba(117,104,238,.17),rgba(162,155,254,.075))!important;
  border-color:rgba(162,155,254,.3)!important;
  color:#f2f0ff!important;
}
.sb-auth-area{padding:10px 8px 12px;gap:6px}
.sb-user-row{gap:8px;padding:8px 9px;border-radius:10px}
.sb-user-avatar{font-size:1.25rem}.sb-user-name{font-size:.74rem}.sb-user-email{font-size:.61rem}
.sb-btn{padding:7px 11px;border-radius:8px;font-size:.74rem}

/* Header */
.topbar{height:var(--topbar-h);padding:0 14px;gap:8px}
.topbar-search{max-width:520px}.topbar-search-wrap{height:32px;padding:0 11px}.topbar-search-wrap input{font-size:.78rem}
.topbar-user{padding:4px 8px;gap:7px;border-radius:8px}.topbar-user-avatar{font-size:1.1rem}.topbar-user-name{font-size:.74rem}.topbar-user-sub{font-size:.61rem}
.topbar-login-btn{padding:6px 11px;border-radius:8px;font-size:.75rem}

/* Main spacing */
.site-main{margin-left:var(--sidebar-w)}
.page-content{padding:14px 15px 0}
.site-footer{padding:15px 18px}
.home-dashboard,.pd-page,.ct2-page,.topup-page,.dl-page,.detail-container{padding-top:8px!important}

/* Compact homepage profile logo only. */
.home-dashboard .hd-avatar{width:64px!important;height:64px!important;border-width:2px!important;border-radius:14px!important}
.home-dashboard .hd-avatar-img{border-radius:11px!important}
.home-dashboard .hd-online-dot{width:10px!important;height:10px!important;bottom:2px!important;right:2px!important}

/* Shared panels/cards */
.hd-welcome-card,.hd-profile-card,.hd-stat-card,.hd-action-btn,
.topup-header,.topup-section,.contact-hero,.contact-ch,.contact-form-card,
.ct2-hero,.ct2-info-card,.ct2-form-card,.ct2-channel-section,
.wt-hero,.wt-stat-card,.wt-panel,.wt-qa,.wt-progress-card,
.rk-hero,.rk-section,.rk-tier-card,.rk-leaderboard,
.ord-card,.ord2-card,.hv3-card,.history-card,.dl-card,.app-card,
.pd-panel,.pd-purchase-panel,.pd-stats-row,.sp-section-header{
  border-radius:13px!important;
}

/* Homepage announcements + compact account overview */
.ann-section{
  margin:16px 0 14px!important;
  border:1px solid rgba(155,146,184,.10)!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(18,19,24,.96),rgba(11,12,16,.98))!important;
  box-shadow:0 12px 32px rgba(0,0,0,.17)!important;
}
.ann-tabs{min-height:42px;padding:0 10px;background:rgba(255,255,255,.012)!important;border-bottom:1px solid rgba(255,255,255,.045)!important;gap:5px!important}
.ann-tab{height:42px;padding:0 11px!important;border:0!important;border-bottom:2px solid transparent!important;color:rgba(226,224,235,.43)!important;font-size:.69rem!important;gap:6px!important}
.ann-tab.active{color:#e7e4f2!important;border-bottom-color:#9185ed!important;background:linear-gradient(180deg,transparent,rgba(118,103,245,.055))!important}
.ann-tab i{font-size:.66rem}.ann-tab-badge{padding:1px 5px!important;border-radius:5px!important;font-size:.55rem!important;background:#7569dd!important}.ann-tab-badge.red{background:#a55266!important}
.ann-toolbar{min-height:48px;padding:8px 12px!important;gap:7px!important;background:rgba(255,255,255,.009)!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.038)!important;box-shadow:none!important}
.ann-search-wrap{height:31px;max-width:220px!important;padding:0 10px!important;border:0!important;border-radius:8px!important;background:rgba(255,255,255,.028)!important;box-shadow:inset 0 0 0 1px rgba(155,146,184,.07)!important}
.ann-search-wrap:focus-within{background:rgba(118,103,245,.04)!important;box-shadow:inset 0 0 0 1px rgba(139,124,255,.22)!important}.ann-search-inp{font-size:.69rem!important}.ann-search-inp::placeholder{font-size:.68rem!important}
.ann-cat-filters{gap:5px!important}.ann-cat-btn{height:27px;padding:0 10px!important;border:0!important;border-radius:7px!important;background:rgba(255,255,255,.025)!important;color:rgba(225,223,233,.42)!important;font-size:.6rem!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)!important}
.ann-cat-btn.active,.ann-cat-btn:hover{background:rgba(118,103,245,.11)!important;color:#b6aef2!important;box-shadow:inset 0 0 0 1px rgba(139,124,255,.16)!important}
.ann-list{max-height:390px!important;min-height:116px}.ann-card{margin:8px 10px!important;padding:11px 12px 10px 15px!important;border:1px solid rgba(255,255,255,.045)!important;border-radius:9px!important;background:rgba(255,255,255,.016)!important;box-shadow:none!important}.ann-card::before{top:10px!important;bottom:10px!important;width:2px!important}.ann-card-head{margin-bottom:4px!important}.ann-card-title{font-size:.78rem!important;margin-bottom:4px!important}.ann-card-content{font-size:.69rem!important;line-height:1.5!important;margin-bottom:7px!important}.ann-badge{padding:2px 6px!important;border-radius:5px!important;font-size:.54rem!important}.ann-card-time,.ann-product-tag{font-size:.57rem!important}.ann-like-btn,.ann-link-btn{min-height:25px;padding:3px 8px!important;font-size:.6rem!important;border-radius:6px!important}.ann-empty{min-height:116px!important;padding:26px 16px!important;display:flex;flex-direction:column;align-items:center;justify-content:center}.ann-empty i{font-size:1.45rem!important;margin-bottom:7px!important;opacity:.22!important}.ann-empty p{font-size:.68rem!important}
.hd-stats-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px!important;margin:0 0 14px!important}
.hd-stat-card{min-height:72px!important;padding:11px 13px!important;gap:10px!important;border-radius:11px!important;background:linear-gradient(145deg,rgba(20,21,27,.96),rgba(12,13,17,.98))!important;border:1px solid rgba(155,146,184,.085)!important;box-shadow:none!important}
.hd-stat-card::after{top:12px!important;bottom:12px!important;width:2px!important;box-shadow:none!important}.hd-stat-icon{width:36px!important;height:36px!important;border-radius:9px!important;font-size:.78rem!important;box-shadow:none!important}.hd-stat-val{font-size:.88rem!important;line-height:1.2!important;letter-spacing:0!important}.hd-stat-rank-text{font-size:.82rem!important}.hd-stat-lbl{margin-top:3px!important;font-size:.54rem!important;letter-spacing:.07em!important}.hd-stat-action{width:27px!important;height:27px!important;border-radius:7px!important;font-size:.62rem!important;background:rgba(118,103,245,.08)!important;border-color:rgba(139,124,255,.14)!important;color:#aba2ee!important}
.hd-stat-card:hover{transform:translateY(-1px)!important;border-color:rgba(155,146,184,.16)!important}
@media(max-width:760px){.hd-stats-row{grid-template-columns:1fr!important}.hd-stat-card{min-height:64px!important}.ann-toolbar{align-items:stretch!important}.ann-search-wrap{max-width:none!important;flex-basis:100%}.ann-cat-filters{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:2px}.ann-cat-btn{flex:0 0 auto}}
.topup-section,.contact-form-card,.ct2-form-card,.wt-panel,.rk-section,.pd-panel{padding:15px!important}

/* Product area */
.sp-section-header{padding:12px 14px;margin-bottom:12px;gap:10px}
.sp-section-icon{width:34px;height:34px;border-radius:9px;font-size:.95rem}
.sp-section-title{font-size:.88rem}.sp-section-sub{font-size:.68rem}
.sp-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr))!important;gap:14px!important}
.sp-card{border-radius:14px!important}
.sp-card-body{padding:12px 13px 13px!important;gap:8px!important}
.sp-card-name{font-size:.84rem!important}.sp-feature-list{gap:3px!important}.sp-feature-list li{font-size:.68rem!important;line-height:1.38}
.sp-card-stats{padding:6px 7px!important;border-radius:8px!important}.sp-stat{font-size:.64rem!important;gap:3px}.sp-stat-val{font-size:.7rem!important}.sp-stat-div{height:16px}
.sp-plat-badge{padding:3px 8px;font-size:.64rem;border-radius:7px}
.sp-stock-badge{top:8px;right:8px;padding:3px 8px;font-size:.62rem}
.sp-price-range{font-size:.85rem}.sp-price-from{font-size:.59rem}.sp-buy-btn{padding:7px 12px!important;border-radius:8px!important;font-size:.72rem!important}

/* Detail/product page */
.pd-page{max-width:1040px;padding-left:10px;padding-right:10px;padding-bottom:36px}
.pd-breadcrumb{margin-bottom:12px;font-size:.72rem}.pd-layout{grid-template-columns:minmax(0,1fr) 350px;gap:15px}
.pd-stats-row{margin-top:10px}.pd-stat{padding:9px 6px}.pd-panel{margin-top:10px!important}.pd-panel-title{font-size:.72rem!important;margin-bottom:9px!important}
.pd-feature-list{gap:6px}.pd-feature-list li{font-size:.76rem;gap:7px}.pd-feature-list li::before{width:16px!important;height:16px!important;flex-basis:16px!important}
.pd-purchase-panel{border-radius:14px!important}.pd-pp-head{padding:16px!important}.pd-pp-name{font-size:1rem!important}.pd-price-range{font-size:1.5rem!important}
.pd-section{padding:14px!important}.pd-pkg-card{padding:11px!important;border-radius:10px!important}.pd-guarantee-row{gap:6px}.pd-guarantee{padding:8px!important;font-size:.68rem!important}

/* Forms, buttons and modals */
input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{font-size:max(13px,.78rem)}
.form-input,.form-textarea,.admin-input,.ct2-input,.topup-input-wrap{border-radius:9px!important}
.btn,.adm-btn,.contact-submit-btn,.ct2-submit,.topup-submit-btn{min-height:34px;padding-top:8px!important;padding-bottom:8px!important;font-size:.76rem!important;border-radius:9px!important}
.pm-modal-inner,.od-modal-inner,.od2-modal{border-radius:16px!important}.pm-right{padding:18px!important;gap:12px}.pm-left-content{padding:14px!important}

/* Orders page: stable balance, readable order code and compact detail modal. */
.ord2-page-hd{padding:15px 18px!important;flex-wrap:nowrap!important;overflow:hidden}
.ord2-page-hd-left{min-width:0;flex:1}
.ord2-page-icon{width:40px!important;height:40px!important;border-radius:10px!important;background:rgba(155,146,184,.07)!important;border-color:rgba(155,146,184,.13)!important;color:#aaa2be!important;box-shadow:none!important}
.ord2-balance-box{flex:0 0 auto;min-width:142px;padding:8px 12px;text-align:right;border:1px solid rgba(155,146,184,.12);border-radius:10px;background:rgba(155,146,184,.045);overflow:hidden}
.ord2-balance-lbl{margin:0 0 2px!important;color:rgba(240,242,248,.4)!important}
.ord2-balance-val{font-size:1rem!important;line-height:1.2;color:#a29bfe!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ord2-row-card{background:linear-gradient(145deg,#15171c,#101217)!important;border-color:rgba(255,255,255,.075)!important}
.ord2-rc-left{align-items:flex-start;gap:5px!important;max-width:min(100%,430px)}
.ord2-rc-code{display:inline-flex;max-width:100%!important;padding:6px 10px;border:1px solid rgba(155,146,184,.14);border-radius:8px;background:rgba(155,146,184,.055);color:#d8d4e2!important;font-size:.82rem!important;line-height:1.35;white-space:normal!important;overflow-wrap:anywhere;text-overflow:clip!important}
.ord2-eye-btn{border-color:rgba(155,146,184,.14)!important;background:rgba(155,146,184,.06)!important;color:#aaa2be!important;box-shadow:none!important}
.ord2-eye-btn:hover{border-color:rgba(155,146,184,.26)!important;background:rgba(155,146,184,.12)!important;box-shadow:none!important}
.od2-inner{max-width:520px!important;max-height:min(86vh,690px)!important;background:#111319!important;border-color:rgba(155,146,184,.16)!important;border-radius:16px!important;box-shadow:0 20px 65px rgba(0,0,0,.65)!important;scrollbar-color:rgba(155,146,184,.2) transparent!important}
.od2-head{padding:12px 15px!important;background:#111319!important}
.od2-head-icon{width:34px!important;height:34px!important;background:rgba(155,146,184,.07)!important;border-color:rgba(155,146,184,.13)!important;color:#aaa2be!important}
.od2-head-code{padding:3px 7px;border-radius:6px;background:rgba(155,146,184,.055);color:#d8d4e2!important;font-size:.75rem!important}
.od2-close{width:31px!important;height:31px!important}
.od2-hero{gap:11px!important;padding:13px 15px!important}
.od2-hero-img{width:94px!important;height:64px!important;padding:4px!important;border-radius:11px!important;background:#090b10!important;border:2px solid rgba(155,146,184,.2)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important}
.od2-hero-img img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:6px!important;background:#07090d!important}
.od2-hero-info{padding-right:94px!important}
.od2-hero-name{font-size:.88rem!important}
.od2-hero-meta,.od2-hero-code-row{font-size:.68rem!important}
.od2-hero-code-row,.od2-hero-code-row strong{color:#aaa2be!important}
.od2-item{padding:12px 15px!important}
.od2-item-top{margin-bottom:9px!important}
.od2-item-pkg,.od2-item-dur{padding:3px 8px!important;font-size:.65rem!important}
.od2-item-dur{color:#aaa2be!important;background:rgba(155,146,184,.06)!important;border-color:rgba(155,146,184,.13)!important}
.od2-item-price{font-size:.85rem!important}
.od2-key-wrap{padding:11px 12px!important;border-radius:10px!important;background:rgba(155,146,184,.035)!important;border-color:rgba(155,146,184,.12)!important}
.od2-key-lbl{margin-bottom:7px!important;color:#aaa2be!important;font-size:.6rem!important}
.od2-key-val{padding:10px 11px!important;font-size:.78rem!important;color:#dad7e4!important}
.od2-copy-btn{padding:10px 14px!important;background:rgba(155,146,184,.09)!important;color:#bbb4d0!important}
.od2-copy-btn:hover{background:rgba(155,146,184,.15)!important}
.od2-footer{padding:11px 15px!important}
.od2-footer-total,.od2-footer-date{font-size:.68rem!important}
.od2-footer-total strong{font-size:.8rem!important}

/* History icons stay neutral; monetary/status colors remain meaningful. */
.hv3-hdr-icon,
.hv3-stat.green .hv3-stat-icon,
.hv3-tx-icon.green{
  color:#aaa2be!important;
  background:rgba(155,146,184,.07)!important;
  border-color:rgba(155,146,184,.13)!important;
  box-shadow:none!important;
}
.hv3-hdr-icon i,
.hv3-stat.green .hv3-stat-icon i,
.hv3-tx-icon.green i,
.hv3-tab.active-green > i,
.hv3-type-badge.bank > i,
.hv3-status-badge.success > i{
  color:#aaa2be!important;
  filter:none!important;
  text-shadow:none!important;
}
.hv3-copy-btn:hover{color:#aaa2be!important}
.hv3-type-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;line-height:1!important}
.hv3-type-badge > i{width:13px!important;height:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 13px!important;font-size:.68rem!important;line-height:1!important;margin:0!important}
.hv3-pager{gap:7px!important}
.hv3-page-btn{width:31px!important;height:31px!important;min-width:31px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:9px!important;color:rgba(240,242,248,.48)!important}
.hv3-page-btn > i{display:block!important;font-size:.65rem!important;line-height:1!important;margin:0!important;color:inherit!important}
.hv3-page-btn.disabled{opacity:.42!important;pointer-events:none!important}

/* Ranking, warranty and lists */
.rk-page,.wt-page,.orders-page,.hv3-page{gap:12px!important}
.rk-hero,.wt-hero{padding:15px!important}.rk-tier-grid{gap:9px!important}.rk-tier-card{padding:11px!important}
.rk-empty{
  min-height:230px;
  padding:30px 18px!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:8px;
}
.rk-empty > i{font-size:2rem!important;margin:0 0 4px!important;opacity:.42}
.rk-empty p{margin:0;max-width:390px;color:rgba(240,242,248,.52);font-size:.78rem;line-height:1.6}
.rk-empty .sp-buy-btn{margin-top:8px!important;padding:8px 15px!important;min-height:36px;font-size:.74rem!important}
.rk-empty .sp-buy-btn i{font-size:.76rem!important;margin:0!important;opacity:1!important}
.rk-empty-section{padding:12px!important;overflow:hidden}
.rk-empty-section .rk-empty{
  width:100%;
  min-height:260px;
  margin:0;
  padding:32px 20px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.007))!important;
  box-shadow:none!important;
}
.rk-empty-icon{
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  background:rgba(162,155,254,.08);
  border:1px solid rgba(162,155,254,.14);
  color:#9189b5;
}
.rk-empty-icon i{font-size:1.15rem!important;margin:0!important;opacity:1!important}
.rk-empty-title{margin:5px 0 0;font-size:.9rem;font-weight:850;color:rgba(240,242,248,.78);line-height:1.35}
.rk-empty-desc{margin:0!important;color:rgba(240,242,248,.42)!important;font-size:.74rem!important;line-height:1.5!important}
.rk-empty-action{
  min-height:36px;
  margin-top:7px;
  padding:8px 15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border-radius:9px;
  border:1px solid rgba(162,155,254,.23);
  background:rgba(162,155,254,.1);
  color:#b8b2e7;
  font-size:.73rem;
  font-weight:800;
  text-decoration:none;
  box-shadow:none;
  transition:background .18s,border-color .18s,transform .18s;
}
.rk-empty-action i{display:inline-flex!important;font-size:.75rem!important;margin:0!important;opacity:1!important}
.rk-empty-action:hover{background:rgba(162,155,254,.16);border-color:rgba(162,155,254,.34);transform:translateY(-1px)}
.wt-stats,.hv3-stats,.stats-grid{gap:9px!important}.wt-stat-card{padding:12px!important}.wt-stat-icon{width:38px!important;height:38px!important}
table th{font-size:.65rem!important}table td{font-size:.73rem!important}table th,table td{padding-top:8px!important;padding-bottom:8px!important}

/* Compact floating utilities */
.ai-chat-toggle{width:48px!important;height:48px!important}.global-contact-float a{width:38px!important;height:38px!important;border-radius:10px!important}

@media(max-width:1180px){
  :root{--sidebar-w:224px}
  .site-main{margin-left:0!important}
}
@media(min-width:1181px){
  .sp-section{width:100%!important;max-width:none!important}
  .sp-card-name{font-size:.88rem!important}
  .sp-feature-list li{font-size:.71rem!important}
  .sp-card-stats{padding:7px 9px!important}
  .sp-buy-btn{padding:8px 14px!important}
}
@media(min-width:761px) and (max-width:1180px){
  .sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  html{font-size:14px}
  body{font-size:13px}
  .page-content{padding:10px 9px 0}
  .topbar{padding:0 9px}
  .sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .pd-layout{grid-template-columns:1fr}
  input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{font-size:16px!important}
}
@media(max-width:520px){
  .sp-grid{grid-template-columns:1fr!important}
  .sp-card-body{padding:9px 10px 10px!important}
  .topup-section,.contact-form-card,.ct2-form-card,.wt-panel,.rk-section,.pd-panel{padding:12px!important}
  .rk-tiers-grid{grid-template-columns:1fr!important;gap:10px!important}
  .rk-tier-card{
    min-height:190px!important;
    padding:14px 10px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .rk-tier-icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    grid-row:auto!important;
    margin:0 auto 5px!important;
  }
  .rk-tier-icon .rank-emblem,.rk-tier-icon .vs-wrap{margin:0 auto!important}
  .rk-tier-name,.rk-tier-disc,.rk-tier-disc-label{width:100%;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  .rk-tier-name{margin-top:1px!important}
  .rk-empty{min-height:210px;padding:24px 14px!important}
  .rk-empty-section{padding:8px!important}
  .rk-empty-section .rk-empty{min-height:220px;padding:25px 14px!important;border-radius:12px!important}
  .ord2-page-hd{padding:12px!important;gap:10px!important;align-items:center!important}
  .ord2-page-icon{width:36px!important;height:36px!important}
  .ord2-page-title{font-size:.95rem!important}.ord2-page-sub{font-size:.66rem!important}
  .ord2-balance-box{min-width:104px;padding:7px 9px}
  .ord2-balance-val{font-size:.82rem!important}
  .ord2-rc-body{padding:12px!important;align-items:flex-start!important}
  .ord2-rc-left{width:100%;max-width:none}
  .ord2-rc-code{width:100%;font-size:.72rem!important}
  .ord2-rc-right{width:100%;justify-content:space-between!important}
  .od2-modal{padding:8px!important;align-items:center!important}
  .od2-inner{max-height:92vh!important;border-radius:14px!important}
  .od2-head{padding:10px 12px!important}
  .od2-hero{padding:11px 12px!important;flex-wrap:wrap}
  .od2-hero-info{padding-right:0!important;min-width:calc(100% - 106px)}
  .od2-status-badge{position:static!important;margin-left:65px}
  .od2-item{padding:10px 12px!important}
  .od2-item-top{align-items:flex-start!important}
  .od2-key-row{flex-direction:column!important;align-items:stretch!important}
  .od2-copy-btn{border-left:0!important;border-top:1px solid rgba(255,255,255,.07)!important;justify-content:center}
  .od2-footer{padding:10px 12px!important;flex-direction:column!important;align-items:flex-start!important}
}