:root{
  color-scheme:dark;
  --bg:#090909;
  --bg2:#0f1010;
  --panel:#111111;
  --panel2:#171717;
  --panel3:#1d1d1d;
  --text:#f4f4ef;
  --muted:#9a9a92;
  --line:#343434;
  --line2:#4a4a42;
  --accent:#b7ff2a;
  --accent2:#ff681f;
  --bad:#ff3f46;
  --ok:#b7ff2a;
}
*{box-sizing:border-box}
html{background:#000}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  font-family:"Arial Narrow","Roboto Condensed","DIN Condensed","Bahnschrift Condensed","Segoe UI",Arial,sans-serif;
  letter-spacing:.015em;
  background:
    linear-gradient(135deg,rgba(255,255,255,.025) 25%,transparent 25%) 0 0/18px 18px,
    linear-gradient(225deg,rgba(255,255,255,.018) 25%,transparent 25%) 0 0/18px 18px,
    radial-gradient(circle at 20% 10%,rgba(183,255,42,.06),transparent 26%),
    linear-gradient(180deg,#111 0%,#080808 58%,#030303 100%);
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.5;
  background:
    linear-gradient(135deg,transparent 0 9%,rgba(255,255,255,.05) 9.2% 9.8%,transparent 10% 30%,rgba(255,255,255,.035) 30.2% 30.8%,transparent 31%),
    linear-gradient(45deg,transparent 0 16%,rgba(255,255,255,.035) 16.2% 16.8%,transparent 17% 40%,rgba(255,255,255,.025) 40.2% 40.8%,transparent 41%);
  background-size:260px 180px,340px 220px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.25));
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at center,transparent 0 48%,rgba(0,0,0,.42) 100%);
}
.shell{display:grid;grid-template-columns:282px 1fr;min-height:100vh;position:relative;z-index:1}
.side{
  background:rgba(8,8,8,.94);
  border-right:1px solid var(--line);
  padding:22px;
  position:sticky;
  top:0;
  height:100vh;
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:8px;
  color:#fff;
  font-size:23px;
  line-height:1;
  font-weight:900;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.brand-logo{width:44px;height:44px;object-fit:contain}
.sub{color:var(--muted);font-size:12px;margin-bottom:30px;text-transform:uppercase;letter-spacing:.08em}
.nav button,.logout{
  display:block;
  width:100%;
  text-align:left;
  margin:8px 0;
  padding:13px 14px;
  border:1px solid var(--line);
  border-radius:2px;
  background:#101010;
  color:var(--text);
  cursor:pointer;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-weight:800;
  font-size:12px;
}
.nav button:hover,.logout:hover{border-color:var(--accent);color:#fff;background:#151515}
.nav button.active{border-color:var(--accent);background:linear-gradient(90deg,rgba(183,255,42,.18),#101010 58%);color:var(--accent)}
.logout{margin-top:26px;color:#bbb}
.main{padding:30px;max-width:1180px;width:100%}
.card{
  position:relative;
  background:linear-gradient(180deg,rgba(25,25,25,.96),rgba(11,11,11,.97));
  border:1px solid var(--line);
  border-radius:3px;
  padding:20px;
  margin-bottom:18px;
  box-shadow:none;
}
.card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-top:1px solid rgba(255,255,255,.05);
  background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 22%);
}
.hero{
  min-height:206px;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.28)),
    linear-gradient(135deg,transparent 0 14%,rgba(255,255,255,.05) 14.2% 14.7%,transparent 15% 32%,rgba(255,255,255,.04) 32.2% 32.8%,transparent 33%),
    #111;
  background-size:auto,240px 170px,auto;
}
.hero:after{
  content:"ARMSRADAR";
  position:absolute;
  right:16px;
  bottom:10px;
  font-size:76px;
  font-weight:900;
  letter-spacing:.08em;
  color:rgba(255,255,255,.035);
  pointer-events:none;
}
h1,h2{margin:0 0 14px;text-transform:uppercase;letter-spacing:.055em;font-weight:900;line-height:1.05}
h1{font-size:clamp(30px,4vw,52px)}
h2{font-size:18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.stat h2{font-size:46px;color:var(--accent);letter-spacing:.02em}
.eyebrow{margin:0 0 10px;color:var(--accent);font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:12px}
label{display:block;font-size:12px;color:var(--muted);margin:10px 0 6px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
input,select,textarea{
  width:100%;
  padding:12px 12px;
  border-radius:2px;
  border:1px solid var(--line2);
  background:#0c0c0c;
  color:var(--text);
  outline:none;
  font:inherit;
  font-size:14px;
}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
textarea{min-height:72px}
.btn{
  border:1px solid var(--accent);
  border-radius:2px;
  padding:12px 16px;
  background:var(--accent);
  color:#060606;
  font-weight:900;
  cursor:pointer;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:12px;
  box-shadow:none;
}
.btn:hover{filter:brightness(1.08)}
.btn.secondary{background:#141414;color:var(--text);border-color:var(--line2)}
.btn.danger{background:#1a0d0d;color:#ff777c;border-color:var(--bad)}
.btn.danger:hover{background:var(--bad);color:#060606}
.btn.blue{background:var(--accent2);border-color:var(--accent2);color:#080808}
.muted{color:var(--muted);font-family:"Segoe UI",Arial,sans-serif;letter-spacing:0;line-height:1.45}
.pill{display:inline-flex;padding:5px 8px;border-radius:2px;background:#171717;border:1px solid var(--line2);color:#eee;font-size:11px;margin:2px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.pill.status.enabled{background:rgba(183,255,42,.16);border-color:var(--accent);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
.pill.status.paused{background:rgba(255,104,31,.14);border-color:var(--accent2);color:#ff9a66;box-shadow:inset 3px 0 0 var(--accent2)}
.btn.toggle.enabled{background:rgba(183,255,42,.15);border-color:var(--accent);color:var(--accent)}
.btn.toggle.enabled:hover{background:var(--accent);color:#060606}
.btn.toggle.paused{background:rgba(255,104,31,.16);border-color:var(--accent2);color:#ff9a66}
.btn.toggle.paused:hover{background:var(--accent2);color:#060606}
.error{color:var(--bad)}.ok{color:var(--ok)}.required{color:var(--accent);font-weight:900}.advanced{font-size:11px;color:var(--accent2);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.checkline{display:flex;align-items:center;gap:10px;margin-top:14px;color:var(--text);font-size:12px}.checkline input{width:auto;accent-color:var(--accent)}
.notice{border:1px solid var(--accent);background:rgba(183,255,42,.08);padding:16px 18px;margin-bottom:18px;border-radius:3px}.notice strong{display:block;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:15px}.notice p{margin:6px 0 0;color:var(--text);font-family:"Segoe UI",Arial,sans-serif;letter-spacing:0}.link-code-wrap{margin-top:14px}.code-card{border:1px solid var(--accent);background:linear-gradient(135deg,rgba(183,255,42,.15),rgba(17,17,17,.98));padding:18px 20px;border-radius:3px;display:inline-block;min-width:320px}.code-card .code-label{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.code-card strong{display:block;color:var(--accent);font-size:48px;line-height:1;margin:8px 0;font-weight:900;letter-spacing:.12em;text-shadow:0 0 18px rgba(183,255,42,.22)}.code-card p{margin:0;color:var(--text);font-family:"Segoe UI",Arial,sans-serif;letter-spacing:0}.code-card code{background:#050505;border:1px solid var(--line2);color:var(--accent);padding:3px 6px;border-radius:2px}
.login{max-width:470px;margin:7vh auto;text-align:left}.login-card{text-align:left;padding:28px}.login-logo{width:142px;max-width:46%;margin:0 0 12px;display:block}.login h1{font-size:48px;color:#fff}.login label{text-align:left}.login .muted{font-weight:600}.discord-login{display:block;text-align:center;margin:18px 0 12px;background:#5865f2;border-color:#7b84ff;color:#fff}.discord-login:hover{text-decoration:none;filter:brightness(1.08)}.login-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.login-divider:before,.login-divider:after{content:"";height:1px;background:var(--line);flex:1}
.list{display:grid;gap:12px}.item{padding:14px;border:1px solid var(--line);border-radius:2px;background:#101010}.item strong{text-transform:uppercase;letter-spacing:.055em}a{color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.05em;text-decoration:none}a:hover{text-decoration:underline}
@media(max-width:800px){.shell{grid-template-columns:1fr}.side{position:relative;height:auto}.main{padding:14px}.grid{grid-template-columns:1fr}.hero{min-height:220px}.hero:after{font-size:42px}.brand-logo{width:38px;height:38px}.login{margin:18px auto}.login-logo{width:120px}}