*{box-sizing:border-box}body{margin:0;background:#f3f5f7;color:#17202a;font-family:Arial,sans-serif}.hidden{display:none!important}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.card{background:#fff;border:1px solid #e2e6ea;border-radius:12px;padding:18px;margin:16px 0;box-shadow:0 3px 12px #0001}.login{width:min(400px,94vw)}input,select,textarea{width:100%;padding:10px;border:1px solid #ccd2d8;border-radius:7px;margin:5px 0}button{border:0;border-radius:7px;padding:9px 13px;background:#2563eb;color:#fff;cursor:pointer;margin:3px}header{position:sticky;top:0;background:#111827;color:#fff;padding:13px 20px;display:flex;justify-content:space-between;gap:12px;align-items:center}main{max-width:1400px;margin:auto;padding:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stats strong{display:block;font-size:28px;margin-top:5px}.row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #eee}pre{white-space:pre-wrap;background:#f7f8fa;padding:10px}.table-wrap{overflow:auto;max-height:620px}table{border-collapse:collapse;width:100%;min-width:1100px}th,td{padding:8px;border-bottom:1px solid #eee;text-align:left;font-size:13px;white-space:nowrap}th{position:sticky;top:0;background:#f7f8fa}.online{color:#16803c;font-weight:bold}.offline{color:#777}
.list-wrap{max-height:360px}.list-table{min-width:760px}.muted{color:#6b7280;display:block;margin:2px 0 8px}.list-table td,.list-table th{vertical-align:middle}.list-table button{white-space:nowrap}