*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,Segoe UI,Arial,sans-serif;background:#f1f5f9;color:#0f172a}a{color:#2563eb;text-decoration:none}header{background:#0f172a;color:#fff;padding:16px 32px;display:flex;align-items:baseline;gap:24px}header h1{font-size:18px;font-weight:600}header a{color:#93c5fd;font-size:14px}main{max-width:960px;margin:32px auto;padding:0 24px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(15,23,42,.08)}td,th{text-align:left;padding:12px 16px;font-size:14px;border-bottom:1px solid #e2e8f0}th{background:#f8fafc;color:#64748b;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.dot.on{background:#22c55e}.dot.off{background:#ef4444}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(15,23,42,.08);max-width:480px}label{display:block;font-size:13px;font-weight:600;color:#475569;margin:16px 0 6px}input{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:16px}button{margin-top:20px;background:#2563eb;color:#fff;border:0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer}button:disabled{background:#94a3b8;cursor:default}.result{margin-top:16px;font-size:14px;padding:12px;border-radius:8px}.result.ok{background:#dcfce7;color:#166534}.result.err{background:#fee2e2;color:#991b1b}.hint{margin-top:12px;font-size:13px;color:#64748b;line-height:1.6}