body {
  background:#0f0f0f;
  color:white;
  font-family:sans-serif;
}

.container {
  padding:15px;
}

.card {
  background:#1a1a1a;
  padding:12px;
  border-radius:12px;
  margin-bottom:10px;
}

.key {
  display:flex;
  justify-content:space-between;
}

.badge {
  padding:4px 8px;
  border-radius:6px;
}

.active { background:green; }
.paused { background:orange; }
.banned { background:red; }

.actions a {
  margin:5px;
  font-size:18px;
}

/* bottom nav */
.bottom-nav {
  position:fixed;
  bottom:0;
  width:100%;
  background:#111;
  display:flex;
  justify-content:space-around;
  padding:10px;
}

.bottom-nav a {
  color:white;
  font-size:20px;
}

.bottom-nav .active {
  color:red;
}