:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;line-height:1.5;font-weight:400;color:#111827;background-color:#f9fafb}body{margin:0}.container{max-width:960px;margin:0 auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:flex-start;margin-bottom:16px}.logo{height:100px;width:auto;display:block}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}input{padding:10px 12px;border-radius:10px;border:1px solid #d1d5db;min-width:260px}button{padding:10px 12px;border-radius:10px;border:1px solid #111827;background:#111827;color:#fff;cursor:pointer}button.secondary{background:#fff;color:#111827}table{width:100%;border-collapse:collapse}td,th{padding:8px;border-bottom:1px solid #e5e7eb;text-align:left}.error{color:#b91c1c}.small{color:#6b7280;font-size:12px}.spinner{width:12px;height:12px;border:2px solid #d1d5db;border-top-color:#6b7280;border-radius:999px;animation:spin .8s linear infinite}.status{font-weight:600}.status.online{color:#15803d}.status.offline{color:#b91c1c}@keyframes spin{to{transform:rotate(360deg)}}