:root{
  --bg:#0b0d10; --bg-2:#0f1217; --card:#141a25; --card-2:#1a2230;
  --muted:rgba(255,255,255,.78); --muted2:rgba(255,255,255,.62);
  --gold-a:#c9aa71; --gold-b:#f0d38a; --gold-c:#ffd57a;
  --ring:0 0 0 2px rgba(240,211,138,.25);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Arial;background:linear-gradient(135deg,#0b0d10 0%,#10141b 55%,#0b0d10 100%);color:#fff}
.theme-dark .glass{backdrop-filter:saturate(140%) blur(8px); background:linear-gradient(180deg,rgba(20,26,37,.8),rgba(20,26,37,.6))}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #1f2733;position:sticky;top:0;z-index:20}
.topbar .logo{height:28px;margin-right:10px;filter:drop-shadow(0 0 0 rgba(0,0,0,0))}
.topbar .brand{font-weight:700;letter-spacing:.2px}
.topbar .left{display:flex;align-items:center;gap:10px}
.topbar .right{display:flex;gap:10px}

.container{max-width:1240px;margin:30px auto;padding:0 16px}
.update-row{margin:8px 2px 18px;display:flex;gap:8px;align-items:center;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.grid{grid-template-columns:1fr}}

.card{background:linear-gradient(160deg,var(--card) 0%, #101721 100%);border:1px solid #1f2733;border-radius:16px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.card.gold{background:
  radial-gradient(1200px 300px at -20% -20%, rgba(201,170,113,.09), transparent 60%),
  radial-gradient(1200px 300px at 140% 130%, rgba(240,211,138,.09), transparent 60%),
  linear-gradient(160deg,var(--card) 0%, #101721 100%);
}
.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.title{font-weight:700}
.muted{color:var(--muted2);font-size:.95rem}
.price{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,var(--gold-a),var(--gold-b) 45%,var(--gold-c));-webkit-background-clip:text;background-clip:text;color:transparent}

.split{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.divider{width:1px;height:46px;background:#293346;border-radius:1px}

.chg{font-size:.86rem;padding:6px 10px;border-radius:999px;background:#202939;color:#ddd;border:1px solid #2a3343}
.chg.up{background:rgba(22,163,74,.12);color:#34d399;border-color:rgba(52,211,153,.25)}
.chg.down{background:rgba(239,68,68,.12);color:#f87171;border-color:rgba(248,113,113,.25)}

.btn{appearance:none;border:1px solid #2a3343;background:#141a25;color:#fff;border-radius:12px;padding:10px 14px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.25);display:inline-flex;gap:8px;align-items:center}
.btn:hover{box-shadow:0 10px 24px rgba(0,0,0,.35)}
.btn:focus{outline:none;box-shadow:var(--ring)}
.btn-gold{background:linear-gradient(135deg,var(--gold-a),var(--gold-b) 45%,var(--gold-c));color:#111;border:none}

.foot{padding:26px 18px;color:var(--muted2);text-align:center;opacity:.8}

/* Panel */
.auth .card{max-width:420px;margin:10vh auto;padding:24px}
.auth .brand{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.auth .brand img{height:28px}
.auth input, .auth button, .admin-card input, .admin-card select{
  width:100%;padding:10px 12px;border-radius:10px;border:1px solid #2a3343;background:#111723;color:#fff
}
.auth input:focus, .admin-card input:focus, .admin-card select:focus{outline:none;box-shadow:var(--ring)}
.wrap{padding:20px}
.grid .admin-card{padding:18px}
.admin-card .row{display:flex;gap:12px;align-items:flex-end}
.admin-card .row.two>div{flex:1}
.admin-card .row .grow{flex:1}
.actions{margin-top:8px;display:flex;gap:10px}
.alert-error{background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.35);padding:10px;border-radius:12px;margin-bottom:12px}
.terminal{background:#0b0f15;border:1px solid #1f2733;border-radius:12px;padding:14px;color:#9cc}