:root{
  --primary: #04ff00;
  --secondary: #00c2ff;
  --bg: #737373;
  --text: #ffffff;
  --card: rgba(255,255,255,0.06);
  --border: rgba(255,255,255,0.12);
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family: Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
}
a{color:var(--secondary); text-decoration:none}
.container{max-width:780px; margin:0 auto; padding:18px}
.card{
  background: var(--card);
  border: 1px solid var(--border);
  border-radius:16px;
  padding:16px;
}
input, button{
  border-radius:14px;
  padding:12px;
  width:100%;
  font-size:16px;
}
input{
  border:1px solid var(--border);
  background: rgba(0,0,0,0.25);
  color: var(--text);
}
button{
  border:0;
  font-weight:700;
  cursor:pointer;
}
.btn-primary{background: var(--primary); color: #fff;}
.btn-danger{background: #ff3b30; color: #fff;}
.btn-warn{background: #ffb020; color: #111;}
.small{font-size:13px; opacity:.85}
.row{display:flex; gap:12px; flex-wrap:wrap}
.row > *{flex:1 1 220px}
.topbar{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px}
.badge{display:inline-block; padding:6px 10px; border-radius:999px; border:1px solid var(--border); background: rgba(0,0,0,0.2)}