:root {
  --bg: #050b18;
  --panel: #0b1428;
  --txt: #e7eefb;
  --muted: #9fb0d1;
  --accent: #00e5ff;
  --cta: #ff6b6b;
  --ok: #16a34a;
  --bad: #ef4444;
  --logout: #4b5563;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: Inter, system-ui, Arial, sans-serif;
  color: var(--txt);
  background: var(--bg);
}
a { color: #bfe8ff; text-decoration: none; }
.bg {
  position: fixed;
  inset: 0;
  background: url('https://images.unsplash.com/photo-1522778119026-d647f0596c20?q=80&w=1600&auto=format&fit=crop') center/cover;
  filter: brightness(.28);
  z-index: -1;
}