:root{--bg:#090b0a;--panel:#121512;--line:#293029;--text:#f3f6f3;--muted:#99a39b;--lime:#c8ff48;--cyan:#68e6d3}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 80% 0,#17302b 0,transparent 34%),var(--bg);color:var(--text);font:16px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;min-height:100vh}
a{color:inherit}
header{min-height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:18px max(4vw,24px)}
.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:19px}
.brand>b{display:grid;place-items:center;width:38px;height:38px;background:var(--lime);color:#071008;border-radius:9px}
.brand span{font-weight:800}
.brand small{display:block;font:10px/1.1 ui-monospace,monospace;letter-spacing:.18em;color:var(--muted)}
nav{display:flex;gap:24px;align-items:center}
nav a{text-decoration:none;color:var(--muted)}
nav form{margin:0}
button,.primary{border:0;border-radius:8px;padding:11px 17px;font-weight:800;cursor:pointer}
.primary{background:var(--lime);color:#091008}
main{max-width:1180px;margin:auto;padding:72px max(4vw,24px)}
.eyebrow{font:700 12px ui-monospace,monospace;letter-spacing:.18em;color:var(--lime)}
h1{font-size:clamp(42px,7vw,86px);line-height:.98;letter-spacing:-.06em;margin:.18em 0}
.pagehead h1,.auth h1{font-size:clamp(36px,5vw,60px)}
h1 em{font-style:normal;color:var(--cyan)}
.hero>p:last-child,.pagehead>p:last-child{color:var(--muted);max-width:620px;font-size:18px}
.metrics,.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:58px}
.metrics article,.card,.panel,.auth{border:1px solid var(--line);background:rgba(18,21,18,.86);border-radius:14px;padding:28px}
.metrics strong{display:block;font-size:32px}
.metrics span,.muted,.card p{color:var(--muted)}
.auth{max-width:480px;margin:5vh auto}
.auth form{display:grid;gap:18px;margin:30px 0}
.auth label{display:grid;gap:7px;color:var(--muted)}
input{width:100%;padding:13px 14px;background:#080a09;border:1px solid var(--line);border-radius:8px;color:var(--text);font:inherit}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:15px;border-bottom:1px solid var(--line)}
th{color:var(--muted);font-size:13px}
.status{color:var(--lime)}
footer{padding:26px max(4vw,24px);border-top:1px solid var(--line);color:var(--muted);font-size:13px}
@media(max-width:760px){header{align-items:flex-start}.metrics,.grid{grid-template-columns:1fr}nav{gap:9px;flex-wrap:wrap;justify-content:flex-end}nav a{font-size:13px}main{padding-top:45px}.panel{overflow-x:auto;padding:10px}h1{letter-spacing:-.04em}}