*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;color:#fff;background:#120c04}body{min-height:100vh}.bg{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.shade{position:fixed;inset:0;background:linear-gradient(120deg,rgba(15,8,1,.94),rgba(42,21,0,.77),rgba(10,7,3,.92));z-index:1}header,.wrap,.login-card{position:relative;z-index:2}header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(255,174,0,.18);background:rgba(20,11,2,.58);backdrop-filter:blur(14px)}.brand{display:flex;gap:14px;align-items:center;color:#ffc43d}.brand img,.logo{max-height:42px;max-width:160px}.wrap{width:min(1220px,92vw);margin:42px auto}.hero{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px}.hero h1{font-size:clamp(28px,4vw,48px);margin:7px 0}.hero p{color:#d6c6ae}.eyebrow{color:#ffad1f;text-transform:uppercase;letter-spacing:.15em;font-size:12px}button,.ghost{border:0;border-radius:12px;padding:12px 16px;background:linear-gradient(135deg,#ffc400,#ff8a00);color:#241300;font-weight:800;cursor:pointer;text-decoration:none}.ghost{background:rgba(255,255,255,.08);color:#ffd47b;border:1px solid rgba(255,190,48,.22)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(315px,1fr));gap:18px}.card{background:linear-gradient(145deg,rgba(43,25,7,.88),rgba(22,13,5,.9));border:1px solid rgba(255,173,31,.2);border-radius:20px;padding:20px;box-shadow:0 18px 50px rgba(0,0,0,.28);backdrop-filter:blur(14px)}.card-top{display:flex;justify-content:space-between;align-items:center}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}.dot.on{background:#6dff7c;box-shadow:0 0 14px #6dff7c}.dot.off{background:#ff7a53}.status{font-size:12px;color:#cbbca7}.endpoint{margin:18px 0;font-size:25px;color:#ffbe32}.card dl{display:grid;grid-template-columns:115px 1fr;gap:8px;margin:0 0 18px}.card dt{color:#9d8d78}.card dd{margin:0;overflow-wrap:anywhere}.actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.actions .stop{background:#f3a72f}.actions .danger{background:#d94a31;color:#fff}.card details{margin-top:15px;color:#d1b885}.card code{display:block;margin-top:8px;overflow-wrap:anywhere;color:#ffcd61}.empty{padding:35px;border:1px dashed #8b5c1e;border-radius:18px;color:#cbbca7}.alert{padding:12px 15px;background:rgba(210,58,37,.25);border:1px solid #b94b34;border-radius:12px;margin:14px 0}.login{display:grid;place-items:center}.login-card{width:min(430px,92vw);padding:34px;background:rgba(29,17,5,.88);border:1px solid rgba(255,180,34,.25);border-radius:24px;backdrop-filter:blur(16px);box-shadow:0 24px 80px #000}.login-card h1{margin:18px 0 5px}.login-card p{color:#c5b397}.login-card form,dialog form{display:grid;gap:12px}input{width:100%;padding:14px;border-radius:11px;border:1px solid #6c4919;background:#171006;color:#fff;outline:none}input:focus{border-color:#ffad1f}dialog{border:1px solid #734a15;background:#1b1105;color:#fff;border-radius:20px;padding:24px;width:min(500px,90vw)}dialog::backdrop{background:rgba(0,0,0,.75)}.two{display:grid;grid-template-columns:1fr 120px;gap:8px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}@media(max-width:650px){header{padding:0 4vw}.hero{align-items:stretch;flex-direction:column}.actions{grid-template-columns:1fr}.card dl{grid-template-columns:100px 1fr}}