:root{font-family:Inter,system-ui,sans-serif;color:#111;background:#f6f7fb}body{margin:0}.page{padding:24px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.muted{color:#6b7280}.badge{padding:6px 12px;border-radius:999px;font-size:12px;background:#e5e7eb}.badge.ok{background:#dcfce7;color:#166534}.badge.offline{background:#fee2e2;color:#991b1b}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 12px #0000000d}.list{display:grid;gap:10px}.row{display:grid;grid-template-columns:160px 1fr 120px;gap:10px;padding:8px;border-radius:8px;background:#f9fafb}.time{font-size:12px;color:#6b7280}.text{font-weight:600}.meta{text-align:right;color:#374151}@media (max-width: 900px){.grid,.row{grid-template-columns:1fr}}