/* public/assets/css/app.css
   Aibinora premium black / emerald / gold theme
   Design-only update. No PHP logic touched.
*/

:root{
  --bg:#030604;
  --bg0:#030604;
  --bg1:#040E07;
  --bg2:#041909;
  --forest:#041909;
  --olive:#213714;
  --card:rgba(4,14,7,.82);
  --card2:rgba(4,25,9,.72);
  --panel:rgba(4,14,7,.86);
  --panel2:rgba(4,25,9,.72);
  --border:rgba(252,220,84,.25);
  --border2:rgba(177,159,93,.35);
  --text:#F2F0E0;
  --muted:#a9b49a;
  --gold:#F5BF53;
  --gold-bright:#FCDC54;
  --gold-muted:#B19F5D;
  --lime:#BCCF66;
  --green:#22c55e;
  --green2:#19b68d;
  --red:#ef4444;
  --bad:#ef4444;
  --good:#22c55e;
  --shadow:0 26px 70px rgba(0,0,0,.52);
  --shadow2:0 14px 34px rgba(0,0,0,.35);
  --radius:22px;
}

*{box-sizing:border-box}
html{min-height:100%;background:#030604;color-scheme:dark}
body{
  margin:0;
  color:var(--text);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:
    radial-gradient(circle at 50% -5%, rgba(252,220,84,.24), transparent 26%),
    radial-gradient(circle at 85% 22%, rgba(245,191,83,.13), transparent 34%),
    radial-gradient(circle at 12% 72%, rgba(188,207,102,.10), transparent 34%),
    linear-gradient(180deg, #030604 0%, #041909 47%, #020302 100%) !important;
  background-attachment:fixed !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background-image:
    linear-gradient(rgba(252,220,84,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(252,220,84,.035) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.92), transparent 80%);
}

a{color:inherit}
img{max-width:100%}
.container{max-width:980px;margin:0 auto;padding:14px}

.card,
.panel,
.box,
.section,
.balance-card,
.wallet-card,
.stat-card,
.auth-card{
  background:linear-gradient(145deg, rgba(3,6,4,.88), rgba(4,25,9,.72)) !important;
  border:1px solid var(--border) !important;
  border-radius:22px !important;
  box-shadow:var(--shadow2) !important;
  color:var(--text) !important;
}
.card{padding:14px;margin-bottom:14px}

.input, textarea, select,
input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="tel"],input[type="url"],input[type="search"]{
  width:100%;
  padding:12px;
  border-radius:14px;
  background:rgba(3,6,4,.72) !important;
  border:1px solid rgba(252,220,84,.22) !important;
  color:var(--text) !important;
  margin-top:6px;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.input:focus, textarea:focus, select:focus,
input:focus{
  border-color:rgba(252,220,84,.62) !important;
  box-shadow:0 0 0 3px rgba(252,220,84,.11), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
select option{background:#040E07;color:#F2F0E0}
label{font-size:13px;color:var(--muted);margin-top:10px;display:block;font-weight:800}

.btn,button.btn,.button,
a.btn,input[type="submit"],button[type="submit"]{
  background:linear-gradient(135deg, #FCDC54 0%, #F5BF53 48%, #B19F5D 100%) !important;
  border:1px solid rgba(252,220,84,.58) !important;
  color:#141006 !important;
  padding:12px 16px;
  border-radius:16px !important;
  font-weight:900 !important;
  cursor:pointer;
  text-decoration:none;
  box-shadow:0 14px 32px rgba(245,191,83,.18), inset 0 1px 0 rgba(255,255,255,.30) !important;
  transition:transform .16s ease, filter .16s ease, box-shadow .16s ease;
}
.btn:hover,button.btn:hover,.button:hover,a.btn:hover,input[type="submit"]:hover,button[type="submit"]:hover{filter:brightness(1.05);transform:translateY(-1px)}
.btn.outline,.btn2,.outline,a.btn.outline,button.btn.outline{
  background:rgba(4,25,9,.46) !important;
  color:var(--gold-bright) !important;
  border:1px solid rgba(252,220,84,.30) !important;
  box-shadow:none !important;
}
.muted{color:var(--muted) !important}.small{font-size:12px}.gold{color:var(--gold-bright)!important}.green,.good,.profit{color:#22c55e!important}.red,.bad,.loss{color:#ef4444!important}

hr{border:0;border-top:1px solid rgba(252,220,84,.18)}
table{width:100%;border-collapse:collapse;color:var(--text)}
th,td{border-bottom:1px solid rgba(252,220,84,.14) !important;color:var(--text)}
th{color:var(--muted)!important;background:rgba(4,14,7,.58)!important}

/* User layout */
.topbar{
  background:rgba(3,6,4,.82) !important;
  border-bottom:1px solid rgba(252,220,84,.24) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.42) !important;
}
.brand .name{
  background:linear-gradient(180deg,#FCDC54 0%,#F5BF53 42%,#B19F5D 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-transform:uppercase;
  letter-spacing:.7px !important;
  filter:drop-shadow(0 0 18px rgba(252,220,84,.18));
}
.brand .sub{color:var(--muted)!important}
.iconbtn,.drawerClose,.nbSound,.nbTab,.xwBT-icoBtn,.xwBT-btnMini,.xwBT-linkBtn,.pwBtn{
  background:linear-gradient(180deg, rgba(4,25,9,.86), rgba(3,6,4,.84)) !important;
  border:1px solid rgba(252,220,84,.24) !important;
  color:var(--text) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.28) !important;
}
.iconbtn:hover,.drawerClose:hover,.xwBT-icoBtn:hover,.xwBT-btnMini:hover,.xwBT-linkBtn:hover,.pwBtn:hover{border-color:rgba(252,220,84,.50)!important;color:var(--gold-bright)!important}
.nbBadge{background:linear-gradient(135deg,#FCDC54,#F5BF53)!important;color:#111!important;border-color:rgba(252,220,84,.60)!important}
.nbMenu,.drawer{
  background:linear-gradient(180deg, rgba(4,14,7,.98), rgba(3,6,4,.98)) !important;
  border-color:rgba(252,220,84,.24) !important;
}
.drawerhead,.nbHead,.nbTabs,.nbFoot{border-color:rgba(252,220,84,.18)!important;background:rgba(4,25,9,.42)!important}
.avatar{border-color:rgba(252,220,84,.40)!important;background:rgba(245,191,83,.08)!important;color:var(--gold-bright)!important;box-shadow:0 0 22px rgba(245,191,83,.10)}
.linklist a,.nbItem{
  background:linear-gradient(180deg, rgba(4,25,9,.58), rgba(3,6,4,.54)) !important;
  border-color:rgba(252,220,84,.20) !important;
  color:var(--text) !important;
}
.linklist a i{color:var(--gold-bright)!important}

.bottomnav{filter:drop-shadow(0 -18px 35px rgba(0,0,0,.42))}
.navpill{
  background:rgba(3,6,4,.88) !important;
  border:1px solid rgba(252,220,84,.24) !important;
  box-shadow:0 18px 55px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.navitem{color:rgba(242,240,224,.70)!important}
.navitem .ico{background:rgba(4,25,9,.42)!important;border-color:rgba(252,220,84,.14)!important;color:inherit!important}
.navitem.active{
  color:var(--gold-bright)!important;
  background:radial-gradient(circle at 50% 0%, rgba(252,220,84,.18), rgba(4,25,9,.45)) !important;
}
.navitem.active .ico{
  background:radial-gradient(circle at 50% 0%, rgba(252,220,84,.28), rgba(4,25,9,.68)) !important;
  border-color:rgba(252,220,84,.45)!important;
  box-shadow:0 0 24px rgba(245,191,83,.22), inset 0 1px 0 rgba(255,255,255,.10)!important;
}

/* Trading page theme overrides */
.xwBT-card{overflow:hidden;position:relative}
.xwBT-card::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(252,220,84,.65),transparent);pointer-events:none;
}
.xwBT-title{color:var(--text)!important;letter-spacing:.2px}
.xwBT-muted{color:var(--muted)!important}
.xwBT-pill{
  background:rgba(4,25,9,.52)!important;
  border:1px solid rgba(252,220,84,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.xwBT-chartBox{height:280px!important}
.xwBT-chartBox canvas,
#pairChart{
  background:
    linear-gradient(rgba(252,220,84,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(252,220,84,.045) 1px, transparent 1px),
    radial-gradient(circle at 78% 20%, rgba(252,220,84,.08), transparent 30%),
    rgba(3,6,4,.78) !important;
  background-size:44px 44px,44px 44px,auto,auto !important;
  border:1px solid rgba(252,220,84,.25)!important;
  border-radius:18px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 20px 46px rgba(0,0,0,.28)!important;
}
.xwBT-lsBtn.long,
.xwBT-bigBtn:not(.short){
  background:linear-gradient(180deg, #47e074 0%, #168b36 100%) !important;
  color:#fff!important;
  border:1px solid rgba(188,207,102,.48)!important;
  box-shadow:0 16px 35px rgba(34,197,94,.20), inset 0 1px 0 rgba(255,255,255,.20)!important;
}
.xwBT-bigBtn:not(.short){border-color:rgba(252,220,84,.52)!important;box-shadow:0 0 0 1px rgba(252,220,84,.22),0 18px 45px rgba(34,197,94,.22)!important}
.xwBT-lsBtn.short.active,.xwBT-bigBtn.short{
  background:linear-gradient(180deg,#ff5d5d 0%,#c42020 100%)!important;
  color:#fff!important;
  box-shadow:0 16px 35px rgba(239,68,68,.18)!important;
}
.xwBT-lsBtn.short,.xwBT-lsBtn.long.inactive{
  background:rgba(4,14,7,.65)!important;
  color:var(--muted)!important;
  border:1px solid rgba(252,220,84,.18)!important;
}
.xwBT-input,select.xwBT-input{
  background:linear-gradient(180deg, rgba(3,6,4,.90), rgba(4,25,9,.58))!important;
  border:1px solid rgba(252,220,84,.24)!important;
  color:var(--text)!important;
}
.xwBT-tradeCard,.xwBT-kpi,.xwBT-coinLink,.xwBT-runRow{
  background:linear-gradient(145deg,rgba(4,25,9,.54),rgba(3,6,4,.68))!important;
  border:1px solid rgba(252,220,84,.18)!important;
}
.xwBT-dBack,.xwBT-popBack{background:rgba(0,0,0,.72)!important;backdrop-filter:blur(4px)}
.xwBT-drawer,.xwBT-pop,.xwBT-resModal{
  background:linear-gradient(180deg,rgba(4,14,7,.98),rgba(3,6,4,.98))!important;
  border:1px solid rgba(252,220,84,.28)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.64)!important;
}
.xwBT-dHead,.xwBT-resTable,.xwBT-resRow{border-color:rgba(252,220,84,.18)!important}
.xwBT-ring circle#ringProg{stroke:var(--gold-bright)!important;filter:drop-shadow(0 0 8px rgba(252,220,84,.4))}
.xwBT-spinner::after{background:#040E07!important;border-color:rgba(252,220,84,.20)!important}
.xwBT-progBar{background:rgba(4,25,9,.65)!important;border-color:rgba(252,220,84,.18)!important}
.xwBT-progFill{background:linear-gradient(90deg,#FCDC54,#22c55e)!important}
.xwBT-resBadge{background:linear-gradient(180deg,#47e074,#168b36)!important;box-shadow:0 18px 40px rgba(34,197,94,.20),0 0 0 1px rgba(252,220,84,.24)!important}
.xwBT-resBtn{background:linear-gradient(135deg,#FCDC54,#F5BF53,#168b36)!important;color:#101006!important;border:1px solid rgba(252,220,84,.55)!important}
.xwBT-liveBadge{background:rgba(34,197,94,.13)!important;border-color:rgba(188,207,102,.35)!important;color:#b6ffba!important}
.xwBT-pendingBadge{background:rgba(252,220,84,.10)!important;border-color:rgba(252,220,84,.30)!important;color:#FCDC54!important}

/* Sliders / public pages / asset components */
.xw-slide,.assetCard,.assetRow,.coin-card,.market-card,.tx-card{
  background:linear-gradient(145deg, rgba(3,6,4,.82), rgba(4,25,9,.58))!important;
  border-color:rgba(252,220,84,.22)!important;
}

@media (max-width:640px){
  .container,.content{padding-left:12px!important;padding-right:12px!important}
  .xwBT-chartBox{height:250px!important}
  .card{border-radius:20px!important}
}