:root{
  --bg:#000;--hull:#0A0C0B;--hull2:#0E1211;--wire:#1C2622;--wire2:#26332E;--hud:#3A4B44;
  --ink:#C9D6CE;--ink2:#EAF3EE;--dim:#5E6B66;--amber:#F2B233;--long:#2EE6C5;--short:#FF3D7F;--blue:#4DA3FF;
  --sans:"Chakra Petch",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--amber);text-decoration:none} a:hover{text-decoration:underline}
:focus-visible{outline:1px solid var(--amber);outline-offset:2px}
.mono{font-family:var(--mono)}
.muted{color:var(--dim)}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
/* frame with HUD corners */
.frame{border:1px solid var(--wire);border-radius:3px;background:
  linear-gradient(var(--hud),var(--hud)) left top/14px 2px no-repeat border-box,linear-gradient(var(--hud),var(--hud)) left top/2px 14px no-repeat border-box,
  linear-gradient(var(--hud),var(--hud)) right bottom/14px 2px no-repeat border-box,linear-gradient(var(--hud),var(--hud)) right bottom/2px 14px no-repeat border-box,var(--hull)}
.frame.amber{--hud:var(--amber)}
/* nav */
.nav{display:flex;align-items:center;gap:22px;height:68px;border-bottom:1px solid var(--wire)}
.brand{display:flex;align-items:center;gap:10px;font:700 16px var(--sans);letter-spacing:.08em;color:var(--amber)}
.brand:hover{text-decoration:none}
.mark{width:22px;height:22px;border-radius:5px;background:var(--amber);position:relative}
.mark::after{content:"";position:absolute;inset:6px;border-radius:50%;background:#000;box-shadow:0 0 0 2px var(--amber)}
.nav .links{display:flex;gap:20px;margin-left:auto;align-items:center}
.nav .links a{color:var(--ink);font-size:14px} .nav .links a:hover{color:var(--amber);text-decoration:none}
.nav .links a.btn,.nav .links a.btn:hover{color:#000}
/* buttons & fields */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border:1px solid var(--amber);background:var(--amber);color:#000;font:600 14px var(--sans);letter-spacing:.03em;border-radius:2px;cursor:pointer;text-decoration:none}
.btn:hover{text-decoration:none;filter:brightness(1.08)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--wire2)} .btn.ghost:hover{border-color:var(--amber);color:var(--amber)}
.btn.danger{background:transparent;color:var(--short);border-color:color-mix(in srgb,var(--short) 50%,transparent)}
.btn.sm{height:30px;padding:0 10px;font-size:12.5px}
.btn:disabled{opacity:.5;cursor:default}
label{display:block;font:500 13px var(--sans);color:var(--dim);margin:0 0 6px}
input,select{width:100%;height:42px;padding:0 12px;background:#000;border:1px solid var(--wire2);border-radius:2px;color:var(--ink2);font:14px var(--mono)}
input:focus,select:focus{outline:none;border-color:var(--amber)}
select{font-family:var(--sans)}
.field{margin-bottom:16px}
.note{font-size:13px;color:var(--dim)}
.msg{padding:10px 12px;border:1px solid var(--wire2);border-left:2px solid var(--amber);border-radius:2px;font-size:13.5px;margin-bottom:16px;background:#000}
.msg.err{border-left-color:var(--short);color:#ffd0dc} .msg.ok{border-left-color:var(--long)}
.pill{display:inline-block;font:600 11.5px var(--mono);padding:2px 7px;border-radius:2px;border:1px solid var(--wire2)}
.pill.active{color:var(--long);border-color:color-mix(in srgb,var(--long) 45%,transparent)} .pill.pending{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 45%,transparent)} .pill.suspended{color:var(--short);border-color:color-mix(in srgb,var(--short) 45%,transparent)} .pill.admin{color:var(--blue);border-color:color-mix(in srgb,var(--blue) 45%,transparent)}
table{width:100%;border-collapse:collapse}
th{font:500 12px var(--sans);letter-spacing:.05em;color:var(--dim);text-align:left;padding:9px 10px;border-bottom:1px solid var(--wire)}
td{padding:10px;border-bottom:1px solid var(--wire);font-size:13.5px;vertical-align:middle}
tr:hover td{background:var(--hull2)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}