:root{
  --bg:#0a0a0a;
  --panel:#111111;
  --panel-hover:#171717;
  --accent:#39ff88;
  --accent-dim:#1fae5c;
  --border:rgba(255,255,255,.08);
}
body{background:var(--bg); font-family:'Inter',ui-sans-serif,system-ui,sans-serif;}
.glow{box-shadow:0 0 0 rgba(57,255,136,0); transition:box-shadow .3s ease;}
.glow:hover{box-shadow:0 0 24px rgba(57,255,136,.15);}
.accent{color:var(--accent);}
.card{background:var(--panel); border:1px solid var(--border);}
.card:hover{background:var(--panel-hover);}
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-thumb{background:#222; border-radius:8px;}
.sidebar{transform:translateX(100%); transition:transform .3s ease;}
.sidebar.open{transform:translateX(0);}
.backdrop{opacity:0; pointer-events:none; transition:opacity .3s ease;}
.backdrop.open{opacity:1; pointer-events:auto;}
.pay-btn{border:1px solid var(--border); background:var(--panel); transition:all .2s ease;}
.pay-btn:hover{background:var(--panel-hover); border-color:rgba(255,255,255,.2);}