:root{
  --bg:#05070a; --fg:#00ff9c; --dim:#0a3a28; --accent:#ff0044;
  --mono:'JetBrains Mono','Courier New',monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--fg);font-family:var(--mono);font-size:14px;min-height:100vh}
body::before{
  content:'';position:fixed;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(0,255,156,.03) 0 1px,transparent 1px 3px);
  z-index:1;
}
.center{display:grid;place-items:center;height:100vh}
.card{background:rgba(0,20,15,.6);border:1px solid var(--dim);padding:22px;position:relative;z-index:2}
.card::before{content:'//';position:absolute;top:-1px;right:8px;color:var(--accent);font-weight:700}
.card h1,.card h2{font-size:14px;letter-spacing:4px;color:var(--fg);margin-bottom:14px;text-transform:uppercase}
input,button{
  width:100%;padding:10px 12px;margin:6px 0;
  background:#000;border:1px solid var(--dim);color:var(--fg);
  font-family:var(--mono);outline:none;
}
input:focus,button:hover{border-color:var(--fg);box-shadow:0 0 12px rgba(0,255,156,.4)}
button{cursor:pointer;letter-spacing:2px;text-transform:uppercase}
button:hover{background:var(--dim)}
.err{color:var(--accent);margin-top:8px;font-size:12px}
.hud{padding:18px 24px;border-bottom:1px solid var(--dim);display:flex;justify-content:space-between;align-items:center}
.hud h1{font-size:16px;letter-spacing:6px}
.stat{font-size:12px;color:var(--accent)}
.grid{display:grid;grid-template-columns:280px 1fr 320px;gap:16px;padding:18px}
@media(max-width:900px){.grid{grid-template-columns:1fr}}
#devices{list-style:none}
#devices li{padding:10px;border:1px solid var(--dim);margin-bottom:6px;cursor:pointer;font-size:12px}
#devices li:hover{border-color:var(--fg);background:rgba(0,255,156,.06)}
#logs{font-size:11px;color:#7dffc1;max-height:60vh;overflow:auto;white-space:pre-wrap;line-height:1.5}
#cmds{display:grid;grid-template-columns:1fr 1fr;gap:6px}