:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#080b14;color:#e9edf7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#25152f 0,#0c1020 38%,#070911 75%);min-height:100vh}header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #262c40;background:#0b0f1bcc;backdrop-filter:blur(10px)}header b,.brand{letter-spacing:.18em;color:#bd5cff}header span{color:#9da8c4}.ghost{margin-left:18px;background:transparent;color:#abb5ce;border:1px solid #323a52;border-radius:8px;padding:8px 12px}main{max-width:1500px;margin:auto;padding:30px}.top{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.top h1{margin:0;font-size:30px}.top p{margin:7px 0 0;color:#8c97b3}.badge{padding:8px 12px;border-radius:999px;background:#273147}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px}.card{background:#0d1220e8;border:1px solid #272e43;border-radius:16px;padding:20px;box-shadow:0 12px 40px #0005}.cardhead{display:flex;justify-content:space-between;align-items:start}.status{font-size:12px;font-weight:700;padding:6px 9px;border-radius:999px}.online{background:#123d2d;color:#73e4ae}.offline{background:#491f29;color:#ff8ca2}.warn{background:#493d18;color:#f5d76e}.name{font-size:20px;font-weight:700}.sub{color:#7f8ba9;font-size:13px;margin-top:3px}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.metric{background:#111829;border-radius:12px;padding:12px}.metric .v{font-size:24px;font-weight:700}.metric .l{font-size:12px;color:#7f8ba9;margin-top:3px}.bar{height:5px;background:#222a3e;border-radius:4px;margin-top:8px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#7b5cff,#cf5cff);border-radius:4px}.services{border-top:1px solid #242b3e;padding-top:12px}.svc{display:flex;justify-content:space-between;padding:6px 0;font-size:13px}.ok{color:#64dca1}.bad{color:#ff728d}.login{display:grid;place-items:center;min-height:100vh}.panel{width:min(390px,92vw);background:#0c1120;border:1px solid #292f45;padding:30px;border-radius:18px}.panel h1{margin:10px 0 24px}.panel input{width:100%;margin:7px 0;padding:12px;background:#111829;color:white;border:1px solid #30384f;border-radius:9px}.panel button{width:100%;margin-top:12px;padding:12px;background:#8d4dff;color:white;border:0;border-radius:9px;font-weight:700}.err{color:#ff8196;margin-top:10px;font-size:13px}.hidden{display:none!important}@media(max-width:600px){main{padding:18px}header{padding:0 16px}.top{align-items:start;gap:14px}.top h1{font-size:24px}.metrics{grid-template-columns:1fr 1fr}}
.addbtn{background:#8d4dff;color:#fff;border:0;border-radius:9px;padding:9px 13px;font-weight:700}.modal{position:fixed;inset:0;background:#000a;display:grid;place-items:center;z-index:20}.panel select{width:100%;margin:7px 0;padding:12px;background:#111829;color:white;border:1px solid #30384f;border-radius:9px}.wide{width:100%;margin-top:8px}.tokenout{white-space:pre-wrap;word-break:break-all;background:#080c16;border:1px solid #30384f;padding:12px;border-radius:9px;margin-top:14px;color:#aee7c8}