:root{--lg-primary:#5b5cf0;--lg-secondary:#12b981;--lg-accent:#f59e0b;--lg-bg:#f6f8fc;--lg-surface:#ffffff;--lg-surface-2:#eef2f8;--lg-text:#162033;--lg-muted:#65738a;--lg-border:#dbe3ef;--lg-shadow:0 14px 42px rgba(25,35,55,.13);--lg-radius:18px}
html{scroll-behavior:smooth}body{background:var(--lg-bg)!important;color:var(--lg-text);transition:background .35s ease,color .35s ease;overflow-x:hidden}
header,.header,.navbar,.topbar,.site-header,.dashboard-header,footer,.footer,.site-footer{border-color:var(--lg-border)!important}
.card,.plan-card,.feature-card,.dashboard-card,.widget,.modal-content,.dropdown-menu,.table-responsive,.account-card,.payment-card,.form-card,.content-card,.sidebar,.offcanvas,.panel,.box{background:var(--lg-surface)!important;border-color:var(--lg-border)!important;box-shadow:var(--lg-shadow);border-radius:var(--lg-radius)}
.card,.plan-card,.feature-card,.dashboard-card,.widget,.payment-card,.content-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:hover,.plan-card:hover,.feature-card:hover,.dashboard-card:hover,.widget:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--lg-primary) 50%,var(--lg-border))!important}
h1,h2,h3,h4,h5,h6,.title,.heading{color:var(--lg-text)}p,.text-muted,.muted,small{color:var(--lg-muted)}
a{transition:color .2s ease,opacity .2s ease}.btn-primary,.cmn-btn,.btn--primary,.button-primary,.submit-btn{background:linear-gradient(135deg,var(--lg-primary),var(--lg-secondary))!important;border-color:transparent!important;color:#fff!important;box-shadow:0 8px 24px color-mix(in srgb,var(--lg-primary) 26%,transparent)}
.btn-outline-primary{border-color:var(--lg-primary)!important;color:var(--lg-primary)!important}.badge-primary,.bg-primary,.text-bg-primary{background:var(--lg-primary)!important;color:#fff!important}
input,select,textarea,.form-control,.form-select{background:var(--lg-surface)!important;border-color:var(--lg-border)!important;color:var(--lg-text)!important;border-radius:12px!important}input:focus,select:focus,textarea:focus,.form-control:focus,.form-select:focus{border-color:var(--lg-primary)!important;box-shadow:0 0 0 .2rem color-mix(in srgb,var(--lg-primary) 16%,transparent)!important}
table{color:var(--lg-text)!important}table thead th{background:var(--lg-surface-2)!important;color:var(--lg-text)!important;border-color:var(--lg-border)!important}table td{border-color:var(--lg-border)!important}
@media(max-width:430px){html,body{max-width:100%;overflow-x:hidden}.container,.container-fluid{width:100%;max-width:100%;padding-left:12px!important;padding-right:12px!important}.row{margin-left:-6px!important;margin-right:-6px!important}.row>*{padding-left:6px!important;padding-right:6px!important}.card,.plan-card,.feature-card,.dashboard-card,.widget,.payment-card,.content-card{border-radius:14px}.btn,.cmn-btn,button{max-width:100%}img,video,iframe{max-width:100%;height:auto}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media(min-width:431px) and (max-width:991.98px){.container{max-width:96%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}


/* LG Investment v2: high-specificity global skin for legacy user pages */
html body,body.bgColor,body[class]{background:var(--lg-bg)!important;color:var(--lg-text)!important}
body .top,body .header,body .topbar,body .navbar,body .appHeader,body .appBottomMenu,body .foot,body .loginChange,body .login-head,body .sidebar,body .dashboard-sidebar{background:linear-gradient(135deg,var(--lg-primary),var(--lg-secondary))!important;color:#fff!important}
body .warp,body .login,body .loginCon,body .info,body .circlebg,body .notice,body .list,body .listItem,body .itemBox,body .balance,body .menu,body .product,body .product-item,body .record,body .team,body .mine,body .task,body .box,body .panel,body .content,body .layui-card,body .mui-card{background-color:var(--lg-surface)!important;color:var(--lg-text)!important;border-color:var(--lg-border)!important}
body .notice,body .section,body .section-title,body .table-head,body .list-head{background-color:var(--lg-surface-2)!important}
body .circlebg,body input,body select,body textarea{background:var(--lg-surface)!important;color:var(--lg-text)!important;border-color:var(--lg-border)!important}
body .circlebg input,body input::placeholder,body textarea::placeholder{color:var(--lg-muted)!important}
body a:not(.btn):not(.button):not(.add-btn){color:var(--lg-primary)!important}
body .add-btn,body .login-btn,body .buybtn,body .btn,body button,body [class*="btn"]{border-color:transparent!important}
body .add-btn,body .login-btn,body .buybtn,body .btn--primary,body .btn-primary,body .cmn-btn{background:linear-gradient(135deg,var(--lg-primary),var(--lg-secondary))!important;color:#fff!important}
body .cur,body .active:not(.dropdown-item),body .selected{border-color:var(--lg-accent)!important}
body .cur>a,body .active>a{color:var(--lg-accent)!important}
body .layui-layer,body .dialog,body .modal-content{background:var(--lg-surface)!important;color:var(--lg-text)!important;border-color:var(--lg-border)!important}
body hr,body .border,body [class*="border-"]{border-color:var(--lg-border)!important}
body .text-dark,body .text-black,body .text-body{color:var(--lg-text)!important}
body .bg-white,body .bg-light{background:var(--lg-surface)!important}
body *{scrollbar-color:var(--lg-primary) var(--lg-surface-2)}
@media(max-width:430px){body .warp,body .main,body .content,body .container{max-width:100%!important}body .top,body .appHeader{width:100%!important}}


/* LG Investment v3: exact legacy dashboard + professional global skin */
:root{
  --lg-page:color-mix(in srgb,var(--lg-primary) 7%, #f4f7fc);
  --lg-glass:color-mix(in srgb,var(--lg-primary) 4%, #ffffff);
  --lg-glass-2:color-mix(in srgb,var(--lg-secondary) 7%, #edf2f9);
  --lg-soft-primary:color-mix(in srgb,var(--lg-primary) 13%, transparent);
  --lg-soft-secondary:color-mix(in srgb,var(--lg-secondary) 13%, transparent);
  --lg-ring:0 0 0 1px color-mix(in srgb,var(--lg-primary) 18%, transparent),0 14px 35px color-mix(in srgb,var(--lg-primary) 12%, transparent);
}
html,body{background:var(--lg-page)!important}
body{
  background-image:
    radial-gradient(circle at 8% 8%,color-mix(in srgb,var(--lg-primary) 13%,transparent) 0,transparent 32%),
    radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--lg-secondary) 11%,transparent) 0,transparent 34%)!important;
  background-attachment:fixed!important;
}
body .home-main,body .home-container,body .main,body .page-wrapper,body .page-content,body .appCapsule{
  background:transparent!important;color:var(--lg-text)!important;
}
body .top[style],body .top,body .appHeader,body .login-head{
  background:linear-gradient(120deg,var(--lg-primary),color-mix(in srgb,var(--lg-secondary) 82%,var(--lg-primary)))!important;
  box-shadow:0 10px 28px color-mix(in srgb,var(--lg-primary) 22%,transparent)!important;
  border-bottom:1px solid color-mix(in srgb,#fff 18%,transparent)!important;
}
body .top img,body .appHeader img{filter:drop-shadow(0 2px 8px rgba(0,0,0,.18))}

/* home navigation */
body .home-nav ul{gap:8px!important}
body .home-nav ul li{padding:3px!important}
body .home-nav ul li a{
  color:var(--lg-text)!important;border-radius:14px!important;padding:8px 4px!important;
  transition:transform .22s ease,background .22s ease,box-shadow .22s ease!important;
}
body .home-nav ul li a:hover,body .home-nav ul li a:active{
  transform:translateY(-2px);background:var(--lg-soft-primary)!important;box-shadow:var(--lg-ring)!important;
}
body .home-nav ul li span{color:var(--lg-text)!important;font-weight:600!important}
body .home-nav ul li img{filter:drop-shadow(0 5px 9px color-mix(in srgb,var(--lg-primary) 16%,transparent))}

/* notice ticker */
body .notice{
  background:var(--lg-glass)!important;border:1px solid var(--lg-border)!important;
  box-shadow:var(--lg-ring)!important;border-radius:14px!important;overflow:hidden!important;
}
body .notice .swiper-slide{color:var(--lg-muted)!important}
body .noticeImg i{color:var(--lg-accent)!important}

/* EXACT investment plan cards from the current user dashboard */
body .home-pro-list>ul>li,body .home-pro li{
  background:linear-gradient(145deg,var(--lg-glass),var(--lg-glass-2))!important;
  color:var(--lg-text)!important;border:1px solid var(--lg-border)!important;
  border-radius:18px!important;overflow:hidden!important;
  box-shadow:0 14px 34px color-mix(in srgb,var(--lg-primary) 12%,transparent)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
body .home-pro-list>ul>li:hover,body .home-pro li:hover{
  transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--lg-primary) 45%,var(--lg-border))!important;
  box-shadow:0 20px 46px color-mix(in srgb,var(--lg-primary) 18%,transparent)!important;
}
body .home-pro-list>ul>li>h3,body .home-pro li>h3{
  background:linear-gradient(105deg,var(--lg-primary),var(--lg-secondary))!important;
  color:#fff!important;border-radius:0!important;padding:14px 16px!important;
  letter-spacing:.1px!important;font-weight:750!important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.14)!important;
}
body .home-pro-list-all{background:transparent!important;padding:14px 16px 16px!important}
body .home-pro-list-top img{
  border-radius:14px!important;object-fit:cover!important;background:var(--lg-surface)!important;
  border:1px solid var(--lg-border)!important;box-shadow:0 8px 22px color-mix(in srgb,var(--lg-primary) 14%,transparent)!important;
}
body .home-pro-list-ul{background:transparent!important}
body .home-pro-list-ul p,body .home-pro-list-btm p{color:var(--lg-muted)!important;font-weight:550!important}
body .home-pro-list-ul p span,body .home-pro-list-btm p span{
  color:var(--lg-text)!important;font-weight:800!important;
}
body .home-pro-list-ul p span::first-letter,body .home-pro-list-btm p span::first-letter{color:var(--lg-accent)!important}
body .buybtn,body input.buybtn{
  background:linear-gradient(110deg,var(--lg-primary),var(--lg-secondary))!important;
  color:#fff!important;border:0!important;border-radius:999px!important;height:36px!important;min-width:104px!important;
  font-weight:750!important;letter-spacing:.2px!important;
  box-shadow:0 8px 20px color-mix(in srgb,var(--lg-primary) 28%,transparent)!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
body .buybtn:hover,body .buybtn:active{transform:translateY(-1px) scale(1.02)!important;box-shadow:0 11px 25px color-mix(in srgb,var(--lg-primary) 34%,transparent)!important}

/* headings */
body .home-title,body .home-pro-title,body .home-container>h2,body .home-container>h3,body .title{
  color:var(--lg-text)!important;
}
body .home-news-tit{
  color:var(--lg-primary)!important;font-size:20px!important;font-weight:800!important;letter-spacing:.1px!important;
  margin:18px 0 10px!important;display:flex!important;align-items:center!important;gap:10px!important;
}
body .home-news-tit::after{content:"";height:3px;flex:1;border-radius:999px;background:linear-gradient(90deg,var(--lg-primary),var(--lg-secondary),transparent)!important;opacity:.65}
body h1,body h2,body h3,body h4,body h5,body h6{color:var(--lg-text)}

/* popup / weekly salary notice */
body .web_notice{
  background:rgba(6,12,24,.56)!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important;
  padding:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;
}
body .div_notice{
  top:50%!important;left:50%!important;width:min(92vw,860px)!important;height:min(72vh,620px)!important;
  transform:translate(-50%,-50%)!important;margin:0!important;padding:72px 24px 78px!important;
  border-radius:24px!important;background:linear-gradient(145deg,var(--lg-glass),var(--lg-glass-2))!important;
  border:1px solid color-mix(in srgb,var(--lg-primary) 28%,var(--lg-border))!important;
  box-shadow:0 28px 80px rgba(0,0,0,.28),0 0 0 1px color-mix(in srgb,var(--lg-primary) 18%,transparent)!important;
  color:var(--lg-text)!important;overflow:auto!important;
}
body .title_notice[style],body .title_notice{
  position:fixed!important;z-index:100000!important;left:50%!important;top:calc(14% + 12px)!important;transform:translateX(-50%)!important;
  width:min(84vw,760px)!important;margin:0!important;padding:12px 18px!important;
  color:#fff!important;background:linear-gradient(105deg,var(--lg-primary),var(--lg-secondary))!important;
  border-radius:14px!important;font-size:21px!important;letter-spacing:.2px!important;
  box-shadow:0 10px 28px color-mix(in srgb,var(--lg-primary) 28%,transparent)!important;
}
body .content_notice{color:var(--lg-muted)!important;margin-top:0!important;line-height:1.7!important}
body .content_notice p,body .content_notice span,body .content_notice b,body .content_notice strong{color:var(--lg-text)!important}
body .content_notice a{color:var(--lg-primary)!important;font-weight:750!important}
body .colse_btn,body .colse_btn2,body .colse_btn3,body .colse_btn4{
  position:fixed!important;z-index:100001!important;left:50%!important;bottom:calc(14% + 10px)!important;transform:translateX(-50%)!important;
  width:min(72vw,540px)!important;line-height:44px!important;border-radius:999px!important;
  background:linear-gradient(105deg,var(--lg-primary),var(--lg-secondary))!important;color:#fff!important;
  box-shadow:0 10px 28px color-mix(in srgb,var(--lg-primary) 30%,transparent)!important;
}

/* lower fixed navigation */
body .foot,body .appBottomMenu{
  background:color-mix(in srgb,var(--lg-surface) 92%,transparent)!important;
  backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
  border-top:1px solid var(--lg-border)!important;box-shadow:0 -8px 28px color-mix(in srgb,var(--lg-primary) 10%,transparent)!important;
}
body .foot li p,body .appBottomMenu span{color:var(--lg-muted)!important}
body .foot li.active p,body .appBottomMenu .active span{color:var(--lg-primary)!important;font-weight:750!important}

/* forms / profile / deposit / withdrawal / support pages */
body .form-group,body .withdraw-item,body .dep-top,body .my-top,body .record-list li,body .team-code-top,body .bonus-top,body .official-item{
  border-color:var(--lg-border)!important;
}
body input:not([type=checkbox]):not([type=radio]),body select,body textarea{
  background:var(--lg-glass)!important;color:var(--lg-text)!important;border:1px solid var(--lg-border)!important;
}

/* compact professional mobile rules */
@media(max-width:430px){
  body .home-main{padding-top:54px!important;padding-bottom:76px!important}
  body .home-container{padding-left:12px!important;padding-right:12px!important}
  body .home-pro-list>ul>li{border-radius:16px!important;margin-top:12px!important}
  body .home-pro-list>ul>li>h3{padding:12px 14px!important;font-size:14px!important}
  body .home-pro-list-all{padding:12px!important}
  body .home-pro-list-top img{width:82px!important;height:82px!important}
  body .home-pro-list-ul{width:calc(100% - 92px)!important;padding:4px 0 4px 10px!important;height:auto!important}
  body .home-pro-list-ul p{line-height:22px!important;font-size:13px!important;gap:8px!important}
  body .home-pro-list-btm{margin-top:12px!important;gap:8px!important}
  body .home-pro-list-btm p{font-size:13px!important}
  body .buybtn,body input.buybtn{min-width:94px!important;width:94px!important;height:34px!important}
  body .web_notice{padding:12px!important}
  body .div_notice{width:94vw!important;height:72vh!important;padding:68px 16px 76px!important;border-radius:20px!important}
  body .title_notice[style],body .title_notice{top:15.5%!important;width:86vw!important;font-size:18px!important;padding:10px 14px!important}
  body .content_notice{font-size:14px!important;line-height:1.55!important}
  body .colse_btn,body .colse_btn2,body .colse_btn3,body .colse_btn4{bottom:15.5%!important;width:78vw!important;line-height:42px!important}
}

/* LG Investment v4: branding, support/footer cleanup */
.lg-brand-logo{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;max-width:100%;height:100%}.lg-brand-logo img{max-width:170px!important;max-height:46px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.lg-brand-logo .lg-logo-light{display:block!important}.lg-brand-logo .lg-logo-dark{display:none!important}
body .my_customer_service{display:none!important}body .foot,body .lg-bottom-nav{border-top:0!important;outline:0!important}body .foot:before,body .foot:after,body .lg-bottom-nav:before,body .lg-bottom-nav:after{display:none!important;content:none!important}body .panel-space{display:none!important;height:0!important;margin:0!important;padding:0!important;border:0!important}body .home-main{border-bottom:0!important;margin-bottom:0!important}body .home-pro-list>ul>li,body .home-pro li{background:linear-gradient(145deg,var(--lg-glass),var(--lg-glass-2))!important;color:var(--lg-text)!important;border:1px solid var(--lg-border)!important}body .home-pro-list>ul>li>h3,body .home-pro li>h3{background:linear-gradient(105deg,var(--lg-primary),var(--lg-secondary))!important;color:#fff!important}body .home-pro-list-ul p,body .home-pro-list-btm p,body .home-news-tit{color:var(--lg-text)!important}body .home-pro-list-ul p span,body .home-pro-list-btm p span{color:var(--lg-accent)!important}@media(max-width:430px){.lg-brand-logo img{max-width:132px!important;max-height:36px!important}}


/* LG Investment v5 ULTRA USER UI 20260906 */
:root{
 --lg-footer-h:70px;
 --lg-card-shadow:0 16px 42px color-mix(in srgb,var(--lg-primary) 14%,transparent);
 --lg-card-shadow-hover:0 22px 56px color-mix(in srgb,var(--lg-primary) 22%,transparent);
 --lg-grad:linear-gradient(118deg,var(--lg-primary),color-mix(in srgb,var(--lg-secondary) 88%,var(--lg-primary)));
 --lg-grad-soft:linear-gradient(145deg,color-mix(in srgb,var(--lg-surface) 96%,var(--lg-primary)),color-mix(in srgb,var(--lg-surface-2) 90%,var(--lg-secondary)));
}
html body{padding-bottom:var(--lg-footer-h)!important}
html body .home-news{display:none!important}
html body .foot:empty{display:none!important}
html body .panel-space{display:none!important}

/* centered app canvas on desktop, full width on mobile */
html body .home-main,html body .withdraw-main,html body .my-main,html body .team-main,html body .bonus-main,html body .task-main,html body .customer,html body .myorder,html body .home-pro{
  border:0!important;box-shadow:none!important;
}

/* premium fixed footer: no white divider/box */
html body .lg-bottom-nav,html body .foot.lg-bottom-nav{
 position:fixed!important;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;
 width:min(806px,100%)!important;height:var(--lg-footer-h)!important;margin:0!important;padding:7px 10px max(7px,env(safe-area-inset-bottom))!important;
 background:color-mix(in srgb,var(--lg-surface) 88%,transparent)!important;
 border:0!important;border-top:1px solid color-mix(in srgb,var(--lg-primary) 16%,var(--lg-border))!important;
 box-shadow:0 -14px 42px color-mix(in srgb,var(--lg-primary) 11%,transparent)!important;
 backdrop-filter:blur(22px) saturate(150%)!important;-webkit-backdrop-filter:blur(22px) saturate(150%)!important;
 z-index:99980!important;border-radius:18px 18px 0 0!important;overflow:visible!important;
}
html body .lg-bottom-nav ul{height:100%!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;align-items:center!important;margin:0!important;padding:0!important;background:transparent!important}
html body .lg-bottom-nav li{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important}
html body .lg-bottom-nav li a{min-width:60px!important;height:54px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;border-radius:16px!important;padding:5px 8px!important;color:var(--lg-muted)!important;text-decoration:none!important;transition:.22s ease!important}
html body .lg-bottom-nav li img{width:25px!important;height:25px!important;object-fit:contain!important;filter:drop-shadow(0 4px 8px color-mix(in srgb,var(--lg-primary) 12%,transparent))!important;transition:.22s ease!important}
html body .lg-bottom-nav li p{font-size:11px!important;line-height:1!important;margin:0!important;color:var(--lg-muted)!important;font-weight:650!important}
html body .lg-bottom-nav li.active a,html body .lg-bottom-nav li.cur a{background:color-mix(in srgb,var(--lg-primary) 11%,transparent)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lg-primary) 18%,transparent)!important;transform:translateY(-2px)!important}
html body .lg-bottom-nav li.active p,html body .lg-bottom-nav li.cur p{color:var(--lg-primary)!important;font-weight:800!important}
html body .lg-bottom-nav li.active img,html body .lg-bottom-nav li.cur img{transform:scale(1.08)!important}

/* HOME + ORDER: same premium product card language */
html body .home-pro-list{padding:0 2px!important}
html body .home-pro-list>ul{display:grid!important;gap:15px!important}
html body .home-pro-list>ul>li{
 position:relative!important;margin:0!important;padding:0!important;overflow:hidden!important;
 background:var(--lg-grad-soft)!important;border:1px solid color-mix(in srgb,var(--lg-primary) 18%,var(--lg-border))!important;
 border-radius:22px!important;box-shadow:var(--lg-card-shadow)!important;isolation:isolate!important;
}
html body .home-pro-list>ul>li::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--lg-primary),var(--lg-accent),var(--lg-secondary));opacity:.9;z-index:2}
html body .home-pro-list>ul>li:hover{transform:translateY(-4px)!important;box-shadow:var(--lg-card-shadow-hover)!important}
html body .home-pro-list>ul>li>h3{margin:0!important;padding:14px 16px!important;min-height:48px!important;display:flex!important;align-items:center!important;background:var(--lg-grad)!important;color:#fff!important;font-size:16px!important;font-weight:800!important;line-height:1.25!important;border-radius:0!important}
html body .home-pro-list>ul>li>h2{width:auto!important;margin:10px 14px 0!important;padding:7px 10px!important;border-radius:10px!important;background:color-mix(in srgb,var(--lg-accent) 13%,var(--lg-surface))!important;color:var(--lg-text)!important;border:1px solid color-mix(in srgb,var(--lg-accent) 28%,var(--lg-border))!important;font-size:12px!important;font-weight:750!important}
html body .home-pro-list-all{padding:14px 16px 15px!important;background:transparent!important}
html body .home-pro-list-top{display:grid!important;grid-template-columns:128px 1fr!important;gap:16px!important;align-items:center!important;height:auto!important}
html body .home-pro-list-top>img{
 width:128px!important;height:128px!important;max-width:128px!important;min-width:128px!important;
 object-fit:contain!important;object-position:center!important;padding:0!important;margin:0!important;
 background:var(--lg-surface)!important;border:1px solid var(--lg-border)!important;border-radius:18px!important;
 box-shadow:0 10px 26px color-mix(in srgb,var(--lg-primary) 13%,transparent)!important;
}
html body .home-pro-list-ul{width:100%!important;height:auto!important;padding:0!important;display:grid!important;gap:7px!important;background:transparent!important}
html body .home-pro-list-ul p{display:grid!important;grid-template-columns:minmax(90px,1fr) auto!important;align-items:center!important;gap:12px!important;margin:0!important;padding:2px 0!important;color:var(--lg-muted)!important;font-size:13px!important;line-height:1.35!important;font-weight:650!important}
html body .home-pro-list-ul p span{color:var(--lg-text)!important;font-weight:850!important;text-align:right!important;white-space:nowrap!important}
html body .home-pro-list-btm{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:13px!important;padding-top:12px!important;border-top:1px dashed color-mix(in srgb,var(--lg-primary) 20%,var(--lg-border))!important}
html body .home-pro-list-btm>p{margin:0!important;color:var(--lg-muted)!important;font-weight:700!important}
html body .home-pro-list-btm>p span{color:var(--lg-primary)!important;font-size:15px!important;font-weight:900!important}
html body .home-pro-list-btm form{margin:0!important;display:flex!important;align-items:center!important}
html body .buybtn,html body input.buybtn,html body button.buybtn{
 width:auto!important;min-width:112px!important;height:40px!important;padding:0 22px!important;margin:0!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;
 background:var(--lg-grad)!important;color:#fff!important;border:0!important;font-size:13px!important;font-weight:850!important;
 box-shadow:0 10px 24px color-mix(in srgb,var(--lg-primary) 28%,transparent)!important;cursor:pointer!important;
}
html body .buybtn:hover{transform:translateY(-2px) scale(1.02)!important;box-shadow:0 14px 30px color-mix(in srgb,var(--lg-primary) 35%,transparent)!important}

/* PROFILE */
html body .my-main{background:transparent!important}
html body .my-top{background:var(--lg-grad)!important;border-radius:0 0 24px 24px!important;box-shadow:0 16px 38px color-mix(in srgb,var(--lg-primary) 20%,transparent)!important;padding:18px 20px!important}
html body .my-top-left img{width:76px!important;height:76px!important;object-fit:contain!important;background:#fff!important;border-radius:22px!important;padding:7px!important;border:3px solid rgba(255,255,255,.78)!important}
html body .my-top-right h3,html body .my-top-right p{color:#fff!important}
html body .my-balance,html body .my-income,html body .my-top-nav,html body .my-list-nav{background:var(--lg-surface)!important;border:1px solid var(--lg-border)!important;border-radius:20px!important;box-shadow:var(--lg-card-shadow)!important}
html body .my-balance{background:linear-gradient(145deg,color-mix(in srgb,var(--lg-primary) 12%,var(--lg-surface)),var(--lg-surface))!important}
html body .my-balance p,html body .my-balance span,html body .my-income p,html body .my-income span{color:var(--lg-text)!important}
html body .my-income{background:linear-gradient(110deg,color-mix(in srgb,var(--lg-accent) 22%,var(--lg-surface)),color-mix(in srgb,var(--lg-secondary) 12%,var(--lg-surface)))!important}
html body .my-top-nav{padding:10px!important;gap:10px!important}
html body .my-top-nav a{background:var(--lg-surface-2)!important;border:1px solid var(--lg-border)!important;border-radius:15px!important;color:var(--lg-text)!important}
html body .my-list-nav{overflow:hidden!important;margin-top:14px!important}
html body .my-list-nav li{border-bottom:1px solid var(--lg-border)!important;background:transparent!important}
html body .my-list-nav li:last-child{border-bottom:0!important}
html body .my-list-nav li a,html body .my-list-nav li p{color:var(--lg-text)!important}
html body .my-list-nav li a:hover{background:var(--lg-soft-primary)!important}
html body .my-list-nav li i{color:var(--lg-primary)!important}

/* TEAM */
html body .team-main{padding-bottom:18px!important}
html body .team-inner{display:grid!important;gap:14px!important}
html body .team-totalNum,html body .team-code,html body .teamLvs,html body .teamList{background:var(--lg-surface)!important;border:1px solid var(--lg-border)!important;border-radius:20px!important;box-shadow:var(--lg-card-shadow)!important;overflow:hidden!important}
html body .team-totalNum-img{background:linear-gradient(135deg,color-mix(in srgb,var(--lg-primary) 12%,var(--lg-surface)),color-mix(in srgb,var(--lg-secondary) 10%,var(--lg-surface)))!important;padding:16px!important;border-radius:20px!important}
html body .team-totalNum dt,html body .team-totalNum dd{color:var(--lg-text)!important}
html body .team-totalNum dd{color:var(--lg-primary)!important;font-weight:900!important}
html body .team-qrcode{padding:16px!important;background:var(--lg-surface)!important}
html body .team-qrcode img{width:166px!important;height:166px!important;padding:8px!important;background:#fff!important;border-radius:18px!important;box-shadow:0 10px 26px rgba(0,0,0,.12)!important}
html body .team-code-tit{color:var(--lg-text)!important;font-weight:800!important}
html body .team-code-top{background:var(--lg-surface-2)!important;border-color:var(--lg-border)!important;border-radius:16px!important;padding:8px!important}
html body .team-code-input{background:transparent!important;border:0!important;color:var(--lg-text)!important}
html body .team-code-copy .copy{background:var(--lg-grad)!important;color:#fff!important;border-radius:12px!important;padding:0 18px!important;font-weight:850!important}
html body .record-tab{background:var(--lg-grad)!important;border-radius:999px!important;padding:5px!important;overflow:hidden!important}
html body .record-tab a{color:#fff!important;border-radius:999px!important;font-weight:800!important}
html body .record-tab a.active{background:var(--lg-surface)!important;color:var(--lg-primary)!important;box-shadow:0 6px 18px rgba(0,0,0,.10)!important}
html body .teamLvs ul{background:linear-gradient(110deg,color-mix(in srgb,var(--lg-accent) 17%,var(--lg-surface)),color-mix(in srgb,var(--lg-secondary) 10%,var(--lg-surface)))!important;padding:16px 8px!important}
html body .teamLvs li label{color:var(--lg-primary)!important;font-weight:900!important}html body .teamLvs li span{color:var(--lg-muted)!important}
html body .teamList table{background:var(--lg-surface)!important;border-radius:16px!important;overflow:hidden!important}html body .teamList thead td{background:var(--lg-surface-2)!important;color:var(--lg-primary)!important;font-weight:850!important}html body .teamList td{color:var(--lg-text)!important;border-color:var(--lg-border)!important}

/* BONUS CLAIM */
html body .bonus-main{padding:66px 16px 18px!important;background:transparent!important}
html body .bonus-top{height:170px!important;border-radius:22px!important;overflow:hidden!important;border:1px solid var(--lg-border)!important;box-shadow:var(--lg-card-shadow)!important;position:relative!important}
html body .bonus-top::after{content:"Claim rewards securely";position:absolute;left:18px;bottom:16px;padding:7px 11px;border-radius:999px;background:rgba(10,15,25,.64);color:#fff;font-size:11px;font-weight:800;backdrop-filter:blur(8px)}
html body .bonus-top img{width:100%!important;height:100%!important;object-fit:cover!important}
html body .bonus-bg{margin-top:14px!important;padding:18px!important;border-radius:22px!important;background:var(--lg-grad-soft)!important;border:1px solid var(--lg-border)!important;box-shadow:var(--lg-card-shadow)!important}
html body .bouns-input input{height:52px!important;border-radius:15px!important;padding:0 16px!important;background:var(--lg-surface)!important;color:var(--lg-text)!important;border:1px solid var(--lg-border)!important}
html body .bouns-input .btn{height:46px!important;border-radius:999px!important;background:var(--lg-grad)!important;color:#fff!important;font-weight:850!important;box-shadow:0 10px 24px color-mix(in srgb,var(--lg-primary) 25%,transparent)!important}

/* DEPOSIT */
html body .withdraw-main{padding-top:66px!important;background:transparent!important}
html body .withdraw-container{display:grid!important;gap:14px!important}
html body .dep-top,html body .withdraw-box,html body .withdraw-rule{background:var(--lg-surface)!important;border:1px solid var(--lg-border)!important;border-radius:20px!important;box-shadow:var(--lg-card-shadow)!important}
html body .dep-top{padding:16px!important;background:linear-gradient(120deg,color-mix(in srgb,var(--lg-primary) 10%,var(--lg-surface)),var(--lg-surface))!important}
html body .dep-top p,html body .dep-top span{color:var(--lg-text)!important}.dep-top span{color:var(--lg-primary)!important;font-weight:900!important}
html body .withdraw-box{padding:18px!important}
html body .withdraw-item input{height:54px!important;border-radius:15px!important;background:var(--lg-surface-2)!important;color:var(--lg-text)!important;border:1px solid var(--lg-border)!important}
html body .deposit-tab>div,html body .deposit-tab .active{background:linear-gradient(110deg,color-mix(in srgb,var(--lg-primary) 12%,var(--lg-surface)),color-mix(in srgb,var(--lg-secondary) 8%,var(--lg-surface)))!important;color:var(--lg-text)!important;border:1px solid var(--lg-primary)!important;border-radius:14px!important}
html body .deposit-tab .active i{color:var(--lg-primary)!important}
html body .withdraw-btn{height:48px!important;border-radius:999px!important;background:var(--lg-grad)!important;color:#fff!important;font-weight:900!important;box-shadow:0 12px 26px color-mix(in srgb,var(--lg-primary) 26%,transparent)!important}
html body .withdraw-rule{padding:18px!important}html body .rule-title{color:var(--lg-text)!important;font-weight:850!important}html body .rule-text,html body .rule-text p{color:var(--lg-muted)!important;line-height:1.7!important}

/* SUPPORT */
html body .customer{padding:66px 16px 18px!important;background:transparent!important}
html body .service-box{display:grid!important;gap:12px!important;background:transparent!important}
html body .service-box li{min-height:80px!important;margin:0!important;padding:13px 14px!important;display:grid!important;grid-template-columns:48px 1fr auto!important;gap:12px!important;align-items:center!important;background:var(--lg-grad-soft)!important;border:1px solid var(--lg-border)!important;border-radius:18px!important;box-shadow:var(--lg-card-shadow)!important;transition:.22s ease!important}
html body .service-box li:hover{transform:translateY(-2px)!important;box-shadow:var(--lg-card-shadow-hover)!important}
html body .service-box li img{width:48px!important;height:48px!important;object-fit:contain!important;border-radius:14px!important;background:var(--lg-surface)!important;padding:4px!important}
html body .service-box li h3,html body .service-box li h2,html body .service-box li p{color:var(--lg-text)!important;margin:0!important}.service-box li p{color:var(--lg-muted)!important;font-size:11px!important;word-break:break-all!important}
html body .service-box li a{min-width:64px!important;height:34px!important;border-radius:999px!important;background:var(--lg-grad)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:850!important;box-shadow:0 8px 18px color-mix(in srgb,var(--lg-primary) 22%,transparent)!important}

/* BONUS TASK */
html body .task-main{padding:66px 16px 18px!important;background:transparent!important}
html body .task-list{display:grid!important;gap:15px!important}
html body .task-info{margin:0!important;border:1px solid var(--lg-border)!important;border-radius:22px!important;overflow:hidden!important;background:var(--lg-grad-soft)!important;box-shadow:var(--lg-card-shadow)!important;transition:.24s ease!important}
html body .task-info:hover{transform:translateY(-3px)!important;box-shadow:var(--lg-card-shadow-hover)!important}
html body .task-name{background:var(--lg-grad)!important;color:#fff!important;padding:13px 16px!important;font-size:14px!important;font-weight:850!important;text-align:center!important}
html body .task-con{background:transparent!important;padding:15px!important}
html body .task-text ul{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:9px!important}
html body .task-text li{padding:12px 6px!important;border-radius:15px!important;background:var(--lg-surface)!important;border:1px solid var(--lg-border)!important;text-align:center!important}
html body .task-text li span{color:var(--lg-primary)!important;font-size:16px!important;font-weight:900!important}html body .task-text li label{color:var(--lg-muted)!important;font-size:11px!important;margin-top:4px!important}
html body .task-btm{margin-top:12px!important}.task-btm a,html body .task-btm .disabled,html body .task-btm .enabled{height:42px!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;font-weight:850!important;border:1px solid var(--lg-border)!important}
html body .task-btm .enabled{background:var(--lg-grad)!important;color:#fff!important}.task-btm .disabled{background:var(--lg-surface-2)!important;color:var(--lg-muted)!important}

/* popup: compact center, brand button/title pinned at top, OK pinned bottom */
html body .web_notice{height:100%!important;inset:0!important;padding:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(7,11,20,.62)!important;backdrop-filter:blur(10px)!important}
html body .div_notice{position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:min(92vw,720px)!important;height:min(62vh,520px)!important;margin:0!important;padding:68px 22px 68px!important;border-radius:24px!important;overflow-y:auto!important;background:var(--lg-grad-soft)!important;border:1px solid color-mix(in srgb,var(--lg-primary) 28%,var(--lg-border))!important;box-shadow:0 30px 80px rgba(0,0,0,.30)!important}
html body .title_notice{position:absolute!important;top:18px!important;left:50%!important;transform:translateX(-50%)!important;width:calc(100% - 44px)!important;margin:0!important;padding:12px 16px!important;border-radius:14px!important;background:var(--lg-grad)!important;color:#fff!important;font-size:19px!important;font-weight:900!important;box-shadow:0 10px 26px color-mix(in srgb,var(--lg-primary) 24%,transparent)!important}
html body .content_notice{margin:0!important;padding:8px 2px 0!important;font-size:14px!important;line-height:1.55!important;color:var(--lg-text)!important}.content_notice p{margin:0 0 10px!important;color:var(--lg-text)!important}.content_notice br{display:none!important}
html body .colse_btn{position:absolute!important;left:50%!important;bottom:16px!important;transform:translateX(-50%)!important;width:min(78%,520px)!important;height:44px!important;line-height:44px!important;margin:0!important;border-radius:999px!important;background:var(--lg-grad)!important;color:#fff!important;font-weight:900!important;box-shadow:0 10px 26px color-mix(in srgb,var(--lg-primary) 28%,transparent)!important}

/* top bars/text theme */
html body .top,html body .top[style]{background:var(--lg-grad)!important;color:#fff!important;box-shadow:0 10px 30px color-mix(in srgb,var(--lg-primary) 20%,transparent)!important}
html body .topTit{color:#fff!important;font-weight:850!important;letter-spacing:.15px!important}.topLeft i{color:#fff!important}

/* support bubbles refinement */
html body .lg-support-dock{right:max(12px,calc((100vw - min(806px,100vw))/2 + 12px))!important;bottom:calc(var(--lg-footer-h) + 12px)!important}.lg-support-bubble{width:40px!important;height:40px!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important}.lg-support-bubble:hover{transform:translateY(-3px) scale(1.06)!important}

@keyframes lgCardIn{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}
html body .home-pro-list>ul>li,html body .task-info,html body .service-box li,html body .team-totalNum,html body .team-code,html body .teamLvs,html body .teamList,html body .withdraw-box,html body .withdraw-rule,html body .bonus-bg{animation:lgCardIn .45s ease both}

@media(max-width:430px){
 :root{--lg-footer-h:66px}
 html body .lg-bottom-nav,html body .foot.lg-bottom-nav{border-radius:16px 16px 0 0!important;padding:5px 6px max(5px,env(safe-area-inset-bottom))!important}
 html body .lg-bottom-nav li a{height:52px!important;min-width:52px!important;padding:4px!important}.lg-bottom-nav li img{width:23px!important;height:23px!important}.lg-bottom-nav li p{font-size:10px!important}
 html body .home-pro-list-top{grid-template-columns:104px 1fr!important;gap:12px!important}
 html body .home-pro-list-top>img{width:104px!important;height:104px!important;min-width:104px!important;max-width:104px!important;border-radius:16px!important}
 html body .home-pro-list-ul p{grid-template-columns:minmax(74px,1fr) auto!important;font-size:12px!important;gap:8px!important}
 html body .home-pro-list-btm{align-items:flex-end!important}.home-pro-list-btm>p{max-width:60%!important}
 html body .buybtn,html body input.buybtn,html body button.buybtn{min-width:96px!important;height:38px!important;padding:0 16px!important}
 html body .service-box li{grid-template-columns:42px 1fr auto!important;padding:11px!important;gap:9px!important}.service-box li img{width:42px!important;height:42px!important}
 html body .task-text ul{gap:6px!important}.task-text li{padding:10px 3px!important}.task-text li span{font-size:14px!important}
 html body .div_notice{width:94vw!important;height:min(60vh,470px)!important;padding:64px 16px 64px!important}.title_notice{top:14px!important;width:calc(100% - 32px)!important;font-size:17px!important}.colse_btn{bottom:12px!important;width:82%!important;height:42px!important;line-height:42px!important}
}


/* ============================================================
   LG Investment v6 ULTRA UI REFINEMENT — 20260906
   Profile / Payment / Popups / History / Footer / Support dock
   ============================================================ */
:root{
 --lg-app-w:806px;
 --lg-radius-xl:24px;
 --lg-radius-lg:18px;
 --lg-fast:.22s cubic-bezier(.2,.8,.2,1);
}

/* app canvas + page text follows selected 50-theme palette */
html body{color:var(--lg-text)!important;background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--lg-primary) 10%,transparent),transparent 36%),var(--lg-bg)!important}
html body p,html body li,html body td,html body th,html body label,html body span{transition:color var(--lg-fast),background-color var(--lg-fast),border-color var(--lg-fast)}
html body .home-main,html body .my-main,html body .history-main,html body .withdraw-main,html body .team-main,html body .bonus-main,html body .task-main,html body .customer,html body .myorder,html body .home-pro{width:min(var(--lg-app-w),100%)!important;margin-left:auto!important;margin-right:auto!important}

/* footer: balanced inset so first/last buttons never stick to edges */
html body .lg-bottom-nav,html body .foot.lg-bottom-nav{
 width:min(var(--lg-app-w),calc(100% - 16px))!important;
 left:50%!important;right:auto!important;transform:translateX(-50%)!important;
 padding:7px 18px max(7px,env(safe-area-inset-bottom))!important;
 background:color-mix(in srgb,var(--lg-surface) 90%,transparent)!important;
 border:1px solid color-mix(in srgb,var(--lg-primary) 15%,var(--lg-border))!important;border-bottom:0!important;
 border-radius:20px 20px 0 0!important;
}
html body .lg-bottom-nav ul{column-gap:8px!important}
html body .lg-bottom-nav li a{width:100%!important;max-width:112px!important;min-width:0!important;margin:auto!important}
html body .lg-bottom-nav li:hover a{background:color-mix(in srgb,var(--lg-primary) 7%,transparent)!important;transform:translateY(-2px)!important}

/* PROFILE — all blocks use theme, no old black/orange hardcoding */
html body .my-main{padding-left:16px!important;padding-right:16px!important;background:transparent!important}
html body .my-income-tab,html body .my-income-info,html body .home-balance,html body .home-balance[style],html body .my-top-nav,html body .my-list-nav,html body .my-container{
 background:var(--lg-grad-soft)!important;color:var(--lg-text)!important;border:1px solid var(--lg-border)!important;border-radius:20px!important;box-shadow:var(--lg-card-shadow)!important;
}
html body .my-income-tab{margin-top:14px!important;padding:10px!important}
html body .my-income-info{background:transparent!important;border:0!important;box-shadow:none!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;padding:2px!important}
html body .my-income-info>div{background:color-mix(in srgb,var(--lg-surface) 88%,transparent)!important;border:1px solid color-mix(in srgb,var(--lg-primary) 14%,var(--lg-border))!important;border-radius:14px!important;padding:12px 8px!important;text-align:center!important}
html body .my-income-info p,html body .home-balance dt{color:var(--lg-muted)!important;font-weight:700!important}
html body .my-income-info h3,html body .my-income-info h3 span,html body .home-balance dd,html body .home-balance dd span{color:var(--lg-primary)!important;font-weight:900!important}
html body .home-balance{height:auto!important;min-height:92px!important;padding:14px!important;margin-top:14px!important}
html body .home-balance-top{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
html body .home-balance-top dl{margin:0!important;padding:10px!important;border-radius:14px!important;background:color-mix(in srgb,var(--lg-primary) 8%,var(--lg-surface))!important;border:1px solid var(--lg-border)!important;text-align:center!important}
html body .my-top-nav{padding:10px!important;gap:10px!important;margin-top:14px!important}
html body .my-top-nav a{background:color-mix(in srgb,var(--lg-surface) 94%,var(--lg-primary))!important;color:var(--lg-text)!important;border:1px solid var(--lg-border)!important;border-radius:16px!important;transition:var(--lg-fast)!important}
html body .my-top-nav a:hover{transform:translateY(-2px)!important;border-color:var(--lg-primary)!important;box-shadow:0 12px 24px color-mix(in srgb,var(--lg-primary) 14%,transparent)!important}
html body .my-top-nav span{color:var(--lg-text)!important;font-weight:750!important}
html body .my-container{padding:0!important;margin-top:14px!important;overflow:hidden!important}
html body .my-list-nav{box-shadow:none!important;border:0!important;border-radius:20px!important;overflow:hidden!important}
html body .my-list-nav li,html body .my-list-nav li a{background:transparent!important;color:var(--lg-text)!important;border-color:var(--lg-border)!important}
html body .my-list-nav li a{min-height:48px!important;padding:10px 12px!important;display:grid!important;grid-template-columns:28px 1fr 22px!important;align-items:center!important;gap:9px!important;transition:var(--lg-fast)!important}
html body .my-list-nav li a:hover{background:color-mix(in srgb,var(--lg-primary) 7%,var(--lg-surface))!important;padding-left:15px!important}
html body .my-list-nav li p{color:var(--lg-text)!important;margin:0!important;font-weight:650!important}
html body .my-list-nav li i{color:var(--lg-primary)!important;font-size:17px!important}
html body .my-logout,html body .signOut,html body a[href*="logout"]{color:var(--lg-primary)!important;border-color:var(--lg-border)!important;background:var(--lg-surface)!important;border-radius:14px!important}

/* PRODUCT cards: one consistent value color, larger uncropped image */
html body .home-pro-list-top{grid-template-columns:140px minmax(0,1fr)!important;gap:18px!important}
html body .home-pro-list-top>img{width:140px!important;height:140px!important;min-width:140px!important;max-width:140px!important;object-fit:contain!important;object-position:center!important;background:var(--lg-surface)!important;padding:0!important}
html body .home-pro-list-ul p span,html body .home-pro-list-btm>p span,html body .home-pro-list-ul p b,html body .home-pro-list-btm b{color:var(--lg-primary)!important}
html body .home-pro-list-ul .text--success,html body .home-pro-list-ul .text--danger{color:var(--lg-primary)!important}

/* HISTORY / deposit / withdraw: compact premium records, unique active tab */
html body .history-main{width:min(var(--lg-app-w),100%)!important;padding:76px 16px calc(var(--lg-footer-h) + 28px)!important;background:transparent!important;border-radius:0!important}
html body .record-tab,html body .record-tab[style]{height:58px!important;padding:5px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important;background:color-mix(in srgb,var(--lg-primary) 9%,var(--lg-surface))!important;border:1px solid var(--lg-border)!important;border-radius:18px!important;box-shadow:var(--lg-card-shadow)!important}
html body .record-tab a{height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--lg-muted)!important;background:transparent!important;border:1px solid transparent!important;border-radius:14px!important;font-weight:800!important;transition:var(--lg-fast)!important}
html body .record-tab a:hover{color:var(--lg-primary)!important;background:color-mix(in srgb,var(--lg-primary) 7%,transparent)!important}
html body .record-tab a.active{background:var(--lg-grad)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 9px 22px color-mix(in srgb,var(--lg-primary) 24%,transparent)!important;transform:translateY(-1px)!important}
html body .history-main .custom--card{margin-top:14px!important;background:var(--lg-surface)!important;border:1px solid var(--lg-border)!important;border-radius:20px!important;overflow:hidden!important;box-shadow:var(--lg-card-shadow)!important}
html body .history-main table{margin:0!important;background:var(--lg-surface)!important;color:var(--lg-text)!important;border-collapse:separate!important;border-spacing:0!important}
html body .history-main .table thead th,html body .history-main .table thead th[style],html body .history-main thead th{background:color-mix(in srgb,var(--lg-primary) 9%,var(--lg-surface))!important;color:var(--lg-text)!important;border:0!important;border-bottom:1px solid var(--lg-border)!important;font-weight:850!important;padding:13px 12px!important}
html body .history-main tbody,html body .history-main tbody[style],html body .history-main tbody tr,html body .history-main tbody td{background:var(--lg-surface)!important;color:var(--lg-text)!important;border-color:var(--lg-border)!important}
html body .history-main tbody td{padding:12px!important;font-size:12px!important}
html body .history-main tbody tr:hover td{background:color-mix(in srgb,var(--lg-primary) 5%,var(--lg-surface))!important}
html body .history-main .text--success,html body .history-main .text--danger{color:var(--lg-primary)!important;font-weight:850!important}

/* PAYMENT: same 806px app width, not full browser canvas */
html body.lg-upi-pay{font-size:16px!important;overflow-x:hidden!important;padding-bottom:calc(var(--lg-footer-h) + 18px)!important;background:var(--lg-bg)!important}
html body.lg-upi-pay .main{width:min(var(--lg-app-w),calc(100% - 24px))!important;max-width:var(--lg-app-w)!important;margin:12px auto 0!important;padding:14px!important;background:transparent!important;color:var(--lg-text)!important}
html body.lg-upi-pay .pay_header{width:100%!important;min-height:62px!important;height:auto!important;padding:12px 18px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;background:var(--lg-grad)!important;color:#fff!important;border-radius:20px!important;font-size:22px!important;font-weight:900!important;box-shadow:var(--lg-card-shadow)!important}
html body.lg-upi-pay .money_content{padding:14px 2px!important;height:auto!important}.lg-upi-pay .money{color:var(--lg-text)!important;font-size:15px!important}.lg-upi-pay #money{color:var(--lg-primary)!important;font-size:30px!important;font-weight:900!important}
html body.lg-upi-pay .qr_content,html body.lg-upi-pay .bottom{height:auto!important;background:var(--lg-surface)!important;border:1px solid var(--lg-border)!important;border-radius:20px!important;box-shadow:var(--lg-card-shadow)!important;padding:16px!important;margin:12px 0!important;color:var(--lg-text)!important;overflow:hidden!important}
html body.lg-upi-pay .bottom{margin:0!important;box-shadow:none!important;border:0!important;padding:0!important}
html body.lg-upi-pay .option{color:var(--lg-primary)!important;font-size:15px!important;font-weight:900!important;margin:0 0 8px!important}
html body.lg-upi-pay .top,html body.lg-upi-pay .top1{height:auto!important;min-height:0!important;background:color-mix(in srgb,var(--lg-primary) 8%,var(--lg-surface))!important;color:var(--lg-text)!important;border-radius:10px!important;padding:8px 10px!important;font-size:12px!important;line-height:1.5!important;margin:7px 0!important;box-shadow:none!important}
html body.lg-upi-pay .upi_content{height:auto!important;min-height:54px!important;background:var(--lg-surface-2)!important;border:1px solid var(--lg-border)!important;border-radius:14px!important;padding:8px 12px!important;display:flex!important;align-items:center!important;gap:10px!important;color:var(--lg-text)!important}
html body.lg-upi-pay .upi_content input{min-height:44px!important;background:transparent!important;color:var(--lg-text)!important;border:0!important;outline:0!important;font-size:14px!important}
html body.lg-upi-pay .copy,html body.lg-upi-pay .foot button{background:var(--lg-grad)!important;color:#fff!important;border:0!important;border-radius:999px!important;font-weight:850!important;box-shadow:0 10px 24px color-mix(in srgb,var(--lg-primary) 25%,transparent)!important}
html body.lg-upi-pay .copy{height:36px!important;min-width:76px!important}
html body.lg-upi-pay .foot button{position:static!important;width:100%!important;height:48px!important;font-size:15px!important;line-height:48px!important;margin:12px auto 0!important}
html body.lg-upi-pay .foot{position:static!important;width:100%!important;height:auto!important;background:transparent!important;padding:0!important}
html body.lg-upi-pay .qr_content center img{width:190px!important;height:190px!important;object-fit:contain!important;padding:8px!important;background:#fff!important;border-radius:18px!important;border:1px solid var(--lg-border)!important}

/* POPUPS: single edge-clean card; no internal scrollbar; title top, OK bottom */
html body .web_notice{
 position:fixed!important;inset:auto!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
 width:min(760px,calc(100vw - 26px))!important;height:auto!important;max-height:none!important;
 padding:14px!important;display:grid!important;grid-template-rows:auto auto auto auto!important;gap:10px!important;align-items:stretch!important;justify-content:stretch!important;
 background:var(--lg-surface)!important;border:1px solid color-mix(in srgb,var(--lg-primary) 28%,var(--lg-border))!important;border-radius:24px!important;
 box-shadow:0 0 0 100vmax rgba(7,11,20,.58),0 30px 90px rgba(0,0,0,.34)!important;backdrop-filter:none!important;overflow:visible!important;z-index:999999!important;
}
html body .title_notice{position:static!important;inset:auto!important;transform:none!important;width:100%!important;margin:0!important;padding:12px 16px!important;min-height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--lg-grad)!important;color:#fff!important;border-radius:15px!important;font-size:19px!important;font-weight:900!important;box-shadow:0 10px 24px color-mix(in srgb,var(--lg-primary) 22%,transparent)!important}
html body .div_notice{position:static!important;inset:auto!important;transform:none!important;width:100%!important;height:auto!important;max-height:none!important;margin:0!important;padding:9px 12px!important;background:var(--lg-grad-soft)!important;border:1px solid var(--lg-border)!important;border-radius:16px!important;box-shadow:none!important;overflow:visible!important;overflow-y:visible!important}
html body .content_notice{height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;color:var(--lg-text)!important;font-size:13px!important;line-height:1.36!important}
html body .content_notice p{margin:0 0 6px!important;padding:0!important;color:var(--lg-text)!important;line-height:1.36!important}.content_notice br{display:none!important}
html body .content_notice a{color:var(--lg-primary)!important;font-weight:850!important}.content_notice b,.content_notice strong{color:var(--lg-text)!important}
html body .colse_btn{position:static!important;inset:auto!important;transform:none!important;width:min(76%,520px)!important;height:44px!important;line-height:44px!important;margin:0 auto!important;display:block!important;border-radius:999px!important;background:var(--lg-grad)!important;color:#fff!important;text-align:center!important;font-weight:900!important;box-shadow:0 10px 24px color-mix(in srgb,var(--lg-primary) 28%,transparent)!important;text-decoration:none!important}

/* support dock: 24/7 above WhatsApp above Telegram, balloon-like staggered motion */
html body .lg-support-dock{display:flex!important;flex-direction:column!important;align-items:center!important;gap:9px!important;right:max(12px,calc((100vw - min(var(--lg-app-w),100vw))/2 + 12px))!important;bottom:calc(var(--lg-footer-h) + 16px)!important}
html body .lg-support-bubble{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:50%!important;will-change:transform!important}
html body .lg-call24{order:1!important;background:var(--lg-grad)!important;animation:lgBubbleFloat 2.35s ease-in-out infinite!important}
html body .lg-wa{order:2!important;animation:lgBubbleFloat 2.35s .32s ease-in-out infinite!important}
html body .lg-tg{order:3!important;animation:lgBubbleFloat 2.35s .64s ease-in-out infinite!important}
html body .lg-24-icon{font-size:12px!important;letter-spacing:-.4px!important}
@keyframes lgBubbleFloat{0%,100%{transform:translate3d(0,0,0) rotate(0)}28%{transform:translate3d(-3px,-7px,0) rotate(-5deg)}58%{transform:translate3d(3px,-3px,0) rotate(4deg)}78%{transform:translate3d(-1px,-6px,0) rotate(-2deg)}}

/* theme transitions and richer entrance */
@keyframes lgRiseSoft{from{opacity:0;transform:translateY(10px) scale(.992)}to{opacity:1;transform:none}}
html body .my-income-tab,html body .home-balance,html body .my-top-nav,html body .my-container,html body .history-main .custom--card,html body.lg-upi-pay .qr_content{animation:lgRiseSoft .38s ease both}

@media(max-width:430px){
 :root{--lg-footer-h:66px}
 html body .lg-bottom-nav,html body .foot.lg-bottom-nav{width:calc(100% - 10px)!important;padding:5px 12px max(5px,env(safe-area-inset-bottom))!important;border-radius:17px 17px 0 0!important}
 html body .lg-bottom-nav ul{column-gap:3px!important}.lg-bottom-nav li a{max-width:68px!important;padding:4px 2px!important}
 html body .my-main{padding-left:10px!important;padding-right:10px!important}.my-income-info{gap:5px!important}.my-income-info>div{padding:10px 3px!important}.my-income-info p{font-size:10px!important}.my-income-info h3{font-size:14px!important}
 html body .home-pro-list-top{grid-template-columns:112px minmax(0,1fr)!important;gap:11px!important}.home-pro-list-top>img{width:112px!important;height:112px!important;min-width:112px!important;max-width:112px!important}
 html body .history-main{padding:72px 10px calc(var(--lg-footer-h) + 22px)!important}.record-tab{height:54px!important;padding:4px!important}.record-tab a{height:44px!important;font-size:12px!important}
 html body.lg-upi-pay .main{width:100%!important;margin:0 auto!important;padding:10px!important}.lg-upi-pay .pay_header{border-radius:0 0 18px 18px!important;font-size:18px!important}.lg-upi-pay #money{font-size:25px!important}.lg-upi-pay .qr_content{padding:12px!important;border-radius:17px!important}.lg-upi-pay .qr_content center img{width:174px!important;height:174px!important}
 html body .web_notice{width:calc(100vw - 14px)!important;padding:9px!important;gap:7px!important;border-radius:18px!important}.title_notice{min-height:44px!important;padding:9px 12px!important;font-size:16px!important;border-radius:12px!important}.div_notice{padding:7px 9px!important;border-radius:13px!important}.content_notice{font-size:10.8px!important;line-height:1.24!important}.content_notice p{margin-bottom:4px!important;line-height:1.24!important}.colse_btn{height:40px!important;line-height:40px!important;width:84%!important;font-size:13px!important}
 html body .lg-support-dock{right:8px!important;bottom:calc(var(--lg-footer-h) + 12px)!important;gap:7px!important}.lg-support-bubble{width:38px!important;height:38px!important;flex-basis:38px!important}
}

/* LG Investment v6 - 440px locked responsive system + admin popup/slider */
:root{--lg-app-w:806px;--lg-page-pad:16px}
html,body{overflow-x:hidden!important}
body *{box-sizing:border-box}
body .home-main,body .my-main,body .history-main,body .withdraw-main,body .team-main,body .bonus-main,body .task-main,body .customer,body .myorder{width:min(var(--lg-app-w),100%)!important;max-width:var(--lg-app-w)!important;margin-left:auto!important;margin-right:auto!important;overflow:visible!important}
/* Dashboard slider */
body .banner.lg-admin-slider{width:100%!important;height:auto!important;aspect-ratio:806/210!important;background:var(--lg-surface-2)!important;overflow:hidden!important}
body .banner.lg-admin-slider .swiper-wrapper,body .banner.lg-admin-slider .swiper-slide{height:100%!important}
body .banner.lg-admin-slider .swiper-slide{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--lg-surface-2)!important}
body .banner.lg-admin-slider .swiper-slide a{display:flex!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important}
body .banner.lg-admin-slider img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:var(--lg-surface-2)!important}
body .lg-slide-copy{position:absolute!important;left:16px!important;bottom:14px!important;max-width:70%!important;padding:8px 12px!important;border-radius:12px!important;background:color-mix(in srgb,var(--lg-surface) 88%,transparent)!important;backdrop-filter:blur(10px)!important;color:var(--lg-text)!important;box-shadow:0 8px 22px rgba(0,0,0,.12)!important}
body .lg-slide-copy strong,body .lg-slide-copy span{display:block!important;color:var(--lg-text)!important}.lg-slide-copy span{font-size:12px!important;color:var(--lg-muted)!important}
/* Top quick menu and ticker never break */
body .home-nav{padding:12px var(--lg-page-pad)!important;background:var(--lg-surface)!important}
body .home-nav ul{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
body .home-nav li{min-width:0!important;width:auto!important;margin:0!important;text-align:center!important}
body .home-nav a{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:8px 2px!important;color:var(--lg-text)!important}
body .home-nav img{width:38px!important;height:38px!important;object-fit:contain!important}body .home-nav span{font-size:12px!important;font-weight:750!important;color:var(--lg-text)!important;white-space:nowrap!important}
body .notice{margin:0 var(--lg-page-pad) 12px!important;width:auto!important;min-height:48px!important;display:flex!important;align-items:center!important;border:1px solid var(--lg-border)!important;border-radius:16px!important;background:var(--lg-surface)!important;overflow:hidden!important;box-shadow:0 7px 18px color-mix(in srgb,var(--lg-primary) 8%,transparent)!important}
body .noticeImg{flex:0 0 46px!important;display:flex!important;align-items:center!important;justify-content:center!important}.notice .swiper{min-width:0!important;flex:1!important}.notice .swiper-slide{color:var(--lg-muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;padding-right:10px!important}
/* footer stable grid, no edge collision, active state stays inside cell */
body .lg-bottom-nav,body .foot.lg-bottom-nav{left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(var(--lg-app-w),calc(100% - 16px))!important;max-width:var(--lg-app-w)!important;padding:6px 10px max(7px,env(safe-area-inset-bottom))!important;border-radius:20px 20px 0 0!important;overflow:visible!important}
body .lg-bottom-nav ul{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;width:100%!important;margin:0!important;padding:0!important}
body .lg-bottom-nav li{min-width:0!important;width:auto!important;margin:0!important;padding:0!important;list-style:none!important}
body .lg-bottom-nav li a{position:relative!important;width:100%!important;max-width:none!important;min-width:0!important;height:54px!important;padding:5px 2px!important;border-radius:14px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;overflow:hidden!important;color:var(--lg-muted)!important}
body .lg-bottom-nav li img{width:24px!important;height:24px!important;object-fit:contain!important;flex:0 0 24px!important}body .lg-bottom-nav li p{margin:0!important;font-size:10px!important;line-height:1.05!important;white-space:nowrap!important;color:var(--lg-muted)!important;font-weight:750!important}
body .lg-bottom-nav li.active a,body .lg-bottom-nav li.cur a{background:color-mix(in srgb,var(--lg-primary) 10%,var(--lg-surface))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lg-primary) 28%,var(--lg-border))!important}
body .lg-bottom-nav li.active a:before,body .lg-bottom-nav li.cur a:before{content:""!important;position:absolute!important;top:0!important;left:20%!important;right:20%!important;height:3px!important;border-radius:0 0 5px 5px!important;background:var(--lg-grad)!important}
body .lg-bottom-nav li.active p,body .lg-bottom-nav li.cur p{color:var(--lg-primary)!important}
/* popup: title top, text center, button bottom; no internal scroller */
body .web_notice.lg-managed-popup{position:fixed!important;inset:0!important;transform:none!important;width:100%!important;height:100dvh!important;max-height:none!important;border:0!important;border-radius:0!important;padding:18px!important;background:rgba(7,11,20,.64)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;box-shadow:none!important;z-index:999999!important}
body .web_notice.lg-managed-popup>.title_notice{position:relative!important;z-index:3!important;width:min(760px,calc(100vw - 36px))!important;flex:0 0 auto!important;border-radius:18px 18px 0 0!important;margin:0!important;min-height:58px!important}
body .web_notice.lg-managed-popup>.div_notice{width:min(760px,calc(100vw - 36px))!important;flex:0 0 auto!important;max-height:none!important;overflow:visible!important;border-radius:0!important;border-top:0!important;border-bottom:0!important;padding:18px 20px!important;background:var(--lg-surface)!important}
body .web_notice.lg-managed-popup .content_notice{font-size:14px!important;line-height:1.58!important;max-height:none!important;overflow:visible!important;color:var(--lg-text)!important}.lg-popup-kicker{padding:8px 10px!important;border-radius:12px!important;background:color-mix(in srgb,var(--lg-primary) 8%,var(--lg-surface-2))!important;margin-bottom:12px!important}.lg-popup-body{white-space:normal!important;color:var(--lg-text)!important}
body .web_notice.lg-managed-popup>.colse_btn{position:relative!important;z-index:3!important;width:min(760px,calc(100vw - 36px))!important;max-width:none!important;flex:0 0 52px!important;height:52px!important;line-height:52px!important;border:0!important;border-radius:0 0 18px 18px!important;margin:0!important;cursor:pointer!important}
/* support stack clears footer */
body .lg-support-dock{right:max(10px,calc((100vw - min(var(--lg-app-w),100vw))/2 + 10px))!important;bottom:calc(var(--lg-footer-h) + 18px)!important}
/* every legacy page card should stay inside app canvas */
body .home-container,body .my-container,body .history-main .container,body .withdraw-container,body .team-container,body .bonus-container,body .task-container{width:100%!important;max-width:100%!important;padding-left:var(--lg-page-pad)!important;padding-right:var(--lg-page-pad)!important;margin-left:auto!important;margin-right:auto!important}
body img{max-width:100%}
@media(max-width:440px){
 :root{--lg-page-pad:10px;--lg-footer-h:66px}
 body .banner.lg-admin-slider{aspect-ratio:440/138!important}
 body .lg-slide-copy{left:8px!important;bottom:7px!important;padding:5px 8px!important;max-width:78%!important}.lg-slide-copy strong{font-size:11px!important}.lg-slide-copy span{font-size:9px!important}
 body .home-nav{padding:8px 7px!important}.home-nav ul{gap:2px!important}.home-nav a{padding:6px 0!important}.home-nav img{width:31px!important;height:31px!important}.home-nav span{font-size:10px!important}
 body .notice{margin:0 8px 9px!important;min-height:42px!important;border-radius:13px!important}.noticeImg{flex-basis:38px!important}.notice .swiper-slide{height:40px!important;line-height:40px!important;font-size:10.5px!important}
 body .lg-bottom-nav,body .foot.lg-bottom-nav{width:calc(100% - 8px)!important;padding:5px 6px max(5px,env(safe-area-inset-bottom))!important;border-radius:16px 16px 0 0!important}.lg-bottom-nav ul{gap:1px!important}.lg-bottom-nav li a{height:52px!important;padding:4px 1px!important;border-radius:12px!important}.lg-bottom-nav li img{width:22px!important;height:22px!important;flex-basis:22px!important}.lg-bottom-nav li p{font-size:9px!important}
 body .web_notice.lg-managed-popup{padding:8px!important}.web_notice.lg-managed-popup>.title_notice,.web_notice.lg-managed-popup>.div_notice,.web_notice.lg-managed-popup>.colse_btn{width:calc(100vw - 16px)!important}.web_notice.lg-managed-popup>.title_notice{min-height:48px!important;font-size:16px!important;border-radius:15px 15px 0 0!important}.web_notice.lg-managed-popup>.div_notice{padding:12px!important}.web_notice.lg-managed-popup .content_notice{font-size:11.2px!important;line-height:1.42!important}.web_notice.lg-managed-popup>.colse_btn{height:46px!important;line-height:46px!important;flex-basis:46px!important;border-radius:0 0 15px 15px!important}
 body .home-container,body .my-container,body .withdraw-container,body .team-container,body .bonus-container,body .task-container{padding-left:8px!important;padding-right:8px!important}
 body .home-pro-list>ul>li{margin-left:0!important;margin-right:0!important;width:100%!important}.home-pro-list-all{padding:10px!important}.home-pro-list-top{grid-template-columns:100px minmax(0,1fr)!important;gap:10px!important}.home-pro-list-top>img{width:100px!important;height:100px!important;min-width:100px!important;max-width:100px!important}.home-pro-list-ul p{font-size:11px!important;line-height:18px!important}.home-pro-list-btm{display:grid!important;grid-template-columns:minmax(0,1fr) 92px!important;align-items:center!important}.buybtn,input.buybtn{width:92px!important;min-width:92px!important}
}

/* LG Investment v7 - precise admin cards + mobile stabilization */
/* Admin dashboard: keep legacy widgets readable under global theme skin */
html body.lg-admin-ui .card.bg--primary,
html body.lg-admin-ui .card.bg--success,
html body.lg-admin-ui .card.bg--danger,
html body.lg-admin-ui .card.bg--red,
html body.lg-admin-ui .widget-two.bg--primary,
html body.lg-admin-ui .widget-two.bg--success,
html body.lg-admin-ui .widget-two.bg--danger,
html body.lg-admin-ui .widget-two.bg--red,
html body.lg-admin-ui .widget-two.style--two[class*="bg--"]{
  background:linear-gradient(135deg,var(--lg-primary),var(--lg-secondary))!important;
  border-color:transparent!important;color:#fff!important;box-shadow:0 12px 28px color-mix(in srgb,var(--lg-primary) 18%,transparent)!important;
}
html body.lg-admin-ui .card.bg--primary *,html body.lg-admin-ui .card.bg--success *,html body.lg-admin-ui .card.bg--danger *,html body.lg-admin-ui .card.bg--red *,
html body.lg-admin-ui .widget-two.bg--primary *,html body.lg-admin-ui .widget-two.bg--success *,html body.lg-admin-ui .widget-two.bg--danger *,html body.lg-admin-ui .widget-two.bg--red *{color:#fff!important}
html body.lg-admin-ui .widget-two__btn{color:#fff!important;opacity:.95!important}
html body.lg-admin-ui .widget-two__icon{background:rgba(255,255,255,.15)!important;border-color:rgba(255,255,255,.38)!important;color:#fff!important}
html body.lg-admin-ui .widget-two__icon i{color:#fff!important}

/* Slider must occupy its full card without any clipping/crop. Fill preserves every edge. */
html body .banner.lg-admin-slider{background:transparent!important;border-radius:0!important;box-shadow:none!important}
html body .banner.lg-admin-slider .swiper-slide,html body .banner.lg-admin-slider .swiper-slide a{padding:0!important;margin:0!important;background:transparent!important}
html body .banner.lg-admin-slider img{width:100%!important;height:100%!important;object-fit:fill!important;object-position:center!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important}

/* Product card collision guards */
html body .home-pro-list-top{min-width:0!important}
html body .home-pro-list-ul{min-width:0!important;overflow:hidden!important}
html body .home-pro-list-ul p{min-width:0!important}
html body .home-pro-list-ul p span{min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body .home-pro-list-btm{min-width:0!important}
html body .home-pro-list-btm>p{min-width:0!important;white-space:normal!important}
html body .home-pro-list-btm>p span{white-space:nowrap!important}
html body .home-pro-list-btm form,html body .home-pro-list-btm .buybtn{flex:0 0 auto!important}
html body .home-pro-list-btm{padding-top:9px!important;margin-top:9px!important}
html body .home-pro-list-btm>p{font-size:12px!important}
html body .home-pro-list-btm>p span{font-size:14px!important}

/* Footer always centered and fully contained in app canvas */
html body .lg-bottom-nav,html body .foot.lg-bottom-nav{
 left:50%!important;right:auto!important;transform:translateX(-50%)!important;
 width:min(var(--lg-app-w),calc(100vw - 12px))!important;max-width:var(--lg-app-w)!important;
 box-sizing:border-box!important;margin:0!important;
}
html body .lg-bottom-nav ul{width:100%!important;box-sizing:border-box!important}
html body .lg-bottom-nav li,html body .lg-bottom-nav li a{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}

/* Managed popup: brand first, one numbered paragraph per row, larger body, no scroller */
html body .web_notice.lg-managed-popup{padding:14px!important;overflow:hidden!important}
html body .web_notice.lg-managed-popup>.title_notice{order:1!important;width:min(780px,calc(100vw - 28px))!important;min-height:60px!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:12px 18px!important}
html body .web_notice.lg-managed-popup>.div_notice{order:2!important;width:min(780px,calc(100vw - 28px))!important;min-height:390px!important;max-height:calc(100dvh - 150px)!important;overflow:hidden!important;padding:18px 22px!important;display:flex!important;align-items:stretch!important}
html body .web_notice.lg-managed-popup .content_notice{width:100%!important;height:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
html body .web_notice.lg-managed-popup .lg-popup-kicker{flex:0 0 auto!important;margin:0 0 12px!important}
html body .web_notice.lg-managed-popup .lg-popup-body{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;align-content:start!important;overflow:hidden!important;flex:1 1 auto!important}
html body .web_notice.lg-managed-popup .lg-popup-line{display:block!important;margin:0!important;padding:7px 10px!important;border-radius:10px!important;background:color-mix(in srgb,var(--lg-primary) 5%,var(--lg-surface-2))!important;border:1px solid color-mix(in srgb,var(--lg-primary) 10%,var(--lg-border))!important;color:var(--lg-text)!important;font-size:13px!important;line-height:1.38!important}
html body .web_notice.lg-managed-popup>.colse_btn{order:3!important;width:min(780px,calc(100vw - 28px))!important;height:54px!important;flex:0 0 54px!important;line-height:54px!important}

/* Generic app page containment: service/online/profile/deposit/withdraw/team/task/etc never run right */
html body .home-main,html body .my-main,html body .history-main,html body .withdraw-main,html body .team-main,html body .bonus-main,html body .task-main,html body .customer,html body .myorder,html body .home-pro,
html body .home-container,html body .my-container,html body .withdraw-container,html body .team-container,html body .bonus-container,html body .task-container,
html body .customer>*,html body .service-box,html body .service-box ul,html body .service-box li{
 box-sizing:border-box!important;max-width:100%!important;min-width:0!important;
}
html body .service-box li,html body .customer li{overflow:hidden!important}
html body .service-box li a,html body .customer li a{min-width:0!important;max-width:100%!important}
html body .service-box li span,html body .customer li span{overflow-wrap:anywhere!important;word-break:break-word!important}

/* Only WhatsApp + Telegram float now */
html body .lg-call24{display:none!important}

@media(max-width:440px){
 html body{overflow-x:hidden!important}
 html body .home-main,html body .my-main,html body .history-main,html body .withdraw-main,html body .team-main,html body .bonus-main,html body .task-main,html body .customer,html body .myorder,html body .home-pro{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
 html body .banner.lg-admin-slider{width:100%!important;aspect-ratio:440/150!important;margin:0!important}
 html body .home-nav{margin:0!important;width:100%!important;box-sizing:border-box!important}
 html body .home-nav ul{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important}
 html body .home-nav a{padding:6px 0!important;overflow:hidden!important}.home-nav span{font-size:9.5px!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important}
 html body .notice{width:calc(100% - 16px)!important;margin:0 8px 9px!important}
 html body .home-pro-list{padding:0 8px!important}
 html body .home-pro-list>ul{gap:11px!important}
 html body .home-pro-list>ul>li{border-radius:15px!important}
 html body .home-pro-list>ul>li>h3{min-height:42px!important;padding:10px 12px!important;font-size:13px!important}
 html body .home-pro-list-all{padding:9px 10px 10px!important}
 html body .home-pro-list-top{grid-template-columns:94px minmax(0,1fr)!important;gap:9px!important;align-items:center!important}
 html body .home-pro-list-top>img{width:94px!important;height:94px!important;min-width:94px!important;max-width:94px!important;border-radius:13px!important}
 html body .home-pro-list-ul{gap:2px!important}
 html body .home-pro-list-ul p{grid-template-columns:minmax(58px,.9fr) minmax(0,1.1fr)!important;gap:5px!important;font-size:10.5px!important;line-height:16px!important;padding:1px 0!important}
 html body .home-pro-list-ul p span{text-align:right!important;font-size:10.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 html body .home-pro-list-btm{display:grid!important;grid-template-columns:minmax(0,1fr) 84px!important;gap:7px!important;align-items:center!important;padding-top:8px!important;margin-top:8px!important}
 html body .home-pro-list-btm>p{max-width:none!important;font-size:10.5px!important;line-height:1.2!important}.home-pro-list-btm>p span{font-size:12px!important}
 html body .home-pro-list-btm .buybtn,html body .home-pro-list-btm input.buybtn{width:84px!important;min-width:84px!important;height:38px!important;font-size:11px!important;padding:0 8px!important}
 html body .lg-bottom-nav,html body .foot.lg-bottom-nav{width:calc(100vw - 10px)!important;left:50%!important;right:auto!important;padding-left:5px!important;padding-right:5px!important}
 html body .lg-bottom-nav ul{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important}
 html body .lg-bottom-nav li a{width:100%!important;height:50px!important;padding:3px 0!important;border-radius:10px!important}
 html body .lg-bottom-nav li img{width:21px!important;height:21px!important}.lg-bottom-nav li p{font-size:8.8px!important}
 html body .web_notice.lg-managed-popup{padding:6px!important}
 html body .web_notice.lg-managed-popup>.title_notice,html body .web_notice.lg-managed-popup>.div_notice,html body .web_notice.lg-managed-popup>.colse_btn{width:calc(100vw - 12px)!important}
 html body .web_notice.lg-managed-popup>.title_notice{min-height:48px!important;padding:9px 12px!important;font-size:16px!important}
 html body .web_notice.lg-managed-popup>.div_notice{min-height:420px!important;max-height:calc(100dvh - 110px)!important;padding:10px!important}
 html body .web_notice.lg-managed-popup .lg-popup-kicker{font-size:11px!important;line-height:1.3!important;padding:7px 8px!important;margin-bottom:8px!important}
 html body .web_notice.lg-managed-popup .lg-popup-body{gap:5px!important}
 html body .web_notice.lg-managed-popup .lg-popup-line{font-size:10.3px!important;line-height:1.28!important;padding:5px 7px!important;border-radius:8px!important}
 html body .web_notice.lg-managed-popup>.colse_btn{height:46px!important;flex-basis:46px!important;line-height:46px!important}
 html body .lg-support-dock{right:8px!important;bottom:calc(var(--lg-footer-h) + 10px)!important;gap:7px!important}
 html body .lg-support-bubble{width:36px!important;height:36px!important;flex-basis:36px!important}
 html body .service-box,html body .service-box ul{width:100%!important;padding-left:8px!important;padding-right:8px!important}
 html body .service-box li{width:100%!important;margin-left:0!important;margin-right:0!important;padding:10px!important}
}


/* === LG ULTRA V5: product popup, quick recharge, team/support, mobile containment === */
html body .home-pro-list-ul p span,html body .home-pro-list-btm p span,html body .home-pro-list-btm p span *{color:var(--lg-primary)!important}
html body .record-tab,html body .team-code-copy .copy{background:linear-gradient(120deg,var(--lg-primary),var(--lg-secondary))!important;color:#fff!important}
html body .record-tab a{color:color-mix(in srgb,#fff 82%,var(--lg-primary))!important;background:transparent!important}
html body .record-tab a.active{color:#fff!important;background:color-mix(in srgb,var(--lg-primary) 80%,#000 10%)!important;border-radius:14px!important;box-shadow:0 8px 22px color-mix(in srgb,var(--lg-primary) 24%,transparent)!important}
html body .teamLvs{background:linear-gradient(135deg,color-mix(in srgb,var(--lg-primary) 8%,var(--lg-surface)),var(--lg-surface))!important;border:1px solid var(--lg-border)!important;border-radius:18px!important;box-shadow:var(--lg-ring)!important}
html body .teamLvs label{color:var(--lg-primary)!important}html body .teamLvs span{color:var(--lg-muted)!important}
html body .lg-amount-presets{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:10px 0 2px!important}
html body .lg-amount-chip{appearance:none!important;border:1px solid var(--lg-border)!important;background:var(--lg-surface-2)!important;color:var(--lg-text)!important;border-radius:12px!important;min-height:38px!important;padding:7px 5px!important;font-weight:800!important;font-size:12px!important;cursor:pointer!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease!important}
html body .lg-amount-chip:hover,html body .lg-amount-chip.active{transform:translateY(-2px)!important;background:linear-gradient(120deg,var(--lg-primary),var(--lg-secondary))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 9px 22px color-mix(in srgb,var(--lg-primary) 25%,transparent)!important}
html body .withdraw-box,html body .withdraw-rule{width:min(100% - 24px,720px)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
html body .withdraw-main{width:min(var(--lg-app-w),100%)!important;margin:0 auto!important}
html body .withdraw-btn{background:linear-gradient(120deg,var(--lg-primary),var(--lg-secondary))!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px color-mix(in srgb,var(--lg-primary) 22%,transparent)!important}
html body .deposit-tab>div.active{background:color-mix(in srgb,var(--lg-primary) 11%,var(--lg-surface-2))!important;color:var(--lg-text)!important;border-color:var(--lg-primary)!important}
html body .web_notice.lg-managed-popup>.div_notice{min-height:0!important;height:auto!important;max-height:none!important}
html body .web_notice.lg-managed-popup .content_notice{height:auto!important}
html body .web_notice.lg-managed-popup .lg-popup-body{flex:none!important;overflow:visible!important}
html body .web_notice.lg-managed-popup .lg-popup-line{overflow-wrap:anywhere!important}
html body .lg-support-dock .lg-24{order:-1!important}
@media(max-width:440px){
 html body .lg-amount-presets{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.lg-amount-chip{min-height:34px!important;font-size:10px!important;padding:6px 2px!important}
 html body .withdraw-box,html body .withdraw-rule{width:calc(100% - 12px)!important;margin:8px auto!important;padding-left:10px!important;padding-right:10px!important}
 html body .record-tab{width:calc(100% - 12px)!important;margin-left:auto!important;margin-right:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:4px!important;border-radius:16px!important}
 html body .record-tab a{min-width:0!important;width:100%!important;padding:10px 2px!important;text-align:center!important;box-sizing:border-box!important}
 html body .team-code,html body .teamLvs,html body .teamList{width:calc(100% - 12px)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
 html body .web_notice.lg-managed-popup{padding:8px!important;justify-content:center!important}
 html body .web_notice.lg-managed-popup>.title_notice,html body .web_notice.lg-managed-popup>.div_notice,html body .web_notice.lg-managed-popup>.colse_btn{width:calc(100vw - 16px)!important;max-width:432px!important}
 html body .web_notice.lg-managed-popup>.div_notice{padding:10px!important;max-height:none!important;height:auto!important;overflow:visible!important}
 html body .web_notice.lg-managed-popup .lg-popup-body{gap:5px!important}
 html body .web_notice.lg-managed-popup .lg-popup-line{font-size:10.7px!important;line-height:1.32!important;padding:6px 8px!important}
 html body .lg-bottom-nav,html body .foot.lg-bottom-nav{width:min(430px,calc(100vw - 8px))!important;max-width:430px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}
 html body .lg-bottom-nav ul{padding:0!important;margin:0!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important}
 html body .lg-bottom-nav li a{max-width:none!important;width:100%!important;margin:0!important}
}


/* === LG ULTRA V6: 440 center, stable nav/ticker/slider, single value color, tabs === */
:root{--lg-mobile-w:440px}
/* Consistent financial/product values */
html body .home-pro-list-ul p span,
html body .home-pro-list-ul p span *,
html body .home-pro-list-btm>p span,
html body .home-pro-list-btm>p span *,
html body .home-pro-list-top .home-pro-list-ul span{
  color:var(--lg-primary)!important;
  -webkit-text-fill-color:var(--lg-primary)!important;
  opacity:1!important;
}
/* Ticker text centered and always visible */
html body .notice .swiper{display:flex!important;align-items:center!important;justify-content:center!important;height:46px!important}
html body .notice .swiper-wrapper{align-items:center!important}
html body .notice .swiper-slide{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important;padding:0 8px!important;color:var(--lg-muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
/* Slider fills full frame edge-to-edge without blank bands */
html body .banner.lg-admin-slider{overflow:hidden!important;background:var(--lg-surface-2)!important}
html body .banner.lg-admin-slider .swiper-slide,html body .banner.lg-admin-slider .swiper-slide a{width:100%!important;height:100%!important;overflow:hidden!important}
html body .banner.lg-admin-slider img{width:100%!important;height:100%!important;max-width:none!important;object-fit:fill!important;object-position:center!important;margin:0!important;border:0!important;border-radius:0!important}
/* Bottom nav hard center */
html body .lg-bottom-nav,html body .foot.lg-bottom-nav{
  position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%)!important;
  width:min(var(--lg-app-w),calc(100vw - 12px))!important;max-width:var(--lg-app-w)!important;
  margin:0!important;box-sizing:border-box!important;z-index:99980!important;
}
html body .lg-bottom-nav ul{width:100%!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important;justify-items:stretch!important}
html body .lg-bottom-nav li,html body .lg-bottom-nav li a{min-width:0!important;max-width:none!important;width:100%!important;margin:0!important}
/* Team + history tab contrast tracks theme */
html body .record-tab{background:linear-gradient(120deg,var(--lg-primary),var(--lg-secondary))!important}
html body .record-tab a{color:rgba(255,255,255,.82)!important;-webkit-text-fill-color:rgba(255,255,255,.82)!important;font-weight:800!important}
html body .record-tab a.active{color:#fff!important;-webkit-text-fill-color:#fff!important;background:rgba(255,255,255,.18)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),0 8px 20px color-mix(in srgb,var(--lg-primary) 22%,transparent)!important}
html body .team-code-copy .copy{color:#fff!important;-webkit-text-fill-color:#fff!important}
/* Sign out compact */
html body .my-main .signout,html body .my-main .sign-out,html body .my-main a[href*="logout"],html body .my-main button[type="submit"].logout{
  width:min(360px,78%)!important;max-width:360px!important;margin-left:auto!important;margin-right:auto!important;border-radius:14px!important;
}
/* Support bubbles locked as vertical dock; 24 strictly above WhatsApp on team */
html body .lg-support-dock{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important}
html body .lg-team-support-dock .lg-24{order:0!important}.lg-team-support-dock .lg-wa{order:1!important}.lg-team-support-dock .lg-tg{order:2!important}
/* Payment page is a 440px centered app and bottom menu follows same width */
html body.lg-upi-pay .lg-pay-shell{width:min(var(--lg-mobile-w),calc(100vw - 12px))!important;max-width:var(--lg-mobile-w)!important;margin-left:auto!important;margin-right:auto!important}
html body.lg-upi-pay .lg-bottom-nav{width:min(var(--lg-mobile-w),calc(100vw - 8px))!important;max-width:var(--lg-mobile-w)!important}
/* Product page fallback content must not be hidden */
html body .home-pro-list>ul>li{visibility:visible!important;opacity:1!important}

@media(max-width:440px){
 html body .home-main,html body .my-main,html body .history-main,html body .withdraw-main,html body .team-main,html body .bonus-main,html body .task-main,html body .customer,html body .myorder,html body .home-pro,
 html body.lg-upi-pay .lg-pay-shell{width:min(100%,var(--lg-mobile-w))!important;max-width:var(--lg-mobile-w)!important;margin-left:auto!important;margin-right:auto!important}
 html body .lg-bottom-nav,html body .foot.lg-bottom-nav{width:calc(100vw - 8px)!important;max-width:436px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;padding-left:5px!important;padding-right:5px!important}
 html body .lg-bottom-nav ul{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important}
 html body .lg-bottom-nav li a{height:52px!important;padding:4px 0!important;border-radius:11px!important}
 html body .lg-bottom-nav li img{width:22px!important;height:22px!important}.lg-bottom-nav li p{font-size:9px!important;max-width:100%!important;text-align:center!important;overflow:hidden!important;text-overflow:ellipsis!important}
 html body .notice{width:calc(100% - 16px)!important;margin-left:8px!important;margin-right:8px!important}.notice .swiper-slide{font-size:10.5px!important;text-align:center!important;justify-content:center!important}
 html body .home-pro-list-top{grid-template-columns:100px minmax(0,1fr)!important}.home-pro-list-top>img{width:100px!important;height:100px!important;min-width:100px!important}
 html body .home-pro-list-ul p{grid-template-columns:minmax(62px,.8fr) minmax(0,1.2fr)!important}.home-pro-list-ul p span{font-size:11px!important}
 html body .home-pro-list-btm{grid-template-columns:minmax(0,1fr) 86px!important}.home-pro-list-btm .buybtn{width:86px!important;min-width:86px!important}
 html body .record-tab{width:calc(100% - 16px)!important;max-width:424px!important;margin:10px auto 16px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important;padding:4px!important;border-radius:15px!important}
 html body .record-tab a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;width:100%!important;padding:6px 1px!important;font-size:11px!important;border-radius:11px!important}
 html body .lg-support-dock{right:max(8px,calc((100vw - min(440px,100vw))/2 + 8px))!important;bottom:74px!important;gap:7px!important}
 html body .lg-support-bubble{width:38px!important;height:38px!important;flex-basis:38px!important}
 html body .my-main .signout,html body .my-main .sign-out,html body .my-main a[href*="logout"],html body .my-main button[type="submit"].logout{width:72%!important;max-width:300px!important}
}
/* V6 compact profile sign-out */
html body #signOutBtn{display:flex!important;align-items:center!important;justify-content:center!important;width:min(360px,78%)!important;max-width:360px!important;min-height:46px!important;margin:16px auto calc(var(--lg-footer-h) + 20px)!important;border:1px solid var(--lg-border)!important;border-radius:14px!important;background:var(--lg-surface)!important;color:var(--lg-primary)!important;box-shadow:var(--lg-ring)!important;text-decoration:none!important}
@media(max-width:440px){html body #signOutBtn{width:72%!important;max-width:300px!important;margin-top:12px!important}}


/* ULTRA 7: service/profile/content refinements */
html,body{overflow-x:hidden!important}
html body .my-container{background:transparent!important;box-shadow:none!important;border:0!important}
html body .my-top-out{background:transparent!important;border:0!important;box-shadow:none!important;padding-bottom:8px!important}
html body .my-top-out:before,html body .my-top-out:after{display:none!important}
html body .lg-service-page .lg-bottom-nav{z-index:99995!important}
@media(max-width:440px){html body .lg-service-page .lg-bottom-nav,html body .lg-info-page~.lg-bottom-nav{width:calc(100% - 8px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}.lg-info-page{width:100%!important;max-width:100%!important}}


/* === LG ULTRA V8: security, payment manager, currency, tabs, ticker === */
html body .record-tab{background:color-mix(in srgb,var(--lg-primary) 10%,var(--lg-surface-2))!important;border:1px solid var(--lg-border)!important}
html body .record-tab a{color:var(--lg-text)!important;font-weight:850!important;opacity:.82!important}
html body .record-tab a.active{background:linear-gradient(120deg,var(--lg-primary),var(--lg-secondary))!important;color:#fff!important;opacity:1!important}
html body .team-tab,html body .team-tab ul{background:color-mix(in srgb,var(--lg-primary) 8%,var(--lg-surface-2))!important}
html body .team-tab li,html body .team-tab a{color:var(--lg-text)!important;font-weight:850!important}
html body .team-tab .cur,html body .team-tab .active,html body .team-tab li.cur,html body .team-tab li.active{background:linear-gradient(120deg,var(--lg-primary),var(--lg-secondary))!important;color:#fff!important}
html body .home-news-tit{padding-left:18px!important;padding-right:12px!important;box-sizing:border-box!important}
html body .notice{min-height:48px!important;border:1px solid var(--lg-border)!important;background:linear-gradient(135deg,var(--lg-surface),color-mix(in srgb,var(--lg-primary) 6%,var(--lg-surface-2)))!important;box-shadow:0 10px 24px color-mix(in srgb,var(--lg-primary) 9%,transparent)!important}
html body .notice .swiper{height:46px!important}.notice .swiper-slide{height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:var(--lg-text)!important;font-weight:750!important;line-height:1.25!important;padding:0 8px!important;box-sizing:border-box!important}
html body .lg-payment-select{width:100%!important;height:48px!important;border:1px solid var(--lg-border)!important;border-radius:13px!important;background:var(--lg-surface-2)!important;color:var(--lg-text)!important;padding:0 12px!important;outline:none!important}
html body .lg-support-dock.lg-team-support-dock{right:max(10px,calc((100vw - min(440px,100vw))/2 + 10px))!important}
html body .my-top-out{min-height:0!important;padding:0!important;margin:0!important}.my-top-out+*{border-top:0!important}
@media(max-width:440px){html body .home-news-tit{padding-left:14px!important}.notice .swiper-slide{font-size:10px!important}.record-tab a{font-size:10.5px!important}}


/* === LG ULTRA V9: hard 430px canvas, native recharge methods, readable tabs === */
:root{--lg-app-w:430px!important;--lg-mobile-w:430px!important}
html body .warp,html body .main,html body .home,html body .home-main,html body .withdraw-main,html body .history-main,html body .my-main,html body .team-main,html body .service-main,html body .lg-service-page{width:min(430px,100%)!important;max-width:430px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
html body .lg-amount-chip{display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;color:var(--lg-text)!important;-webkit-text-fill-color:var(--lg-text)!important}
html body .lg-amount-chip.active,html body .lg-amount-chip:hover{color:var(--lg-on-primary,#fff)!important;-webkit-text-fill-color:var(--lg-on-primary,#fff)!important}
html body .lg-payment-method-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:8px!important}
html body .lg-payment-method-card{position:relative!important;display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;column-gap:8px!important;row-gap:2px!important;align-items:center!important;padding:11px 12px!important;border:1px solid var(--lg-border)!important;border-radius:13px!important;background:var(--lg-surface-2)!important;color:var(--lg-text)!important;cursor:pointer!important;box-sizing:border-box!important}
html body .lg-payment-method-card input{position:absolute!important;opacity:0!important;pointer-events:none!important}
html body .lg-payment-method-card .lg-pm-check{grid-row:1/3;width:22px;height:22px;border-radius:7px;display:flex;align-items:center;justify-content:center;border:1px solid var(--lg-border);color:transparent;background:var(--lg-surface)}
html body .lg-payment-method-card strong{font-size:12px!important;color:var(--lg-text)!important}.lg-payment-method-card small{font-size:10px!important;color:var(--lg-muted)!important}
html body .lg-payment-method-card:has(input:checked),html body .lg-payment-method-card.active{border-color:var(--lg-primary)!important;background:color-mix(in srgb,var(--lg-primary) 9%,var(--lg-surface))!important;box-shadow:0 8px 20px color-mix(in srgb,var(--lg-primary) 12%,transparent)!important}
html body .lg-payment-method-card:has(input:checked) .lg-pm-check,html body .lg-payment-method-card.active .lg-pm-check{background:var(--lg-primary)!important;color:var(--lg-on-primary,#fff)!important;border-color:var(--lg-primary)!important}
html body .record-tab{background:color-mix(in srgb,var(--lg-primary) 12%,var(--lg-surface))!important}
html body .record-tab a{color:var(--lg-text)!important;-webkit-text-fill-color:var(--lg-text)!important;opacity:1!important}
html body .record-tab a.active{background:var(--lg-primary)!important;color:var(--lg-on-primary,#fff)!important;-webkit-text-fill-color:var(--lg-on-primary,#fff)!important}
html body .team-tab,html body .team-tab ul{background:color-mix(in srgb,var(--lg-primary) 10%,var(--lg-surface))!important}
html body .team-tab li,html body .team-tab a{color:var(--lg-text)!important;-webkit-text-fill-color:var(--lg-text)!important;opacity:1!important}
html body .team-tab .cur,html body .team-tab .active,html body .team-tab li.cur,html body .team-tab li.active,html body .team-tab a.active{background:var(--lg-primary)!important;color:var(--lg-on-primary,#fff)!important;-webkit-text-fill-color:var(--lg-on-primary,#fff)!important}
html body .teamList th,html body .teamList .th,html body .teamList strong{color:var(--lg-primary)!important;-webkit-text-fill-color:var(--lg-primary)!important}
@media(min-width:431px){html body .lg-bottom-nav,html body .foot.lg-bottom-nav{width:430px!important;max-width:430px!important}}
@media(max-width:430px){html body .lg-amount-presets{grid-template-columns:repeat(4,minmax(0,1fr))!important}.lg-payment-method-card{padding:9px 10px!important}}

/* === LG ULTRA V10: true 440px canvas + working recharge controls === */
:root{--lg-app-w:440px!important;--lg-mobile-w:440px!important}
html body .warp,html body .main,html body .home,html body .home-main,html body .withdraw-main,html body .history-main,html body .my-main,html body .team-main,html body .service-main,html body .lg-service-page,
html body .bonus-main,html body .task-main,html body .customer,html body .myorder,html body .home-pro{
  width:min(440px,100%)!important;max-width:440px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;
}
html body .home-container,html body .my-container,html body .withdraw-container,html body .team-container,html body .bonus-container,html body .task-container{
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding-left:12px!important;padding-right:12px!important;margin-left:auto!important;margin-right:auto!important;
}
html body .withdraw-box,html body .withdraw-rule{width:100%!important;max-width:none!important;margin:10px 0!important;padding-left:14px!important;padding-right:14px!important;box-sizing:border-box!important}
html body .dep-top{width:100%!important;box-sizing:border-box!important}
html body .lg-amount-presets{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
html body .lg-amount-chip{border:1px solid var(--lg-border)!important;background:var(--lg-surface-2)!important;color:var(--lg-text)!important;-webkit-text-fill-color:var(--lg-text)!important;border-radius:12px!important;min-height:40px!important;padding:7px 4px!important;font-size:12px!important;font-weight:850!important;cursor:pointer!important}
html body .lg-amount-chip.active{background:linear-gradient(120deg,var(--lg-primary),var(--lg-secondary))!important;color:var(--lg-on-primary,#fff)!important;-webkit-text-fill-color:var(--lg-on-primary,#fff)!important;border-color:transparent!important;box-shadow:0 8px 18px color-mix(in srgb,var(--lg-primary) 22%,transparent)!important}
html body .lg-payment-selector-wrap{width:100%!important;margin-top:4px!important}
html body .lg-payment-select{display:block!important;width:100%!important;min-height:50px!important;padding:0 42px 0 14px!important;border:1px solid var(--lg-border)!important;border-radius:14px!important;background:var(--lg-surface)!important;color:var(--lg-text)!important;-webkit-text-fill-color:var(--lg-text)!important;font-size:13px!important;font-weight:750!important;appearance:auto!important;pointer-events:auto!important;opacity:1!important;cursor:pointer!important}
html body .lg-payment-select option{background:var(--lg-surface)!important;color:var(--lg-text)!important}
html body .lg-payment-select-help{font-size:10.5px!important;line-height:1.45!important;color:var(--lg-muted)!important;padding:7px 3px 1px!important}
html body .withdraw-btn{width:100%!important;min-height:50px!important;margin-top:12px!important}
html body .lg-bottom-nav,html body .foot.lg-bottom-nav{width:min(440px,calc(100vw - 8px))!important;max-width:440px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;margin:0!important}
html body .lg-bottom-nav ul{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%!important;gap:2px!important;padding:4px!important;margin:0!important;box-sizing:border-box!important}
html body .lg-bottom-nav li,html body .lg-bottom-nav li a{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;box-sizing:border-box!important}
html body .lg-bottom-nav li a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
html body .lg-support-dock{right:max(10px,calc((100vw - min(440px,100vw))/2 + 10px))!important}
@media(max-width:440px){
 html body .home-container,html body .my-container,html body .withdraw-container,html body .team-container,html body .bonus-container,html body .task-container{padding-left:8px!important;padding-right:8px!important}
 html body .withdraw-box,html body .withdraw-rule{padding-left:11px!important;padding-right:11px!important}
 html body .lg-amount-presets{gap:6px!important}.lg-amount-chip{font-size:10.5px!important;min-height:38px!important}
}

/* === LG ULTRA V11: desktop follows header width; mobile stays 440px === */
:root{--lg-app-w:806px!important;--lg-mobile-w:440px!important}
@media (min-width:441px){
  html body .top,
  html body .warp,html body .main,html body .home,html body .home-main,
  html body .withdraw-main,html body .history-main,html body .my-main,
  html body .team-main,html body .service-main,html body .lg-service-page,
  html body .bonus-main,html body .task-main,html body .customer,
  html body .myorder,html body .home-pro,html body .lg-info-page,
  html body .lg-content-page,html body .content-page{
    width:806px!important;max-width:806px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;
  }
  html body .home-container,html body .my-container,html body .withdraw-container,
  html body .team-container,html body .bonus-container,html body .task-container,
  html body .history-container,html body .service-box{
    width:100%!important;max-width:100%!important;padding-left:18px!important;padding-right:18px!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important;
  }
  html body .withdraw-box,html body .withdraw-rule,html body .dep-top,
  html body .home-pro>div,html body .product-card,html body .pro-box,
  html body .team-code,html body .teamLvs,html body .teamList{
    width:100%!important;max-width:none!important;box-sizing:border-box!important;
  }
  html body .lg-bottom-nav,html body .foot.lg-bottom-nav{
    width:806px!important;max-width:806px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;margin:0!important;
  }
  html body .lg-support-dock{
    right:max(14px,calc((100vw - 806px)/2 + 14px))!important;
  }
  html body .web_notice.lg-managed-popup>.title_notice,
  html body .web_notice.lg-managed-popup>.div_notice,
  html body .web_notice.lg-managed-popup>.colse_btn{
    width:min(806px,calc(100vw - 32px))!important;max-width:806px!important;
  }
  html body .lg-amount-presets{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
  html body .lg-amount-chip{font-size:13px!important;min-height:44px!important}
}
@media (max-width:440px){
  :root{--lg-app-w:440px!important}
  html body .top,
  html body .warp,html body .main,html body .home,html body .home-main,
  html body .withdraw-main,html body .history-main,html body .my-main,
  html body .team-main,html body .service-main,html body .lg-service-page,
  html body .bonus-main,html body .task-main,html body .customer,
  html body .myorder,html body .home-pro,html body .lg-info-page,
  html body .lg-content-page,html body .content-page{
    width:100%!important;max-width:440px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;
  }
  html body .home-container,html body .my-container,html body .withdraw-container,
  html body .team-container,html body .bonus-container,html body .task-container,
  html body .history-container{width:100%!important;max-width:100%!important;padding-left:8px!important;padding-right:8px!important;box-sizing:border-box!important}
  html body .lg-bottom-nav,html body .foot.lg-bottom-nav{
    width:calc(100vw - 8px)!important;max-width:432px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  }
  html body .lg-support-dock{right:8px!important}
}

/* === LG ULTRA V12: one centered 606px desktop canvas + fluid mobile auto-fit === */
:root{--lg-app-w:606px!important;--lg-mobile-w:440px!important}
@media (min-width:441px){
  html body:has(.lg-bottom-nav) .top,
  html body:has(.lg-bottom-nav) .warp,
  html body:has(.lg-bottom-nav) .main,
  html body:has(.lg-bottom-nav) .home,
  html body:has(.lg-bottom-nav) .home-main,
  html body:has(.lg-bottom-nav) .withdraw-main,
  html body:has(.lg-bottom-nav) .history-main,
  html body:has(.lg-bottom-nav) .my-main,
  html body:has(.lg-bottom-nav) .team-main,
  html body:has(.lg-bottom-nav) .service-main,
  html body:has(.lg-bottom-nav) .lg-service-page,
  html body:has(.lg-bottom-nav) .bonus-main,
  html body:has(.lg-bottom-nav) .task-main,
  html body:has(.lg-bottom-nav) .customer,
  html body:has(.lg-bottom-nav) .myorder,
  html body:has(.lg-bottom-nav) .home-pro,
  html body:has(.lg-bottom-nav) .lg-info-page,
  html body:has(.lg-bottom-nav) .lg-content-page,
  html body:has(.lg-bottom-nav) .content-page,
  html body.lg-upi-pay .main,
  html body.lg-upi-pay .payapp{
    width:min(606px,calc(100vw - 24px))!important;
    max-width:606px!important;
    margin-left:auto!important;margin-right:auto!important;
    box-sizing:border-box!important;
  }
  html body:has(.lg-bottom-nav) .home-container,
  html body:has(.lg-bottom-nav) .my-container,
  html body:has(.lg-bottom-nav) .withdraw-container,
  html body:has(.lg-bottom-nav) .team-container,
  html body:has(.lg-bottom-nav) .bonus-container,
  html body:has(.lg-bottom-nav) .task-container,
  html body:has(.lg-bottom-nav) .history-container,
  html body:has(.lg-bottom-nav) .service-box{
    width:100%!important;max-width:100%!important;
    padding-left:14px!important;padding-right:14px!important;
    margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;
  }
  html body:has(.lg-bottom-nav) .lg-bottom-nav,
  html body:has(.lg-bottom-nav) .foot.lg-bottom-nav{
    width:min(606px,calc(100vw - 16px))!important;max-width:606px!important;
    left:50%!important;right:auto!important;transform:translateX(-50%)!important;margin:0!important;
  }
  html body:has(.lg-bottom-nav) .lg-support-dock,
  html body.lg-upi-pay .lg-support-dock{
    right:max(12px,calc((100vw - min(606px,100vw))/2 + 12px))!important;
  }
  html body .web_notice.lg-managed-popup>.title_notice,
  html body .web_notice.lg-managed-popup>.div_notice,
  html body .web_notice.lg-managed-popup>.colse_btn{
    width:min(606px,calc(100vw - 28px))!important;max-width:606px!important;
  }
}

/* universal auto-fit inside the app canvas */
html body:has(.lg-bottom-nav) .home-main *,
html body:has(.lg-bottom-nav) .withdraw-main *,
html body:has(.lg-bottom-nav) .history-main *,
html body:has(.lg-bottom-nav) .my-main *,
html body:has(.lg-bottom-nav) .team-main *,
html body:has(.lg-bottom-nav) .customer *,
html body:has(.lg-bottom-nav) .bonus-main *,
html body:has(.lg-bottom-nav) .task-main *{box-sizing:border-box}
html body:has(.lg-bottom-nav) img,html body.lg-upi-pay img{max-width:100%}
html body:has(.lg-bottom-nav) .banner,
html body:has(.lg-bottom-nav) .notice,
html body:has(.lg-bottom-nav) .home-nav,
html body:has(.lg-bottom-nav) .home-pro,
html body:has(.lg-bottom-nav) .home-pro-list,
html body:has(.lg-bottom-nav) .home-pro-list>ul,
html body:has(.lg-bottom-nav) .home-pro li,
html body:has(.lg-bottom-nav) .home-pro-list-all,
html body:has(.lg-bottom-nav) .withdraw-box,
html body:has(.lg-bottom-nav) .withdraw-rule,
html body:has(.lg-bottom-nav) .dep-top,
html body:has(.lg-bottom-nav) .team-code,
html body:has(.lg-bottom-nav) .teamLvs,
html body:has(.lg-bottom-nav) .teamList,
html body:has(.lg-bottom-nav) .service-box,
html body:has(.lg-bottom-nav) .service-box ul,
html body:has(.lg-bottom-nav) .record-tab{width:100%!important;max-width:100%!important;min-width:0!important}

/* dashboard product cards: fixed image + fluid information; nothing can escape */
html body:has(.lg-bottom-nav) .home-pro li{overflow:hidden!important}
html body:has(.lg-bottom-nav) .home-pro li h3{width:100%!important;margin:0!important;padding:13px 16px!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body:has(.lg-bottom-nav) .home-pro-list-all{padding:14px 16px!important;overflow:hidden!important}
html body:has(.lg-bottom-nav) .home-pro-list-top{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;gap:16px!important;align-items:center!important;width:100%!important;min-width:0!important}
html body:has(.lg-bottom-nav) .home-pro-list-top>img{width:118px!important;height:118px!important;max-width:118px!important;object-fit:contain!important;border-radius:16px!important;margin:0!important}
html body:has(.lg-bottom-nav) .home-pro-list-ul{width:auto!important;min-width:0!important;height:auto!important;padding:4px 0!important}
html body:has(.lg-bottom-nav) .home-pro-list-ul p{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;width:100%!important;min-width:0!important;line-height:26px!important;margin:0!important}
html body:has(.lg-bottom-nav) .home-pro-list-ul p span{max-width:190px!important;text-align:right!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body:has(.lg-bottom-nav) .home-pro-list-btm{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;width:100%!important;margin-top:12px!important;padding-top:12px!important;min-width:0!important}
html body:has(.lg-bottom-nav) .home-pro-list-btm p{min-width:0!important;margin:0!important;white-space:normal!important}
html body:has(.lg-bottom-nav) .home-pro-list-btm form{margin:0!important;min-width:0!important}
html body:has(.lg-bottom-nav) .buybtn{position:static!important;width:108px!important;max-width:108px!important;height:40px!important;margin:0!important}
html body:has(.lg-bottom-nav) .home-news-tit{padding-left:16px!important;padding-right:16px!important}
html body:has(.lg-bottom-nav) .notice .swiper-slide{width:100%!important;max-width:100%!important;justify-content:center!important;text-align:center!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* header/banner/quick-nav stay in the same 606px line */
html body:has(.lg-bottom-nav) .top{overflow:hidden!important}
html body:has(.lg-bottom-nav) .banner{margin-left:auto!important;margin-right:auto!important;overflow:hidden!important}
html body:has(.lg-bottom-nav) .banner img{display:block!important;width:100%!important;height:auto!important;max-height:280px!important;object-fit:contain!important;margin:auto!important}
html body:has(.lg-bottom-nav) .home-nav{margin-left:auto!important;margin-right:auto!important;overflow:hidden!important}
html body:has(.lg-bottom-nav) .home-nav ul{width:100%!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;margin:0!important;padding:0!important}
html body:has(.lg-bottom-nav) .home-nav li,html body:has(.lg-bottom-nav) .home-nav a{min-width:0!important;max-width:100%!important}

/* footer: exactly same visual line as page */
html body:has(.lg-bottom-nav) .lg-bottom-nav{overflow:hidden!important;border-radius:20px 20px 0 0!important}
html body:has(.lg-bottom-nav) .lg-bottom-nav ul{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%!important;gap:2px!important;padding:5px 7px!important;margin:0!important}
html body:has(.lg-bottom-nav) .lg-bottom-nav li,html body:has(.lg-bottom-nav) .lg-bottom-nav a{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important}

/* recharge card uses available width instead of shrinking */
html body:has(.lg-bottom-nav) .withdraw-box,html body:has(.lg-bottom-nav) .withdraw-rule{margin-left:0!important;margin-right:0!important}
html body:has(.lg-bottom-nav) .lg-amount-presets{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important}

@media(max-width:440px){
  :root{--lg-app-w:440px!important}
  html body:has(.lg-bottom-nav) .top,
  html body:has(.lg-bottom-nav) .warp,html body:has(.lg-bottom-nav) .main,
  html body:has(.lg-bottom-nav) .home,html body:has(.lg-bottom-nav) .home-main,
  html body:has(.lg-bottom-nav) .withdraw-main,html body:has(.lg-bottom-nav) .history-main,
  html body:has(.lg-bottom-nav) .my-main,html body:has(.lg-bottom-nav) .team-main,
  html body:has(.lg-bottom-nav) .service-main,html body:has(.lg-bottom-nav) .lg-service-page,
  html body:has(.lg-bottom-nav) .bonus-main,html body:has(.lg-bottom-nav) .task-main,
  html body:has(.lg-bottom-nav) .customer,html body:has(.lg-bottom-nav) .myorder,
  html body:has(.lg-bottom-nav) .home-pro,html body:has(.lg-bottom-nav) .lg-info-page,
  html body:has(.lg-bottom-nav) .lg-content-page,html body:has(.lg-bottom-nav) .content-page,
  html body.lg-upi-pay .main,html body.lg-upi-pay .payapp{width:100%!important;max-width:440px!important;margin-left:auto!important;margin-right:auto!important}
  html body:has(.lg-bottom-nav) .home-container,html body:has(.lg-bottom-nav) .my-container,
  html body:has(.lg-bottom-nav) .withdraw-container,html body:has(.lg-bottom-nav) .team-container,
  html body:has(.lg-bottom-nav) .bonus-container,html body:has(.lg-bottom-nav) .task-container,
  html body:has(.lg-bottom-nav) .history-container{padding-left:8px!important;padding-right:8px!important}
  html body:has(.lg-bottom-nav) .home-pro-list-all{padding:11px!important}
  html body:has(.lg-bottom-nav) .home-pro-list-top{grid-template-columns:96px minmax(0,1fr)!important;gap:10px!important}
  html body:has(.lg-bottom-nav) .home-pro-list-top>img{width:96px!important;height:96px!important;max-width:96px!important}
  html body:has(.lg-bottom-nav) .home-pro-list-ul p{font-size:11px!important;line-height:23px!important;gap:6px!important}
  html body:has(.lg-bottom-nav) .home-pro-list-ul p span{max-width:105px!important}
  html body:has(.lg-bottom-nav) .home-pro-list-btm{grid-template-columns:minmax(0,1fr) 92px!important;gap:8px!important}
  html body:has(.lg-bottom-nav) .buybtn{width:92px!important;max-width:92px!important;height:38px!important}
  html body:has(.lg-bottom-nav) .lg-bottom-nav,html body:has(.lg-bottom-nav) .foot.lg-bottom-nav{width:calc(100vw - 8px)!important;max-width:432px!important}
  html body:has(.lg-bottom-nav) .lg-support-dock,html body.lg-upi-pay .lg-support-dock{right:8px!important}
  html body .web_notice.lg-managed-popup>.title_notice,html body .web_notice.lg-managed-popup>.div_notice,html body .web_notice.lg-managed-popup>.colse_btn{width:calc(100vw - 16px)!important;max-width:424px!important}
}

/* === LG ULTRA V13: canonical 606px canvas + no-overflow layout reset === */
:root{--lg-app-w:606px!important;--lg-mobile-w:440px!important;--lg-page-gap:12px!important}
html,body{max-width:100%!important;overflow-x:hidden!important}
html body *{box-sizing:border-box}
/* One desktop line: header, content, footer, pages, payment */
html body:has(.lg-bottom-nav) .top,
html body:has(.lg-bottom-nav) .warp,
html body:has(.lg-bottom-nav) .home,
html body:has(.lg-bottom-nav) .home-main,
html body:has(.lg-bottom-nav) .withdraw-main,
html body:has(.lg-bottom-nav) .history-main,
html body:has(.lg-bottom-nav) .my-main,
html body:has(.lg-bottom-nav) .team-main,
html body:has(.lg-bottom-nav) .bonus-main,
html body:has(.lg-bottom-nav) .task-main,
html body:has(.lg-bottom-nav) .customer,
html body:has(.lg-bottom-nav) .myorder,
html body:has(.lg-bottom-nav) .home-pro,
html body:has(.lg-bottom-nav) .lg-info-page,
html body:has(.lg-bottom-nav) .lg-content-page,
html body:has(.lg-bottom-nav) .content-page,
html body.lg-upi-pay .payapp{
 width:min(var(--lg-app-w),calc(100vw - 24px))!important;
 max-width:var(--lg-app-w)!important;
 min-width:0!important;
 margin-left:auto!important;margin-right:auto!important;
 box-sizing:border-box!important;
}
html body:has(.lg-bottom-nav) .home-container,
html body:has(.lg-bottom-nav) .my-container,
html body:has(.lg-bottom-nav) .withdraw-container,
html body:has(.lg-bottom-nav) .history-container,
html body:has(.lg-bottom-nav) .team-container,
html body:has(.lg-bottom-nav) .bonus-container,
html body:has(.lg-bottom-nav) .task-container{
 width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding-left:14px!important;padding-right:14px!important;
}
/* Banner, quick menu, ticker and sections always stay inside app canvas */
html body:has(.lg-bottom-nav) .banner,
html body:has(.lg-bottom-nav) .home-nav,
html body:has(.lg-bottom-nav) .notice,
html body:has(.lg-bottom-nav) .home-news,
html body:has(.lg-bottom-nav) .home-pro,
html body:has(.lg-bottom-nav) .home-pro-list,
html body:has(.lg-bottom-nav) .home-pro-list>ul,
html body:has(.lg-bottom-nav) .home-pro-list>ul>li{
 width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;
}
html body:has(.lg-bottom-nav) .banner{overflow:hidden!important}
html body:has(.lg-bottom-nav) .banner .swiper-slide{width:100%!important;max-width:100%!important;overflow:hidden!important}
html body:has(.lg-bottom-nav) .banner img{width:100%!important;max-width:100%!important;height:240px!important;object-fit:contain!important;object-position:center!important;display:block!important;margin:0 auto!important}
html body:has(.lg-bottom-nav) .home-nav{padding:0!important}
html body:has(.lg-bottom-nav) .home-nav ul{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%!important;margin:0!important;padding:0!important}
html body:has(.lg-bottom-nav) .home-nav li,html body:has(.lg-bottom-nav) .home-nav a{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}
html body:has(.lg-bottom-nav) .notice{overflow:hidden!important}
html body:has(.lg-bottom-nav) .notice .swiper-wrapper{width:100%!important;max-width:100%!important}
html body:has(.lg-bottom-nav) .notice .swiper-slide{position:static!important;width:100%!important;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;padding:0 16px!important}
html body:has(.lg-bottom-nav) .home-news-tit{width:100%!important;max-width:100%!important;padding-left:18px!important;padding-right:18px!important;box-sizing:border-box!important}
/* Product cards: no legacy absolute positioning */
html body:has(.lg-bottom-nav) .home-pro-list-all{width:100%!important;max-width:100%!important;min-width:0!important;padding:14px 16px!important;overflow:hidden!important}
html body:has(.lg-bottom-nav) .home-pro-list-top{display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;gap:18px!important;align-items:center!important;width:100%!important;max-width:100%!important;min-width:0!important}
html body:has(.lg-bottom-nav) .home-pro-list-top>img{position:static!important;float:none!important;width:132px!important;height:132px!important;max-width:132px!important;object-fit:contain!important;object-position:center!important;margin:0!important;border-radius:18px!important}
html body:has(.lg-bottom-nav) .home-pro-list-ul{position:static!important;float:none!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important}
html body:has(.lg-bottom-nav) .home-pro-list-ul p{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(90px,auto)!important;align-items:center!important;gap:10px!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;line-height:29px!important}
html body:has(.lg-bottom-nav) .home-pro-list-ul p span{position:static!important;float:none!important;right:auto!important;left:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;width:auto!important;max-width:180px!important;min-width:0!important;margin:0!important;padding:0!important;text-align:right!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--lg-primary)!important}
html body:has(.lg-bottom-nav) .home-pro-list-btm{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) 112px!important;gap:14px!important;align-items:center!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:12px 0 0!important;padding:12px 0 0!important}
html body:has(.lg-bottom-nav) .home-pro-list-btm p,html body:has(.lg-bottom-nav) .home-pro-list-btm p span{position:static!important;float:none!important;transform:none!important;margin:0!important;min-width:0!important;color:var(--lg-primary)!important}
html body:has(.lg-bottom-nav) .home-pro-list-btm form{position:static!important;float:none!important;width:112px!important;max-width:112px!important;margin:0!important;padding:0!important}
html body:has(.lg-bottom-nav) .buybtn{position:static!important;float:none!important;transform:none!important;width:112px!important;max-width:112px!important;height:42px!important;margin:0!important;border-radius:14px!important}
/* Footer exactly matches canvas and never slides right */
html body .lg-bottom-nav,html body .foot.lg-bottom-nav{position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%)!important;width:min(var(--lg-app-w),calc(100vw - 16px))!important;max-width:var(--lg-app-w)!important;margin:0!important;overflow:hidden!important;z-index:99980!important}
html body .lg-bottom-nav ul{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;margin:0!important;padding:6px 8px!important;gap:3px!important}
html body .lg-bottom-nav li,html body .lg-bottom-nav a{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;left:auto!important;right:auto!important;transform:none!important}
/* Support dock follows same right edge */
html body .lg-support-dock,html body .lg-support-dock.lg-team-support-dock{right:max(10px,calc((100vw - min(var(--lg-app-w),100vw))/2 + 10px))!important;bottom:calc(var(--lg-footer-h) + 14px)!important;align-items:center!important}
/* Common forms/pages fill canvas, not a tiny nested column */
html body:has(.lg-bottom-nav) .withdraw-box,
html body:has(.lg-bottom-nav) .withdraw-rule,
html body:has(.lg-bottom-nav) .record-tab,
html body:has(.lg-bottom-nav) .lg-profile-divider,
html body:has(.lg-bottom-nav) .lg-profile-tools,
html body:has(.lg-bottom-nav) .lg-service-page .customer,
html body:has(.lg-bottom-nav) .team-box,
html body:has(.lg-bottom-nav) .my-container>div{max-width:100%!important;box-sizing:border-box!important}
/* Popup is centered to same visual line */
html body .web_notice.lg-managed-popup{left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;width:min(var(--lg-app-w),calc(100vw - 24px))!important;max-width:var(--lg-app-w)!important;margin:0!important}
html body .web_notice.lg-managed-popup>.title_notice,
html body .web_notice.lg-managed-popup>.div_notice,
html body .web_notice.lg-managed-popup>.colse_btn{width:100%!important;max-width:100%!important;left:auto!important;right:auto!important;margin-left:0!important;margin-right:0!important}
@media(max-width:440px){
 :root{--lg-app-w:440px!important}
 html body:has(.lg-bottom-nav) .top,html body:has(.lg-bottom-nav) .warp,html body:has(.lg-bottom-nav) .home-main,html body:has(.lg-bottom-nav) .withdraw-main,html body:has(.lg-bottom-nav) .history-main,html body:has(.lg-bottom-nav) .my-main,html body:has(.lg-bottom-nav) .team-main,html body:has(.lg-bottom-nav) .customer,html body:has(.lg-bottom-nav) .myorder,html body:has(.lg-bottom-nav) .lg-info-page,html body:has(.lg-bottom-nav) .lg-content-page,html body.lg-upi-pay .payapp{width:100%!important;max-width:440px!important;margin-left:auto!important;margin-right:auto!important}
 html body:has(.lg-bottom-nav) .home-container,html body:has(.lg-bottom-nav) .my-container,html body:has(.lg-bottom-nav) .withdraw-container,html body:has(.lg-bottom-nav) .history-container,html body:has(.lg-bottom-nav) .team-container{padding-left:8px!important;padding-right:8px!important}
 html body:has(.lg-bottom-nav) .banner img{height:190px!important}
 html body:has(.lg-bottom-nav) .home-pro-list-all{padding:11px!important}
 html body:has(.lg-bottom-nav) .home-pro-list-top{grid-template-columns:104px minmax(0,1fr)!important;gap:10px!important}
 html body:has(.lg-bottom-nav) .home-pro-list-top>img{width:104px!important;height:104px!important;max-width:104px!important}
 html body:has(.lg-bottom-nav) .home-pro-list-ul p{grid-template-columns:minmax(0,1fr) minmax(72px,auto)!important;gap:5px!important;line-height:24px!important;font-size:11px!important}
 html body:has(.lg-bottom-nav) .home-pro-list-ul p span{max-width:92px!important;font-size:11px!important}
 html body:has(.lg-bottom-nav) .home-pro-list-btm{grid-template-columns:minmax(0,1fr) 92px!important;gap:8px!important}
 html body:has(.lg-bottom-nav) .home-pro-list-btm form,html body:has(.lg-bottom-nav) .buybtn{width:92px!important;max-width:92px!important}
 html body .lg-bottom-nav,html body .foot.lg-bottom-nav{width:calc(100vw - 8px)!important;max-width:432px!important}
 html body .lg-support-dock,html body .lg-support-dock.lg-team-support-dock{right:8px!important}
}


/* === LG ULTRA V14: HEADER + BANNER + POPUP ALIGNMENT ONLY (product/footer preserved) === */
:root{--lg-shell-w:606px}
html body:has(.lg-bottom-nav) .top{
  width:min(var(--lg-shell-w),calc(100vw - 20px))!important;max-width:var(--lg-shell-w)!important;height:66px!important;
  left:auto!important;right:auto!important;margin:0 auto!important;padding:8px 14px!important;
  display:flex!important;align-items:center!important;position:relative!important;
  background:linear-gradient(118deg,var(--lg-primary),var(--lg-secondary))!important;
  border:1px solid color-mix(in srgb,var(--lg-primary) 45%,var(--lg-border))!important;
  border-radius:0 0 18px 18px!important;box-shadow:0 12px 30px color-mix(in srgb,var(--lg-primary) 18%,transparent)!important;overflow:hidden!important;
}
html body:has(.lg-bottom-nav) .top .lg-brand-logo{position:static!important;width:auto!important;height:50px!important;display:flex!important;align-items:center!important;gap:12px!important;text-decoration:none!important;min-width:0!important}
html body:has(.lg-bottom-nav) .top .lg-brand-logo img{width:46px!important;height:46px!important;object-fit:contain!important;border-radius:11px!important;background:color-mix(in srgb,#fff 92%,transparent)!important;padding:3px!important;box-shadow:0 5px 16px rgba(0,0,0,.15)!important}
html body:has(.lg-bottom-nav) .top .lg-brand-logo:after{content:'LG Investment  ·  Invest Smart. Grow Clear.';display:block!important;color:#fff!important;font-size:18px!important;line-height:1.1!important;font-weight:900!important;letter-spacing:.2px!important;text-shadow:0 2px 12px rgba(0,0,0,.2)!important;white-space:nowrap!important}
html body:has(.lg-bottom-nav) .home-main{padding-top:12px!important}
html body:has(.lg-bottom-nav) .banner{
  width:min(var(--lg-shell-w),calc(100vw - 20px))!important;max-width:var(--lg-shell-w)!important;height:236px!important;margin:0 auto 12px!important;
  border-radius:18px!important;border:1px solid var(--lg-border)!important;background:var(--lg-surface)!important;box-shadow:var(--lg-shadow)!important;overflow:hidden!important;
}
html body:has(.lg-bottom-nav) .banner .swiper-wrapper,html body:has(.lg-bottom-nav) .banner .swiper-slide,html body:has(.lg-bottom-nav) .banner a{width:100%!important;height:100%!important}
html body:has(.lg-bottom-nav) .banner img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;display:block!important;background:color-mix(in srgb,var(--lg-surface) 90%,var(--lg-primary) 10%)!important}
html body:has(.lg-bottom-nav) .lg-slide-copy{left:16px!important;right:auto!important;bottom:14px!important;max-width:72%!important;border-radius:14px!important;padding:9px 12px!important;background:color-mix(in srgb,var(--lg-surface) 90%,transparent)!important;border:1px solid var(--lg-border)!important;color:var(--lg-text)!important;backdrop-filter:blur(12px)!important}
html body .web_notice.lg-managed-popup{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:14px!important}
html body .web_notice.lg-managed-popup>.title_notice,html body .web_notice.lg-managed-popup>.div_notice,html body .web_notice.lg-managed-popup>.colse_btn{width:min(570px,calc(100vw - 28px))!important;max-width:570px!important;margin-left:auto!important;margin-right:auto!important}
html body .web_notice.lg-managed-popup>.title_notice{border-radius:18px 18px 0 0!important;overflow:hidden!important}
html body .web_notice.lg-managed-popup>.div_notice{max-height:min(62vh,520px)!important;overflow:auto!important;border-left:1px solid var(--lg-border)!important;border-right:1px solid var(--lg-border)!important}
html body .web_notice.lg-managed-popup>.colse_btn{border-radius:0 0 18px 18px!important}
@media(max-width:440px){
 html body:has(.lg-bottom-nav) .top{width:100%!important;max-width:440px!important;height:60px!important;border-radius:0 0 14px 14px!important;padding:7px 10px!important}
 html body:has(.lg-bottom-nav) .top .lg-brand-logo img{width:42px!important;height:42px!important}
 html body:has(.lg-bottom-nav) .top .lg-brand-logo:after{font-size:14px!important;white-space:normal!important;max-width:300px!important}
 html body:has(.lg-bottom-nav) .banner{width:100%!important;max-width:440px!important;height:190px!important;border-radius:14px!important}
 html body .web_notice.lg-managed-popup>.title_notice,html body .web_notice.lg-managed-popup>.div_notice,html body .web_notice.lg-managed-popup>.colse_btn{width:calc(100vw - 18px)!important;max-width:422px!important}
}


/* === LG ULTRA V15 STEP-1: LOGIN HEADER + APP DOWNLOAD ONLY === */
html body.lg-login-page{
  --lg-login-shell:606px;
  overflow-x:hidden!important;
}
html body.lg-login-page .top{
  position:fixed!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(var(--lg-login-shell),calc(100vw - 20px))!important;
  max-width:var(--lg-login-shell)!important;
  height:64px!important;
  min-height:64px!important;
  margin:0!important;
  padding:7px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
  line-height:normal!important;
  background:linear-gradient(118deg,var(--lg-primary),var(--lg-secondary))!important;
  border:1px solid color-mix(in srgb,var(--lg-primary) 38%,var(--lg-border))!important;
  border-top:0!important;
  border-radius:0 0 18px 18px!important;
  box-shadow:0 14px 34px color-mix(in srgb,var(--lg-primary) 20%,transparent)!important;
  overflow:hidden!important;
  z-index:99990!important;
}
html body.lg-login-page .top:before{
  content:'';
  position:absolute;
  inset:-70% 50% auto -15%;
  height:150px;
  background:radial-gradient(circle,color-mix(in srgb,#fff 25%,transparent),transparent 68%);
  pointer-events:none;
}
html body.lg-login-page .topLeft{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:50px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
  text-decoration:none!important;
  z-index:2!important;
}
html body.lg-login-page .top .lg-brand-logo{
  position:static!important;
  width:100%!important;
  max-width:100%!important;
  height:50px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  min-width:0!important;
}
html body.lg-login-page .top .lg-brand-logo img{
  width:48px!important;
  height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  object-fit:contain!important;
  flex:0 0 48px!important;
  margin:0!important;
  padding:3px!important;
  border-radius:12px!important;
  background:color-mix(in srgb,#fff 94%,transparent)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.16)!important;
}
html body.lg-login-page .top .lg-brand-logo:after{
  content:'LG Investment  ·  Invest Smart. Grow Clear.';
  display:block!important;
  min-width:0!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:.25px!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 2px 12px rgba(0,0,0,.22)!important;
}
html body.lg-login-page .topTit{display:none!important}
html body.lg-login-page .warp{padding-top:64px!important}

/* APP Download card uses the exact same 606px center axis as header */
html body.lg-login-page .login-foot{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:8px!important;
  transform:translateX(-50%)!important;
  width:min(var(--lg-login-shell),calc(100vw - 20px))!important;
  max-width:var(--lg-login-shell)!important;
  height:58px!important;
  margin:0!important;
  padding:6px!important;
  box-sizing:border-box!important;
  border:1px solid var(--lg-border)!important;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--lg-surface) 92%,transparent)!important;
  box-shadow:0 14px 34px color-mix(in srgb,var(--lg-primary) 14%,transparent)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  overflow:hidden!important;
  z-index:99980!important;
}
html body.lg-login-page .login-foot a{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding:0 18px!important;
  border-radius:13px!important;
  color:var(--lg-on-primary,#fff)!important;
  background:linear-gradient(110deg,var(--lg-primary),var(--lg-secondary))!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.2px!important;
  text-decoration:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24)!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
html body.lg-login-page .login-foot a:hover{transform:translateY(-1px)!important;box-shadow:0 8px 20px color-mix(in srgb,var(--lg-primary) 24%,transparent)!important}
html body.lg-login-page .login-foot img{
  width:25px!important;
  height:25px!important;
  max-width:25px!important;
  object-fit:contain!important;
  margin:0!important;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.18))!important;
}
html body.lg-login-page .login{padding-bottom:84px!important}
@media(max-width:440px){
 html body.lg-login-page .top,
 html body.lg-login-page .login-foot{width:calc(100vw - 10px)!important;max-width:430px!important}
 html body.lg-login-page .top{height:60px!important;min-height:60px!important;padding:6px 10px!important;border-radius:0 0 14px 14px!important}
 html body.lg-login-page .warp{padding-top:60px!important}
 html body.lg-login-page .top .lg-brand-logo{height:46px!important;gap:9px!important}
 html body.lg-login-page .top .lg-brand-logo img{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;flex-basis:44px!important}
 html body.lg-login-page .top .lg-brand-logo:after{font-size:13px!important;white-space:normal!important;line-height:1.12!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
 html body.lg-login-page .login-foot{bottom:5px!important;height:54px!important;border-radius:15px!important}
 html body.lg-login-page .login-foot a{border-radius:11px!important;font-size:13px!important}
}


/* === LG ULTRA V16 STEP-1 ROOT FIX ===
   IMPORTANT: login Blade is rendered inside the Laravel frontend layout, so an inner
   <body class="lg-login-page"> is ignored by browsers. V15 used body.lg-login-page
   and therefore never matched. V16 targets real elements with dedicated classes. */
html body .lg-login-top{
  position:fixed!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:606px!important;
  max-width:calc(100vw - 20px)!important;
  height:64px!important;
  min-height:64px!important;
  margin:0!important;
  padding:7px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
  background:linear-gradient(118deg,var(--lg-primary),var(--lg-secondary))!important;
  border:1px solid color-mix(in srgb,var(--lg-primary) 38%,var(--lg-border))!important;
  border-top:0!important;
  border-radius:0 0 18px 18px!important;
  box-shadow:0 14px 34px color-mix(in srgb,var(--lg-primary) 20%,transparent)!important;
  overflow:hidden!important;
  z-index:99990!important;
}
html body .lg-login-top .topLeft{
  position:relative!important;left:auto!important;top:auto!important;
  width:100%!important;height:50px!important;display:flex!important;
  align-items:center!important;justify-content:flex-start!important;
  min-width:0!important;text-decoration:none!important;
}
html body .lg-login-top .lg-brand-logo{
  position:static!important;width:100%!important;height:50px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:12px!important;min-width:0!important;
}
html body .lg-login-top .lg-brand-logo img{
  width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;
  object-fit:contain!important;flex:0 0 48px!important;margin:0!important;padding:3px!important;
  border-radius:12px!important;background:color-mix(in srgb,#fff 94%,transparent)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.16)!important;
}
html body .lg-login-top .lg-brand-logo:after{
  content:'LG Investment  ·  Invest Smart. Grow Clear.'!important;
  display:block!important;color:#fff!important;font-size:17px!important;line-height:1.15!important;
  font-weight:900!important;letter-spacing:.25px!important;text-align:left!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  text-shadow:0 2px 12px rgba(0,0,0,.22)!important;
}
html body .lg-login-top .topTit{display:none!important}

/* keep login content aligned to the same 606px center line */
html body .lg-login-shell{
  width:606px!important;max-width:calc(100vw - 20px)!important;
  margin-left:auto!important;margin-right:auto!important;
  padding-top:64px!important;box-sizing:border-box!important;
}

/* APP Download = same width and exact same center axis */
html body .lg-login-apk{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;
  transform:none!important;width:100%!important;max-width:606px!important;height:58px!important;
  margin:18px auto 14px!important;padding:6px!important;box-sizing:border-box!important;
  border:1px solid var(--lg-border)!important;border-radius:18px!important;
  background:color-mix(in srgb,var(--lg-surface) 92%,transparent)!important;
  box-shadow:0 12px 28px color-mix(in srgb,var(--lg-primary) 14%,transparent)!important;
  overflow:hidden!important;z-index:20!important;
}
html body .lg-login-apk a{
  width:100%!important;height:100%!important;display:flex!important;align-items:center!important;
  justify-content:center!important;gap:9px!important;padding:0 18px!important;
  border-radius:13px!important;color:#fff!important;
  background:linear-gradient(110deg,var(--lg-primary),var(--lg-secondary))!important;
  font-size:14px!important;font-weight:900!important;letter-spacing:.2px!important;
  text-decoration:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.24)!important;
}
html body .lg-login-apk img{width:25px!important;height:25px!important;object-fit:contain!important;margin:0!important}

@media(max-width:440px){
  html body .lg-login-top,html body .lg-login-shell,html body .lg-login-apk{
    width:calc(100vw - 10px)!important;max-width:430px!important;
  }
  html body .lg-login-top{height:60px!important;min-height:60px!important;padding:6px 10px!important;border-radius:0 0 14px 14px!important}
  html body .lg-login-shell{padding-top:60px!important}
  html body .lg-login-top .lg-brand-logo{height:46px!important;gap:9px!important}
  html body .lg-login-top .lg-brand-logo img{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;flex-basis:44px!important}
  html body .lg-login-top .lg-brand-logo:after{font-size:13px!important;white-space:normal!important;line-height:1.12!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
  html body .lg-login-apk{height:54px!important;margin-top:12px!important;border-radius:15px!important}
  html body .lg-login-apk a{border-radius:11px!important;font-size:13px!important}
}

/* === LG ULTRA V17: SLIDER FULL IMAGE + 5PX HEADER GAP + TRUE POPUP CENTER === */
/* Keep the 606px app shell. Only slider spacing/image fit and managed popup alignment are overridden here. */
html body:has(.lg-bottom-nav) .home-main{
  padding-top:5px!important;
}

/* 5px below header, no forced crop. Height follows the real image ratio. */
html body:has(.lg-bottom-nav) .banner,
html body:has(.lg-bottom-nav) .banner.lg-admin-slider{
  width:min(var(--lg-shell-w,606px),calc(100vw - 20px))!important;
  max-width:var(--lg-shell-w,606px)!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  margin:0 auto 12px!important;
  padding:0!important;
  overflow:hidden!important;
  background:var(--lg-surface)!important;
  border-radius:18px!important;
  box-sizing:border-box!important;
}
html body:has(.lg-bottom-nav) .banner .swiper,
html body:has(.lg-bottom-nav) .banner.lg-admin-slider .swiper{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body:has(.lg-bottom-nav) .banner .swiper-wrapper,
html body:has(.lg-bottom-nav) .banner.lg-admin-slider .swiper-wrapper{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  align-items:flex-start!important;
}
html body:has(.lg-bottom-nav) .banner .swiper-slide,
html body:has(.lg-bottom-nav) .banner.lg-admin-slider .swiper-slide,
html body:has(.lg-bottom-nav) .banner .swiper-slide>a,
html body:has(.lg-bottom-nav) .banner.lg-admin-slider .swiper-slide>a{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  line-height:0!important;
}
html body:has(.lg-bottom-nav) .banner img,
html body:has(.lg-bottom-nav) .banner.lg-admin-slider img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

/* Managed popup overlay must cover viewport; popup card itself stays centered in the 606px visual line. */
html body .web_notice.lg-managed-popup{
  position:fixed!important;
  inset:0!important;
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  transform:none!important;
  width:100vw!important;
  max-width:none!important;
  height:100dvh!important;
  margin:0!important;
  padding:14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  z-index:999999!important;
}
html body .web_notice.lg-managed-popup>.title_notice,
html body .web_notice.lg-managed-popup>.div_notice,
html body .web_notice.lg-managed-popup>.colse_btn{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:min(570px,calc(100vw - 28px))!important;
  max-width:570px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

@media(max-width:440px){
  html body:has(.lg-bottom-nav) .home-main{padding-top:5px!important}
  html body:has(.lg-bottom-nav) .banner,
  html body:has(.lg-bottom-nav) .banner.lg-admin-slider{
    width:100%!important;
    max-width:440px!important;
    height:auto!important;
    aspect-ratio:auto!important;
    border-radius:14px!important;
  }
  html body .web_notice.lg-managed-popup{padding:8px!important}
  html body .web_notice.lg-managed-popup>.title_notice,
  html body .web_notice.lg-managed-popup>.div_notice,
  html body .web_notice.lg-managed-popup>.colse_btn{
    width:calc(100vw - 16px)!important;
    max-width:424px!important;
  }
}

/* === LG PATCH V18: PRODUCT + ORDER ONLY (DO NOT TOUCH EXISTING PERFECT HOME/FOOTER) === */
:root{--lg-product-shell:606px}

/* Product/invest page and invested-order page: same 606px desktop axis */
html body.lg-product-page .lg-product-shell,
html body.lg-order-page .lg-order-shell{
  width:min(var(--lg-product-shell),calc(100vw - 20px))!important;
  max-width:var(--lg-product-shell)!important;
  margin-left:auto!important;margin-right:auto!important;
  box-sizing:border-box!important;
}

/* Product slider: only on /user/invest/log. Exactly 5px below member header, never crop. */
html body.lg-product-page .lg-product-slider{
  width:min(var(--lg-product-shell),calc(100vw - 20px))!important;
  max-width:var(--lg-product-shell)!important;
  margin:5px auto 0!important;
  padding:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
html body.lg-product-page .lg-product-slider img,
html body.lg-product-page .lg-product-slider picture,
html body.lg-product-page .lg-product-slider picture img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
}
html body.lg-product-page .lg-product-slider .swiper-wrapper,
html body.lg-product-page .lg-product-slider .swiper-slide{
  width:100%!important;height:auto!important;min-height:0!important;
  align-items:center!important;justify-content:center!important;
}

/* Daily / Hot Plans tabs */
html body.lg-product-page .lg-plan-tabs{
  width:min(var(--lg-product-shell),calc(100vw - 20px))!important;
  margin:10px auto 8px!important;
  display:grid!important;grid-template-columns:1fr 1fr!important;
  border:1px solid color-mix(in srgb,var(--lg-primary) 24%,var(--lg-border))!important;
  border-radius:16px!important;overflow:hidden!important;
  background:var(--lg-surface)!important;
  box-shadow:0 10px 28px color-mix(in srgb,var(--lg-primary) 10%,transparent)!important;
}
html body.lg-product-page .lg-plan-tab{
  min-height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  cursor:pointer!important;user-select:none!important;font-weight:850!important;
  color:var(--lg-text)!important;background:var(--lg-surface)!important;
  transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease!important;
}
html body.lg-product-page .lg-plan-tab.is-active{
  color:#fff!important;background:linear-gradient(110deg,var(--lg-primary),var(--lg-secondary))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 22%,transparent)!important;
}
html body.lg-product-page .lg-plan-tab:hover{transform:translateY(-1px)!important}
html body.lg-product-page .lg-filter-hidden{display:none!important}

/* Explicit Amount row/chip for plan cards without disturbing existing fields */
html body.lg-product-page .lg-plan-amount{
  margin:10px 0 0!important;padding:9px 12px!important;border-radius:12px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  background:color-mix(in srgb,var(--lg-primary) 7%,var(--lg-surface))!important;
  border:1px solid color-mix(in srgb,var(--lg-primary) 20%,var(--lg-border))!important;
  color:var(--lg-text)!important;font-size:13px!important;font-weight:750!important;
}
html body.lg-product-page .lg-plan-amount strong{color:var(--lg-primary)!important;font-size:15px!important}

/* Order / invested-product page: force everything back into one centered 606px canvas */
html body.lg-order-page .top,
html body.lg-order-page .appHeader,
html body.lg-order-page .myorder,
html body.lg-order-page .myorder>div,
html body.lg-order-page .myorder>ul,
html body.lg-order-page .order-main,
html body.lg-order-page .order-container,
html body.lg-order-page .lg-order-content{
  width:min(var(--lg-product-shell),calc(100vw - 20px))!important;
  max-width:var(--lg-product-shell)!important;
  margin-left:auto!important;margin-right:auto!important;
  box-sizing:border-box!important;
}
html body.lg-order-page .myorder{padding-left:0!important;padding-right:0!important;overflow:visible!important}
html body.lg-order-page .myorder li,
html body.lg-order-page .order-card,
html body.lg-order-page .lg-order-card{
  width:100%!important;max-width:100%!important;margin:12px 0!important;box-sizing:border-box!important;
  overflow:hidden!important;border-radius:18px!important;
}

/* Triple-layer cycle dashboard appended inside each invested card */
html body.lg-order-page .lg-cycle-dashboard{
  margin:14px 12px 12px!important;padding:14px!important;border-radius:18px!important;
  display:grid!important;grid-template-columns:142px minmax(0,1fr)!important;gap:16px!important;align-items:center!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--lg-primary) 8%,var(--lg-surface)),color-mix(in srgb,var(--lg-secondary) 7%,var(--lg-surface-2)))!important;
  border:1px solid color-mix(in srgb,var(--lg-primary) 22%,var(--lg-border))!important;
  box-shadow:0 12px 30px color-mix(in srgb,var(--lg-primary) 10%,transparent)!important;
}
html body.lg-order-page .lg-cycle-rings{
  --p:72%;position:relative!important;width:132px!important;height:132px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:conic-gradient(var(--lg-primary) var(--p),color-mix(in srgb,var(--lg-primary) 10%,transparent) 0)!important;
  animation:lgRingPulse 2.8s ease-in-out infinite!important;
}
html body.lg-order-page .lg-cycle-rings:before{
  content:""!important;position:absolute!important;inset:12px!important;border-radius:50%!important;
  background:conic-gradient(var(--lg-secondary) calc(var(--p) * .86),color-mix(in srgb,var(--lg-secondary) 11%,transparent) 0)!important;
  box-shadow:inset 0 0 0 8px var(--lg-surface)!important;
}
html body.lg-order-page .lg-cycle-rings:after{
  content:""!important;position:absolute!important;inset:30px!important;border-radius:50%!important;
  background:conic-gradient(var(--lg-accent) calc(var(--p) * .68),color-mix(in srgb,var(--lg-accent) 12%,transparent) 0)!important;
  box-shadow:inset 0 0 0 10px var(--lg-surface)!important;
}
html body.lg-order-page .lg-cycle-center{position:relative!important;z-index:3!important;text-align:center!important;color:var(--lg-text)!important}
html body.lg-order-page .lg-cycle-center b{display:block!important;font-size:20px!important;line-height:1!important;color:var(--lg-primary)!important}
html body.lg-order-page .lg-cycle-center span{display:block!important;margin-top:4px!important;font-size:9px!important;letter-spacing:.8px!important;text-transform:uppercase!important;color:var(--lg-muted)!important}
html body.lg-order-page .lg-cycle-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;min-width:0!important}
html body.lg-order-page .lg-cycle-metric{padding:10px!important;border-radius:13px!important;background:var(--lg-surface)!important;border:1px solid var(--lg-border)!important;min-width:0!important}
html body.lg-order-page .lg-cycle-metric span{display:block!important;font-size:10px!important;color:var(--lg-muted)!important;text-transform:uppercase!important;letter-spacing:.4px!important}
html body.lg-order-page .lg-cycle-metric strong{display:block!important;margin-top:3px!important;font-size:13px!important;color:var(--lg-text)!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body.lg-order-page .lg-cycle-metric.is-income strong{color:var(--lg-secondary)!important}
html body.lg-order-page .lg-cycle-metric.is-timer strong{color:var(--lg-primary)!important}
@keyframes lgRingPulse{0%,100%{filter:drop-shadow(0 0 0 color-mix(in srgb,var(--lg-primary) 0%,transparent));transform:scale(1)}50%{filter:drop-shadow(0 8px 15px color-mix(in srgb,var(--lg-primary) 24%,transparent));transform:scale(1.025)}}

@media(max-width:440px){
  :root{--lg-product-shell:430px}
  html body.lg-product-page .lg-product-shell,
  html body.lg-order-page .lg-order-shell,
  html body.lg-product-page .lg-product-slider,
  html body.lg-product-page .lg-plan-tabs,
  html body.lg-order-page .top,
  html body.lg-order-page .appHeader,
  html body.lg-order-page .myorder,
  html body.lg-order-page .order-main,
  html body.lg-order-page .order-container,
  html body.lg-order-page .lg-order-content{width:calc(100vw - 8px)!important;max-width:430px!important}
  html body.lg-order-page .lg-cycle-dashboard{grid-template-columns:112px minmax(0,1fr)!important;gap:10px!important;margin:10px 8px!important;padding:10px!important}
  html body.lg-order-page .lg-cycle-rings{width:104px!important;height:104px!important}
  html body.lg-order-page .lg-cycle-rings:before{inset:10px!important}
  html body.lg-order-page .lg-cycle-rings:after{inset:25px!important}
  html body.lg-order-page .lg-cycle-center b{font-size:17px!important}
  html body.lg-order-page .lg-cycle-metrics{gap:6px!important}
  html body.lg-order-page .lg-cycle-metric{padding:8px!important}
  html body.lg-order-page .lg-cycle-metric strong{font-size:11px!important}
}