:root{
  --bg:#0f1226;--panel:#161a39;--text:#e7e9ff;--muted:#9aa0c3;--accent:#7A3CE8;--accent2:#00e5ff;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}
.btn{display:inline-block;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:10px}
.btn.ghost{background:transparent}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(17,20,50,.85),rgba(17,20,50,.35));backdrop-filter:blur(8px);position:sticky;top:0}
.wrap{padding:20px;max-width:1000px;margin:0 auto}
.panel{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;margin-bottom:18px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}
.stat{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px;text-align:center}
.stat span{display:block;font-size:24px;font-weight:800;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}
.status{padding:6px 10px;border-radius:999px;font-size:12px;display:inline-block}
.status.cold{background:rgba(255,79,163,.15);color:#ff79b7}
.status.warm{background:rgba(255,199,0,.15);color:#ffd166}
.status.hot{background:rgba(0,229,255,.15);color:#00e5ff}
.foot{padding:18px;text-align:center;color:#9aa0c3}