:root{--lux-bg:#0b0b10;--lux-gold:#D4AF37;--lux-accent:#7c5cff;}
body.lux-bg{background:radial-gradient(circle at 20% 10%, #26264a, var(--lux-bg)); font-family:'Cairo',sans-serif; color:#fff;}
.lux-topbar{background:rgba(10,10,20,.55);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);}
.lux-footer{border-top:1px solid rgba(255,255,255,.06);}
.lux-card{background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03)); border:1px solid rgba(255,255,255,.12); border-radius:20px; color:#fff;}
.lux-mini{background:rgba(0,0,0,.22); border:1px solid rgba(255,255,255,.10); border-radius:18px; color:#fff;}
.lux-mark{width:44px;height:44px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(212,175,55,.16);color:var(--lux-gold);border:1px solid rgba(212,175,55,.25);}
.lux-btn{background:linear-gradient(90deg, var(--lux-gold), #f6db7c); border:0; color:#111; font-weight:800; border-radius:16px;}
.lux-input{background:rgba(0,0,0,.25)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;border-radius:16px;}
.lux-gift{border:1px solid rgba(255,255,255,.12); background:rgba(0,0,0,.20); border-radius:18px; padding:14px; color:#fff;}
.lux-gift-img{width:56px;height:56px;margin-bottom:10px;}
.lux-modal{background:linear-gradient(145deg, #171726, #0c0c12); color:#fff; border:1px solid rgba(255,255,255,.12); border-radius:22px;}
.lux-avatar{border:3px solid rgba(255,255,255,.18);}

.table-dark{--bs-table-bg: rgba(0,0,0,.18);}

.lux-hero{border:1px solid rgba(255,255,255,.08); border-radius:26px; background: radial-gradient(1200px 600px at 80% -20%, rgba(212,175,55,.25), transparent), radial-gradient(900px 500px at -10% 10%, rgba(124,92,255,.25), transparent), rgba(255,255,255,.03);}
.lux-glass{border:1px solid rgba(255,255,255,.08); border-radius:22px; background: rgba(0,0,0,.25); backdrop-filter: blur(8px);}
.lux-badge{background: rgba(212,175,55,.15); border:1px solid rgba(212,175,55,.35); color:#f7e7b3;}
.lux-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background: rgba(124,92,255,.15); border:1px solid rgba(124,92,255,.35); color:#d7ccff; font-size:18px;}
.fw-black{font-weight:900;}
.text-white-75{color:rgba(255,255,255,.75)!important;}
.lux-verified{color:#33d1a6;}
.lux-tabs{display:flex;gap:10px;flex-wrap:wrap;}
.lux-tab{border:1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.04); color:#fff; padding:10px 14px; border-radius:14px; cursor:pointer;}
.lux-tab.active{background: rgba(212,175,55,.14); border-color: rgba(212,175,55,.45);}


.gift-card{position:relative; overflow:hidden; transition:transform .18s ease, box-shadow .18s ease;}
.gift-card:hover{transform:translateY(-3px) scale(1.01);}
.gift-card:after{content:""; position:absolute; inset:-40px; background: radial-gradient(circle at 30% 30%, rgba(212,175,55,.28), transparent 45%), radial-gradient(circle at 70% 70%, rgba(124,92,255,.22), transparent 55%); opacity:.0; transition:opacity .18s ease;}
.gift-card:hover:after{opacity:1;}
.qrBox{background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.10); border-radius:16px; padding:10px;}
.lux-toast{position:fixed; left:18px; bottom:18px; background:rgba(0,0,0,.75); color:#fff; padding:10px 14px; border-radius:14px; border:1px solid rgba(255,255,255,.12); opacity:0; transform:translateY(8px); transition:.2s; z-index:9999;}
.lux-toast.show{opacity:1; transform:translateY(0);}
.lux-modal{background: rgba(18,18,26,.96)!important; border:1px solid rgba(255,255,255,.10); border-radius:18px; color:#fff;}

.preview-box{border:1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.04);} .lux-kpi{border:1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.04); border-radius:16px;}

.lux-fab{
  position:fixed; right:18px; bottom:18px;
  z-index:9998;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(8px);
  color:#fff;
  padding:12px 14px;
  border-radius:18px;
  display:flex; gap:10px; align-items:center;
  box-shadow: 0 10px 24px rgba(0,0,0,.35);
}
.lux-fab i{color:var(--creator-accent, #D4AF37);}
@media (max-width: 576px){ .lux-fab{left:14px; right:auto;} }

.lux-label{display:block;font-size:.85rem;color:rgba(255,255,255,.75);margin-bottom:.35rem}
.lux-input::placeholder{color:rgba(255,255,255,.45)!important}
.form-select.lux-input{color:rgba(255,255,255,.92)}
.form-control.lux-input{color:rgba(255,255,255,.92)}

.gift-card{transition:transform .15s ease, box-shadow .15s ease}
.gift-card:hover{transform:translateY(-2px)}
.gift-img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.35))}
.gift-emoji{font-size:2rem;line-height:1}
.gift-fa{font-size:1.8rem}
.gift-preview{width:38px;height:38px;object-fit:contain}
.drag-handle{cursor:grab}

.lux-input:focus{box-shadow:0 0 0 .2rem rgba(255,215,110,.15)!important;border-color:rgba(255,215,110,.45)!important}

.form-text
 {
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-secondary-color);
}


/* Creator dashboard + settings layout polish */
.creator-wrap .lux-card{border-radius:24px;}
.creator-wrap .lux-card .fs-3,.creator-wrap .lux-card .fs-4{letter-spacing:.2px;}
.creator-wrap .lux-card{box-shadow: 0 14px 32px rgba(0,0,0,.22);}
.creator-wrap .lux-mini{border-radius:18px;}
@media (max-width: 576px){
  .creator-wrap{padding-left:10px;padding-right:10px;}
  .creator-wrap .lux-card{border-radius:20px;}
  .creator-wrap .lux-card.p-4{padding:16px!important;}
  .creator-wrap .lux-card.p-3{padding:14px!important;}
}