body{overflow-x:hidden}

/* SIDEBAR */
.sidebar{
  width:260px;min-height:100vh;position:fixed;left:0;top:0;
  background:var(--bs-dark-bg-subtle);padding-top:60px;z-index:1050
}
.sidebar .nav-link{color:var(--bs-secondary-color)}
.sidebar .nav-link:hover,.sidebar .nav-link.active{
  background:transparent!important;color:var(--bs-body-color)
}
.toggle-icon::before{content:"+"}
.nav-link[aria-expanded="true"] .toggle-icon::before{content:"−"}

/* HEADER */
.header{
  height:60px;position:fixed;top:0;left:260px;right:0;
  background:var(--bs-body-bg);
  border-bottom:1px solid var(--bs-border-color);
  z-index:1040
}

/* MAIN */
.main{
  margin-left:260px;padding:80px 20px 20px;position:relative;z-index:1
}

/* OVERLAY */
.sidebar-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.4);
  z-index:1030;display:none
}

/* HEADER EXTRAS */
.search-input{max-width:220px}
.icon-btn{position:relative}
.icon-btn .badge{
  position:absolute;top:-4px;right:-4px;font-size:10px
}
.admin-avatar{
  width:32px;height:32px;border-radius:50%;object-fit:cover
}
.status-dot{
  width:8px;height:8px;border-radius:50%;
  position:absolute;bottom:2px;right:2px;border:2px solid #fff
}
.status-online{background:#28a745}

/* MOBILE */
@media(max-width:991px){
  .sidebar{left:-260px;transition:.3s}
  .sidebar.show{left:0}
  .header{left:0}
  .main{margin-left:0}
  .sidebar.show~.sidebar-overlay{display:block}
}
.vip-diamond {
  background: linear-gradient(135deg, #60a5fa, #a78bfa);
  color: #fff;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 14px;
  box-shadow: 0 0 10px rgba(96, 165, 250, 0.6);
}
.glass-card {
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(14px); /* Safari first */
  backdrop-filter: blur(14px);         /* Standard after */
  border-radius: 16px;
  box-shadow: 0 25px 60px rgba(0,0,0,0.08);
  border: 1px solid rgba(255,255,255,0.3);
}


.glass-table tr {
  transition: 0.25s;
}

.glass-table tr:hover {
  background: rgba(255,255,255,0.55);
}

.product-thumb {
  width: 58px;
  height: 58px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.color-box {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: 1px solid #ddd;
  display: inline-block;
}