/* Shared MUABANXU UI foundations */
body::-webkit-scrollbar {
  width: 15px;               /* Chiều rộng vùng chứa scrollbar */
}
body::-webkit-scrollbar-track {
  background: #ccc;        /* Màu nền ngoài của thanh scrollbar */
}
body::-webkit-scrollbar-thumb {
  background-color: black;    /* Màu của thanh cuộn (scroll thumb) */
  border-radius: 2px;       /* Bo góc scroll thumb */
 
}
body::-webkit-scrollbar-thumb:hover {
    background-color: black; /* Hiệu ứng di chuột đổi màu*/
}
body { /*cho Firefox*/
    scrollbar-width: thin;          /* "auto" hoặc "thin" */
    scrollbar-color: black #ccc;   /* scroll thumb and track */
}


ol {
  counter-reset: li;
  list-style: none;
  padding: 0;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}

ol a {
  position: relative;
  display: block;
  padding: .4em .4em .4em .8em;
  margin: .5em 0 .5em 2.5em;
  background: #D3D4DA;
  color: #444;
  text-decoration: none;
  transition: all .3s ease-out;
}

ol a:hover {
  background: #DCDDE1;
}

ol a:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -2.5em;
  top: 50%;
  margin-top: -1em;
  background: #f9dd94;
  height: 2em;
  width: 2em;
  line-height: 2em;
  text-align: center;
  font-weight: bold;
}

ol a:after {
  position: absolute;
  content: "";
  border: .5em solid transparent;
  left: -1em;
  top: 50%;
  margin-top: -.5em;
  transition: all .3s ease-out;
}

ol a:hover:after {
  left: -.5em;
  border-left-color: #f9dd94;
}

.thumbnail_zoom {
  margin: 0 auto;
}

.thumbnail_zoom:hover {
  transform: scale(10);
  /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  position: absolute;
  z-index: 999;

}

.img_thumbnail_zoom {
  height: 100px;
  border-width: 0.5px;
}


/* CSS */
.nav-link {
  align-items: center;
  background: #252525;
  border: 0 solid #E2E8F0;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  color: white;
  display: block;
  font-size: 1rem;
  font-weight: 700;
  height: 60px;
  margin: 5px;
  justify-content: center;
  line-height: 24px;
  overflow-wrap: break-word;
  padding: 22px 25px;
  text-decoration: none;
  width: auto;
  border-radius: 8px;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.nav-pills .nav-item a {
  color: white;
}

.badge2 {
  padding: 0.8em 0.8em;
  line-height: 1.3;
  text-transform: capitalize;
  border-radius: 5px;
}

.name-product {
  font-size: 15px;
}

.iq-sidebar-menu .side-menu li a {
  color: #e2e2e2;
}

.title-comm {
  color: #fff;
  font-size: 18px;
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: 700;
  background-color: #fff;
  text-align: center;
}

h3.title-comm:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: 0;
  border-top: 2px solid #d0d2d3;
  z-index: 1;
  display: block;
}

.title-comm .title-holder {
  min-width: 350px;
  height: 45px;
  background-color: #56bbe7;
  height: auto;
  line-height: 45px;
  padding: 0px 20px;
  position: relative;
  z-index: 2;
  text-align: center;
  display: inline-block;
  min-width: 280px;
}

.title-holder:before {
  content: "";
  position: absolute;
  right: -15px;
  border-width: 0px;
  bottom: 0px;
  border-style: solid;
  border-color: #5c9efe transparent;
  display: block;
  width: 0;
  height: 0;
  border-top: 23px solid transparent;
  border-bottom: 22px solid transparent;
  border-left: 15px solid #56bbe7;
}

.title-holder:after {
  content: "";
  position: absolute;
  left: -15px;
  border-width: 0px;
  bottom: 0px;
  border-style: solid;
  border-color: #5c9efe transparent;
  display: block;
  width: 0;
  height: 0;
  border-top: 23px solid transparent;
  border-bottom: 22px solid transparent;
  border-right: 15px solid #56bbe7;
}

.table tr th {
  border: 2px white solid;
}

.dark .table tr th {
  border: 2px #181818 solid;
}

.thumbnail-mobile {
  width: 32px;
  height: 24px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
}

.thumbnail-mobile img {
  width: 100%;
  height: 100%;
  transition-duration: 0.1s;
}

.thumbnail-mobile img:hover {
  position: absolute;
  width: 350px;
  height: 210px;
  right: -20px;
  border: 3px solid #00ac15;
  border-radius: 9px;
  z-index: 1000;
}
.modal-header {
  background-color: #f5f5f503;
}
.sidebar-default .iq-sidebar-menu .side-menu li.active .submenu li.active>a {
  color: #ffffff;
}

/* MUABANXU 2026 visual system: one surface and contrast contract for every client page. */
:root{--mbx-canvas:#f5f7fa;--mbx-surface:#fff;--mbx-ink:#172941;--mbx-muted:#6f8094;--mbx-line:#dce5ed;--mbx-teal:#0f766e;--mbx-dark:#0d1726;--mbx-dark-surface:#132238;--mbx-dark-line:#29415f}
html,body{background:var(--mbx-canvas)}body{color:var(--mbx-ink)!important}body .content-page{background:var(--mbx-canvas)!important}body .content-page .container-fluid{max-width:1420px}
body .mbx-sidebar{width:264px;border:0!important;background:#0c1b2e!important;box-shadow:none!important}body .mbx-sidebar .iq-sidebar-logo{min-height:82px;padding:18px 20px!important;border-bottom:1px solid rgba(210,226,246,.1)!important}body .mbx-sidebar .header-logo img{max-height:38px;max-width:100%;object-fit:contain;filter:brightness(0) invert(1)}body .mbx-sidebar .data-scrollbar{height:calc(100vh - 82px);padding:13px 10px 26px}.mbx-sidebar .mbx-wallets{gap:7px;margin:0 4px 13px!important;padding:11px!important;border:1px solid rgba(158,189,224,.13);border-radius:13px;background:rgba(255,255,255,.045)}.mbx-sidebar .mbx-wallet{padding:8px 9px!important;border:0!important;border-radius:8px!important;background:rgba(9,20,36,.3)!important}.mbx-sidebar .mbx-wallet.sell{background:rgba(8,123,104,.13)!important}.mbx-sidebar .mbx-wallet-label{color:#9fb2cb!important;font-size:10px!important}.mbx-sidebar .mbx-wallet-label i{color:#79aefd!important}.mbx-sidebar .mbx-wallet.sell .mbx-wallet-label i{color:#56d1b8!important}.mbx-sidebar .mbx-wallet strong{color:#f3f7fc!important;font-size:13px!important}.mbx-sidebar .mbx-menu-title{padding:13px 11px 6px!important;color:#6f88a8!important;font-size:9px!important;letter-spacing:.14em!important}.mbx-sidebar .side-menu li a{height:42px;margin:2px 0!important;padding:10px 11px!important;border:1px solid transparent;border-radius:9px!important;color:#b8c7da!important;font-size:12px!important;font-weight:750!important}.mbx-sidebar .side-menu li a i{width:21px;color:#7891af!important;font-size:13px}.mbx-sidebar .side-menu li a:hover{border-color:rgba(138,181,243,.15);background:rgba(92,143,215,.12)!important;color:#eff6ff!important}.mbx-sidebar .side-menu li.active>a{border-color:rgba(100,176,255,.2);background:linear-gradient(90deg,rgba(39,106,207,.62),rgba(34,89,170,.3))!important;color:#fff!important;box-shadow:inset 3px 0 #62c9e9}body.sidebar-main .content-page{margin-left:264px!important}
body:not(.dark) .card,body:not(.dark) .iq-card,body:not(.dark) .modal-content{border:1px solid var(--mbx-line);border-radius:14px;box-shadow:0 8px 24px rgba(22,36,58,.045)}body:not(.dark) .card-header,body:not(.dark) .iq-card-header{border-color:var(--mbx-line);background:transparent}body:not(.dark) .form-control,body:not(.dark) .custom-select{min-height:42px;border-color:#dbe5ef;border-radius:9px;background:#fbfcfe;color:var(--mbx-ink);box-shadow:none}body:not(.dark) .btn-primary,body:not(.dark) .btn-success{border-color:var(--mbx-teal);background:var(--mbx-teal);box-shadow:0 6px 14px rgba(15,118,110,.15)}body:not(.dark) .mbx-sidebar{border-right:1px solid var(--mbx-line)!important;background:#fff!important}.mbx-sidebar .iq-sidebar-logo{border-bottom-color:var(--mbx-line)!important}body:not(.dark) .mbx-sidebar .header-logo img{filter:none}body:not(.dark) .mbx-sidebar .mbx-wallets{border-color:var(--mbx-line);background:#f8fbfa}body:not(.dark) .mbx-sidebar .mbx-wallet{background:#fff!important}body:not(.dark) .mbx-sidebar .mbx-wallet.sell{background:#f0fdf8!important}body:not(.dark) .mbx-sidebar .mbx-wallet-label{color:#667085!important}body:not(.dark) .mbx-sidebar .mbx-wallet-label i{color:var(--mbx-teal)!important}body:not(.dark) .mbx-sidebar .mbx-wallet strong{color:var(--mbx-ink)!important}body:not(.dark) .mbx-sidebar .mbx-menu-title{color:#98a7b8!important}body:not(.dark) .mbx-sidebar .side-menu li a{color:#526174!important}body:not(.dark) .mbx-sidebar .side-menu li a i{color:#8a9aad!important}body:not(.dark) .mbx-sidebar .side-menu li a:hover{border-color:transparent;background:#ecfdf5!important;color:var(--mbx-teal)!important}body:not(.dark) .mbx-sidebar .side-menu li.active>a{border-color:transparent!important;background:var(--mbx-teal)!important;color:#fff!important;box-shadow:0 10px 20px rgba(15,118,110,.16)!important}
/* Home dashboard and dark-mode contracts */
.mbx-center{padding:28px 0 54px!important;background:var(--mbx-canvas)!important}.mbx-center:before{width:min(900px,90vw);height:260px;background:radial-gradient(circle,rgba(15,118,110,.06),transparent 70%)!important}.mbx-home-notice{border:1px solid #dfe8f2;border-left:3px solid var(--mbx-teal);border-radius:10px;box-shadow:none}.mbx-center-hero{gap:18px}.mbx-center-copy,.mbx-overview{border:1px solid #dfe7f1!important;border-radius:16px!important;background:#fff!important;box-shadow:0 12px 28px rgba(22,36,58,.05)!important}.mbx-center-copy{min-height:278px;padding:34px 36px!important}.mbx-center-copy:before{height:3px;background:linear-gradient(90deg,#0f766e 0 36%,#f59e0b 36% 48%,transparent 48%)!important}.mbx-center-copy h1{max-width:650px;color:#182230!important;font-size:clamp(31px,3.15vw,45px)!important;letter-spacing:-.045em!important}.mbx-center-copy p{max-width:590px;color:#64758a!important}.mbx-kicker{border-radius:7px;border-color:#b9e7db;background:#f1fdf9;color:#0f766e}.mbx-center-actions a{min-height:43px;border-radius:8px!important}.mbx-action-primary,.mbx-service-btn{background:#0f766e!important;box-shadow:0 9px 20px rgba(15,118,110,.18)!important}.mbx-action-secondary{border-color:#d9e3ea;color:#0f766e!important;background:#fff!important}.mbx-overview{padding:23px!important}.mbx-overview:before{left:23px;background:#0f766e}.mbx-overview-head h2,.mbx-section-head h2{color:#172941!important}.mbx-wallet-line{padding:12px!important;border-color:#e3ebf3!important;border-radius:9px!important;background:#f8fbfe!important}.mbx-wallet-line.sell{border-color:#d6eee8!important;background:#f3fbf8!important}.mbx-quick-strip{gap:0;padding:7px 10px!important;border-radius:12px!important;border-color:#dee7f1!important;background:#fff!important;box-shadow:0 8px 20px rgba(22,36,58,.035)!important}.mbx-quick-item{padding:9px 12px!important}.mbx-quick-icon,.mbx-service-icon{border-color:#c8ebe1!important;background:#eefbf7!important;color:#0f766e!important;box-shadow:none!important}.mbx-center-grid{gap:16px!important}.mbx-service-card{min-height:250px;padding:21px!important;border:1px solid #dfe7f1!important;border-top:3px solid #0f766e!important;border-radius:14px!important;background:#fff!important;box-shadow:0 10px 24px rgba(22,36,58,.04)!important}.mbx-service-card.ttc{border-top-color:#d97706!important}.mbx-service-card h3{color:#1a2d47!important}.mbx-service-card p{color:#6d7e93!important}.mbx-rate-box{padding:10px 11px;border-radius:8px;background:#f5f8fc}.mbx-service-card.ttc .mbx-service-btn{background:#b45309!important}
body.dark{--mbx-canvas:var(--mbx-dark);background:var(--mbx-dark)!important;color:#dce7f4}body.dark .content-page,body.dark .mbx-center{background:var(--mbx-dark)!important}body.dark .card,body.dark .iq-card,body.dark .modal-content{border-color:var(--mbx-dark-line)!important;background:var(--mbx-dark-surface)!important;box-shadow:0 10px 26px rgba(0,0,0,.16)}body.dark .card-header,body.dark .iq-card-header{border-color:var(--mbx-dark-line)!important;background:var(--mbx-dark-surface)!important}body.dark .form-control,body.dark .custom-select{border-color:#2b4262!important;background:#101e32!important;color:#dce7f4!important}body.dark .mbx-sidebar{background:#091424!important}body.dark .mbx-sidebar .header-logo img{filter:none!important;background:transparent!important}body.dark .mbx-home-notice{border-color:var(--mbx-dark-line);border-left-color:#639ef0;background:#112238}body.dark .mbx-center-copy,body.dark .mbx-overview{border-color:var(--mbx-dark-line)!important;background:var(--mbx-dark-surface)!important;box-shadow:0 12px 28px rgba(0,0,0,.14)!important}body.dark .mbx-center-copy:before{background:linear-gradient(90deg,#659ff2 0 35%,#56cfb5 35% 52%,transparent 52%)!important}body.dark .mbx-center-copy h1{color:#f2f7fc!important}body.dark .mbx-center-copy p{color:#a9b9cc!important}body.dark .mbx-kicker{border-color:#2e4d73;background:#112b49;color:#8cc0ff}body.dark .mbx-wallet-line{border-color:var(--mbx-dark-line)!important;background:#102138!important}body.dark .mbx-wallet-line.sell{border-color:#285b56!important;background:#102b2d!important}body.dark .mbx-quick-strip{border-color:var(--mbx-dark-line)!important;background:var(--mbx-dark-surface)!important;box-shadow:none!important}body.dark .mbx-quick-item+.mbx-quick-item{border-color:var(--mbx-dark-line)}body.dark .mbx-service-card{border-color:var(--mbx-dark-line)!important;border-top-color:#5797ef!important;background:var(--mbx-dark-surface)!important;box-shadow:0 10px 24px rgba(0,0,0,.12)!important}body.dark .mbx-service-card.ttc{border-top-color:#aa91f4!important}body.dark .mbx-service-card.thu{border-top-color:#4ecfb1!important}body.dark .mbx-rate-box{background:#102039!important}body.dark .mbx-service-btn{background:#356fc9!important}body.dark .mbx-service-card.ttc .mbx-service-btn{background:#7657c4!important}body.dark .mbx-service-card.thu .mbx-service-btn{background:#0c927b!important}body.dark .mbx-section-head h2,body.dark .mbx-overview-head h2,body.dark .mbx-service-card h3{color:#eef5fc!important}body.dark .mbx-section-head p,body.dark .mbx-service-card p,body.dark .mbx-overview-note,body.dark .mbx-wallet-line-label{color:#aebed0!important}body.dark .mbx-section-head a{color:#8fc4ff!important}body.dark .mbx-wallet-line strong{color:#f4f8fc!important}body.dark .mbx-overview-note{background:#102039!important}body.dark .mbx-rate-box span{color:#aebed0!important}body.dark .mbx-rate-box strong{color:#88b9ff!important}body.dark .mbx-service-card.ttc .mbx-rate-box strong{color:#c3adff!important}body.dark .mbx-service-card.thu .mbx-rate-box strong{color:#65d8bd!important}
/* Dark-mode contracts for legacy templates and every transaction view. */
body.dark .content-page .text-dark{color:#edf4fb!important}body.dark .content-page .text-muted{color:#aebed0!important}body.dark .content-page .bg-white{background:var(--mbx-dark-surface)!important}body.dark .xu-shop-page .hero{border-color:#27476e!important;background:linear-gradient(112deg,#112947,#174e7f)!important}body.dark .xu-shop-page .card-shelf{border-color:var(--mbx-dark-line)!important;box-shadow:none!important}body.dark .xu-shop-page .soft-alert{border-color:var(--mbx-dark-line)!important;border-left-color:#5f9ff2!important;background:var(--mbx-dark-surface)!important;color:#c7d5e6!important}body.dark .xu-shop-page .soft-alert [style]{color:#edf4fb!important}body.dark .xu-shop-page .card-shelf .card-body{background:var(--mbx-dark-surface)!important}
body.dark .sell-withdraw-page{background:var(--mbx-dark)!important}body.dark .sell-withdraw-card,body.dark .sell-withdraw-card-head,body.dark .sell-withdraw-form,body.dark .sell-withdraw-info{border-color:var(--mbx-dark-line)!important;background:var(--mbx-dark-surface)!important;box-shadow:none!important}body.dark .sell-withdraw-card-head h2{color:#eef5fc!important}body.dark .sell-withdraw-card-head p,body.dark .sell-withdraw-form label,body.dark .sell-info-row{color:#aebed0!important}body.dark .sell-withdraw-form .form-control{border-color:#2d4666!important;background:#102039!important;color:#edf4fb!important}body.dark .sell-withdraw-tip{border-color:#6a592d!important;background:#2b2719!important;color:#ead69c!important}body.dark .sell-info-row,body.dark .sell-withdraw-history td{border-color:var(--mbx-dark-line)!important}body.dark .sell-info-row strong{color:#edf4fb!important}body.dark .sell-withdraw-history th{color:#aebed0!important}
body.dark .thu-panel{border-color:var(--mbx-dark-line)!important;background:var(--mbx-dark-surface)!important;box-shadow:none!important}body.dark .thu-summary-item{border-color:var(--mbx-dark-line)!important;background:#102039!important;color:#c8d5e4!important}body.dark .thu-type label{border-color:#2d4666!important;background:#102039!important;color:#c8d5e4!important}body.dark .thu-type input:checked+label{border-color:#5f9ff2!important;background:#173154!important;color:#b7d7ff!important}body.dark .thu-input,body.dark .thu-results,body.dark .thu-summary{border-color:var(--mbx-dark-line)!important;background:var(--mbx-dark-surface)!important;color:#e7f0fa!important}
body.dark .xu-history-page,body.dark .thu-history-v2{background:var(--mbx-dark)!important}body.dark .xu-history-page .xu-history-card,body.dark .xu-history-page .card-header,body.dark .xu-history-page .card-body{border-color:var(--mbx-dark-line)!important;background:var(--mbx-dark-surface)!important;box-shadow:none!important}body.dark .xu-history-page .card-header h1,body.dark .thu-history-v2 h1{color:#eef5fc!important}body.dark .xu-history-page .card-header p,body.dark .xu-history-page .toolbar .text-muted,body.dark .thu-history-v2 .intro p{color:#aebed0!important}body.dark .xu-history-page .table,body.dark .xu-history-page .table tbody,body.dark .xu-history-page .table tr{background:var(--mbx-dark-surface)!important}body.dark .xu-history-page .table th{border-color:var(--mbx-dark-line)!important;background:#102039!important;color:#aebed0!important}body.dark .xu-history-page .table td{border-color:var(--mbx-dark-line)!important;background:var(--mbx-dark-surface)!important;color:#dce7f4!important}body.dark .xu-history-page .table-hover tbody tr:hover,body.dark .xu-history-page .table-hover tbody tr:hover td{background:#172b47!important}body.dark .xu-history-page .form-control{border-color:#2d4666!important;background:#102039!important;color:#edf4fb!important}body.dark .thu-history-v2 .batch,body.dark .thu-history-v2 .empty{border-color:var(--mbx-dark-line)!important;background:var(--mbx-dark-surface)!important;box-shadow:none!important}body.dark .thu-history-v2 .batch-code{color:#8fc4ff!important}body.dark .thu-history-v2 .batch-meta,body.dark .thu-history-v2 .batch-total small,body.dark .thu-history-v2 .empty{color:#aebed0!important}body.dark .thu-history-v2 .table-wrap{border-color:var(--mbx-dark-line)!important}body.dark .thu-history-v2 .table,body.dark .thu-history-v2 .table tbody,body.dark .thu-history-v2 .table tr{background:var(--mbx-dark-surface)!important}body.dark .thu-history-v2 .table th{border-color:var(--mbx-dark-line)!important;background:#102039!important;color:#aebed0!important}body.dark .thu-history-v2 .table td{border-color:var(--mbx-dark-line)!important;background:var(--mbx-dark-surface)!important;color:#dce7f4!important}
@media(max-width:1299px){body.sidebar-main .content-page{margin-left:0!important}}@media(max-width:900px){.mbx-center-copy{min-height:0;padding:28px 24px!important}.mbx-service-card{min-height:226px}}@media(max-width:620px){.mbx-center{padding:17px 0 36px!important}.mbx-center-copy,.mbx-overview{border-radius:13px!important}.mbx-center-copy{padding:24px 19px!important}.mbx-center-copy h1{font-size:31px!important}}
/* Preserve contrast for compact labels when the theme switches back to light. */
body:not(.dark) .mbx-kicker{border-color:#b9e7db!important;background:#f1fdf9!important;color:#0f766e!important}body:not(.dark) .mbx-kicker i,body:not(.dark) .mbx-kicker svg{color:#0f766e!important;fill:currentColor!important}body:not(.dark) .mbx-home-notice-icon{background:#eaf3ff!important;color:#1769e0!important}body:not(.dark) .mbx-home-notice-label{color:#1769e0!important}
/* Recharge message content is stored by the administrator, so give it the same visual contract. */
.mbx-recharge-notice h3{margin:0 0 7px;color:#17345d;font-size:18px;font-weight:850}.mbx-recharge-notice p{margin:0 0 9px;color:#52647a}.mbx-recharge-notice ul{margin:0;padding-left:19px;color:#52647a}.mbx-recharge-notice li+li{margin-top:5px}body.dark .mbx-recharge-notice h3{color:#edf4fb!important}body.dark .mbx-recharge-notice p,body.dark .mbx-recharge-notice ul{color:#c7d5e6!important}
/* The TDS/TTC template defines its filters locally, so fully neutralise its light surfaces in dark mode. */
body.dark .xu-shop-page .card-shelf,body.dark .xu-shop-page .card-shelf>.card-body,body.dark .xu-shop-page .card-shelf .card-header{border-color:var(--mbx-dark-line)!important;background:var(--mbx-dark-surface)!important;color:#dce7f4!important}
body.dark .xu-shop-page #xu-filter-form{border-color:var(--mbx-dark-line)!important;background:#102039!important}body.dark .xu-shop-page #xu-filter-form label,body.dark .xu-shop-page .filter-row-head strong{color:#c8d5e4!important}body.dark .xu-shop-page .filter-row-head{border-color:var(--mbx-dark-line)!important}
body.dark .xu-shop-page .filter-chip{border-color:#2d4666!important;background:#152942!important;color:#c8d5e4!important}body.dark .xu-shop-page .filter-chip.active,body.dark .xu-shop-page .filter-chip:hover{border-color:#5f9ff2!important;background:#356fc9!important;color:#fff!important}
body.dark .xu-shop-page #xu-filter-form .form-control{border-color:#2d4666!important;background:#132238!important;color:#edf4fb!important}body.dark .xu-shop-page .toolbar-wrap{border-color:var(--mbx-dark-line)!important;background:#102039!important}body.dark .xu-shop-page .selected-stats .stat-chip{border-color:#2d4666!important;background:#132238!important;color:#c8d5e4!important}
body.dark .xu-shop-page .xu-table tbody tr,body.dark .xu-shop-page .xu-table tbody td{border-color:var(--mbx-dark-line)!important;background:#132238!important;color:#dce7f4!important}body.dark .xu-shop-page .xu-table thead th,body.dark .xu-shop-page .card-shelf .table thead th{color:#aebed0!important}body.dark .xu-shop-page .card-shelf .table tbody td{border-color:var(--mbx-dark-line)!important;color:#dce7f4!important}
/* Desktop sidebar: animate one composed layout instead of hiding pieces abruptly. */
@media(min-width:1300px){
  .iq-sidebar,.content-page,.iq-top-navbar,.iq-footer{transition:width .32s cubic-bezier(.22,.8,.28,1),margin-left .32s cubic-bezier(.22,.8,.28,1),left .32s cubic-bezier(.22,.8,.28,1)!important}
  .mbx-sidebar .iq-sidebar-logo{transition:padding .28s ease,justify-content .28s ease!important}
  .mbx-sidebar .side-menu li a{transition:background-color .18s ease,color .18s ease,padding .32s cubic-bezier(.22,.8,.28,1),margin .32s cubic-bezier(.22,.8,.28,1)!important}
  .mbx-sidebar .side-menu li a span{display:inline-block!important;max-width:170px;overflow:hidden;opacity:1;transform:translateX(0);transition:max-width .24s ease,opacity .16s ease,transform .24s ease,margin .24s ease!important}
  .mbx-sidebar .mbx-menu-title{max-height:34px;overflow:hidden;opacity:1;transition:max-height .24s ease,opacity .15s ease,padding .24s ease!important}
  .mbx-sidebar .mbx-wallets{display:grid!important;max-height:150px;overflow:hidden;opacity:1;transition:max-height .28s ease,opacity .16s ease,margin .28s ease,padding .28s ease!important}
  body.sidebar-main .content-page{margin-left:80px!important}
  body.sidebar-main .mbx-sidebar .iq-sidebar-logo{padding-left:12px!important;padding-right:12px!important}
  body.sidebar-main .mbx-sidebar .header-logo{max-width:0;overflow:hidden;opacity:0;transform:translateX(-5px);transition:max-width .2s ease,opacity .13s ease,transform .2s ease!important}
  body.sidebar-main .mbx-sidebar .side-menu li a{justify-content:center!important;padding-left:10px!important;padding-right:10px!important}
  body.sidebar-main .mbx-sidebar .side-menu li a i{width:auto!important;margin:0!important}
  body.sidebar-main .mbx-sidebar .side-menu li a span{display:inline-block!important;max-width:0!important;margin-left:0!important;opacity:0!important;transform:translateX(-5px)}
  body.sidebar-main .mbx-sidebar .mbx-menu-title{max-height:0!important;padding-top:0!important;padding-bottom:0!important;opacity:0!important}
  body.sidebar-main .mbx-sidebar .mbx-wallets{display:grid!important;max-height:0!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;border-width:0!important;opacity:0!important}
}
@media(prefers-reduced-motion:reduce){.iq-sidebar,.content-page,.iq-top-navbar,.iq-footer,.mbx-sidebar *{transition-duration:.01ms!important}}
/* Tablet and compact desktop use an overlay drawer; transform keeps it smooth without reflow. */
@media(max-width:1299px){
  .mbx-sidebar.iq-sidebar{left:0!important;width:264px!important;transform:translate3d(-100%,0,0);will-change:transform;transition:transform .28s cubic-bezier(.22,.8,.28,1),box-shadow .28s ease!important}
  body.sidebar-main .mbx-sidebar.iq-sidebar{left:0!important;width:264px!important;transform:translate3d(0,0,0)!important;box-shadow:14px 0 34px rgba(15,23,42,.18)!important}
}