*{box-sizing:border-box}body{margin:0;background:#0b0b0b;color:#f5f5f5;font-family:Arial,Helvetica,sans-serif}header{position:sticky;top:0;z-index:1000;background:#101010;border-bottom:1px solid #272727;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:900;letter-spacing:1px}.sub{font-size:12px;color:#aaa;margin-top:3px}.pill{font-size:11px;padding:7px 10px;border-radius:20px;font-weight:800}.online{background:#123d20;color:#74ff9b}.offline{background:#3b1717;color:#ff8f8f}main{max-width:850px;margin:auto;padding:12px}.card{background:#141414;border:1px solid #292929;border-radius:16px;padding:14px;margin-bottom:12px;box-shadow:0 8px 24px #0005}h2{font-size:17px;margin:0 0 12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{font-size:12px;color:#aaa}input{width:100%;margin-top:6px;background:#090909;border:1px solid #363636;color:white;border-radius:10px;padding:12px;font-size:15px;outline:none}input:focus{border-color:#777}.actions{display:flex;gap:8px;margin-top:10px}button{border:0;border-radius:10px;padding:11px 14px;font-weight:800;cursor:pointer;background:#272727;color:white}.primary{background:#f5c400;color:#111}.danger{background:#461919}.hint{font-size:12px;color:#aaa;line-height:1.5}.map-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.map-head h2{margin-bottom:3px}.map-head span{font-size:12px;color:#aaa}#map{height:58vh;min-height:400px;border-radius:12px;overflow:hidden}.dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:#0c0c0c;border-radius:12px;padding:12px;text-align:center}.stat b{display:block;font-size:22px}.stat span{font-size:9px;color:#999}.member-list{margin-top:10px;display:flex;flex-direction:column;gap:7px}.member{display:flex;align-items:center;justify-content:space-between;background:#0d0d0d;border-radius:10px;padding:10px}.member-name{font-weight:700}.member-meta{font-size:11px;color:#999;margin-top:3px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:6px;background:#777}.dot.live{background:#35e66a}.dot.stopped{background:#ffd33d}.empty{color:#888;text-align:center;padding:16px;font-size:13px}code,pre{font-size:12px}pre{background:#090909;padding:10px;border-radius:8px;overflow:auto}footer{text-align:center;color:#666;font-size:11px;padding:20px}@media(max-width:600px){.grid{grid-template-columns:1fr}.actions button{flex:1}#map{height:55vh;min-height:350px}.map-head{gap:8px}.map-head button{padding:9px;font-size:11px}}