/* One shared density and palette for the storefront, account, auth and administration. */
html.site-pearl{--ui-radius-panel:13px;--ui-radius-card:11px;--ui-radius-field:8px;--ui-radius-small:7px;--radius-card:13px}
html.site-pearl body{--compact-page:#fff;--compact-surface:#fff;--compact-soft:#f7fbfe;--compact-ink:#1c2c3c;--compact-muted:#778596;--compact-line:#e3ebf1;--compact-blue:#079fe0;--compact-tint:#ecf8ff;--compact-selected:#dff3ff;--compact-shadow:0 2px 3px #163c5506;--compact-width:1120px}
html.site-pearl.site-dark body{--compact-page:#111820;--compact-surface:#17212b;--compact-soft:#1b2834;--compact-ink:#dfebf5;--compact-muted:#95a8ba;--compact-line:#2a3947;--compact-blue:#62c7f1;--compact-tint:#173141;--compact-selected:#1a4057;--compact-shadow:0 2px 3px #00000012}
html.site-pearl body.public-ui{--sidebar-w:0px;--topbar-h:54px;--ui-card-fill:var(--compact-surface);--ui-card-fill-hover:var(--compact-soft);--ui-card-shadow:var(--compact-shadow);--ui-card-shadow-hover:var(--compact-shadow);--frame-fill:var(--compact-surface);--frame-bg:var(--compact-surface);--frame-line:var(--compact-line);--ui-surface:var(--compact-surface);--ui-border:var(--compact-line);background:var(--compact-page)!important;font:400 12px/1.65 var(--font-ui,"Be Vietnam Pro","Segoe UI",system-ui,sans-serif)!important;color:var(--compact-ink)!important}
html.site-pearl body.public-ui :is(.site-bg-gif,.site-bg-img,.site-bg-seam,.site-bg-overlay,.pearl-particles){display:none!important}
html.site-pearl body.public-ui .site-main{margin-left:0!important;width:100%!important;min-width:0!important;background:var(--compact-page)!important}
html.site-pearl body.public-ui .site-main>.page-content{width:100%!important;max-width:var(--compact-width)!important;margin:0 auto!important;padding:20px 16px 30px!important;min-height:calc(100vh - 160px)}
html.site-pearl body.public-ui .site-main .page-content :is(.home-dashboard,.topup-page,.hv3-page,.dl-page,.ct2-page,.blog-page,.ord2-page,.pd-page,.rf-page,.rk-page,.wt-page,.legal-page,.cm-app){max-width:100%!important;width:100%!important;margin-inline:auto!important}
html.site-pearl body.public-ui .site-main .page-content .cm-app{padding:0!important;margin-top:0!important;margin-bottom:24px!important}
html.site-pearl body.public-ui .site-main .page-content :is(h1,h2,h3,h4,input,select,textarea,button){font-family:var(--font-ui,"Be Vietnam Pro","Segoe UI",system-ui,sans-serif)!important;letter-spacing:0!important;text-shadow:none!important}
html.site-pearl body.public-ui .site-main .page-content h1{font-size:23px!important;line-height:1.35!important}
html.site-pearl body.public-ui .site-main .page-content h2{font-size:17px!important;line-height:1.4!important}
html.site-pearl body.public-ui .site-main .page-content h3{font-size:13px!important;line-height:1.5!important}
html.site-pearl body.public-ui .site-main .page-content :is(.topup-title,.hv3-title,.blog-hero-title,.ct2-form-title,.dlhero-title,.pd-title,.app-title){font-size:22px!important;line-height:1.35!important}
html.site-pearl body.public-ui .site-main .page-content :is(.cm-heading,.catalog-title,.wt-header,.hv3-hdr,.ct2-page-header,.blog-hero,.dlhero){margin-bottom:18px!important}
html.site-pearl body.public-ui .site-main .page-content :is(.pd-panel,.pd-purchase-panel,.pd-section,.pd-pkg-card,.app-detail-card,.app-section,.file-info-card,.download-section,.topup-section,.topup-pkg,.tc-panel,.hv3-panel,.hv3-stat,.ord2-row-card,.ord3-order,.ord2-stat,.ord2-empty,.ct2-info-card,.ct2-form-card,.ct2-ch-card,.ct2-channel-section,.blog-card,.blog-empty,.dl-card,.dl-empty,.dlhero,.wt-card,.wt-stat,.rk-section,.rk-tier-card,.about-strip,.about-card,.hd-profile-card,.hmt-card,.ann-card,.home-faq,.home-topup,.home-buy-guide,.buy-guide-widget,.cm-card){background:var(--compact-surface)!important;border-color:var(--compact-line)!important;border-radius:13px!important;box-shadow:var(--compact-shadow)!important;color:var(--compact-ink)!important;backdrop-filter:none!important}
html.site-pearl body.public-ui .site-main .page-content :is(.pd-panel,.pd-purchase-panel,.pd-section,.topup-section,.hv3-panel,.ct2-info-card,.ct2-form-card,.wt-card,.rk-section,.about-strip,.home-faq,.cm-card){padding:16px!important}
html.site-pearl body.public-ui .site-main .page-content :is(.cm-member-hero,.cm-chat-shell){padding:0!important}
html.site-pearl body.public-ui .site-main .page-content :is(.pd-layout,.ct2-layout,.dl-grid,.blog-grid,.wt-grid,.cm-community-layout,.cm-member-layout){gap:16px!important}
html.site-pearl body.public-ui .site-main .page-content :is(.pd-title,.pd-section-title,.app-title,.dl-card-name,.blog-card-title,.hv3-stat-val,.hv3-col-amt,.ct2-info-val,.ct2-ch-name,.topup-title,.topup-pkg-amount,.wt-title,.rk-title,.hmt-name){color:var(--compact-ink)!important;-webkit-text-fill-color:currentColor!important}
html.site-pearl body.public-ui .site-main .page-content :is(.pd-card-desc,.dl-card-desc,.blog-card-excerpt,.ct2-info-sub,.ct2-hero-sub,.topup-sub,.hv3-tx-sub,.ann-preview,.about-card-desc){font-size:11px!important;line-height:1.75!important;color:var(--compact-muted)!important}
/* Form controls keep touch targets on mobile; desktop density is deliberate. */
html.site-pearl body.public-ui .site-main :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):not([type=file]),select,textarea){background:var(--compact-surface)!important;border:1px solid var(--compact-line)!important;border-radius:8px!important;color:var(--compact-ink)!important;font-size:12px!important;box-shadow:0 1px 2px #17314b05!important;min-height:34px;line-height:1.5;padding:7px 10px}
html.site-pearl body.public-ui .site-main input:disabled{background:var(--compact-soft)!important;color:var(--compact-muted)!important}
html.site-pearl body.public-ui .site-main :is(input,textarea)::placeholder{color:var(--compact-muted)!important;opacity:.8}
html.site-pearl body.public-ui .site-main :is(input,textarea,select):focus{border-color:#8fd7f7!important;box-shadow:0 0 0 3px #0aa5e610!important}
html.site-pearl body.public-ui .site-main .page-content :is(.btn,.btn-primary,.btn-secondary,.pd-buy-btn,.pd-buy-button,.topup-confirm-btn,.tc-submit-btn,.ct2-submit,.home-quick-link,.home-hero__btn,.th-action,.buy-guide-trigger,.catalog-more,.sp-buy-btn,.sp-card-buy,.cm-button,.cm-primary){min-height:33px!important;padding:8px 12px!important;border-radius:8px!important;font-size:11px!important;line-height:1.4!important;box-shadow:0 2px 3px #17314b08!important;text-shadow:none!important;letter-spacing:0!important}
html.site-pearl body.public-ui .site-main .page-content :is(.cm-primary,.topup-confirm-btn:not(:disabled),.ct2-submit,.catalog-more,.home-quick-link,.th-action){background:var(--compact-selected)!important;border:1px solid #abe0f9!important;color:var(--compact-blue)!important}
html.site-pearl body.public-ui .site-main .page-content :is(.cm-primary,.pd-buy-btn,.sp-buy-btn,.sp-card-buy):disabled{opacity:.5!important;cursor:not-allowed}
html.site-pearl body.public-ui .site-main .page-content :is(.sp-category-btn,.blog-tab-btn,.dl-tab,.topup-tab,.hv3-tab,.ann-tab-btn,.tab-btn){min-height:32px!important;padding:7px 11px!important;border-radius:8px!important;font-size:11px!important;line-height:1.4!important;box-shadow:none!important}
html.site-pearl body.public-ui .site-main .page-content :is(.sp-category-btn,.blog-tab-btn,.dl-tab,.topup-tab,.hv3-tab,.ann-tab-btn,.tab-btn):is(.active,.selected,.tab-on){background:var(--compact-selected)!important;color:var(--compact-blue)!important;border-color:#abe0f9!important}
html.site-pearl body.public-ui .site-main .page-content :is(table,th,td){font-size:11px!important;line-height:1.55!important;border-color:var(--compact-line)!important}
html.site-pearl body.public-ui .site-main .page-content :is(th,td){padding:10px 12px!important}
/* Centered navigation replaces the permanent desktop rail. The original drawer remains on smaller screens. */
html.site-pearl body.public-ui #topbar.topbar{position:sticky!important;top:10px!important;left:auto!important;right:auto!important;width:calc(100% - 32px)!important;max-width:var(--compact-width)!important;height:54px!important;min-height:54px!important;margin:10px auto 0!important;padding:0 14px!important;display:flex!important;align-items:center!important;gap:12px!important;border:1px solid var(--compact-line)!important;border-radius:12px!important;background:var(--compact-surface)!important;box-shadow:0 4px 20px #173a5606!important;backdrop-filter:none!important;z-index:1040}
.compact-brand{display:flex;align-items:center;gap:8px;flex:none;min-width:0;text-decoration:none;color:var(--compact-ink)!important;font:750 11px/1.4 Inter,system-ui,sans-serif!important;white-space:nowrap}
.compact-brand img{width:28px!important;height:28px!important;object-fit:contain!important;border-radius:0!important;filter:none!important}.compact-brand>span{max-width:110px;overflow:hidden;text-overflow:ellipsis}
.compact-navigation{display:flex;align-items:center;justify-content:center;gap:3px;flex:1;min-width:0}.compact-navigation>a,.compact-more>summary{display:flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:7px 8px;border:1px solid transparent;border-radius:7px;white-space:nowrap;color:var(--compact-ink);font:550 10px/1.4 Inter,system-ui,sans-serif;text-decoration:none;cursor:pointer;list-style:none}.compact-more>summary::-webkit-details-marker{display:none}.compact-navigation .ui-nav-glyph{width:14px!important;height:14px!important;color:var(--compact-blue)!important}.compact-navigation>a:hover,.compact-more>summary:hover{background:var(--compact-soft)}.compact-navigation>a[aria-current=page],.compact-more[open]>summary{background:var(--compact-tint);color:var(--compact-blue);border-color:#cceafd}.compact-more{position:relative}.compact-more-menu{position:absolute;top:calc(100% + 11px);right:0;display:grid;min-width:200px;padding:7px;border:1px solid var(--compact-line);border-radius:11px;background:var(--compact-surface);box-shadow:0 12px 35px #173a5612;z-index:20}.compact-more-menu a{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:7px;text-decoration:none;color:var(--compact-ink);font-size:11px}.compact-more-menu a:hover{background:var(--compact-tint);color:var(--compact-blue)}
html.site-pearl body.public-ui #topbar .topbar-search{flex:0 1 160px!important;max-width:180px!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html.site-pearl body.public-ui #topbar .topbar-search-wrap{height:32px!important;min-height:32px!important;padding:0 4px 0 8px!important;gap:5px!important;border:1px solid var(--compact-line)!important;border-radius:8px!important;background:var(--compact-soft)!important;box-shadow:none!important;transform:none!important}
html.site-pearl body.public-ui #topbar .topbar-search-wrap input[type=search]{min-height:0!important;height:28px!important;padding:0 3px!important;border:0!important;border-radius:0!important;font-size:10px!important;background:transparent!important;box-shadow:none!important;color:var(--compact-ink)!important}
html.site-pearl body.public-ui #topbar .topbar-search-wrap :is(.topbar-search-icon,.ui-nav-glyph){width:14px!important;height:14px!important;color:var(--compact-muted)!important}
html.site-pearl body.public-ui #topbar .topbar-search-hint{display:none!important}
html.site-pearl body.public-ui #topbar .topbar-search-submit{width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;padding:4px!important;border:0!important;border-radius:5px!important;background:var(--compact-tint)!important;color:var(--compact-blue)!important;box-shadow:none!important}
html.site-pearl body.public-ui #topbar .topbar-account{gap:6px!important;margin:0!important;flex:none!important;min-width:0}
html.site-pearl body.public-ui #topbar :is(.appearance-toggle,.site-language-button,.lang-switcher-btn,.topbar-login){height:30px!important;min-height:30px!important;font-size:10px!important;border-radius:8px!important;box-shadow:none!important}
html.site-pearl body.public-ui #topbar :is(.topbar-user,.topbar-user-avatar){width:33px!important;height:33px!important;min-width:33px!important;min-height:33px!important;box-shadow:none!important;border-radius:50%!important}
html.site-pearl body.public-ui #topbar .topbar-user-drop{border-radius:12px!important;border-color:var(--compact-line)!important;box-shadow:0 10px 35px #173a5615!important}
@media(min-width:1181px){html.site-pearl body.public-ui #sidebar.sidebar--minimal{visibility:hidden!important;pointer-events:none!important;transform:translateX(-105%)!important}html.site-pearl body.public-ui #hamburger{display:none!important}}
/* Home: restrained banner, six small shortcuts, compact panels and inventory. */
html.site-pearl body.public-ui .site-main .home-overview .home-monthly-topup-row{margin:0!important;min-height:0!important}
html.site-pearl body.public-ui .site-main .home-overview .hd-profile-card.hd-profile-card--signature{min-height:145px!important;padding:16px 18px!important}
html.site-pearl body.public-ui #homeMonthlyTopup{min-height:0!important;height:100%!important;box-shadow:none!important}
html.site-pearl body.public-ui #homeMonthlyTopup .hmt-head{padding:10px 12px!important;min-height:0!important;gap:8px!important}
html.site-pearl body.public-ui #homeMonthlyTopup .hmt-title{font-size:10px!important}
html.site-pearl body.public-ui #homeMonthlyTopup .hmt-trophy{width:28px!important;height:28px!important;flex:0 0 28px!important;border-radius:8px!important}
html.site-pearl body.public-ui #homeMonthlyTopup .hmt-trophy svg{width:18px!important;height:18px!important}
html.site-pearl body.public-ui #homeMonthlyTopup .hmt-subtitle{font-size:8px!important;margin-top:2px!important}
html.site-pearl body.public-ui #homeMonthlyTopup .hmt-empty{min-height:62px!important;padding:10px 12px!important;gap:10px!important}
html.site-pearl body.public-ui #homeMonthlyTopup .hmt-empty strong{font-size:10px!important}
html.site-pearl body.public-ui #homeMonthlyTopup .hmt-empty p{font-size:9px!important;margin:3px 0 0!important}
html.site-pearl body.public-ui #homeMonthlyTopup .hmt-empty-icon{width:28px!important;height:28px!important;flex:0 0 28px!important;font-size:18px!important}
html.site-pearl body.public-ui #homeMonthlyTopup .hmt-foot{padding:6px 10px!important;font-size:8px!important}
html.site-pearl body.public-ui #topbar .compact-navigation .ui-nav-glyph{font-size:13px!important;width:14px!important;height:14px!important;line-height:1!important;flex:0 0 14px!important}
html.site-pearl body.public-ui .compact-shortcuts .ui-nav-glyph{font-size:20px!important;line-height:1!important}
html.site-pearl body.public-ui .site-main .page-content .home-hero__title{font-size:28px!important;line-height:1.2!important}
html.site-pearl body.public-ui .site-main .topup-hub .th-method .th-method-copy h3{font-size:15px!important;color:var(--compact-ink)!important;-webkit-text-fill-color:currentColor!important}
html.site-pearl body.public-ui .site-main .topup-hub .th-method .th-method-copy p{font-size:10px!important;color:var(--compact-muted)!important;-webkit-text-fill-color:currentColor!important}
html.site-pearl body.public-ui .site-main .topup-hub .th-method :is(.th-method-icon,.th-method-badge,.th-method-note){color:var(--compact-muted)!important}
html.site-pearl body.public-ui .site-main .home-hero{margin-bottom:16px!important}
html.site-pearl body.public-ui .site-main .home-hero__viewport{height:clamp(215px,23vw,285px)!important;min-height:0!important;border-radius:13px!important;box-shadow:none!important;border:1px solid var(--compact-line)!important}
html.site-pearl body.public-ui .site-main .home-hero__content{padding:25px 34px!important;width:60%!important;gap:0!important}
html.site-pearl body.public-ui .site-main .home-hero__title{font-size:28px!important;line-height:1.2!important;color:var(--hero-text,#fff)!important;letter-spacing:-.6px!important}
html.site-pearl body.public-ui .site-main .home-hero__subtitle{font-size:12px!important;margin-top:7px!important}.home-hero__desc{font-size:11px!important}.home-hero__badge{font-size:9px!important;padding:3px 8px!important;margin-bottom:10px!important}.home-hero__actions{margin-top:12px!important}.home-hero__image{transform:none!important}
html.site-pearl body.public-ui .site-main .home-hero__nav{width:29px!important;height:29px!important;font-size:10px!important;box-shadow:none!important}
.compact-shortcuts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:4px 0 16px;margin:0 0 14px;border-bottom:1px solid var(--compact-line)}.compact-shortcuts>a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 5px;text-decoration:none;color:var(--compact-ink);font:650 10px/1.5 Inter,system-ui,sans-serif;text-align:center;border-radius:10px;transition:background .18s,transform .18s}.compact-shortcuts>a:hover{background:var(--compact-soft);transform:translateY(-2px)}.compact-shortcut-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:12px;border:1px solid #bce6fa;background:var(--compact-tint);color:var(--compact-blue);box-shadow:0 2px 2px #0aa5e608}.compact-shortcut-icon .ui-nav-glyph{width:21px!important;height:21px!important}
html.site-pearl body.public-ui .site-main .home-contact-ticker{margin-bottom:14px!important}html.site-pearl body.public-ui .site-main .home-contact-ticker .hct-shell{border-radius:9px!important;background:var(--compact-soft)!important;box-shadow:none!important;border:1px solid var(--compact-line)!important}
html.site-pearl body.public-ui .site-main .home-contact-ticker .hct-item{min-height:41px!important;height:41px!important;border-radius:8px!important;padding:7px 10px!important;min-width:170px!important;background:var(--compact-surface)!important;border-color:var(--compact-line)!important;box-shadow:none!important}
html.site-pearl body.public-ui .site-main .home-contact-ticker .hct-icon{width:26px!important;height:26px!important;border-radius:8px!important;box-shadow:none!important;font-size:14px!important}.hct-text strong{font-size:10px!important}.hct-text small{font-size:9px!important}
html.site-pearl body.public-ui .site-main .home-overview{gap:14px!important;margin-bottom:16px!important;grid-template-columns:minmax(0,1fr) 285px!important}
html.site-pearl body.public-ui .site-main .hd-profile-card{min-height:130px!important;padding:18px!important;gap:12px!important}
html.site-pearl body.public-ui .site-main .hd-avatar{width:45px!important;height:45px!important;flex:0 0 45px!important}.hd-profile-left{gap:12px!important}.hd-profile-date{font-size:10px!important;margin-top:7px!important}.home-profile-actions{gap:7px!important;margin-top:12px!important}.hd-brand-signature__main{font-size:25px!important}.hd-brand-signature__suffix{font-size:9px!important}.hd-profile-badges{padding:0!important}
html.site-pearl body.public-ui .site-main .hmt-card{padding:0!important;min-height:0!important;border-radius:13px!important;overflow:hidden}.hmt-head{padding:11px 13px!important;min-height:0!important}.hmt-title{font-size:10px!important}.hmt-sub{font-size:9px!important}.hmt-empty{min-height:64px!important;padding:12px!important}.hmt-foot{font-size:8px!important;padding:8px 12px!important}.hmt-icon{width:29px!important;height:29px!important}.hmt-item{padding:9px 12px!important}.hmt-amount{font-size:11px!important}
html.site-pearl body.public-ui .site-main .home-action-row{gap:14px!important;margin-bottom:16px!important;grid-template-columns:minmax(0,1fr) 240px!important}
html.site-pearl body.public-ui .site-main .topup-hub{padding:15px!important;border-radius:13px!important;background:var(--compact-surface)!important;border:1px solid var(--compact-line)!important;box-shadow:none!important;margin:0!important;--th-ink:var(--compact-ink);--th-muted:var(--compact-muted);--th-line:var(--compact-line)}
html.site-pearl body.public-ui .site-main .th-heading{margin-bottom:12px!important;gap:9px!important}.th-heading h2{font-size:16px!important}.th-eyebrow{font-size:8px!important;letter-spacing:1px!important}.th-wallet{width:32px!important;height:32px!important;border-radius:9px!important}.th-history{font-size:9px!important}.th-methods{gap:10px!important}
html.site-pearl body.public-ui .site-main .th-method{min-height:155px!important;padding:12px!important;border-radius:10px!important;border:1px solid var(--compact-line)!important;box-shadow:none!important;overflow:hidden!important}
html.site-pearl body.public-ui .site-main .th-method-bank{background:linear-gradient(115deg,var(--compact-tint),var(--compact-soft))!important}.th-method-card{background:var(--compact-soft)!important}.th-method-top{margin-bottom:9px!important}.th-method-icon{width:28px!important;height:28px!important;font-size:12px!important;border-radius:8px!important}.th-method-badge{font-size:8px!important}.th-method-copy h3{font-size:15px!important;margin:0 0 5px!important;color:var(--compact-ink)!important}.th-method-copy p{font-size:10px!important;line-height:1.6!important;max-width:75%!important;color:var(--compact-muted)!important}.th-method-bottom{margin-top:12px!important;gap:5px!important}.th-method-note{font-size:8px!important}.th-bank-art,.th-phone-art{scale:.65!important;transform-origin:right center!important;right:4px!important;top:42px!important;opacity:.65!important}.th-footer{margin-top:10px!important;padding-top:9px!important}.th-reassurance,.th-help{font-size:9px!important}
html.site-pearl body.public-ui .site-main .buy-guide-widget{padding:15px!important}.buy-guide-symbol{width:30px!important;height:30px!important;font-size:14px!important;border-radius:9px!important}.buy-guide-copy strong{font-size:15px!important;line-height:1.45!important}.buy-guide-copy small{font-size:10px!important;line-height:1.7!important}.buy-guide-kicker{font-size:7px!important}.buy-guide-steps{gap:5px!important;margin:10px 0!important}.buy-guide-steps li{font-size:10px!important}.buy-guide-trigger{margin-top:8px!important}
html.site-pearl body.public-ui .site-main .account-overview{min-height:90px!important;margin:16px 0!important;border-radius:13px!important;border:1px solid var(--compact-line)!important;box-shadow:none!important;background:var(--compact-surface)!important;grid-template-columns:1fr 1.15fr!important}
html.site-pearl body.public-ui .site-main .ao-wallet{padding:14px 18px!important;background:linear-gradient(110deg,#e3f5ff,#f4fbff)!important;color:#137cac!important}.ao-wallet-label{font-size:10px!important}.ao-balance{margin:4px 0!important}.ao-amount{font-size:26px!important;color:#127ea9!important;line-height:1.3!important}.ao-currency{font-size:12px!important;color:#127ea9!important}.ao-wallet-caption{font-size:9px!important;color:#6494ab!important}.ao-topup{font-size:9px!important;padding:5px 8px!important;background:#ffffff99!important;color:#1c8ec0!important;border-color:#b6e1f5!important}.ao-metric{padding:13px 17px!important;border-color:var(--compact-line)!important}.ao-emblem{width:35px!important;height:35px!important}.ao-value{font-size:21px!important;line-height:1.35!important;color:var(--compact-ink)!important}.ao-rank{font-size:17px!important}.ao-label{font-size:10px!important}.ao-metric-link{font-size:9px!important}.ao-emblem svg{width:18px!important;height:18px!important}
html.site-pearl body.public-ui .site-main .fb-gallery.fb-gallery--studio{--fb-card-width:184px;--fb-ink:var(--compact-ink);--fb-muted:var(--compact-muted);--fb-surface:var(--compact-surface);--fb-line:var(--compact-line);padding:14px!important;border-radius:13px!important;background:var(--compact-surface)!important;border:1px solid var(--compact-line)!important;box-shadow:none!important;margin-bottom:16px!important}
html.site-pearl body.public-ui .site-main .fb-gallery--studio .fb-gallery-title{font-size:15px!important}.fb-gallery-kicker{font-size:7px!important}.fb-gallery-sub{font-size:9px!important}.fb-gallery-icon{width:32px!important;height:32px!important;border-radius:9px!important}.fb-gallery-icon svg{width:18px!important;height:18px!important}.fb-gallery-head{margin-bottom:10px!important}.fb-gallery-grid{gap:10px!important}
html.site-pearl body.public-ui .site-main .fb-gallery--studio .fb-slide{border-radius:10px!important;box-shadow:none!important;min-height:0!important;background:var(--compact-surface)!important}.fb-gallery--studio .fb-slide-media{height:100px!important;border-radius:8px!important;margin:5px 5px 0!important;width:calc(100% - 10px)!important}.fb-slide-media>img{border-radius:6px!important}.fb-slide-info{padding:9px!important;min-height:0!important}.fb-slide-caption{font-size:10px!important;margin:0!important}.fb-slide-label{font-size:9px!important}.fb-gallery-foot{padding-top:9px!important;margin-top:10px!important}.fb-gallery-foot :is(span,button){font-size:9px!important}
/* Catalog and product detail density. Images keep their complete aspect ratio. */
html.site-pearl body.public-ui #products.catalog-studio{padding:0!important;margin:22px 0!important;--catalog-bg:var(--compact-surface);--catalog-soft:var(--compact-soft);--catalog-line:var(--compact-line);--catalog-ink:var(--compact-ink);--catalog-muted:var(--compact-muted);--catalog-accent:var(--compact-blue)}
html.site-pearl body.public-ui #products.catalog-studio .catalog-title{margin-bottom:13px!important}.catalog-title h2{font-size:19px!important}
html.site-pearl body.public-ui #products.catalog-studio .sp-category-btn{min-height:32px!important;padding:6px 10px!important;border-radius:8px!important;font-size:10px!important}.sp-category-btn-icon{width:23px!important;height:23px!important;border-radius:6px!important}.sp-category-btn-count{font-size:9px!important}
html.site-pearl body.public-ui #products.catalog-studio .catalog-folder-head{padding:10px 12px!important;border-radius:10px!important;margin-bottom:11px!important;background:var(--compact-tint)!important;border-color:var(--compact-line)!important;box-shadow:none!important}.catalog-folder-icon{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:8px!important}.catalog-folder-copy h3{font-size:12px!important}.catalog-folder{margin-bottom:20px!important}
html.site-pearl body.public-ui #products.catalog-studio .sp-grid{gap:12px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
html.site-pearl body.public-ui #products.catalog-studio .sp-card{padding:0!important;border-radius:11px!important;box-shadow:var(--compact-shadow)!important;background:var(--compact-surface)!important;border:1px solid var(--compact-line)!important;min-width:0!important}
html.site-pearl body.public-ui #products.catalog-studio :is(.sp-card-body,.sp-card-footer){padding:11px 12px!important;background:transparent!important}.sp-card-title,.sp-card-name{font-size:12px!important;line-height:1.5!important}.sp-card-desc{font-size:10px!important;line-height:1.7!important}.sp-card-price,.sp-price{font-size:16px!important}.sp-card-badges{gap:4px!important}.sp-card-footer{gap:8px!important}
html.site-pearl body.public-ui .site-main .pd-layout{grid-template-columns:minmax(0,1fr) 350px!important}.pd-hero{max-height:340px!important;border-radius:12px!important}.pd-hero-img{max-height:340px!important;object-fit:contain!important}.pd-pkg-card{padding:11px!important}.pd-section{margin-bottom:14px!important}.pd-price{font-size:25px!important}.pd-breadcrumb{font-size:10px!important;margin-bottom:14px!important}
/* Account, community and compact chat continue to share the same palette. */
html.site-pearl body.public-ui .site-main .page-content .topup-header{margin-bottom:18px!important}
html.site-pearl body.public-ui .site-main .page-content .topup-tabs{margin-block:16px 20px!important;padding:5px!important;border-radius:9px!important}
html.site-pearl body.public-ui .site-main .page-content .topup-pkg{min-height:64px!important;padding:12px!important}
html.site-pearl body.public-ui .site-main .page-content .topup-pkg-amount{font-size:14px!important}
html.site-pearl body.public-ui .site-main .page-content .cm-section-heading h2{font-size:14px!important}
html.site-pearl body.public-ui .site-main .page-content .cm-card h3{font-size:12px!important}
html.site-pearl body.adm-body .adm-topbar{left:210px!important;min-height:52px!important;height:52px!important;padding:0 20px!important}
html.site-pearl body.adm-body .adm-main{padding-top:72px!important}
html.site-pearl body.adm-body :is(.adm-brand-shell,.adm-brand-area){padding:16px 14px!important}
html.site-pearl body.adm-body .adm-nav-item{min-height:35px!important;padding:8px 10px!important;font-size:11px!important}
html.site-pearl body.adm-body .adm-nav-item>i{font-size:14px!important;width:15px!important}
html.site-pearl body.adm-body .adm-nav-group-lbl{padding:12px 10px 5px!important;margin:0!important;font-size:8px!important}
html.site-pearl body.public-ui .site-main .cm-app{--cm-bg:var(--compact-surface);--cm-soft:var(--compact-soft);--cm-border:var(--compact-line);--cm-text:var(--compact-ink);--cm-muted:var(--compact-muted);--cm-tint:var(--compact-tint)}
html.site-pearl body.public-ui .site-main .cm-account-layout{grid-template-columns:185px minmax(0,1fr)!important;gap:20px!important}.cm-account-nav a{min-height:37px!important;padding:10px 11px!important;font-size:10px!important;border-radius:8px!important}.cm-stats{gap:12px!important;margin-bottom:22px!important}.cm-stats .cm-card{min-height:67px!important;padding:13px 14px!important}.cm-stats strong{font-size:15px!important}.cm-section-heading{margin-bottom:14px!important}.cm-heading{margin-bottom:22px!important}.cm-account .cm-icon{width:34px;height:34px;border-radius:10px;font-size:14px}.cm-avatar-editor{margin-bottom:20px!important}.cm-member-cover{height:195px!important}.cm-post{margin-bottom:13px!important}
/* Footer and floating tools should not dominate small pages. */
html.site-pearl body.public-ui .site-main #siteFooter{max-width:var(--compact-width)!important;width:calc(100% - 32px)!important;margin:16px auto!important;border-radius:13px!important}
html.site-pearl body.public-ui #siteFooter .sf3-inner{padding:25px 28px 0!important}
html.site-pearl body.public-ui #siteFooter .sf3-top{gap:30px!important;padding-bottom:22px!important}
html.site-pearl body.public-ui #siteFooter #siteFooterTitle{font-size:24px!important;line-height:1.2!important}
html.site-pearl body.public-ui #siteFooter .sf3-intro>p{font-size:11px!important;margin-top:10px!important}
html.site-pearl body.public-ui #siteFooter .sf3-explore>a{font-size:11px!important;padding-block:5px!important}
html.site-pearl body.public-ui #siteFooter .sf3-contact-block>a{font-size:13px!important}
html.site-pearl body.public-ui #siteFooter .sf3-search{margin-top:16px!important;max-width:300px!important;height:35px!important}
html.site-pearl body.public-ui #siteFooter .sf3-bottom{padding-block:15px!important;font-size:10px!important}
html.site-pearl body.public-ui #topbar.topbar{overflow:visible!important}
html.site-pearl body.public-ui #topbar :is(.site-appearance-toggle,.site-language-trigger){min-width:30px!important;width:30px!important;height:30px!important;min-height:30px!important;padding:5px!important;border-radius:8px!important;font-size:10px!important;box-shadow:none!important}
html.site-pearl body.public-ui #topbar .site-language-trigger{width:auto!important;padding-inline:7px!important}
html.site-pearl body.public-ui .site-main .sf3-footer{max-width:var(--compact-width)!important;margin:10px auto 0!important;border-radius:13px 13px 0 0!important}
html.site-pearl body.public-ui .global-contact-float{scale:.82!important;transform-origin:right bottom!important}html.site-pearl body.public-ui #acTrigger{scale:.8!important;transform-origin:right bottom!important}html.site-pearl body.public-ui #ambientMusic{scale:.85!important;transform-origin:left bottom!important}
/* Auth and admin keep their native layouts and compact all controls and panels. */
html.site-pearl body.adm-body .adm-topbar .adm-search-inp{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;height:28px!important;min-height:28px!important}
html.site-pearl body.adm-body .adm-topbar .adm-search-wrap{height:33px!important;border-radius:8px!important}
html.site-pearl body.auth-body .auth-card{padding:22px!important;border-radius:14px!important;border-color:var(--compact-line)!important;box-shadow:0 5px 24px #17314b08!important}
html.site-pearl body.auth-body .auth-brand-lockup{margin-bottom:14px!important;padding-bottom:12px!important;min-height:0!important;max-height:55px!important}
html.site-pearl body.auth-body .auth-heading{margin-bottom:16px!important;gap:10px!important}
html.site-pearl body.auth-body .auth-title{font-size:21px!important}
html.site-pearl body.auth-body .auth-subtitle{font-size:10px!important}
html.site-pearl body.auth-body .auth-logo{width:40px!important;height:40px!important;border-radius:10px!important}
html.site-pearl body.auth-body .auth-tabs{margin-bottom:18px!important;border-radius:9px!important;padding:4px!important}
html.site-pearl body.auth-body .auth-tabs a{min-height:32px!important;padding:8px 10px!important;border-radius:7px!important;font-size:11px!important}
html.site-pearl body.auth-body .auth-field{margin-bottom:13px!important}
html.site-pearl body.auth-body .auth-label{font-size:11px!important}
html.site-pearl body.auth-body .auth-input{height:38px!important;min-height:38px!important;border-radius:8px!important;font-size:12px!important}
html.site-pearl body.auth-body :is(.auth-btn,.auth-google-btn){min-height:36px!important;height:36px!important;border-radius:8px!important;font-size:11px!important;padding-block:8px!important;box-shadow:0 2px 4px #17314b08!important}
html.site-pearl body.auth-body .auth-options{margin-block:12px 16px!important;font-size:10px!important}
html.site-pearl body.auth-body .auth-divider{margin-block:15px!important}
html.site-pearl body.auth-body .auth-switch{font-size:10px!important;margin-top:15px!important;padding-top:14px!important}
html.site-pearl.site-dark body.public-ui #topbar.topbar{background:var(--compact-surface)!important;border-color:var(--compact-line)!important}
html.site-pearl.site-dark body.public-ui #topbar .topbar-search-wrap{background:var(--compact-soft)!important;border-color:var(--compact-line)!important}
html.site-pearl.site-dark body.public-ui #topbar .topbar-search-wrap input[type=search]{background:transparent!important;color:var(--compact-ink)!important}
html.site-pearl.site-dark body.public-ui .site-main .home-dashboard .home-contact-ticker .hct-item{background:var(--compact-surface)!important;border-color:var(--compact-line)!important}
html.site-pearl.site-dark body.public-ui .site-main .page-content :is(.cm-primary,.home-quick-link,.th-action){background:var(--compact-selected)!important;border-color:#315c75!important;color:var(--compact-blue)!important}
html.site-pearl body.adm-body .adm-brand-shell{margin:0!important;min-height:80px!important;padding:14px!important}
html.site-pearl body.adm-body .adm-logo-stage{width:62px!important;height:62px!important;min-height:0!important;max-width:62px!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:none!important}
html.site-pearl body.adm-body .adm-logo-main{width:62px!important;height:62px!important;max-width:62px!important;max-height:62px!important;min-height:0!important;object-fit:contain!important;position:static!important;filter:none!important;transform:none!important}
html.site-pearl body.adm-body :is(.adm-logo-aura,.adm-logo-particles){display:none!important}
html.site-pearl body.adm-body .adm-stats-grid{gap:12px!important;margin-bottom:18px!important}
html.site-pearl body.adm-body .adm-stat-card{display:grid!important;grid-template-columns:35px minmax(0,1fr)!important;grid-template-areas:"icon label" "icon value" "icon change";gap:4px 12px!important;padding:17px!important;min-height:110px!important;border-radius:12px!important;box-shadow:var(--compact-shadow)!important}
html.site-pearl body.adm-body .adm-stat-icon{grid-area:icon;width:35px!important;height:35px!important;margin:3px 0 0!important;font-size:14px!important;border-radius:10px!important}
html.site-pearl body.adm-body .adm-stat-lbl{grid-area:label;font-size:9px!important;margin:0!important;line-height:1.5!important}
html.site-pearl body.adm-body .adm-stat-val{grid-area:value;font-size:22px!important;line-height:1.25!important;margin:0!important;overflow-wrap:anywhere}
html.site-pearl body.adm-body .adm-stat-change{grid-area:change;font-size:9px!important;line-height:1.4!important}
html.site-pearl body.adm-body :is(.adm-content,.adm-content-wrap){padding:0 10px 24px!important;max-width:1360px!important}
html.site-pearl body.adm-body .adm-panel{padding:16px!important;border-radius:12px!important;box-shadow:var(--compact-shadow)!important}
html.site-pearl body.adm-body :is(.adm-dash-grid,.adm-dash-grid-3){gap:14px!important;align-items:start!important}
html.site-pearl body.adm-body .adm-chart-wrap{padding:12px 4px!important;min-height:220px!important}
html.site-pearl body.adm-body .adm-orders-list{max-height:310px;overflow:auto;scrollbar-width:thin}
html.site-pearl body.adm-body .adm-order-row{padding:9px 8px!important;min-height:49px!important}
html.site-pearl body.adm-body .adm-order-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:165px;font-size:11px!important}
html.site-pearl body.adm-body .adm-order-avatar{width:29px!important;height:29px!important;flex:0 0 29px!important;font-size:11px!important}
html.site-pearl body.auth-body{background:var(--compact-page)!important;font-family:var(--font-ui,"Be Vietnam Pro","Segoe UI",system-ui,sans-serif)!important;font-size:12px!important}.auth-body .auth-wrap{padding:24px 16px!important;min-height:calc(100vh - 90px)!important}.auth-body .auth-card{max-width:420px!important;padding:26px!important;border-radius:15px!important;border-color:var(--compact-line)!important;box-shadow:0 6px 28px #183e5d09!important}.auth-body .auth-title{font-size:23px!important}.auth-body .auth-subtitle{font-size:11px!important}.auth-body .auth-field{margin-bottom:14px!important}.auth-body .auth-input{min-height:39px!important;height:39px!important;font-size:12px!important;border-radius:8px!important}.auth-body :is(.auth-btn,.auth-google-btn){min-height:37px!important;font-size:12px!important;border-radius:8px!important}.auth-body .auth-logo{width:45px!important;height:45px!important}.auth-body .auth-label{font-size:11px!important}.auth-body .auth-tabs a{padding:10px!important;font-size:11px!important}
html.site-pearl body.adm-body{--adm-sidebar-w:210px;font:400 12px/1.6 Inter,system-ui,sans-serif!important;background:var(--compact-soft)!important;color:var(--compact-ink)!important}.adm-body .adm-sidebar{width:210px!important}.adm-body .adm-main{margin-left:210px!important;padding:20px!important}.adm-body .adm-topbar{min-height:52px!important;height:52px!important}.adm-body .adm-nav{padding:8px 12px!important}.adm-body .adm-nav-item{padding:9px 11px!important;min-height:36px!important;font-size:11px!important;border-radius:8px!important}.adm-body .adm-nav-group-lbl{font-size:8px!important;margin:17px 10px 5px!important}.adm-body :is(.adm-panel,.admin-form-section,.adm-stat-card,.admin-app-row,.settings-workspace,.adm-card,.cm-card){border-radius:12px!important;box-shadow:var(--compact-shadow)!important;border-color:var(--compact-line)!important}.adm-body :is(.adm-panel,.adm-card,.admin-form-section){padding:16px!important}.adm-body :is(h1,.adm-page-title){font-size:22px!important}.adm-body h2{font-size:16px!important}.adm-body h3{font-size:13px!important}.adm-body :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=color]):not([type=file]),select,textarea){min-height:34px!important;font-size:12px!important;border-radius:7px!important}.adm-body :is(.adm-btn,.btn,.admin-btn){min-height:32px!important;padding:7px 11px!important;font-size:11px!important;border-radius:7px!important}.adm-body :is(th,td){padding:10px 12px!important;font-size:11px!important}.adm-body .cm-admin{padding:0!important}.adm-body .cm-admin .cm-stats .cm-card{padding:13px!important}.adm-body .cm-admin-tabs a{padding:7px 10px!important;font-size:10px!important}
html.site-dark body.public-ui .site-main .ao-wallet{background:linear-gradient(110deg,#173649,#1a2d3b)!important}html.site-dark body.public-ui .site-main :is(.ao-amount,.ao-currency){color:#a9e4fa!important}html.site-dark body.public-ui .site-main .th-method-bank{background:linear-gradient(110deg,#183749,#1a2b37)!important}html.site-dark body.public-ui .site-main .th-method-card{background:#202c3b!important}html.site-dark body.public-ui .site-main .ao-topup{background:#1d4155!important;color:#a9e4fa!important;border-color:#31596e!important}
@media(min-width:1181px) and (max-width:1300px){.compact-brand>span{display:none}.compact-navigation>a,.compact-more>summary{padding-inline:7px}html.site-pearl body.public-ui #topbar .topbar-search{max-width:145px!important}}
@media(max-width:1180px){.compact-navigation{display:none!important}.compact-brand{margin-right:auto}.compact-brand>span{font-size:12px}html.site-pearl body.public-ui #topbar .topbar-search{flex:1 1 auto!important;max-width:330px!important}html.site-pearl body.public-ui #hamburger{display:flex!important;align-items:center;justify-content:center;width:32px!important;height:32px!important;min-width:32px!important;border-radius:8px!important;margin:0!important;padding:4px!important;background:var(--compact-soft)!important;border:1px solid var(--compact-line)!important;color:var(--compact-muted)!important;box-shadow:none!important}html.site-pearl body.public-ui #hamburger svg{width:22px!important;height:22px!important}html.site-pearl body.public-ui #sidebar.sidebar--minimal{--sidebar-w:235px;width:235px!important;z-index:1100!important}.adm-body .adm-main{margin-left:0!important}.adm-body .adm-sidebar{width:230px!important}}
@media(max-width:850px){html.site-pearl body.public-ui .site-main>.page-content{padding:16px 14px 24px!important}.compact-brand>span{display:none}html.site-pearl body.public-ui .site-main .home-overview{grid-template-columns:minmax(0,1fr) 250px!important}.home-action-row{grid-template-columns:minmax(0,1fr)!important}.buy-guide-widget{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;align-items:center!important}.buy-guide-steps{display:none!important}.buy-guide-copy small{max-width:350px}.buy-guide-symbol{display:none!important}html.site-pearl body.public-ui #products.catalog-studio .sp-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}html.site-pearl body.public-ui .site-main .pd-layout{grid-template-columns:minmax(0,1fr)!important}.pd-purchase-panel{position:static!important}}
@media(max-width:600px){html.site-pearl body.public-ui #topbar.topbar{top:0!important;margin:0!important;width:100%!important;height:52px!important;min-height:52px!important;padding:0 10px!important;border-radius:0!important;border:0!important;border-bottom:1px solid var(--compact-line)!important;gap:8px!important}.compact-brand img{width:25px!important;height:25px!important}html.site-pearl body.public-ui #topbar .topbar-search{flex:1 1 auto!important;max-width:none!important}html.site-pearl body.public-ui #topbar .topbar-search-wrap{height:31px!important;min-height:31px!important}html.site-pearl body.public-ui #topbar .topbar-search-wrap input[type=search]{font-size:11px!important}html.site-pearl body.public-ui #topbar .topbar-account{gap:4px!important}.topbar-account .site-language-switcher{display:none!important}html.site-pearl body.public-ui .site-main>.page-content{padding:14px 12px 22px!important}html.site-pearl body.public-ui .site-main .page-content h1{font-size:19px!important}html.site-pearl body.public-ui .site-main .page-content h2{font-size:15px!important}html.site-pearl body.public-ui .site-main .home-hero__viewport{height:185px!important;border-radius:10px!important}html.site-pearl body.public-ui .site-main .home-hero__content{padding:18px 22px!important;width:78%!important}html.site-pearl body.public-ui .site-main .home-hero__title{font-size:21px!important}.home-hero__subtitle{font-size:10px!important}.home-hero__desc{font-size:9px!important;line-height:1.5!important;max-width:245px!important}.home-hero__badge{font-size:8px!important;margin-bottom:7px!important}.home-hero__price-row{margin-top:8px!important}.home-hero__actions{gap:6px!important;margin-top:8px!important}.home-hero__btn{font-size:10px!important;min-height:30px!important;padding:6px 9px!important}.compact-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 8px;margin-bottom:12px;padding-bottom:10px}.compact-shortcuts>a{gap:6px;padding:8px 3px;font-size:9px}.compact-shortcut-icon{width:35px;height:35px;border-radius:10px}.compact-shortcut-icon .ui-nav-glyph{width:18px!important;height:18px!important}html.site-pearl body.public-ui .site-main .home-overview{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}.hd-profile-card{min-height:118px!important}.home-profile-actions{flex-wrap:wrap!important}.home-overview>.hmt-card{max-height:200px}.home-action-row{grid-template-columns:minmax(0,1fr)!important}.th-methods{grid-template-columns:repeat(2,minmax(0,1fr))!important}html.site-pearl body.public-ui .site-main .th-method{min-height:164px!important;padding:10px!important}.th-method-copy h3{font-size:13px!important}.th-method-copy p{max-width:100%!important;font-size:10px!important}.th-bank-art,.th-phone-art{display:none!important}.th-method-note{display:none!important}.th-method-bottom .th-action{font-size:9px!important;padding:7px 8px!important}.th-history{font-size:8px!important}.th-reassurance{gap:8px!important;font-size:8px!important}.th-help{font-size:8px!important}.buy-guide-widget{padding:13px!important}.buy-guide-copy strong{font-size:14px!important}.buy-guide-copy small{font-size:9px!important}.buy-guide-kicker{display:none!important}html.site-pearl body.public-ui .site-main .account-overview{grid-template-columns:minmax(0,1fr)!important;min-height:0!important}.ao-wallet{padding:12px 15px!important}.ao-wallet-caption{display:none!important}.ao-details{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ao-metric{padding:12px!important}.ao-value{font-size:18px!important}.ao-rank{font-size:14px!important}.ao-emblem{width:29px!important;height:29px!important}.ao-label{font-size:9px!important}.ao-wallet-top{gap:10px!important}.ao-balance{margin-bottom:0!important}html.site-pearl body.public-ui .site-main .fb-gallery.fb-gallery--studio{--fb-card-width:158px;padding:12px!important}.fb-gallery--studio .fb-slide-media{height:90px!important}.fb-gallery-sub{font-size:8px!important}.fb-gallery-kicker{display:none!important}.fb-gallery-icon{width:28px!important;height:28px!important}.fb-slide-caption{font-size:9px!important}.fb-slide-label{font-size:8px!important}html.site-pearl body.public-ui #products.catalog-studio .sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}html.site-pearl body.public-ui #products.catalog-studio :is(.sp-card-body,.sp-card-footer){padding:9px!important}.sp-card-title,.sp-card-name{font-size:11px!important}.sp-card-price,.sp-price{font-size:14px!important}.catalog-more{font-size:9px!important;padding:7px 8px!important}.catalog-folder-head{gap:8px!important}.pd-hero,.pd-hero-img{max-height:270px!important}html.site-pearl body.public-ui .site-main .cm-account-layout{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}.cm-account-nav a{min-height:36px!important;padding:9px 10px!important}.cm-stats{gap:7px!important;margin-bottom:17px!important}.cm-stats .cm-card{padding:11px!important;min-height:62px!important}.cm-stats strong{font-size:12px!important}.cm-stats .cm-icon{display:none!important}.cm-heading{gap:8px!important;margin-bottom:18px!important}.cm-heading p{font-size:10px!important}.cm-member-cover{height:150px!important}.cm-messages-page .cm-chat-shell{height:calc(100dvh - 170px)!important;min-height:500px!important}.cm-community-layout,.cm-member-layout{grid-template-columns:minmax(0,1fr)!important}html.site-pearl body.public-ui .site-main :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):not([type=file]),select,textarea){min-height:38px;font-size:13px!important}.auth-body .auth-card{padding:22px!important;max-width:100%!important}.adm-body .adm-main{padding:14px!important}.adm-body :is(th,td){padding:9px 10px!important;font-size:10px!important}.adm-body :is(h1,.adm-page-title){font-size:19px!important}}
@media(min-width:1101px) and (max-width:1180px){html.site-pearl body.adm-body .adm-main{margin-left:210px!important}html.site-pearl body.adm-body .adm-sidebar{width:210px!important}}
@media(max-width:1100px){html.site-pearl body.adm-body .adm-topbar{left:0!important}html.site-pearl body.adm-body .adm-main{margin-left:0!important;padding-top:70px!important}}
@media(max-width:600px){html.site-pearl body.adm-body .adm-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}html.site-pearl body.adm-body .adm-stat-card{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"label" "value" "change";padding:13px!important;min-height:110px!important;gap:5px!important}html.site-pearl body.adm-body .adm-stat-icon{display:none!important}html.site-pearl body.adm-body .adm-stat-val{font-size:18px!important}html.site-pearl body.adm-body .adm-stat-lbl{font-size:8px!important}html.site-pearl body.adm-body .adm-stat-change{font-size:8px!important;flex-wrap:wrap!important}html.site-pearl body.auth-body .auth-card{padding:20px!important}html.site-pearl body.public-ui #siteFooter .sf3-inner{padding:22px 18px 0!important}}
@media(max-width:850px){html.site-pearl body.public-ui .site-main .home-action-row{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:600px){html.site-pearl body.public-ui .site-main .page-content .home-hero__title{font-size:21px!important}html.site-pearl body.public-ui .site-main .topup-hub .th-method .th-method-copy h3{font-size:13px!important}html.site-pearl body.public-ui .site-main .home-action-row .buy-guide-identity{flex-direction:row!important}html.site-pearl body.public-ui .site-main .home-action-row .buy-guide-widget{gap:8px!important;grid-template-columns:minmax(0,1fr) auto!important}html.site-pearl body.public-ui .site-main .home-action-row .buy-guide-symbol{display:none!important}html.site-pearl body.public-ui .site-main .home-action-row .buy-guide-copy small{font-size:9px!important}html.site-pearl body.public-ui .site-main .home-action-row .buy-guide-copy strong{font-size:14px!important}html.site-pearl body.public-ui .site-main .home-action-row .buy-guide-kicker{display:none!important}html.site-pearl body.public-ui .site-main .home-action-row .buy-guide-steps{display:none!important}.compact-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){.compact-shortcuts>a{transition:none!important;transform:none!important}}